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

Rejoignez le forum, c'est rapide et facile

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

Artkabis

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

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

Le Deal du moment : -20%
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, ...
Voir le deal
399 €

3 participants

    Texte avec effet d'empilement

    Tekken
    Tekken
    Administrateur


    Messages : : 2076
    Age : : 46
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    Texte avec effet d'empilement Left_bar_bleue9/10Texte avec effet d'empilement Empty_bar_bleue  (9/10)

    Texte avec effet d'empilement Empty Texte avec effet d'empilement

    Message par Tekken Dim 6 Juin - 12:52

    Dans ce tutoriel je vais vous montrer comment faire un effet d'empilement horizontal sur un
    texte comme dans l'exemple ci-dessous.





    Tout d'abord ouvrir un nouveau document en cliquant sur fichier puis nouveau ou alors directement sur le raccourcis
    en cliquant sur les touches ctrl + N.

    Texte avec effet d'empilement 315906939.1

    Régler la taille du document en cliquant sur modification puis sur document
    ou alors directement sur le raccourcis en cliquant sur les touches CTRL + J.

    Texte avec effet d'empilement 1392564687.3

    une fenêtre va alors s'ouvrir

    Texte avec effet d'empilement 739984180.2

    Rentrer les valeurs de la hauteur et de la largueur que vous désirez, ainsi que la couleur de fond d'écran.

    Sélectionner ensuite l’outil texte Texte avec effet d'empilement 1679473423.4 dans la barre d'outils, vous verrez alors
    votre curseur se transformer en + avec un A en dessous.


    ouvrez votre fenêtre de propriétés si elle n'est pas déjà ouverte, en cliquant sur fenêtre puis propriétés ou alors directement sur le raccourcis en cliquant sur les touches ctrl + F3.

    Texte avec effet d'empilement 395099702.38

    Sélectionner une police avec des lettres assez grasses, ici pour l'exemple j'ai pris Adobe arabic.

    Texte avec effet d'empilement 1540203489.41

    Cliquer sur votre scène et entrer le texte ou vous souhaitez y mettre l'effet.

    Texte avec effet d'empilement 1934293477.5

    Une fois votre texte affiché sur votre scène, cliquer dessus, vous verrez un carré bleu l'entourer.

    Texte avec effet d'empilement 649937787.6

    Puis diviser votre texte en cliquant sur modification puis séparer
    ou alors directement sur le raccourcis en cliquant sur les touches CTRL + B.

    Texte avec effet d'empilement 259800557.7

    Ce qui donne
    Texte avec effet d'empilement 380763263.8

    Suivis d'un nouveau clic sur ces mêmes touches, vous verrez alors votre texte avec un intérieur remplis de pointillés.

    Texte avec effet d'empilement 2053940829.9

    Faites ensuite pivoter votre texte en cliquant sur modification puis sur transformer et enfin sur
    pivoter à droite de 90° ou alors directement sur le raccourcis en cliquant sur les touches ctrl + MAJ + ç.

    Texte avec effet d'empilement 693928158.10

    Ce qui donne

    Texte avec effet d'empilement 1841121752.11

    Rendez vous ensuite sur votre palette de couleurs afin de sélectionner un dégradé,

    Choisissez les couleurs que vous souhaitez pour votre texte et cliquer sur le menu
    déroulant type afin de sélectionner linéaire.

    Texte avec effet d'empilement 1955963961.12

    Vous voyez alors votre texte se remplir de la couleur du dégradé que vous avez choisis.

    Texte avec effet d'empilement 1016426391.13

    Remettez maintenant votre texte droit en cliquant sur modification puis sur transformer
    et enfin sur pivoter à gauche de 90° ou alors directement sur le raccourcis
    en cliquant sur les touches ctrl + MAJ + è.

    Texte avec effet d'empilement 1408750809.14

    Nous allons maintenant découper notre texte en plusieurs parties que nous convertirons chacune en clip.

    Sélectionner l'outil flèche Texte avec effet d'empilement 1235419185.15 dans votre barre d'outils et sur votre texte délimiter
    une petite zone sur le dessus de votre texte.

    Vous voyez que la zone que vous venez de sélectionner est en pointillé.

    Texte avec effet d'empilement 604412324.21

    Cliquer ensuite sur édition puis sur couper ou alors directement sur le raccourcis en cliquant sur les touches CTRL + X

    Texte avec effet d'empilement 2081895365.17

    Vous voyez la zone que vous avez sélectionné précédemment disparaître.

    Texte avec effet d'empilement 1912577750.18

    Insérer ensuite un nouveau calque au dessus de celui déjà présent en cliquant sur
    cet icone Texte avec effet d'empilement 1514838875.19 situé en dessous des calques.


    puis sur la scène faites clic droit, coller en place

    Texte avec effet d'empilement 1832013784.20

    vous voyez la zone que vous avez coupée se repositionner au même endroit que vous l'avez coupé.

    Texte avec effet d'empilement 424349487.16

    Nous allons maintenant convertir cette zone en clip.

    Pour cela cliquer sur modification puis convertir en symbole ou alors directement
    sur le raccourcis en cliquant sur la touche F8.

    Texte avec effet d'empilement 448316640.22

    Cocher la case clip et nommer le 1.

    Texte avec effet d'empilement 153808767.23

    Pour se repérer plus facilement vous pouvez renommer également vos claques avec les mêmes
    numéros que votre clip.


    Vous voyez ensuite la zone se transformer en un carré bleu, qui correspond au clip que vous venez de créer.

    Texte avec effet d'empilement 1007625450.24

    Renouveler les opérations de découpe des différentes parties du texte ainsi que
    de la conversion de ces parties en clip jusqu'à ce que tout le texte ait été sélectionné.

    Vous vous retrouverez alors avec plusieurs clips dans la bibliothèque et autant de calques.

    Texte avec effet d'empilement 498809308.25
    Texte avec effet d'empilement 1524454585.26

    Une fois que votre texte est découpé en plusieurs zones, le calque du début oit être maintenant vide
    (image clé blanche Texte avec effet d'empilement 664732755.29), vous pouvez donc maintenant le supprimer en cliquant droit sur le
    calque puis supprimer le calque

    Texte avec effet d'empilement 1274705403.28

    ou alors directement sur la petite poubelle Texte avec effet d'empilement 506327087.27



    Placer vous sur le calque 1 et insérer tout d'abord une image clé à la 15 environ.

    Pour cela cliquer sur insertion, scénario puis image clé, ou alors directement sur le raccourcis en
    cliquant sur la touche F6.

    Texte avec effet d'empilement 1870199566.30


    Faites ceci sur tout vos calques en décalant d'environ 5 images clés à chaque fois.

    Texte avec effet d'empilement 2119681582.31

    Placer vous ensuite sur les dernières images clés vides de chaque claque et appuyer de nouveau sur F6,
    vous voyez alors se remplir les images clés.

    Texte avec effet d'empilement 901578919.32

    Afin que votre texte ne redémarre pas tout de suite une fois le texte empilé nous
    allons insérer des images clés une trentaine d'images clés plus loin.

    Texte avec effet d'empilement 1435502229.32

    Repositionner vous sur les premières images clés de chaque calque, les sélectionner toutes (vous voyez que toutes les parties de votre texte sont sélectionnées avec leur carré bleu respectif),

    Texte avec effet d'empilement 643730301.36

    et faites clic droit créer une interpolation de mouvement.

    Texte avec effet d'empilement 1825046342.34

    Vous voyez alors des lignes bleues se tracer sur vos images clés.

    Texte avec effet d'empilement 768432376.35

    Garder toujours vos 1 ères images clés sélectionnées et faites descendre
    toutes ces parties de texte en dessous de votre scène

    Texte avec effet d'empilement 1836270111.37

    Afin de donner un effet supplémentaires à votre texte vous pouvez modifier la couleur de ces premières images clés.

    Pour cela il faut toujours qu'elles soient toutes sélectionnées.

    Cliquer sur votre texte puis sélectionner teinte dans le menu déroulant,
    sélectionner une couleur jaune par exemple avec un alpha de 50%.

    Texte avec effet d'empilement 1013740351.39

    Ce qui donne

    Texte avec effet d'empilement 147630423.40

    voilà votre effet sur votre texte est terminé, il ne vous reste plus qu'à tester
    l' animation en cliquant sur les touches CTRL + entrée .




    Télécharger le tutoriel au format pdf

    Voir tous mes autres tutoriels ici




    Dernière édition par Tekken le Jeu 30 Juin - 20:37, édité 3 fois
    Zoee
    Zoee
    Ancien staff


    Messages : : 2666
    Age : : 52
    Logiciels : Logiciels : : Photoshop, Illustrator, InDesign, Lightroom
    Date d'inscription : 25/09/2008

    Capacités en graphisme
    Capacité graph:
    Texte avec effet d'empilement Left_bar_bleue8/10Texte avec effet d'empilement Empty_bar_bleue  (8/10)

    Texte avec effet d'empilement Empty Re: Texte avec effet d'empilement

    Message par Zoee Dim 27 Juin - 21:36

    Merci pour ton partage, Tekken =)

    Va falloir que j'essaie.
    allansens
    allansens
    Infographiste


    Messages : : 1458
    Age : : 62
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    j utilise la suite adobe cs4 Ai, Ps, Fl, Dw, Id et un peut les logiciel 3D C4D
    Date d'inscription : 26/12/2008

    Capacités en graphisme
    Capacité graph:
    Texte avec effet d'empilement Left_bar_bleue0/0Texte avec effet d'empilement Empty_bar_bleue  (0/0)

    Texte avec effet d'empilement Empty Re: Texte avec effet d'empilement

    Message par allansens Dim 27 Juin - 21:48

    Merci pour ce tuto Tekken c est vrai qu il est cool Texte avec effet d'empilement Lol
    Ps remets un bonjour à Miss Texte avec effet d'empilement Icon_wink
    Tekken
    Tekken
    Administrateur


    Messages : : 2076
    Age : : 46
    Logiciels : Logiciels : : Suite CS6
    Date d'inscription : 02/01/2010

    Capacités en graphisme
    Capacité graph:
    Texte avec effet d'empilement Left_bar_bleue9/10Texte avec effet d'empilement Empty_bar_bleue  (9/10)

    Texte avec effet d'empilement Empty Re: Texte avec effet d'empilement

    Message par Tekken Lun 28 Juin - 16:25

    oui capucine tu peux essayer, c'est pas bien compliqué à réaliser Wink

    allansens ton bonjour est transmis, elle te le retourne Wink

    Contenu sponsorisé


    Texte avec effet d'empilement Empty Re: Texte avec effet d'empilement

    Message par Contenu sponsorisé


      La date/heure actuelle est Dim 28 Avr - 6:55

      Ne ratez plus aucun deal !
      Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
      IgnorerAutoriser