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
945 348 hits
 
 

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

tutos al�atoires
686 241 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

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

21 288 022 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
9794 visites











 

benzor, 02 10 2001 � 08:07

Normalement je devrait gicler ton commentaire, mais je le laisse car il t�moigne d'une v�rit� navrante : il y a vraiment des cr�tins qui peuplent le net... des cr�tins qui n'ont m�me pas le courage d'assumer leurs propos diffamatoires et grotesques...

J'ai toutefois (dans mon extr�me indulgence) un conseil pour toi : si ce tutos est trop compliqu� pour tes petits neurones d�fectueux alors abandonne l'infographie, vends ton pc et ton modem, et ne ram�ne pas ta sale gueule de plouc ignare ici.
Cordialement.


benzor (admin fanatiqu...)
47 ans (Chamb�ry)
ben@piregwan.com
http://www.benzor.com


Ta mere la put, 01 10 2001 � 17:47

Putain ton tutos il est vraiment chelou,explique mieux bordel,sale con!


Ta mere la put


piregwan, 10 07 2001 � 10:43

salut

tu dois avoir un calque damier sur lequel est appliqu� un masque de fusion. le masque de fusion est d�solidaris� de son calque (pour pouvoir bouger le calque sans que le masque suive avec).

le calque damier doit �tre plus grand que l'image de d�part sinon lorsque tu le d�placeras d'un pixel sur la gauche (ou la droite), tu auras de la transparence. par exemple, si tu veux faire une vignette avec des bords en pointill�s de 50x50 px, ton calque damier doit �tre au minimum de 52x52.

mea culpa, ce n'est pas pr�cis� dans le tuto

a+


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


Vaness, 10 07 2001 � 10:11

hello, je bloque � la fin de la 5e �tape. J'ai donc ma bordure pointill�e ki fait bien 1 pixel de large, mais ensuite kan je veux cr�er mes autres frames, �a marche pas. Si je d�cale de 1 pixel, je me retrouve automatiquement avec une bande de 1 pixel transparente sur le c�t�, ce qui en fait me semble logique...a quel moment m'y suis-je mal prise???


Vaness


( 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.152 secondes