Créer le logo Dark Orange

Voici un tutoriel qui vous explique la création du logo utilisé dans l’interface graphique Dark Orange que vous pouvez voir en détail ici : http://www.wks.fr/Interface-graphique-Dark-Orange.html ou que vous pouvez acheter pour votre site internet sur kitgrafik au prix de 15 euros ici : http://www.kitgrafik.com/kit-graphique/version-v-1521-kit_graphique-DARK%20ORANGE.html

Ce tutoriel est utile si vous avez acheté l’interface graphique et vous avez envie de personnaliser de façon avancée votre site Internet. Il est également utile pour tout ceux qui utilisent Photoshop et ont envie de trouver des idées originales pour créer un logo.

Comme d’habitude, le fichier source Photoshop est en téléchargement libre, cliquez sur l’icône ci-dessous pour le télécharger gratuitement.

Photoshop - 259.6 ko

ETAPE 1

J’ouvre Photoshop et je crée un nouveau document sur fond blanc, la première chose à faire, consiste à créer un dégradé sur l’arrière plan pour créer un petit effet de profondeur. Ensuite, avec l’outil ellipse je crée un rond noir sur le côté gauche de mon image, ce sera la base de ma future bille.

ETAPE 2

Puis je vais ajouter une incrustation de dégradé (calque > style de calque > incrustation de dégradé).

Voici la configuration du dégradé :

JPG - 123.8 ko

ETAPE 3

Avec l’outil ellipse je crée un ovale blanc sur la partie haute de mon rond, et j’ajoute un masque de fusion : menu calque > masque de fusion > tout faire apparaître. Et je crée un dégradé noir 100% vers noir 0% du bas vers le haut pour camoufler et ainsi créer un reflet Web 2.0.

ETAPE 4

Je duplique mon reflet puis je récupère la sélection de celui-ci en faisant Ctrl + clic sur le calque et je descends la sélection de deux ou trois pixels, ensuite j’appuie sur la touche Suppr. Cette manipulation me permet de créer un petit contour blanc sur le haut de mon reflet.

ETAPE 5

Je duplique la base de mon logo, puis je change les couleurs du dégradé de remplissage par du orange foncé > orange clair.

ETAPE 6

Avec l’outil des formes personnalisées de Photoshop, je sélectionne la forme flèche et je crée une flèche au milieu de mon rond, optionnelle. Vous pouvez ainsi créer la forme que vous souhaitez insérer dans votre futur logo !

ETAPE 7

Je crée un nouveau calque que je place sous la base de mon logo, et à l’aide de l’outil sélection en ellipse je crée un ovale aplati sous mon logo que je remplis de noir. J’applique ensuite un flou gaussien de 2 px (varie selon la taille de votre image) et enfin je peux diminuer l’opacité de ce calque, cette manipulation crée une ombre sous mon logo.

ETAPE 8

J’ajoute maintenant mon titre et mon slogan, j’applique ensuite une incrustation de dégradé de gris clair vers blanc (calque > style de calque > incrustation de dégradé). Dans l’exemple la police de caractères utilisée est Bebas.

ETAPE 9

Et voilà, mon logo est maintenant terminé, je peux évidemment changer la couleur orange par une autre pour créer une ambiance différente.

Si vous avez des questions, n’hésitez pas à utiliser les commentaires se trouvant sous le tutoriel, et en cas de réussite complète du tutoriel vous avez la possibilité de publier votre image dans la galerie se trouvant tout à fait en haut de cette page.

Merci à tous d’avoir suivi ce nouveau tutoriel sur Wks.fr

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 7 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 décembre 2008 23:08, par maniphil

    Salut Wonka ! bravo pour ce beau tuto ! c’est magnifique

    Un détail me titille cependant, la partie colorée du logo semble dépasser de la bulle. Je crois a cause du fond. mais ce n’est qu’un comentaire en passant

    belle réa !

    maniphil

    Répondre
    • 6 décembre 2008 18:28, par Krifa

      merci voici mon image ^^

      Répondre
      • 6 décembre 2008 20:22, par Wonka

        J’ai ajouté ton logo à la galerie de la page ;) Bien réalisé en tout cas !

        Répondre
        • 7 décembre 2008 21:00, par biker82

          pas mal ça ! j’aime bien, c’est simple, classe et design ! encore merci wonka ;)

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

            J’aime beaucoup mais deux petites remarques, le logo n’est pas très centré, mais surtout le slogan du haut n’est vraiment pas bien placé, il gène la visualisation globale de l’image. Sinon le graphisme est vraiment super, bravo.

            Répondre
  • 9 décembre 2008 16:41

    TJ excellent à faire merci.

    Répondre
    • 9 décembre 2008 20:28, par Wonka

      Décidemment vous n’aimez pas la galerie interne :)

      En tout cas belle réussite ! Bravo.

      Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.