Créer un logo 3d de superposition

Voici un tutorial très simple à la portée des débutants pour créer un logo sous Photoshop. J’ai eu l’inspiration en voyant la template graphique flash sur template monster, je me suis dit : tiens pourquoi ne pas faire un petit tuto pour expliquer la réalisation de ce genre d’effet !

http://www.templatemonster.com/swish-templates/21758.html

Évidemment je l’ai adapté à la sauce wonka et voila le logo 3d de superposition ;)

Pour ceux qui ne peuvent s’empêcher de regarder le fichier source, voici en téléchargement le fichier Photoshop :

Photoshop - 416 ko

Bonne chance à tous pour la réalisation.

ETAPE 1

J’ouvre Photoshop et je crée un nouveau document : menu fichier > nouveau, je préfére une image carrée sur fond noir. La premiere chose à faire c’est de remplir le fond de mon document avec le pot de peinture, selon la couleur de mon futur logo je choisis une couleur correspondant très foncée, moi se sera le marron je remplie donc l’arrière plan avec un marron très foncé, et par-dessus je crée un calque et je fais un point avec un pinceau marron diffus de 300 pixels (minimum).

ETAPE 2

Avec l’outil texte j’ajoute ce qui servira de base à mon logo, dans mon exemple je me suis pas compliqué la vie et j’ai utilisé la police de caractères verdana.

ETAPE 3

Je vais lui ajouter un premier style de calque, pour cela je vais dans le menu calque > style de calque > incrustation de dégradé.

Voici la configuration de ce dégradé :

JPG - 102.4 ko

ETAPE 4

Je crée un nouveau document au dessus de mon texte, puis je récupère la sélection de mon texte (touche Ctrl enfoncée plus clic sur le calque texte) puis je remplis ma sélection de blanc. Je fais descendre la sélection de trois pixels vers le bas (j’utilise la touche flèche vers le bas de mon clavier), cette manipulation me permet de créer un contour blanc.

Je passe le calque en mode incrustation (voir le menu déroulant dans la fenêtre des calques en haut à gauche.

Puis j’ajoute un masque de fusion sur ce calque, avec un dégradé noir 100% vers noir 0%. Je fais disparaître discrètement le bas de ce contour blanc.

ETAPE 5

J’utilise la même technique pour créer un contour marron foncé sur le bas de mon texte, ici je n’ai pas besoin de changer le mode de fusion ni même d’utiliser un masque de fusion.

ETAPE 6

Et enfin, la petite touche d’originalité ;) J’ajoute mon slogan par-dessus mon titre, en lui donnant un fond blanc et en lui ajoutant une ombre portée (style de calque > ombre portée) avec la configuration de base.

Et le tour et joué ! Vous pouvez bien évidemment décliner ce logo sous différentes couleurs comme ceci :

Merci d’avoir lu mon tutoriel, si vous avez un problème, des questions, un merci peut être ; ) vous pouvez utiliser le forum juste ci-dessous.

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

  • 5 novembre 2008 13:56, par Marlène

    Un grand merci, même ! Je suis une photoshopeuse débutante, armée d’une vieille version, mais depuis que j’ai découvert wks, je progresse à pas de géant ! Merci pour tout ces tutoriaux, trucs et astuces... toujours très bien expliqués, même si je peine parfois (je n’ai pas tous les outils necessaires), j’arrive à de très chouettes résultats.

    Répondre
    • 6 novembre 2008 09:48, par Wonka

      Mais de rien ;) content de vous aidez dans votre apprentissage

      Répondre
  • 23 janvier 2009 23:43

    Salut super tuto mais je comprend rien enfin si mais presque rien alors esque tu pourrais me rajouter msn : lelover_18@hotmail.fr pour que tu m’aide stp car j’ai vraiment envie d’apprendre

    Répondre
  • 7 mai 2009 16:26, par lezolifant

    voici le mien. mais c´était tellement simple, que je me dit que j´ai du oublier un truc ............

    Répondre
  • 7 mai 2009 20:49, par Votre pseudonyme

    J’ai rien compris, il faut avoir quelques bases pour lire ce tuto, dommage pour moi :(

    Répondre
  • 27 août 2009 21:28, par Votre pseudonyme

    Merci pour l’effort fait mais j’ai rien compris non plus à partir de l’étape 4 et en particulier à partir de cette phrase :

    Je crée un nouveau document au dessus de mon texte, puis je récupère la sélection de mon texte (touche Ctrl enfoncée plus clic sur le calque texte) puis je remplis ma sélection de blanc.

    Merci pour plus de détails

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.