Fireworks : Créer une LED (Partie 2)

Niveau : Initié

Durée : 10 à 20 minutes

Seconde partie : Effets et Organisation.

Cette seconde partie terminera la réalisation de la LED sous Fireworks par l'apprentissage d'autres notions de base du logiciel comme l'application d'effets ou l'organisation des éléments qui composent la réalisation (ou gestion de calques).

Nous allons créer la lueur interne de la LED. Pour cela regardez le panneau des propriétés, sur la droite vous verrez des options d’effets. A côté du mot "Effets :", cliquez sur le signe +. Un menu déroulant s’affiche avec les différents effets disponibles. Sélectionnez "Ombre et néon" / "Rayonnement interne".

Pour les options de l’effet, choisissez une couleur verte assez vive ( #66FF00 ), une largeur de 2, un adoucissement de 4 et une transparence de 80%. Validez avec la touche "Entrée".

Maintenant ajoutez un biseau intérieur ( "Biseau et estampe" / "Biseau intérieur" ) adouci, de valeur 5, de contraste 59%, adouci à 3 et d’un angle égal à 317°.

Pour ajouter du relief et renforcer l’aspect translucide, appliquez une première ombre portée ( "Ombre et néon" / "Ombre portée" ) de couleur verte ( #1EC139 ) et de distance 3.

Ajoutez une seconde ombre portée avec les valeurs par défaut.

Nous allons maintenant ajouter la dernière touche à cette partie : le reflet. Faites une copie de votre forme actuelle, collez-la et placez-la à côté. Zoomez dessus avec le raccourci des touches "CTRL" + "+ (du pavé numérique)" jusqu’à avoir une bonne visibilité.

Supprimez tous les effets sur cette copie.

Dessinez un rectangle au dessus de cette forme pour en masque les ¾ inférieurs.

Sélectionnez ces deux formes comme précédemment avec le premier rectangle et l’ellipse, mais cette fois-ci au lieu de réaliser une union, effectuez un "poinçon" (Menu "modification" / "Combiner les trajets" / "Poinçon" ).

Maintenant appliquez une couleur unie à cette forme à la place du dégradé vert. Sa couleur doit devenir blanche.

Déplacez cette forme blanche par-dessus la LED verte pour mieux la voir.

Réduisez un peu sa taille grâce à l’outil de Mise à l’échelle, et augmentez un peu la hauteur (étirez le point du milieu du côté inférieur avec l’outil de Mise à l’échelle vers le bas).

Appliquez un effet de flou gaussien ( "Effets" / "Flou" / "Flou Gaussien" ) d’une valeur de 1.7.

Satisfait ? Il ne reste que les pattes…

Sélectionnez l’outil de traçage de traits.

Pour les propriétés du trait, choisissez un Gris (#999999 ), une épaisseur de 3 et un style de trait net ( "Crayon" / "1 pixel net" ).

Tracez une patte et ajustez sa position avec les flèches du clavier.

Ajoutez un effet d’ombre portée. Pour donner l’impression d’être éloigné du ‘sol’, mettez les valeurs 20% en transparence et 2 en adoucissement.

L’ombre passe au dessus de la LED, il faut donc passer le calque de la patte en dessous.

Soit grâce au raccourci clavier "CTRL" + "flèche bas" du clavier deux fois, soit grâce au raccourci clavier "CTRL" + "Majuscule" + "flèche bas" du clavier qui place directement le calque en dernier, ou encore en déplaçant le calque directement dans le panneau des calques.

Pour la seconde patte, copiez la première, collez-là puis ajustez sa position avec les flèches du clavier.

Sélectionnez le tout et Associez avec le raccourci "CTRL" + "G" du clavier, par clic droit ou encore dans le menu modification. N’oubliez pas de revenir à l’outil pointeur par défaut pour les opérations de base (sélection etc). Il est plus simple de manipuler les objets groupés, sinon vous risquez de perdre des éléments au passage. Pour dissocier c’est la même manipulation, et le raccourci clavier est "CTRL" + "Majuscule" + "G". Dans ces associations, vous pouvez sélectionner les divers éléments avec l’outil Sous-sélection (pointeur blanc).

Dé-zoomez avec le raccourci "CTRL" + "- du pavé numérique" afin d’afficher l’image à 100% (le pourcentage est affiché dans la barre de titre de Fireworks, tout en haut).

Votre LED est prête ! Et par cette petite réalisation, vous avez appris à utiliser "en gros" Fireworks pour le dessin. Avec l’expérience, vous verrez que dessiner sous Fireworks est vraiment rapide et simple, un outil de choix pour tout graphiste.

Pour une version éclairée, modifiez le dégradé vert de base par un dégradé Blanc -> vert proche du blanc. Supprimez les deux ombres de la LED et appliquez à la place un effet Néon vert pâle de largeur 5. Dessinez le reflet étincelant avec deux losanges effilés (rectangles aplatis) entrecroisés, groupés et mis en forte transparence.

Vous n’êtes pas encore tout à fait conquis par ce logiciel ? Attendez les prochains tutoriels à son sujet ! ;)

N'hésitez pas à présenter vos réalisations sur le forum, ainsi que pour tout commentaire, complément d'information ou si vous avez besoin de précisions.