[025] une typo glossy simple

    Partagez
    avatar
    Saray
    Taulière
    Taulière

    Messages : 1098
    Date d'inscription : 06/10/2011
    Age : 27

    [025] une typo glossy simple

    Message par Saray le Mar 9 Avr - 13:33

    Ce tutoriel est proposé et évalué par le Who's Graph.


    Réalisé par : Amanwitouthmind
    Source : http://www.whosgraph.com/

    Label décerné par le Who's Graph :



    Commentaires :
    Saray a écrit: Coucou ^^

    J'ai essayé le tutoriel et franchement je dis bravo Very Happy
    Tu penses vraiment à tout détailler c'est chouette; ça va permettre aux "débutants" de pouvoir apprendre à réaliser une typo glossy!
    Edyna a écrit:Effectivement tuto simple mais bien expliqué et bien détaillé.




    Salut,

    Grâce à ce tutoriel, vous serez capable de réaliser cet effet incroyable (Dites juste "woaaw !", que je ne me sente pas trop nul...) :


    Il n'y a aucune vraie grosse difficulté, ce tuto est accessible aux débutants.

    La base.

    1-Pour commencer, vous allez créer un nouveau document :

    2-Pour le tuto, j'ai utilisé la typo Kraash (Il y a deux versions dans le pack, j'ai pris la black), mais n'importe quel typo forte de style impact fera l'affaire.

    La couleur importe peu, à vous de choisir votre teinte, n'allez simplement pas dans les teintes foncées, les effets ne seraient plus visibles.

    3-Commencez maintenant par dupliquer une fois le calque texte (Ctrl-J), passez le en opacité à 50% puis dupliquez le encore deux fois.
    À ce stade, vous devez avoir 4 calque de texte, les 3 copies à 50% opacité et l'original à 100% en dessous de tout.


    4-Petite manipulation simple :
    Placez-vous sur le calque copie 1, appuyez sur shift, et sans relâcher cette touche, appuyez juste une fois sur la flèche directionnelle "haut", faites de même pour le calque copie 2 vers le bas et pour le calque copie 3 vers la droite.
    Le but de la manœuvre étant de décaler d'un espace exactement égal, tous les calques dans leur direction respective.)


    Passons à l'effet glossy de base.

    5-Créez un nouveau calque au dessus de tous les autres et à l'aide de l'outil de sélection arrondi, faites une sélection comme ceci :


    6-(G) Remplissez la sélection avec de la couleur blanche et passez le calque à 50% opacité.



    7-Tout en restant sur le même calque, faire un "ctrl-clic gauche sur la vignette" du calque texte le plus haut (Copie3) pour en récupérer la sélection.


    faites un Ctrl-J pour ne dupliquer que la sélection (Il sera nommé calque 2 automatiquement) et mettez le calque du dessous (Calque 1) à la corbeille.

    Nous en avons terminé avec la première étape du glossy, la suite donnera plus de dynamisme à ce glossy.

    Nous voilà au second effet glossy.

    8-C'est très simple, il s'agit d'effets sur le calque de base de notre typo :






    (Pour la teinte du contour, prenez la pipette (i) et prenez la teinte la plus foncée sur votre typo dans son état actuel)

    Sur un calque tout seul, ces effets sont très laids, mais sur notre calque avec 3 autres calques transparents au dessus, ça donne un dynamisme surprenant hein?

    Une ombre, non DES ombres !

    9-Sous votre calque de base de typo, soit en dessous de tout normalement, créez un nouveau calque.
    En restant placé sur ce nouveau calque, récupérez la sélection du calque de base de typo (Ça n'a pas changé, "ctrl-clic gauche sur la "vignette").
    Appuyez sur "D" (Ça réinitialise les couleurs, blanc pour le fond, noir pour l'avant plan, et nous avons besoin de l'avant plan en noir.), puis sur (G) pour utiliser l'outil de remplissage et cliquez dans la sélection pour remplir de noir.
    Dé-sélectionnez.

    10-Appliquez un flou de 1pixel au calque et passez le à 50% opacité et enfin dupliquez le deux fois de sorte d'avoir 3 calques d'ombre.




    11-Pour finir, il ne vous reste qu'à répéter l'opération de la partie (4-) du tutoriel, mais avec les 3 calques d'ombre cette fois.
    Placez-vous sur le calque "calque 3", appuyez sur shift, et sans relâcher cette touche, appuyez juste une fois sur la flèche directionnelle "haut", faites de même pour le calque "calque 3 copie" vers le bas et pour le calque "calque 3 copie 2 vers la droite.
    Le but de la manœuvre étant de décaler d'un espace exactement égal, tous les calques dans leur direction respective.)

    C'est terminé.
    Je ne fais pas de fond, il ne s'agissait pas de vous apprendre à faire une composition, juste un petit effet sympa sur une typo.
    Le tuto est un peu long mais vraiment simple, j'ai évité au maximum les techniques avancées pour que ce soit à portée de tous.

      La date/heure actuelle est Jeu 23 Nov - 7:36