edito
forum (21 057)
making of
preview newsletter
photoshop shortcuts
plan du site
b�tisier (24)
nouveaut�s (67)
mises � jour
banni�res (92)
liste de diffusion
infos l�gales
 


 

Devenez awares ! Et essayez de survivre.




aper�u
 

 

login | logout
g�rez votre profil
devenez membre
membres (2161)
anniversaires (796)
awares (349)
mickeys (343)
notables (83)
mod�rateurs (9)
votre vie priv�e

 

 

amis (22)
gfx fran�ais (58)
gfx autres (383)
pixel art (67)
ascii art (0)
paint/draw (97)
communaut�s (27)
portails gfx (16)
ressources (36)
flash (253)
3D (38)
java (2)

proposez votre site
derni�res entr�es
al�atoire (999)
quicklist
top 10










































999 sites
934 127 hits
 
 

� propos des tutos
tous les tutos (48)
rechercher un tuto

tutos al�atoires
679 400 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

stats publiques
infocentres
r�f�rents (25071)
refs quicklist (25071)
visiteurs uniques
awards

20 699 887 hits
 





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).

piregwan
9756 visites











 

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


Orbital219 (membre)
39 ans (Namur (belgique))
Orbital219@nihon-fr.com


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.
@+


tyler (membre)
50 ans
release911@release911.com
http://www.release911.c...


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+


piregwan (agent mad fana...)
48 ans (chamb�ry, 73)
krakoukas@piregwan-genesis...
http://www.piregwan-gen...


( 16 commentaires )
<< 1 2 3 4 5 6 7 8 9 10 11 12 >>

 
















P I R E G W A N . C O M
interface & d�veloppement - piregwan 1998-2002




toutes les banni�res


g�n�r� en 0.116 secondes