Voici un tutoriel pour créer un logo pour son site Internet. La méthode est très simple est plutôt efficace. Je pense qu’avec un peu d’effort, ce tutoriel est tout à fait accessible pour les novices. Ce logo est notamment utilisé dans la charte graphique Clean Shop créée par WonkaStudio et distribuée par le site Kitgrafik.com.

Fichier source Photoshop

clic pour télécharger le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Je pars d’une image contenant dors et déjà un background. Dans mon exemple j’utilise le header du kit graphique clean shop, si cette technique vous intéresse je l’ai expliquée dans un autre tutorial :

ETAPE 2

Avec l’outil des formes personnalisées je crée une ellipse blanche (je pense à garder la touche maj enfoncée pour garder des dimensions parfaites).

ETAPE 3

Je vais lui ajouter quelques styles de calques : calque > style de calque > incrustation de dégradé, lueur interne etc… Je vous invite à télécharger le fichier source Photoshop disponible en haut de page pour récupérer les styles de calques.

ETAPE 4

Je crée un nouveau calque sous mon ellipse. Avec l’outil de sélection je crée un ovale que je remplis de bleu foncé. Je vais faire filtre > flou > flou gaussien et j’entre une valeur de 2 ou 4 selon la taille de mon image. Je peux avoir à baisser l’opacité de ce calque ombre pour qu’il s’adapte parfaitement à mon image.

ETAPE 5

Je vais dupliquer mon calque ellipse, puis je vais créer un nouveau calque par-dessous, et dupliquer le nouveau calque avec le calque ellipse copie. Cela à pour effet d’aplatir les styles de calques. Ensuite je fais édition > transformation > symétrie verticale.

Je prends l’outil déplacement et je décale mon ellipse copie vers le bas. J’ajoute un masque de fusion et avec le dégradé je camoufle le bas de mon ellipse, créant ainsi un reflet.

Attention je dois placer le calque reflet au dessus de l’ombre.

Ensuite avec l’outil texte, je crée une lettre au dessus de mon ellipse. Dans mon exemple j’ai utilisé la police de caractère : VS Prophit qui se prête très bien à la situation.

ETAPE 6

Maintenant j’utilise l’outil texte pour créer mon titre : J’utilise la police de caractère : Visitor TT1 BRK et lui ajoute des styles de calques : contour, incrustation de dégradé … -voir le psd- ensuite avec l’outil des formes personnalisées je crée un rectangle arrondi par-dessous mon titre, et lui ajoute un slogan, cette fois j’utilise une font simple comme un Verdana (comme dans mon exemple).

Et voila mon logo est maintenant terminé, je peux en profiter comme je veux