Créer un logo pour son site internet - PFP design

Fichier PSD tutorial 142

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

PFP design logo : Dans l’interface graphique PFP design j’utilise un logo, je vais ici vous expliquer comment le reproduire et l’adapter avec le nom de votre site.

Ce tutorial est destiné aux personnes ayant acheté l’interface graphique PFP design et désirant adapter le logo avec le titre de leur site Internet, ainsi que tout autre personne désirant créer un logo original pour son site internet.

En premier lieu il faut savoir que nous partons d’une étoile acquise dans ce tutorial : http://www.wks.fr/Creer-un-macaron-avec-Photoshop.html

ETAPE 1

Je change les couleurs de mon étoile, j’ai en fait deux calques à changer, je clique deux fois sur le premier calque et je modifie son dégradé (dans son style de calque) je fais de même avec le second calque.

ETAPE 2

Je crée mon texte et je le place bien au centre de mon étoile, je renomme le calque correspondant à mon texte par texte1

ETAPE 3

Je pixellise mon calque texte1 et je lui applique un style de calque : dégradé (calque > style de calque > dégradé).

ETAPE 4

Je duplique mon calque texte1 et je nomme cette copie texte 2. Le but est de colorer le dernier mot de mon titre, pour cela je change le dégradé dans le style de calque par un bleu clair > bleu foncé, puis avec la sélection je supprime le début de mon texte.

ETAPE 5

Je vais créer le reflet sur mon texte : je récupère la sélection de mon texte, pour cela je garde la touche (Ctrl) enfoncée et je clique sur le calque texte1 puis j’appuie en plus sur (Shift) et je clique sur le calque texte2.

Je crée un nouveau calque que j’appelle reflet, puis je prend le pot de peinture et je remplis ma sélection de blanc. Je déplace ma sélection vers le bas puis je supprime la moitié de mon reflet.

Enfin je diminue l’opacité du calque reflet à 50%.

ETAPE 6

Même manipulation, sur un nouveau calque : je remplis de blanc la sélection de mon texte, mais cette fois-ci, je baisse la sélection de 1 pixel avant de supprimer.

ETAPE 7

J’appuie sur (Ctrl) puis je clique sur le calque text1 pour récupérer sa sélection, ensuite je modifie celle-ci par sélection > modifier > dilater => 2 pixels. Je vais sur le calque de mon étoile (le premier calque) et enfin j’appuie sur (Suppr).

ETAPE 8

Etape délicate : J’appuie sur (Ctrl) et je clique sur le calque de mon étoile (le second) puis j’appuie sur (Ctrl) + (Shift) et je clique sur mon calque texte1 et texte2, normalement j’ai ainsi récupéré la sélection de moi étoile + de mon texte.

Je crée en dessous de mon logo un calque que je nomme ombre1, je le remplis de noir avec le pot de peinture, ensuite je duplique ce calque, et je nomme la copie ombre2.

Avec l’outil déplacement je descends de 2 pixels le calque ombre1.

Puis je fais de même avec le calque ombre2 seulement je luis applique en plus un flou graussien de 2 pixels (filtre > flou > flou graussien).

ETAPE 9

J’ajoute l’url de mon site avec l’outil texte, je peux lui ajouter un dégradé gris clair > blanc ainsi qu’une ombre portée mais ce n’est pas obligé !