|
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).
|
 | | Orbital219, 28 07 2002 � 02:30 c'est vrai que j'ai aussi gal�r� pour adapter ca � un rectangle..j'ai trouv� une "solution" alternative mais elle comporte un l�ger d�faut : sur un carr� on peut avoir 4 frames ,on peut faire des rotations..or, sur un rectangle ... Moi j'ai simplement chang� le motif de d�part en inversant les carr�s noirs et rouges... ca fait donc au final que 2 frames donc c'est moins fluide... c'est le seul truc que j'ai trouv� pour l'instant... si un pro passe par l�, ce serais pas mal de nous �clairer (Mister Gwan par exemple, vu qu'en regardant juste � cot� l'effet sur les boutons de links...c'est encore plus �nervant de pas savoir =) ) meurci d'avanceuh |

fixart, 14 06 2002 � 16:55 Moi je voudrais juste connaitre la m�thode pour faire cet effet sur un rectangle VOUS POUVEZ M'AIDER? |
fixart

|  | |

libellule, 15 04 2002 � 07:41 Ce tuto devrait �tre refait. |
libellule

|  | |
 tyler, 14 04 2002 � 14:51  En testant ce tuto et en lisant les posts ci-dessus j'ai senti comme une petite difficult�e � appr�hender la r�alisation des pointill�s... Donc j'ai essay� de trouver une soluce alternative qui me semble un peu plus simple et j'en ai fait un petit tuto: http://www.release... A vous de juger. @+ |

Torn, 16 03 2002 � 12:07 Salut je voudrai bien savoir comment tu a fait pour selectionnez la Frange de 1 pixel car moi jy arrive po du tout...;) @+ |
Torn

|  | |
 piregwan, 08 01 2002 � 09:57 salut oui il manque une etape, juste apr�s "principe". a la fin de l'�tape 5, tu es toujours sous photoshop avec 4 documents pour tes 4 frames. l'�tape 6 se passe implicitement sous ton editeur de gif favori (imageready?). a+ |
 ( 16 commentaires ) << 1 2 3 4 5 6 7 8 9 10 11 12 >>
 |
| |  |
|
|