tutorial flash paint part2

29 01 2008

Hebergeur d'images

Tutorial; (Flash) paint part 2

niveaux intermédiaire

pour ceux qui souhaite commencez le tutorial a partir d’ici le peuvent en téléchargeant le .fla directement ci-dessous (fermez sous .rar), il est fourni avec le pinceau que j’ai créé.

télécharger part 1 paint flash

Etape 1 le pinceau
-ouvrez votre document enregistrez précédemment ou charger celui fourni
 

-créez un nouveau calque
 

-et nommez le pinceau
Hebergeur d'images
-ensuite à l’intérieur de ce calque dessinez votre pinceau ou celui fourni;
Hebergeur d'imageset convertisez le en movie clip (F 8)

(pour ceux qui ont le .fla fourni, faites juste un clic droit dans la bibliothèque et linkage)

-nommez le crayon

-cliquez sur advanced pour déployer le linkage paramètre

-puis cochez Export For Actionscript

Hebergeur d'images

(le linkage sert à extraire un MovieClip de la bibliothèque pour l’utiliser dans le script)

-une fois ceci fait, suprimmez le pinceau présent sur votre scene 1

Etape 2 la variante d’épaisseur

-sur le calque pinceau (qui est maintenant vide) créez deux rectangle comme ci-dessous;

Hebergeur d'images

-puis un rectangle plus foncé;

Hebergeur d'images

-sélectionnez tout le rectangle foncé puis convertisez le en Bouton (F 8)

Hebergeur d'images

-puis convertisez-le en MovieClip

Hebergeur d'images

-puis convertisez encore une fois;

Hebergeur d'images

-vous devriez obtenir ceci si vous ouvrez tout les MovieClip et le button

Hebergeur d'images

-cliquez sur bascule1

-cliquez UNE fois sur le movie clip puis (F9)

et dans ce movie clip vous allez rajoutez le Script suivant;

//quand on press "bascule" --> StartDrag on (press) {
 Action = false;      

 startDrag("", false, 0, 0, 0, -95);      

} //quand on relache --> StopDrag      

on (release) {      

 stopDrag();      

}

-cliquez sur bascule2 et ajoutez lui une instance;

Hebergeur d'images

-toujour sur bascule2 créez un nouveau calque et positionez-le en dessous du premier

-tracez les lignes comme ci-dessous;

Hebergeur d'images

-pour finir cliquez sur scène 1

-et UNE fois sur le MovieClip sur lequel on a travailler faites (F9)

-recopiez le Script ci-dessous;

onClipEvent (enterFrame) { 
_root.epaiss =((_root.bascule_1.bascule._y +0.1)*-0.2);
 _root.variante =((_root.bascule_1.bascule._y +0.1)*-0.2);      

}

et ajoutez une instance à ce MovieClip également;

Hebergeur d'images

/!\ Les noms d’instance et autres doivent être respectez pour que le script puis interagir /!\

Etape 3 le scriptage final

-maintenant nous allons revoir notre script présent sur la scène 1

-cliquez sur la frame 1 du calque script et ensuite (F9) pour commencez à éditer

-à ajoutez en tête de script;

//export le linkage crayon sur la scène 1
crayon = attachMovie("crayon","crayon" ,3,{_x :200,_y :200});      

//défini l'épaisseur et variante de baseepaiss = 1;      

variante = 1;

-à ajoutez avant; peinture.onEnterFrame = function(){

crayon.onEnterFrame = function(){ 
//cache la souris Mouse.hide(); 
Mouse.hide();      


 //modifiez les valeurs 15 et 20 
//afin que votre ligne commence au bout du crayon   
this._x += (_xmouse-this._x+15)/2;   
this._y += (_ymouse-this._y+20)/2;      

}

-remplacez cet ligne; 

trait = Math.round((Math.random() * 5)+2);

-par;

trait = Math.round(epaiss+variante);

-et celle-ci;

pinceau.onMouseDown = function(){
 Action = true; 
peinture.moveTo(_xmouse,_ymouse); 
peinture.lineTo(_xmouse+1,_ymouse+1);      

}      

-par;

pinceau.onMouseDown = function(){
if ( _ymouse>1 && _ymouse<295 && _xmouse>80 && _xmouse<360 )
{
Action = true;      

 peinture.moveTo( _xmouse,_ymouse);      

 peinture.lineTo( _xmouse+1, _ymouse+1);      

 } else {      

 Action = false;      

 }      

}

-ceci défini une limite dans laquelle on peut commencez à peindre

pour lancer l’animation faites: CTRL+ENTER

Aperçu Final.

Paint part 2

télécharger la source

merci d’avoir suivi ce tutorial

by nonitt

postez un commentaire
si vous avez besoin d’aide
nous vous y repondrons au plus vite


Actions

Information

5 réponses vers “tutorial flash paint part2”

29 01 2008
Infernos (18:25:49) :

=D beau travaille mec ;)

29 01 2008
Yanover (21:43:56) :

Jolie boulot nono rien a dire, y faudrai une fois que tu créer un tuto pour les debutant les vrai !

un peux dans mon genre (si sa existe) :P

31 01 2008
BlacksWars (17:47:14) :

Beau Travail !

Moi aussi je débute :ninja:

31 01 2008
nonitt (21:13:56) :

t’inquiète pas va avoir bientot tout ce dont vous avez besoin :D

6 02 2008
Raiden (17:15:30) :

Super ton blog NoniTT

Laisser un commentaire

Vous pouvez utiliser ces étiquettes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>