Créer un titre retro composé de petites cartes

Je fais entrer cette technique dans les styles « grunges » et un peu vieillots que l’on peux adapter facilement pour un site Internet voir une publication Print. Très simple, vous qui êtes débutant, vous pourrez sans problèmes réaliser cet effet de texte.

Allez on se lance ;)

Photoshop - 334.8 ko
Fichier source Photoshop
Cliques ici pour télécharger le fichier source Photoshop utilisé dans ce tutorial.

ETAPE 1

J’ouvre Photoshop et je crée un nouveau document (fichier > nouveau ou Ctrl + N) sur fond blanc (de préférence), puis j’appuie sur T pour sélectionner l’outil texte, je crée mon titre au milieu de mon document.

ETAPE 2

Je sélectionne mon texte et dans la fenêtre caractères* je modifie la valeur « définir l’approche des caractères sélectionnés » puis je modifie la couleur de chaque lettre (gris foncé, gris clair en alternance).

Si cette fenêtre n’est pas affichée à l’écran je l’affiche en faisant menu fenêtre > caractère.

ETAPE 3

Je zoome un peu sur mon texte puis je crée un rectangle de sélection derrière la première lettre de mon titre.

ETAPE 4

Sous mon titre, je crée un nouveau calque et je remplis cette sélection avec le pot de peinture blanche, ensuite j’ajoute un style de calque : menu calque > style de calque > contour (1 pixel gris).

ETAPE 5

J’applique la même chose à toutes les lettres, je n’oublie pas à chaque fois de créer un nouveau calque pour dissocier chaque rectangle.

ETAPE 6

Ensuite je vais devoir pixelliser mon titre afin de dissocier chaque lettre, ainsi pour chacune d’elle, je la sélectionne, je la coupe et je la colle sur un nouveau calque au dessus du calque rectangle lui correspondant.

Je fusionne la lettre avec le rectangle pour obtenir un calque pour chaque carte (carte = rectangle + lettre).

Et pour chaque carte j’applique une petite rotation, une fois à gauche une fois à droite. J’utilise la transformation manuelle pour pouvoir les faire pivoter facilement (Ctrl + T).

ETAPE 7 : Facultative

Il est possible de finir ma composition en fusionnant toutes les cartes, puis en y ajoutant un nouveau contour un peu plus foncé que celui présent sur les cartes en y appliquant une ombre portée.

Et voila mon titre retro est terminé ;) Moi je trouve que l’effet est plutôt sympa, surtout cette technique ne prend que peu de temps à réaliser.

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 21 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 26 juin 2008 21:40, par WillibOy

    Super tutoriel ..... Jvais l’essayer plus tard, hâte de voir mon résultat !

    Répondre
    • 26 juin 2008 22:44, par Wonka

      Moi aussi je veux bien voir le résultat ;)

      Répondre
  • 27 juin 2008 12:56

    Après quelques tutos assez moyens, en voilà un qui claque ! Ca fait plaisir, l’effet est vraiment bien réussi, fallait y penser, félications !

    Répondre
    • 27 juin 2008 14:23, par Wonka

      « Après quelques tutos assez moyens »

      Merci ça fait plaisir !

      Répondre
      • 27 juin 2008 21:34

        Lol c’est vrai je suis un peu méchant mais celui-là je l’adore ! Continue ainsi wks et reste toujours gratuit !

        Répondre
        • 29 juin 2008 10:47, par Wonka

          Toujours pauvre mais gentil ;) décidemment tu es vraiment sympa loool

          Répondre
  • 28 juin 2008 14:43, par DjJoJo91

    Chez pas pourquoi mes j’adore ce tutorial lol

    Répondre
    • 29 juin 2008 10:47, par Wonka

      Tu as bien compris ce tutorial ;) bravo c’est très réussis !

      Répondre
      • 29 juin 2008 12:37

        le tutorial est très simple

        Répondre
        • 29 juin 2008 18:31, par Wonka

          Et tu l’as bien compris, très bien fait ;)

          Répondre
  • 30 juin 2008 19:55, par razhen

    pas mal pour une baniere !

    Répondre
    • 6 juillet 2008 18:21, par Monkey

      Bravo Wonka, je te félicite, encore un tutoriel clair et bien expliqué ! Je n’ai eu aucun mal pour le faire, c’est vraiment génial ! ^^

      Répondre
      • 10 juillet 2008 12:35, par paco

        simple mais vraiment fallait trouvé l’idée bravo

        Voir en ligne : portfolio

        Répondre
  • 15 juillet 2008 02:58, par Vijay

    Merci pour le tutoriel !!

    Répondre
  • 28 mars 2009 09:48, par stephane

    Merci pour le tutoriel !

    Je l’ai utilisé pour réaliser l’image publiée sur mon blogue :

    http://www.avenirdufutur.fr/ ?p=977

    Merci pour vos tutoriels !

    Répondre
  • 29 août 2010 18:54, par Daphné

    Bonjour ! Je suis débutante (mais vraiment débutante !) sur photoshop CS3 et j’ai un petit problème au niveau de l’étape 6 ...

    « pour chacune d’elle, je la sélectionne, je la coupe et je la colle sur un nouveau calque au dessus du calque rectangle lui correspondant. »

    J’ai bien compris le but de la manipulation (la lettre et son rectangle forment un seul calque pour que l’on puisse tout pivoter ensemble) Mais je ne sais pas comment sélectionner une lettre, ou même placer un nouveau calque au dessus du rectangle d’origine...

    Bref si tu pouvais m’aider et détailler plus cette étape (voir mettre des images avec ;) !) je t’en serai très reconnaissante !!! (Même si ça te parait trivial. . . )

    Merci beaucoup d’avance ! Daphné.

    Répondre
    • 29 août 2010 23:44, par Wonka

      Sur Photoshop quand tu sélectionnes des pixels puis que tu les copies (ou coupe) Ctrl/Cmd + C tu peux ensuite les coller en faisant Ctrl/Cmd + V et les pixels sont automatiquement collés sur un nouveau calque, libre à toi ensuite d’utiliser cette méthode sur chaque lettre et de les placer au dessus de s rectangle ! Bonne chance.

      Répondre
      • 30 août 2010 14:07, par Daphné

        Ok ! Merci pour ta réponse rapide... mais, comment fait on justement pour les selectionner ces pixels ? Il faut se mettre en mode quoi ? Et puis, normalement la liste des calques s’affiche en bas à droite mais là non (donc je ne voit pas comment je pourrais les fusionner après) ... Désolé je suis vraiment débutante ! C’est seulement la deuxième fois que j’utilise photoshop :s

        Répondre
        • 1er septembre 2010 08:59, par Wonka

          Aie aie :) je suis désolé je vais pas répondre à tes questions, mais plutôt t’informer d’une bonne nouvelle ;) je prépare une nouvelle version pour ce site que je publierai surement courant ce mois. Dans cette version il y aura une sorte d’édole Photoshop avec plein d’explication pour comprendre les bases de Photoshop. Bref tu pourras je pense commencer à utiliser Photoshop à partir de la, il faut juste patienter un peu.

          Bon concernant tes problèmes, les calques tu peux les afficher en allant dans le menu fenètre> Calques. Pour les pixels utilise l’outil Rectangle de sélection dans la barre d’outil en haut (zone gauche de ton écran).

          Bon courage.

          Répondre
  • 13 décembre 2010 20:13, par lolololop

    lol c’est top

    Répondre
  • 1er juin 2011 15:01, par Doc13

    Très bon tuto, surtout que tout ça reste assez facile malgré le joli résultat , Joli !

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.