Cours et tutoriaux Photoshop, Flash, Fireworks, Paintshop et sur le développement de sites Web XHTML, PHP, MySQL...

Tutorial Fireworks : Screening

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial screening

Voici un petit tutorial très simple à réaliser mais dont le rendu est toujours autant apprécié.
De plus, une fois le pattern créé, il vous sera très facile de l'appliquer par la suite à une autre image.


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Facile
Création : 14/03/2006
Mise à jour : 02/10/2007

Nombre de visites : 1833


Résultat du tutorial screening

1. Ouvrir un document existantIcone remonter en haut de page

Pour ce tutorial il nous faut utiliser une image.

2. Créer un patternIcone remonter en haut de page

Nous allons maintenant créer un pattern afin de pouvoir l'utiliser sur notre image.
Créez un nouveau document ayant les propriétés suivantes :

Pour travailler avec plus de confort et de facilité, faites un zoom à 6400%.
Tracez un rectangle noir et paramétrez comme sur cet aperçu :

Voilà notre pattern est prêt.
Enregistrez le dans le dossier "Pattern" du répertoire d'installation de Fireworks (par defaut : "C:Program FilesMacromediaFireworks MX 2004ConfigurationPatterns").
En l'enregistrant dans ce dossier vous pourrez facilement le retrouver dans la liste des motifs.
Enregistrez le au format .png afin de garder la transparence.

3. Appliquer le pattern "lignes TV"Icone remonter en haut de page

Tracer un rectangle d'un format au moins égal à celui de votre image afin qu'il la recouvre complètement et appliquez lui notre pattern "lignes TV" eu guise de remplissage :

Il ne vous reste plus qu'à définir une transparence qui convient à l'image que vous avez choisi (ici 50%).


Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1