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.
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é :
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

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 !
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
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.
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épondreJ’ai ajouté ton logo à la galerie de la page
Bien réalisé en tout cas !
pas mal ça ! j’aime bien, c’est simple, classe et design !
encore merci 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épondreDécidemment vous n’aimez pas la galerie interne ![]()
En tout cas belle réussite ! Bravo.
Répondre10365 artistes dans le club
3213 images postées dans les galeries
553 tutorials de formations Photoshop publiés



