Technique d'animation (effet loupe sur texte)

    Partager

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Technique d'animation (effet loupe sur texte)

    Message par artkabis le Mar 10 Fév - 1:29

    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 :

    ----------------------------------------------------------------------------------
    ----------------------------------------------------------------------------------


    Dernière édition par artkabis le Jeu 12 Fév - 22:16, édité 1 fois


    _________________
    J'me fais de la pub et na tongue

    Rathorian
    Newbie
    Newbie

    Nombre de messages: 15
    Age: 25
    Logiciels: Photoshop CS4 et Flash CS4
    Date d'inscription: 08/02/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Technique d'animation (effet loupe sur texte)

    Message par Rathorian le Mar 10 Fév - 6:47

    Merci pour ce tutoriel Artkabis ! Smile

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Technique d'animation (effet loupe sur texte)

    Message par artkabis le Mar 10 Fév - 13:53

    Pas de quoi, c'est pour vous faire patienter avant que quelques tutos bien sympa arrivent.


    _________________
    J'me fais de la pub et na tongue

    FireSnake
    Ceinture blanche
    Ceinture blanche

    Nombre de messages: 127
    Age: 20
    Logiciels: Photoshop CS4, Flash CS3, Dreamweaver CS3, AutodesK 3DS Max 9
    Date d'inscription: 02/01/2009

    Capacités en graphisme
    Capacité graph:
    6/10  (6/10)

    Re: Technique d'animation (effet loupe sur texte)

    Message par FireSnake le Mar 10 Fév - 17:39

    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 Wink

    Chouette boulot !

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Technique d'animation (effet loupe sur texte)

    Message par artkabis le Mar 10 Fév - 18:40

    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 tongue

    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte

    Nombre de messages: 631
    Age: 21
    Logiciels: Adobe Master Collection CS4!
    Date d'inscription: 31/12/2008

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Technique d'animation (effet loupe sur texte)

    Message par Lilwarre A.K.A. Prod le Mar 10 Fév - 18:43

    Bon bah finalement j'aurai bientôt Flash CS3 ou CS4 Smile (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.

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Technique d'animation (effet loupe sur texte)

    Message par artkabis le Jeu 12 Fév - 16:07

    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 Smile


    _________________
    J'me fais de la pub et na tongue

    OznerolorenzO
    Newbie
    Newbie

    Nombre de messages: 1
    Age: 28
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 13/03/2009

    Re: Technique d'animation (effet loupe sur texte)

    Message par OznerolorenzO le Ven 13 Mar - 20:08

    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.

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Technique d'animation (effet loupe sur texte)

    Message par artkabis le Ven 13 Mar - 23:52

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


    _________________
    J'me fais de la pub et na tongue

    AlanAdk
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 280
    Age: 35
    Logiciels: Flash, Illustrator, Photoshop, Indesign
    Date d'inscription: 16/02/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Technique d'animation (effet loupe sur texte)

    Message par AlanAdk le Sam 14 Mar - 10:48

    A la tienne !
    Ce tuto toujours aussi propre, vraiment pas bete l'idee Smile

      La date/heure actuelle est Jeu 9 Fév - 22:01