tutorial flash paint part2

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

-ensuite à l’intérieur de ce calque dessinez votre pinceau ou celui fourni;

et convertisez le en movie clip (F8)(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

(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;

 

 

 

-puis un rectangle plus foncé;

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

-puis convertisez-le en MovieClip

-puis convertisez encore une fois;

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

-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;

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

-tracez les lignes comme ci-dessous;

-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;

/!\ 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