
UNE ENSEIGNE AMINÉE POUR SALON DE COIFFURE VERSION PI : 8 (réalisable également avec la version 7) + Gif Animator. NIVEAU : Avancé. PRINCIPAUX
OUTILS UTILISES : CONDITIONS D'UTILISATION : Merci de lire |
|
INSTRUCTIONS |
|
|
|
LE RÉCEPTACLE EXTÉRIEUR & SON ÉCLAIRAGE 1. Ouvrez un nouveau document de 100 x 350 pixels avec un arrière-plan sombre. 2. A l'aide de l'Outil Dessin de Chemin, forme Rectangle, couleur blanche, Mode 3D Rond, Bordure 17, Profondeur 30, dessinez une forme de 60 x 205 pixels. NOTE : Si vous ne parvenez pas à fixer la Bordure sur 17 avant de tracer la forme, dessinez-la d'abord à la bonne taille : vous pourrez ensuite modifier la Bordure pour la régler sur la taille voulue. 3. Ouvrez la la Palette Magique/Galerie Attributs de matériaux/Verre et remplissez la forme avec le pré-réglage verre G23. 4. Dans le Panneau Chemin/onglet 3D/Éclairage, utilisez l'Ampoule pour déplacer la lumière vers le bord, comme dans la première image ci-contre. 5. A l'aide de l'Outil Dessin de Chemin, forme Rectangle arrondi, Mode 3D Rond, Bordure 10, Profondeur 30, dessinez une forme de 60 x 30 pixels et remplissez-la avec le pré-réglage Argent 1 de la Palette Magique/Galerie Attributs de matériaux/Métallique. 6. Dessinez un second rectangle, plus petit, de 65 x 10 pixels. Disposez les deux pièces argentées comme indiqué, au-dessus des extrémités du rectangle de verre. 7. Majuscule/Clic pour sélectionner les deux pièces argentées, puis clic droit/Fusionner en un seul Objet. 8. Clic droit/Dupliquer. 9. A l'aide de l'Outil Transformation/Rotation et Pivoter, retournez la copie Verticalement et placez-la. 10. A l'aide de l'Outil Dessin de Chemin, forme Rectangle arrondi, Couleur blanche, Mode 3D Rond, Bordure 6, Profondeur 20, dessinez une forme de 40 x 10 pixels. NOTE : pour obtenir un blanc pur, dans la Palette Magique/Galerie Attributs de matériaux/Métallique ou Verre, cliquez sur Réinitialiser puis changez la couleur en blanc. 11. Clic droit/Disposer/Envoyer à l'arrière. 12. A l'aide de la forme Cercle (même couleur), dessinez une forme pour l'ampoule de 60 x 60 pixels. 13. Clic droit/disposer/envoyer à l'arrière. 14. Majuscule clic pour sélectionner les deux pièces blanches, puis clic droit/fusionner en un seul Objet. 15. Gardez la sélection sur la lampe, ouvrez la Palette Magique/Galerie d'éclairages/Ampoule/Ampoule 1. Clic droit/Modifier les Propriétés et appliquer. Fixez l'éclairage ambiant sur 90% et utilisez les réglages ci-contre, puis OK. 16. Clic droit/Sélectionner tous les Objets - clic droit/fusionner en un seul Objet. Votre enseigne lumineuse devrait à présent ressembler, à peu de choses près, à celle ci-contre. 17. (Partie optionnelle) J'ai ajouté un rectangle auquel j'ai appliqué un pré-réglage bois et deux petites ellipses argentées (j'ai utilisé Argent 2 de la Galerie Attributs de matériaux), pour représenter les attaches de l'enseigne. Si vous décidez d'opter pour cette partie optionnelle, je vous conseille vivement de convertir le rectangle de bois en image (clic droit/convertir le type d'objet/De texte/chemin en Image) et d'utiliser l'Outil Retouche/Dodge pour éclaircir la partie haute de la pièce de bois, située derrière l'ampoule. Rappelez-vous : ce sont les petits détails qui donnent leur réalisme à vos images ! OK - passons à présent à l'animation rouge et blanche ! |
|
|
LES PIÈCES DE L'ANIMATION 18. Ouvrez un nouveau document blanc de 60 x 316 pixels. 19. A l'aide de l'Outil Dessin de Chemin, forme personnalisée Vague 1, Couleur rouge, Mode 2D, dessinez une forme et utilisez l'Outil Transformation/Redimensionner pour lui donner une dimension de 70 x 70 pixels (ne vous inquiétez : il est tout à fait normal qu'à ce stade du didacticiel, cet élément soit plus grand que le document final!). 20. Utilisez l'Outil Transformation/Rotation et pivoter pour retourner cette pièce horizontalement. 21. Utilisez ensuite l'Outil Transformation/Rotation par degrés pour la faire pivoter de 15 degrés vers la droite. 22. Clic droit/dupliquer 5 fois. 23. Agencez ces pièces comme ci-contre. NOTE : Pour plus de précision dans l'alignement, faites un clic droit/sélectionner tous les Objets - puis clic droit/Aligner/Centrer horizontalement. Clic droit/Aligner/Espacer également/verticalement Assurez-vous que la case "Régulier - Fixer les objets aux deux extrémités" soit bien cochée et cliquez sur OK. 24. Maintenez votre sélection sur les formes rouges, clic droit/fusionner en un seul Objet. 25. Cliquez sur Édition/Remplir/Dégradé et remplissez cet objet avec un dégradé deux couleurs, de gauche à droite, en utilisant un rouge vif à gauche et un rouge plus vermillon pour la partie droite (j'ai utilisé Hex#FF0000 et Hex#460000). 26. Ouvrez un nouveau document blanc de 45 x 210 pixels. 27. Cliquez sur Édition/remplir/Dégradé et remplissez-le avec un dégradé deux couleurs, de gauche à droite, allant du blanc au gris (j'ai utilisé la couleur blanche et la couleur Hex#C8C8C8). 28. Tirez la forme aux rayures rouges vers ce document et placez-le au-dessus de façon à obtenir l'image ci-contre (vous pouvez refermer le document d'origine des rayures). NOTE: Vous pouvez sauvegarder votre image au format ufo pour y revenir en cas d'erreur ! 29. Clic droit/fusionner Tout - puis clic droit/dupliquer 30. Retournez dans votre document original (le premier), clic droit/Coller. (Ne vous souciez pas pour l'instant de la position de cet objet). 31. Retournez dans le document comportant le motif à rayures et cliquez sur Annuler jusqu'à ce que les rayures soient de nouveau actives et appuyez 11 fois sur le curseur Flèche vers le haut pour déplacer le motif de 11 pixels vers le haut.. 32. Clic droit/fusionner Tout - puis clic droit/dupliquer 33. Retournez dans votre document original (le premier), clic droit/coller (Ne vous souciez pas pour l'instant de la position de cet objet). 34. Répétez les Instructions 31, 32 et 33 deux fois encore. Vous devriez avoir à présent 4 pièces rayées rouges et blanches sur votre document original. 35. Sélectionnez ces 4 pièces (le plus simple est d'utiliser le Gestionnaire de couches) puis clic droit/Aligner/centrer les deux pour les aligner parfaitement. 36. Déplacez-le vers leur emplacement final, clic droit/disposer/envoyer derrière pour les placer derrière le Verre. 37. OK. Nous en avons fini avec la partie principale de ce didacticiel. Sauvegardez ce document sous pole.ufo et passons à l'animation ! |
|
|
PREMIÈRE ANIMATION 38. Fermez PI et ouvrez Gif Animator 5. 39. Au démarrage de l'Assistant, cliquez sur 'Ouvrir un fichier image existant'. Parcourez votre disque dur jusqu'au fichier pole.ufo, sélectionnez-le et cliquez sur ouvrir 40. A présent, cliquez 3 fois sur le bouton dupliquer des Images situé en bas de votre écran. 41. Cliquez sur Image 1, en bas de votre écran, activez le Gestionnaire de couches sur la partie supérieure droite de votre écran et cliquez sur l'icône en forme d'oeil pour fermer l'image située tout en haut (cf. image de gauche). 42. Cliquez sur Image 2 et cliquez, pour les DEUX objets situés en haut du gestionnaire de couches, sur l'icône oeil afin de les masquer. 43. Cliquez sur Image 3 et faites de même pour les 3 éléments situés en haut du gestionnaire de couches. 45. Majuscule/clic pour sélectionner ces 4 images, clic droit/propriétés. Fixez le Délai sur 20 et OK. 46. Cette image est un peu trop grande pour un usage normal : réduisons-la ! Cliquez sur Édition/Redimensionner l'Image et, dans la boîte de dialogue qui s'ouvre, choisissez Pourcentage (dans 'Unité') et saisissez 75 dans les deux autres cases et OK. 47. Cliquez sur l'onglet Optimiser et, dans la liste Prédéfini de la barre d'outils, sélectionnez Photo 256 et sauvegardez votre animation sur votre disque dur à un emplacement où vous la retrouverez facilement. 48. Si vous le souhaitez, vous pouvez clore votre animation ici mais vous trouverez ci-dessous quelques suggestions de petites touches... très intéressantes ! |
|
|
REFLECTIONS & FLASH DE LUMIERE 49. Ouvrez l'animation que vous venez de sauvegarder sous Gif Animator (vous travaillerez donc avec les images de l'animation PAS avec le fichier ufo !). 50. Sélectionnez l'Image 1. Dans le Gestionnaire de couches, sélectionnez l'objet contenant l'icône œil ouverte. 51 Sélectionnez le Pinceau et à l'aide des réglages ci-contre, dessinez les deux lignes illustrées à gauche.
52. Sélectionnez l'Image 3, sélectionnez l'objet situé dans le Gestionnaire de couches et peignez à nouveau deux lignes comme ci-contre. Ces lignes doivent donner l'impression d'un reflet sur l'image en mouvement.
53. Que direz-vous d'une lumière clignotante ? Oui ? - OK - sélectionnez une image quelconque et cliquez sur le bouton "Éditeur graphique favori" (PI, en l'occurrence !) Votre image s'ouvre dans PhotoImpact.
54. Cliquez sur l'image pour la sélectionner. 55. Ouvrez la Palette Magique/Galerie d'éclairages/Ampoule/Ampoule 1. Clic droit/Modifier les propriétés et appliquer. 56. Fixez la Lumière ambiante sur 100% et utilisez les réglages ci-contre et, dans la zone Aperçu, déplacez la lumière vers le globe et cliquez sur OK. 57. Cliquez sur le bouton Enregistrer : cette action vous ramène dans Gif Animator. 58. Cliquez sur Oui lorsque le message "Mettre à jour à partir de l'Editeur graphique favori" apparaît. 59. Cliquez sur l'onglet optimiser et, dans la liste Prédéfini de la barre d'outils, sélectionnez Photo 256 et sauvegardez votre animation sur votre disque dur. Vous disposez à présent d'une superbe enseigne pour attirer vos clients ! Quelqu'un souhaite-t-il se faire raser ou couper les cheveux ? |
|
VOTRE DIPLÔME Une fois ce tutorial achevé, vous êtes cordialement invité à télécharger et afficher ce diplôme sur votre page web. Vous pouvez également soumettre votre résultat sur PI Newbies, le PING et/ou le PIRC Bulletin Board. Ce diplôme est délivré sur le principe de l'honneur. Cliquez sur le bouton droit de la souris et sauvegardez l'image sur votre disque dur. S'il vous plaît, NE PLACEZ PAS DE LIEN DIRECT pointant vers ce diplôme. |
|
Ce tutorial a été réalisé
par © Rosie Hardman-Ixer, 2001/2002/2003: |
|
|
This site © Rosie Hardman-Ixer 2001/2/3 |