Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.


    Technique d'animation (effet loupe sur texte)

    Partagez

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 - 0: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 - 21:16, édité 1 fois


    _________________
    J'me fais de la pub et na tongue

    Rathorian
    Nouveau membre
    Nouveau membre

    Messages : : 15
    Age : : 29
    Logiciels : 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 - 5:47

    Merci pour ce tutoriel Artkabis ! Smile

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 - 12: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

    Messages : : 127
    Age : : 25
    Logiciels : 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 - 16: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
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 - 17: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

    Messages : : 631
    Age : : 26
    Logiciels : 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 - 17: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
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 - 15: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
    Nouveau membre
    Nouveau membre

    Messages : : 1
    Age : : 32
    Logiciels : 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 - 19: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
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 - 22: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

    Messages : : 280
    Age : : 40
    Logiciels : 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 - 9:48

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

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Messages : : 180
    Age : : 24
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 13/03/2009

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

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

    Message par Valbuena72 le Sam 14 Mar - 14:03



    fumer VOILA

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 Sam 14 Mar - 14:32

    Tu as utilisé quoi comme interpolation ?

    Je pense que tu devrez augmenter l'ips et augmenter la taille des lettres zoomés. Sinon c'est plutôt un bon dèbut....


    _________________
    J'me fais de la pub et na tongue

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Messages : : 180
    Age : : 24
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 13/03/2009

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

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

    Message par Valbuena72 le Sam 14 Mar - 14:41

    Interpolation classique What a Face

    j'ai pas voulu comment dire exagere sur la taille des lettre en faites

    ça va etre plus fluide si j'augmenete l'ips ?

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 Sam 14 Mar - 14:49

    Si tu es à moins de 24, oui....


    _________________
    J'me fais de la pub et na tongue

    mouloudia007
    Nouveau membre
    Nouveau membre

    Messages : : 14
    Age : : 25
    Logiciels : Logiciels : : Paint Cool
    je débute avec Flash CS3
    Date d'inscription : 19/03/2009

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

    Message par mouloudia007 le Jeu 19 Mar - 13:44

    merci pour le tuto mais quand j'ouvre le fichier 'texte_loupe' j'ai un msg d'erreur 'Format du fichier inattendu'
    je suis avec CS3...

    EDIT : comment je fais poour ajouter des police a mon CS 3 ? et c'est normal de pas avoir le "interpolation classique" ? Neutral

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Messages : : 180
    Age : : 24
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 13/03/2009

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

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

    Message par Valbuena72 le Jeu 19 Mar - 17:06

    on ajoute jamais une police dans un logiciel toujours dans windows pour ça
    tu va dans panneau de configurations => apparence & thèmes
    Coté gauche police tu glisse ta police dans se dossier.

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 19 Mar - 18:39

    Pour répondre à tes questions, oui c'est normal que tu es ce message d'erreur, car tu dois avoir une version de flash inférieur à celle qui a été utilisé pour ce tuto. Concernant les polices, comme l'a ditValbuena72, celles-ci doivent être ajoutés dans ton OS, si tu es sur Windows, tu trouveras le dossier ici:

    C:\WINDOWS\Fonts


    _________________
    J'me fais de la pub et na tongue

    marslableue
    Nouveau membre
    Nouveau membre

    Messages : : 2
    Age : : 54
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 29/03/2009

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

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

    Message par marslableue le Dim 29 Mar - 13:39

    merci, super tuto pour débuter

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : 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 Dim 29 Mar - 13:48

    C'est avec plaisir que je les fait...


    _________________
    J'me fais de la pub et na tongue

    Isa
    Ancien staff

    Messages : : 1890
    Age : : 41
    Date d'inscription : 19/02/2009

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

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

    Message par Isa le Dim 29 Mar - 15:29

    J'ai même pas commencé le tuto que je suis déjà bloquée... étourdi
    dans cette colonne ci-dessous, on doit cliquer sur quoi pour faire la chose ? Et pourtant je ne suis pas blonde... m'enfin...


    desperadisse
    Ceinture jaune
    Ceinture jaune

    Messages : : 218
    Age : : 35
    Logiciels : Logiciels : : Photoshop CS3, Flash CS3, Dreamweaver CS3, NotePad ++, Wampserver, Flash CS4, Photoshop CS4, Camtasia 6, Adobe Captivate 3.
    Date d'inscription : 07/03/2009

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

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

    Message par desperadisse le Dim 29 Mar - 19:08

    Tu peut le faire avec n'importe quel fichier flash ^^

    Isa
    Ancien staff

    Messages : : 1890
    Age : : 41
    Date d'inscription : 19/02/2009

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

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

    Message par Isa le Dim 29 Mar - 19:17

    Ok, donc sauf quand on fait AS2 ou AS3 ou clique ou on veut alors, merci Smile

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Messages : : 180
    Age : : 24
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 13/03/2009

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

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

    Message par Valbuena72 le Dim 29 Mar - 20:22

    Non

    As2 c'est pas les même codes que As3
    donc la sur ce tutoriel tu t'en fiche un peu car il y pas d'action script
    donc ce que tu veux

    Isa
    Ancien staff

    Messages : : 1890
    Age : : 41
    Date d'inscription : 19/02/2009

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

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

    Message par Isa le Dim 29 Mar - 20:25

    Merci Valbuena et soit rassuré pour les AS, je sais différencier les 2 Wink

    Valbuena72
    Ceinture blanche
    Ceinture blanche

    Messages : : 180
    Age : : 24
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 13/03/2009

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

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

    Message par Valbuena72 le Dim 29 Mar - 20:27

    durnk J'espère pour toi surtout que c'est dur a expliquer

    Contenu sponsorisé

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

    Message par Contenu sponsorisé Aujourd'hui à 5:59


      La date/heure actuelle est Jeu 8 Déc - 5:59