Créer le logo WP Business

Voici un nouveau tutoriel sur la création de logo pour site internet. Aujourd’hui j’explique la création du logo WP business que je vais utiliser dans ma prochaine interface graphique, qui est plus spécifiquement un kit graphique pour les blogs Wordpress !

Ce tutorial sera donc une aide précieuse pour ceux qui désirent personnaliser au mieux l’interface graphique WP Business, mais pas seulement, vous pouvez également suivre ce tutoriel et créer un logo WP Business pour votre propre site internet ou pour vos outils de communication.

Comme d’habitude, je publie ci-dessous le fichier source Photoshop que j’ai utilisé pour créer le tutoriel, téléchargeable gratuitement, vous y retrouverez les styles de calques, les formes et tous les calques utilisés dans le logo.

Photoshop - 351.2 ko

ETAPE 1

Je commence naturellement par ouvrir le logiciel Photoshop puis par créer un nouveau document, pour cela je vais dans le menu fichier > nouveau je saisis la taille souhaitée puis je clique sur la bouton ok (dans l’exemple l’image fait 500 pixels de large sur 300 de hauteur). Pour finir je remplis l’arrière plan de mon image en gris foncé en utilisant l’outil pot de peinture.

ETAPE 2

Ensuite j’utilise l’outil de forme ellipse et je crée un rond sur le côté gauche de mon document, peu j’importe la couleur.

ETAPE 3

Je vais ajouter deux styles de calques, une incrustation de dégradé et une ombre portée. Pour cela je vais dans le menu calque > style de calque > ombre portée puis incrustation de dégradé.

Voici la configuration des styles de calques :

JPG - 124.4 ko
JPG - 66 ko

ETAPE 4

Je vais ajouter une lueur sur la partie basse de mon logo, pour cela je crée un nouveau calque et je récupère la sélection de mon ellipse (Ctrl + clic sur le calque ellipse), ensuite avec un pinceau diffus gris clair je clique une fois sur le bas de mon rond pour créer cette lueur grise (voir ci-dessous).

ETAPE 5

Ensuite avec l’outil ellipse (le même que celui utilisé à la première étape) je crée un ovale sur la partie haute. J’utilise la couleur blanche, puis j’ajoute un masque de fusion : menu calque > masque de fusion > tout faire apparaître, et enfin je crée sur ce masque de fusion un dégradé noir vers blanc (du haut vers le bas) de façon a camoufler le reflet.

ETAPE 6

Conseil : créer un dossier d’archive en dupliquant vos calques ellipse + lueur + reflet.

Je fusionne les trois calques crées lors des étapes précédentes (ellipse + lueur grise + reflet) pour cela je sélectionne ces trois calques dans la fenêtre des calques puis « clic droit » dessus et fusionner les calques.

Enfin j’ajoute un masque de fusion et avec un large pinceau diffus noir je peins sur mon masque de fusion pour faire disparaître légèrement le bas de mon logo.

ETAPE 7

Et enfin j’ajoute mon titre et mon slogan, et pour terminer j’ajoute une incrustation de dégradé (gris vers blanc) ainsi qu’une légère ombre portée sur le plus gros des titres.

ETAPE 8

Pour sublimer mon logo j’ai la possibilité d’ajouter une lueur grise derrière mon logo, pour cela je crée un nouveau calque que je place sous mon logo, puis avec un large pinceau diffus gris clair je fais un clic sur mon image. Je peux ensuite la réduite pour la centrer sur le titre en utilisant la transformation libre (Ctrl + T). Pour diminuer l’intensité de cette lueur, je peux diminuer l’opacité de ce calque (voir l’option opacité dans la fenêtre des calques).

Pour agrémenter ce logo, vous avez bien entendu la possibilité de changer l’ambiance en modifiant les couleurs, cependant veillez à garder une intonation sombre.

Merci d’avoir lu ce nouvel article sur wks.fr. Si vous avez des questions ou des soucis de créations vous pouvez utiliser les commentaires ci-dessous.

Dans le cas ou vous avez réussi ce tutoriel jusqu’au bout, sachez que vous avez la possibilité de publier votre image en utilisant la galerie interne se trouvant en haut de cette page.

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

  • 8 décembre 2008 15:10

    Vraiment bien

    Répondre
  • 8 décembre 2008 15:25, par Krifa

    merci wonka

    Répondre
    • 8 décembre 2008 17:02, par Wonka

      Je viens d’ajouter vos logos dans la galerie ;) merci à vous deux pour votre créas.

      Répondre
      • 8 décembre 2008 20:20, par Panpan

        Je viens pas pendant quoi... quatre un un truc comme ça et hop, trois KG et deux tuto, t’es en forme Wonka =). Très beau et bien pensé le coup de la bulle qui se « fond » dans le fond (oui c’est pourris mais c’était pas une blague à la base xD).

        Répondre
        • 9 décembre 2008 14:01, par Wonka

          Oui en ce moment je travail pas mal, et je pense que ce sera comme cela pendant quelques temps, pas mal de nouveaux tutos en préparation (seront publiés durant cette semaine).

          Répondre
      • 8 décembre 2008 20:22

        Pas de quoi tu fais de très beau projets je te félicite et j espère que ces beaux projets vont continuer.

        MGdesign

        Répondre
        • 9 décembre 2008 14:01, par Wonka

          Merci, je l’espere également ;)

          Répondre
  • 9 décembre 2008 17:10

    Petite image pour Wonkastudio

    Répondre
  • 9 mars 2009 16:22

    Répondre
  • 21 décembre 2009 17:42, par Votre pseudonyme

    bonjour je suis debutant avec photoshop cs 3 et je n’arrive toujours pas a suivre vos tutos pour creer des boutons aqua, je n’arrive pas car peut etre manque t il les etapes des outils quels outils prendre et a quelle moment merci si vous pouviez me donner un coup de main merci

    Répondre
    • 24 décembre 2009 17:00, par wonka

      Encore une fois il ne manque aucune explication, aucune étape et aucun outil. Suivez ce qui est dit comme il se doit et tout devrait se passer comme il faut. Bonne continuation.

      Répondre
  • 20 mai 2010 11:08, par Votre pseudonyme

    il manque juste le .psd en haut ;)

    Répondre
  • 18 février 2011 23:47, par Bigg

    C’est vraiment intéressant de pouvoir réaliser de A à Z un logo qu’on a déjà vu.

    Je trouve que ce genre de tutoriel est très enrichissant, bravo et merci !

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.