|
Voilà de quoi réaliser un effet simple,
esprit sélection photoshop avec l'outil  .
Pour des GIF animés plus complexes, je vous conseille fortement
d'autres logiciels tels que flash ou ulead gif animator
mais dans ce cas précis, photoshop reste un outil très rapide.
A vos palettes...
.
4x4 pixels à 1600%
|
|
Créez un nouveau document de dimensions 4x4 pixels.
Choisissez comme couleur de premier plan la couleur
des pointillés et d'arrière plan la couleur du fond
de votre GIF animé. Dans cet exemple, respectivement
orange pour les pointillés et noir pour le fond.
Double-cliquez sur l'outil de sélection rectangulaire
et cochez Fixed size dans la palette d'options avec
2x2 pixels comme dimensions. Sélectionnez un damier
et remplissez d'orange ( Shift-Backspace ). Inversez
la sélection ( Ctrl-Shift-I ), inversez les couleurs
( X ) et remplissez de nouveau ( Shift-Backspace
). Sélectionnez tout ( Ctrl-A ) et définissez la
sélection en tant que motif de remplissage ( Edit
> Define pattern ). Fermez le document sans sauver
( Ctrl-W ).
|
.
cases de 2 pixels
|
|
Créez un nouveau document ( Ctrl-N ) aux dimensions
légèrement plus grandes que celle de votre icône
finale. Supposons par exemple que vous vouliez une
icône finale de dimensions 50x50 pixels. Choisissez
alors 60x60 pixels. Sélectionnez tout ( Ctrl-A )
et remplissez avec le motif ( Shift-Backspace )
: contents use pattern. Copiez ( Ctrl-C ). Fermez
le document sans sauver ( Ctrl-W ).
|
.
frange de 1 pixel
|
|
Créez un document aux dimensions de votre icône
( 50x50 pixels ). Collez dans un nouveau calque
( Ctrl-V ). Toujours avec l'outil de sélection rectangulaire
,
séléctionnez la frange de l'icône sur une largeur
de 1 pixel.
|
N'utilisez pas la technique
consistant à tout sélectionner (
Ctrl-A ) puis à ne garder que la frange
( Select > Modify > Border ) : la sélection
ainsi créée sera anti-aliasée et plus d'un
pixel sera sélectionné.
|
|
.
masque de fusion
|
|
Sélectionnez le calque avec le damier dans la palette
des calques et ajoutez-lui un masque de fusion avec
la sélection en cours ( Layer > Add layer mask >
Reveal selection ). Dans la palette des calques
cliquez sur le lien 
pour désolidariser le calque de son masque. Cliquez
sur l'icône du calque pour le sélectionner plutôt
que son masque ( icône 
plutôt que 
). Désélectionnez ( Ctrl-D ).
|
.
principe
|
|
Votre GIF animé comporte 4 frames. Vous venez
de réaliser la première. Pour la suite, ça va aller
très vite  Dupliquez le calque (et son masque associé) sur lequel vous avez travaillé jusqu'à maintenant.
Sélectionnez l'outil 
( V ) et déplacez d'un pixel vers la gauche et un
vers le bas ( Ctrl-Gauche puis Ctrl-Bas ). Deuxième
frame.
Dupliquez de nouveau le calque et déplacez d'un pixel vers
la gauche et un pixel vers le haut ( V puis Ctrl-Gauche
Ctrl-Haut ). Troisième frame. Dupliquez et déplacez d'un pixel vers le bas et un pixel
vers la gauche. Quatrième frame. Vous êtes toujours sous Photoshop et vous avez maintenant vos 4 frames d'animation dans 4 calques superposés. Lancez Imageready (Ctrl-Shift-M).
|
.
génération du GIF animé
|
|
Cachez vos 4 calques en cliquant sur l'oeil dans la palette des calques. Créez 4 frames vierges (palette des animations). Dans chacune des 4 frames, rendez visible un calque, respectivement frame 1 / calque 1, frame 2 /calque 2... Attribuez une durée à chacun des 4 frames et exportez en GIF animé (Ctrl-Shift-Alt-S).
|
 | | |  STELLAIRE, 07 01 2002 à 20:29 j'y suis arrivé... enfin aprés plus de 3H de recherche... et donc je vois des imperfections dans le tutoriel... alors, le moment ou on ne comprends plus ( pour moi ) c'est l'etape 5 ou il faut deplacer le cadres pour obtenir du mouvement ... et franchement je ne sais pas comment tu fais ca sous phototshop... deplacer , pas de probleme mais tu ne visionne pas d'animation sous photoshop donc moi je bloquais completement... donc j'ai envoyé la premiere image finie ( premiere frame ) dans imageready et j'ai déplacé dans image ready en créant un nouveau calque d'animation pour chaque frame... et c'est passé tout seul... franchement soit je suis devenu débile, soit le tuto tel que tu le decrit est impossible soit y'a un truc que j'ai vraiment pas compris... paske je vois comment faire un gif a partir d'une seule image fixe ( une fois les couleurs indéxées,ca aplatit l'image donc ca ne fait plus qu'une seule image fixe ) donc voila... si je pouvais avoir une expliquation plus poussée ( niveau débile a débile trisomique ) histoire que je comprennes ce que j'ai pas compris |
STELLAIRE, 07 01 2002 à 18:09 heu... soyons simple: j'y pige queudalle ! j'ai essayé et réessayé... mais rien a faire j'obtiens toujours quelque chose ou c'est le cadre entier qui bouge , c'est tres laid et ca n'a aucun interet... ceci dit ce que j'obtiens me semble parfaitement logique par rapport a ce que je fais... et franchement je crois que je fais ce qu'il y a d'ecrit .... donc je pense qu'il y a un petit endroit ( je ne sais pas ou... ) ou l'explication doit preter a confusion et qui change tout le resultat de l'affaire... enfin bon moi je me prends la tete dessus depuis plus de 2H ... bonne chance aux prochains |
defraagh, 28 12 2001 à 20:16 c'était pas sensé être une exclu ce tuto ? Pourtant : mop/tutoriaux/effect_ icone/effect_icone.ht m |
piregwan, 15 11 2001 à 12:47 salut stefan je vois ce que tu veux dire. c'est impossible si l'image que tu veux entouré d'un cadre animé n'est pas de dimensions paires. par exemple, les vignettes des tutos font 50x50, les photos de membres 44x44. avec 45x45, tu ne pourras pas avoir de mouvement cohérent. j'espere que ca répondra a ton probleme. a+ |
stefan, 13 11 2001 à 14:06 Bonjour à tous. J'ai essayé de faire ce tuto et je dois dire que je bloque au niveau du principe. J'ai du mal à rendre cohérent le mouvement des 4 frames... D'ailleurs le travail de Poupoux est "faux".Il a des incohérences de mouvement sur ses gifs animés! . Alors une petit explication me ferait pas de mal. stephanenvt@wanadoo.f r |
poupoux, 09 10 2001 à 20:38 Pour le coup je suis vraiment d'accord! c'est allucinant de dire des conneries pareil!! j'en reviens pas! pfff.. m'enfin breff... c'est la vie,,, il faut d'tout pour faire un monde. bon.. en ce qui concerne le tuto, moi je le trouve extrémement bien fait et je viens de l'appliquer concrétement à notre site. je suis vraiment tres fier et agréablement surpris de la rapidité de l'aprentissage de ce tuto; en effet je les fais en une petite soirée. Venez voir mon chef d'oeuvre ici  http://www.4trelle... http://www.4trelle... , voilaaa... alors merci beaucoup pour votre explication et félicitation pour ce site extra! bravo! ps: et @ mort  les crétins !!!!!!  ---jul--- |
( 16 commentaires )
<< 1 2 3 4 5 6 7 8 9 10 11 12 >>
 |
| |  |
|
|
