Connexion
News globale

Clôture de notre CONCOURS EN GRAPHISME, récupérez le test à cette adresse::
http://www.artkabis.net/test-toshop-f58/notre-grand-concours-en-graphisme-t2299.htm#18094

Qui est en ligne ?
Il y a en tout 8 utilisateurs en ligne :: 1 Enregistré, 0 Invisible et 7 Invités :: 2 Moteurs de recherchenadirhamza
Le record du nombre d'utilisateurs en ligne est de 51 le Ven 30 Oct - 12:46
Rechercher
Derniers sujets
Partenaires
Horloge flash
Technique d'animation (effet loupe sur texte)
artkabis :: NOS TUTORIAUX :: Tutos Flash :: Tutos Artkabis
Page 1 sur 6 • Partager •
Page 1 sur 6 • 1, 2, 3, 4, 5, 6 
Technique d'animation (effet loupe sur texte)
Bonjour à tous, voici un petit tutoriel qui vous permettra de créer un effet sympa avec vos textes.
Le resultat:
Le fichier source: texte_loupe.fla
Le tutoriel:
1°)Ouvrez flash, puis cliquez sur l'icone texte
de votre barre d'outil (racourcie:pc = "t")
----------------------------------------------------------------------------------
2°) Une fois l'outil texte sélectionné, ouvrez le panneau des propriétés puis choisissez un texte de type "statique:

----------------------------------------------------------------------------------
3°) Vous pouvez maintenant taper votre texte avec la police qui vous plaira:

----------------------------------------------------------------------------------
4°) Votre texte est maintenant prêt à être séparé une première fois, munissez vous de l'outil de sélection (raccourci ="v") et faites un clic droit sur votre texte, une fois le menu ouvert, choisissez l'option "séparer":

----------------------------------------------------------------------------------
5°)Maintenant, chacune de vos lettres doivent être séparés, vous devriez avoir à peu près ceci:

----------------------------------------------------------------------------------
6°) Une fois que chaque lettre est bien séparée, faites à nouveau un clic droit sur l'ensemble des lettres sélectionnés et choisissez "répartir vers les calques":

----------------------------------------------------------------------------------
7°) Normalement à ce stade, chaque lettre doit se trouver sur un calque, dans mon exemple, nous pouvons voir ceci:

----------------------------------------------------------------------------------
8°) Gardez tous les calques sélectionnés, puis faite encore une fois un clic droit puis choisissez à nouveau l'option "séparer":
Votre texte devrait se présenter comme cela:
----------------------------------------------------------------------------------
9°) Nous allons pouvoir commencer la mise en place de l'animation, pour ce faire, placez-vous sur le calque de votre première lettre puis placez vous en image frame 6, puis faites "F6" pour insérer une nouvelle image clé, reproduisez cette étape, mais cette fois-ci en frame "11":

----------------------------------------------------------------------------------
10°)Nous allons lier nos images clé grâce aux interpolations, plus précisément grâce à l'interpolation classique qui permet de redimensionner notre lettre en fonction de son point central. Placez vous donc entre l'image clé 1 et 6, faites ensuite un clic droit pour choisir "interpolation classique":

----------------------------------------------------------------------------------
11°)Une fois les interpolations mises en place vous devriez avoir ceci:

----------------------------------------------------------------------------------
12°) Placez-vous maintenant en frame 6, c'est-à-dire au milieu de votre interpolation puis choisissez l'outil de redimensionnement (racourcie: touche: "q"). Vous devez ensuite agrandir la lettre située au milieu de votre animation:

----------------------------------------------------------------------------------
13°)Voilà, vous avez créé l'animation de la première lettre et il vous faut maintenant reproduire ceci, mais pour l'ensemble de votre texte, sachant qu'il faudra décaler les interpolations pour qu'une fois la première lettre remise en place, la seconde soit agrandie. Voici à quoi devrais ressembler votre projet une fois les animations mises en place :

----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
Le resultat:
Le fichier source: texte_loupe.fla
Le tutoriel:
1°)Ouvrez flash, puis cliquez sur l'icone texte
de votre barre d'outil (racourcie:pc = "t")----------------------------------------------------------------------------------
2°) Une fois l'outil texte sélectionné, ouvrez le panneau des propriétés puis choisissez un texte de type "statique:

----------------------------------------------------------------------------------
3°) Vous pouvez maintenant taper votre texte avec la police qui vous plaira:

----------------------------------------------------------------------------------
4°) Votre texte est maintenant prêt à être séparé une première fois, munissez vous de l'outil de sélection (raccourci ="v") et faites un clic droit sur votre texte, une fois le menu ouvert, choisissez l'option "séparer":

----------------------------------------------------------------------------------
5°)Maintenant, chacune de vos lettres doivent être séparés, vous devriez avoir à peu près ceci:

----------------------------------------------------------------------------------
6°) Une fois que chaque lettre est bien séparée, faites à nouveau un clic droit sur l'ensemble des lettres sélectionnés et choisissez "répartir vers les calques":

----------------------------------------------------------------------------------
7°) Normalement à ce stade, chaque lettre doit se trouver sur un calque, dans mon exemple, nous pouvons voir ceci:

----------------------------------------------------------------------------------
8°) Gardez tous les calques sélectionnés, puis faite encore une fois un clic droit puis choisissez à nouveau l'option "séparer":
Votre texte devrait se présenter comme cela:

----------------------------------------------------------------------------------
9°) Nous allons pouvoir commencer la mise en place de l'animation, pour ce faire, placez-vous sur le calque de votre première lettre puis placez vous en image frame 6, puis faites "F6" pour insérer une nouvelle image clé, reproduisez cette étape, mais cette fois-ci en frame "11":

----------------------------------------------------------------------------------
10°)Nous allons lier nos images clé grâce aux interpolations, plus précisément grâce à l'interpolation classique qui permet de redimensionner notre lettre en fonction de son point central. Placez vous donc entre l'image clé 1 et 6, faites ensuite un clic droit pour choisir "interpolation classique":

----------------------------------------------------------------------------------
11°)Une fois les interpolations mises en place vous devriez avoir ceci:

----------------------------------------------------------------------------------
12°) Placez-vous maintenant en frame 6, c'est-à-dire au milieu de votre interpolation puis choisissez l'outil de redimensionnement (racourcie: touche: "q"). Vous devez ensuite agrandir la lettre située au milieu de votre animation:

----------------------------------------------------------------------------------
13°)Voilà, vous avez créé l'animation de la première lettre et il vous faut maintenant reproduire ceci, mais pour l'ensemble de votre texte, sachant qu'il faudra décaler les interpolations pour qu'une fois la première lettre remise en place, la seconde soit agrandie. Voici à quoi devrais ressembler votre projet une fois les animations mises en place :

----------------------------------------------------------------------------------
----------------------------------------------------------------------------------
Dernière édition par artkabis le Jeu 12 Fév - 23:16, édité 1 fois
_________________
J'me fais de la pub et na

artkabis
- Nombre de messages: 4515
Age: 26
Localisation: Rennes (France)
Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
Experience en graphisme: 4 ans
Date d'inscription: 11/09/2008
Capacités en graphisme
Capacité graph:


(9/10) -

Re: Technique d'animation (effet loupe sur texte)
Merci pour ce tutoriel Artkabis ! 

Rathorian- Newbie

- Nombre de messages: 15
Age: 23
Localisation: Rhône Alpes
Logiciels: Photoshop CS4 et Flash CS4
Experience en graphisme: remplir ce champ
Date d'inscription: 08/02/2009
Capacités en graphisme
Capacité graph:


(0/0)
Re: Technique d'animation (effet loupe sur texte)
Pas de quoi, c'est pour vous faire patienter avant que quelques tutos bien sympa arrivent.
_________________
J'me fais de la pub et na

artkabis
- Nombre de messages: 4515
Age: 26
Localisation: Rennes (France)
Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
Experience en graphisme: 4 ans
Date d'inscription: 11/09/2008
Capacités en graphisme
Capacité graph:


(9/10) -

Re: Technique d'animation (effet loupe sur texte)
Artkabis, en disant cela tu insinues que celui-ci n'est pas tout bonnement génial déjà... Merci beaucoup pour ce tutoriel, j'en ferais bon usage à l'avenir
Chouette boulot !
Chouette boulot !
_________________

-- Je Paye Ma Joie De Mourir Par Ma Peur De Vivre --

FireSnake- Ceinture blanche

- Nombre de messages: 125
Age: 19
Localisation: Brive
Logiciels: Photoshop CS4, Flash CS3, Dreamweaver CS3, AutodesK 3DS Max 9
Experience en graphisme: remplir ce champ
Date d'inscription: 02/01/2009
Capacités en graphisme
Capacité graph:


(6/10)
Re: Technique d'animation (effet loupe sur texte)
Merci pour vos com's, en effet ça peut servir, ça fait peu de temps que j'ai découvert cette astuce, alors je souhaitais la partager avec vous, moi en tout cas ça m'a permis de gagner pas mal de temps pour certain type d'animation, voili voilou en tout cas merci à vous deux !!!
_________________
J'me fais de la pub et na

artkabis
- Nombre de messages: 4515
Age: 26
Localisation: Rennes (France)
Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
Experience en graphisme: 4 ans
Date d'inscription: 11/09/2008
Capacités en graphisme
Capacité graph:


(9/10) -

Re: Technique d'animation (effet loupe sur texte)
Bon bah finalement j'aurai bientôt Flash CS3 ou CS4
(l'ancien beuger).
PS: Pouvez vous montrer vos resultat j'aimerai beaucoup voir de quoi êtes vous capables .
Mais bon ils ne seront pas meilleur que Art MoUaHaHaH.
PS: Pouvez vous montrer vos resultat j'aimerai beaucoup voir de quoi êtes vous capables .
Mais bon ils ne seront pas meilleur que Art MoUaHaHaH.
_________________
I'm Come Back
Je suis de Retour MoUAhAhAH!!

Lilwarre A.K.A. Prod- Ceinture verte

- Nombre de messages: 632
Age: 20
Localisation: Paris
Logiciels: Adobe Master Collection CS4!
Experience en graphisme: Ca commence :D
Date d'inscription: 31/12/2008
Capacités en graphisme
Capacité graph:


(0/0)
Re: Technique d'animation (effet loupe sur texte)
Lilwarre il faut vraiment que tu arrêtes de nous spécifier tous les trois postes, quelle version de flash tu auras prochainement, ça fait au moins quatre messages où tu en parles et franchement je ne pense pas que ceci intéresse tout le monde en tout cas ça n'a rien avoir avec un tutoriel sur la création d'effet loupe sur du texte, tu ne crois pas?
Ah jte jure t'es vraiment un sacré loustique toi
Ah jte jure t'es vraiment un sacré loustique toi
_________________
J'me fais de la pub et na

artkabis
- Nombre de messages: 4515
Age: 26
Localisation: Rennes (France)
Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
Experience en graphisme: 4 ans
Date d'inscription: 11/09/2008
Capacités en graphisme
Capacité graph:


(9/10) -

Re: Technique d'animation (effet loupe sur texte)
Salut a tous et mes respects à toi artkabis, rien que ta baniere m'a sidérée...
J'ai une galere dans le tuto loupe car j'ai pas l'option interpolation classique...
Bon je dois y aller c'est l'heure de l'apéro
je repasserai, merci par avance.
J'ai une galere dans le tuto loupe car j'ai pas l'option interpolation classique...
Bon je dois y aller c'est l'heure de l'apéro
je repasserai, merci par avance.

OznerolorenzO- Newbie

- Nombre de messages: 1
Age: 26
Logiciels: Quelles logiciel utilisez vous?
Experience en graphisme: remplir ce champ
Date d'inscription: 13/03/2009
Re: Technique d'animation (effet loupe sur texte)
Salut et bien en même tant que je bois un coup, je vais répondre à ta question:
Tu dis:" je n'ai pas l'interpolation classic", donc je dis: "pourquoi n'utilises tu pas l'interpolation de forme".
Bon ça mettra un peu plus de tant à cause du centrage, mais le resultat sera le même avec un peu plus d'effort...
Tu dis:" je n'ai pas l'interpolation classic", donc je dis: "pourquoi n'utilises tu pas l'interpolation de forme".
Bon ça mettra un peu plus de tant à cause du centrage, mais le resultat sera le même avec un peu plus d'effort...
_________________
J'me fais de la pub et na

artkabis
- Nombre de messages: 4515
Age: 26
Localisation: Rennes (France)
Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
Experience en graphisme: 4 ans
Date d'inscription: 11/09/2008
Capacités en graphisme
Capacité graph:


(9/10) -

Re: Technique d'animation (effet loupe sur texte)
A la tienne !
Ce tuto toujours aussi propre, vraiment pas bete l'idee
Ce tuto toujours aussi propre, vraiment pas bete l'idee

AlanAdk
- Nombre de messages: 278
Age: 34
Localisation: Paris
Logiciels: Flash, Illustrator, Photoshop, Indesign
Experience en graphisme: remplir ce champ
Date d'inscription: 16/02/2009
Capacités en graphisme
Capacité graph:


(0/0) -

Page 1 sur 6 • 1, 2, 3, 4, 5, 6 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum



















» Benji
» Chachas
» Créer une fenêtre style windows
» Présentation JOSHUATEST
» Un effet lumineux sur typo
» Ma présentation
» petite presentation
» Présentation Yvani
» présentation