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 137 hits
 
 

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

tutos al�atoires
679 409 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

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

20 701 660 hits
 






. �peire des fissures


 
 

Trouvez un clipart d'araign�e ou scannez une page de la Hulotte n�74 sp�ciale Les Araign�es ( ici, une �peire des fissures h�h�... Merci DGM ). Cette image vous servira � l'�tape suivante pour r�aliser une silhouette vectorielle r�aliste de l'araign�e.






. partie statique


 
 

Importez le clipart dans un movie clip. Sur un nouveau calque, dessinez la partie qui reste fixe lors du d�placement : le corps et la t�te. Je vous fais m�me gr�ce des « Et appliquez-vous ! »



Tout au long du tuto, vous remarquerez la sym�trie des movie clips. Aussi, si vous �tes un v�ritable maniaque de l'optimisation (!), vous pouvez ne cr�er qu'un demi-corps et le dupliquer par sym�trie verticale.




. partie dynamique

 
 

Sur un nouveau calque, cr�ez la partie anim�e : les 8 pattes et la m�choire. Ne faites que 4 pattes et dupliquez les par sym�trie.





Notez que j'ai rajout� des m�choires meutri�res pour la rendre plus m�chante Mon ami DGM, farouche ami des b�tes, d�sapprouve cat�goriquement cette greffe virtuelle qui va � l'encontre de la nature-m�me mais j'aime bien




. patte arri�re 1


 
 

Vous devez donc cr�er maintenant 4 types de patte anim�e et 1 m�choire. Cr�ez un nouveau movie clip et nommez-le patte1. Coupez-collez une des pattes arri�res et cr�ez une animation de type forme ( tweening shape ) correspondant � celle figurant ci-contre. C'est tr�s personnel, je sais.










. 4 pattes et la m�choire


 
 

Cr�ez de la m�me mani�re les 3 autres pattes et la m�choire dans des movie clips s�par�s.

Veillez � ce que la dur�e des diff�rentes transitions ( tweening shape ) soit tout le temps �gale. Ici, un mouvement aller/retour de patte dure 10 frames et ceci quelle que soit la patte. Sans cette uniformit�, le mouvement se d�synchroniserait rapidement.







. sym�trie verticale


 
 

Cr�ez un nouveau movie clip. Sur un calque, mettez la partie statique cr��e � l'�tape 2. Sur un autre calque, posez les movie clips des 4 pattes et de la m�choire et dupliquez-les.

Attention, ne synchronisez pas 2 pattes face � face ou le mouvement semblera pour le moins irr�aliste. Intercalez au moins 2 ou 3 frames entre deux pattes identiques face � face.








. tweening motion

 
 

Vous avez maintenant votre movie clip d�finitif ! Dans la sc�ne principale, posez-le et appliquez-lui un tweening motion pour d�placer l'araign�e. Ajustez la vitesse de d�placement � celle des mouvements des pattes pour un peu plus de r�alisme et importez un fond ad�quate ( ou cr�ez vous-m�me une toile, c'est passablement rapide � faire au crayon sous flash ).

piregwan
8863 visites

 

Amenatis, 15 06 2002 � 17:35

j'ai creer l'araign�e, le corp et les patte de ce cot� la aucun probleme .. par contre pas moyen de faire bouger ses pates ... le tuto est genial mais je ne dois po etre dou�


Amenatis


Romain, 05 03 2002 � 21:44

Superbe tutorial !!
Dommage que je n'arrive pas � faire bouger les pattes convenablement
Merci beaucoup !!


Romain


Endre, 25 10 2001 � 08:19

When will your great content be translated into a language that the rest of the world could make use of?? (Or maybe you should add enlish comments in english).


Endre


G�han, 15 10 2001 � 10:26

Ce tutorial est g�nial !!
mais si c possible le telecharger en PDF ca sera encore plus super merci !


G�han


acid, 26 09 2001 � 12:37

Je trouve cette petite anim g�niale, mais je n'arrive pas � faire une araign�e aussi jolie. Mon anim marche bien mais c po bo !
si vous pouviez fournir la m�me petite b�te ce serait bien !
Merci


acid


piregwan, 14 08 2001 � 12:50

we use french because well... probably because we're french


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


( 8 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.127 secondes