32
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é !
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 !
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 22 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.
-
-
-
29 avril 2007 00:52, par Wonka
La police de caractère utilisée dans ce logo est : Acknowledge TT.
Répondre-
29 avril 2007 14:28, par Biohazard
Merci beaucoup d’avoir repondu aussi vite, et j’aime beaucoup tes tutos
Répondre-
29 avril 2007 14:33, par Biohazard
Encore moi, j’ai chercher sur internet la police, mais celle que je trouve sur le net et differente.
[édité]
Pourrais tu me l’envoyer a cette adresse : biohazard0410@gmail.com (si tu a le temps et le droit de le faire)
Merci d’avance
Répondre-
29 avril 2007 20:38, par Wonka
Je t’ai envoyé un mail avec le fichier, écris un message pour confirmer la récéption du message !
Répondre-
30 avril 2007 17:27, par Biohazard
Merci beaucoup pour avoir pris le temps de me l’envoyé, bonne continuation pour tes tutos que j’ai presque tous essayer
Ps : Oui j’ai bien recu la police, merci
Répondre-
30 avril 2007 17:34, par Biohazard
Encore encore moi (je sais que je suis chiant, tu pourra supprimer les messages apres ^^) Quand j’écris on ne dirait pas la meme police les lettres ne se ressemble pas, c’est vraiment bizar
Répondre-
-
2 mai 2007 11:13, par Biohazard
La police de caractere que tu m’a envoyé est bien la bonne pour les textes en petit, mais pour le texte « MonSiteInternet » on dirait que non. Peut etre que le texte « MonSiteInternet » tu ne la pas fait avec du texte,mais plutot dessiner avec l’outil vecteur
Répondre-
3 mai 2007 14:04, par Wonka
Je vais vérifier sur mon fichier psd ! Je me suis peut être trompé et j’ai peut être regardé la police utilisé effectivement sur le petit texte et non sur le titre, je poste un nouveau commentaire dés que j’ai regardé cela
Répondre
-
3 mai 2007 19:55
Ok, merci de me répondre :D, j’en connais qui m’aurait deja lacher :D.
Encore merci
Répondre-
3 mai 2007 23:56, par Wonka
Je me suis planté royalement en fait ! La police utilisé pour le titre est : Angies New House, tu la trouveras assez simplement je pense
Répondre-
4 mai 2007 16:51, par Biohazard
Je me disais aussi, lol, pas grave, merci beaucoup la police est pas mal :D
Lien pour les personnes de mon cas : http://www.dafont.com/angies-new-house.font
Répondre
-
-
-
-
-
-
-
-
-
-
-
-
-
-
4 mai 2007 12:09, par oXyde
Magnifique , bravo !
J’utilise photoshop depuis plusieurs années et je ne connaissai pas vraiment cette technique sur les textes ... ca rend super bien ! Ca va vraiment m’aider , bravo !!!!
Répondre-
20 mai 2007 21:47
Moi j’ai un petit problème. Quand tu dis : Faites une Sélection et supprimer.
[ Partie texte2 ] on doit pixelliser ce texte ?
Répondre-
-
18 février 2008 20:05, par menup.info
pourquoi tu nous mets pas tous le fichier de la police
je trouverais que c’est moche de l’envoyer a un seul
Voir en ligne : http://menup.info
Répondre
-
-
-
-
18 mars 2008 05:07, par Mak_
Tres bon tuto, manque un peu plus d’explication mais sinon le rendu est pas mal.
Ps : Pour info je crois qu’il y a un petit problème au niveau du codage de cette page car la page est légèrement vers la droite, a vérifier
J’ai Firefox 2.0.0.12
Répondre -
1er septembre 2009 11:16, par synapss
salut , ou baisse tu de 1 pixel la selection ds l’etape 6 ? merci
Répondre
c’est pourtant la bonne !
