32
Créer le logo My Beauty Store avec Photoshop
Comme d’habitude à la suite de la publication d’un nouveau kit graphique sur wks, je publie un tutoriel pour créer le logo « original » qui lui correspond. Aujourd’hui nous allons créer un logo green tendance franchement écolo pour la template graphique « My beautiful Store ».
J’invite les débutants à tenter ce tutoriel car il s’adresse à vous tout particulièrement, technique simple et étapes rapides, vous y arriverez avec un peu de concentration 
Top : ce logo peut se décliner en plusieurs couleurs très simplement.
Et comme d’habitude je publie le fichier source Photoshop utilisé pour la rédaction de l’article, cliquez ci-dessous pour télécharger le fichier .psd
Commençons :
ETAPE 1
J’ouvre le logiciel Photoshop puis je crée un nouveau document de 500 pixels de côtés avec un arrière plan blanc. J’utilise l’outil de forme ellipse pour créer un rond au centre de mon image (lorsque je crée le rond je garde la touche Maj enfoncée pour garder les proportions d’un rond parfait, l’outil ellipse se trouve dans la barre d’outil à gauche de votre écran).
ETAPE 2
Je vais personnaliser ce rond qui me sert de base pour mon futur logo. J’ajoute donc deux styles de calques. Je me rends dans le menu calque > style de calque > incrustation de dégradé, puis contour.
Voici la configuration de ces deux styles.
ETAPE 3
Avec un pinceau diffus de 300 px et une couleur vert-clair, je crée une lueur sur le bas de mon logo. Pour cela je crée un nouveau calque que je place au dessus du calque rond et je récupère se sélection (du rond). Ensuite je fais un clic sur le bas de mon rond pour créer la lueur verte.
ETAPE 4
Avec l’outil plume je crée une forme blanche comme ci-dessous.
Puis je crée un masque de fusion sur cette forme (menu calque > masque de fusion > tout faire apparaître). Pour la camoufler légèrement j’utilise un dégradé noir 100% vers noir 0% du bas vers le haut.
ETAPE 5
Je crée avec l’outil des formes vectorielles une ellipse que je place sous mon logo.
ETAPE 6
Je lui ajoute un flou (menu filtre > atténuation > flou gaussien de 3px) puis je diminue l’opacité du calque à 30px.
ETAPE 7
Puis je redimensionne mon logo et j’ajoute mon titre ainsi que mon slogan sur la droite de l’image. J’utilise dans mon exemple la police de caractères : N.O.- Movement.
ETAPE 8
Et enfin sur le titre le plus gros, j’ajoute une incrustation de couleur et une lueur interne (calque > style de calque > lueur interne et incrustation de couleur).
Dont voici les configurations :
Et voila mon logo est déjà terminé ! Très simple non ?
Pour ceux qui ont rencontré quelques soucis au cours d’une étape, vous pouvez utiliser les commentaires ci-dessous, une réponse vous sera apportée très rapidement.
Merci à tous pour avoir lu 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 !
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 18 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.
-
21 décembre 2008 19:22
merci pour ce tuto mais pourriez-vous me dire comment faire l’effet des truc ronds comme ça qui sont sur les ciseaux SVP ?
Répondre -
22 décembre 2008 14:59
Salut, j’ai réaliser un logo pour mon site mais celui-ci est trop grand comment le redimensionner sous toshop CS3 svp ?
Répondre-
22 décembre 2008 16:32, par kom1dune
Le plus simple c’est d’ouvrir ton fichier Photoshop source (.psd) et de mettre tous les calques dans un dossier de calques (dans la palette des calques, cliquer sur la petite flèche et cliquer sur Nouveau groupe de calques).
Ensuite en utilisant l’Homothétie (menu Editer -> transformer —> homothétie) tu réduis la taille de ton image (pense à garder la touche Maj enfoncée pour que l’homothétie soit conservée).
Tu n’as plus qu’à aplatir tes calques (si tu n’as pas de transparence) et à enregistrer sous pour le web en .jpg.
Si tu as une transparence (le fond par exemple), tu n’aplatis pas ton image mais tu l’enregistres sous pour le web en .png (24).
C’est simple comme bonjour ^^ Bon courage.
Répondre
-
-
23 décembre 2008 11:18
Pas moyen =(
Est-ce que quelqu’un pourrez redimenssioner mon logo si je lui passe la psd svp ?
Répondre -
4 janvier 2009 22:44, par Vanille
Le mien est un peu... different xD en fait je ne trouvais pas de slogant donc... j’ai improvisé x) bref voila mon image :
Répondre
-
8 janvier 2009 10:11, par Mofo
Salut Wonka ! Je ne trouve pas de rubrique ou chacun peut y déposer ses créations perso sans quelles soient en rapport avec les tutos. Tu pourais peut être créer un espace pour ça !!!
Répondre-
8 janvier 2009 19:31, par kom1dune
Tout à fait d’accord avec toi !!! Ça manque une rubrique comme ça, Wonka...
En tout cas, excellent rendu tes créas Mofo ^^
Répondre-
9 janvier 2009 23:06, par Mofo
Merci bien pour tes compliements
!!!De plus je vois que une de mes créa à disparue ? Donc je la transfert à nouveau. A+
Répondre-
10 janvier 2009 16:16, par Wonka
C’est toi qui a fait l’effet des gouttes vertes ? Car je trouve que c’est vraiment cool comme effet et je me demande comment tu as fait ? Petit explication ?
Répondre-
12 janvier 2009 11:45, par Mofo
Salut Wonka et merci bien pour tes compliments ! Venant de toi cela fait réellement plaisir surtout si en plus tu te demandes comment j’ai fait, alors là je suis vraiment content
!Explications :
C’est une demande pour un client qui voulait une affiche avec « Shrapnel Studio » et comme « shrapnel »est une grenade (d’ou le rappel de la goupille), j’ai voulu donner une petite impression d’explosion mais tout en restant lisible, soft et class. Mais le client ne connait pas la couleur « rouge » ce n’est pas dans son vocabulaire !!!(donc pas de tache de sang) « dommage ». J’ai décidé de partir sur du slide (donc vert !!!) et de donner un style « PackShot » assez glossy.
Détails :
Réalisation de toutes les formes (genre slide où gélatonium) sous Illustrator avec toutes les petites bulles qui vont avec (pour un meilleur rendu je les mets dans différentes mode de fusion, pour créer plus de profondeur) les reflets de lumière et le dégradé général du slide puis exportation dans Photoshop.
Je le déforme pour mieux l’incorporer dans l’image afin de respecter la perspective générale pour ne pas donner une impression de « flottement ». Je duplique mon calque slide et le passe en mode produit et lui ajoute des styles de calques (ombre interne, ombre portée, biseautage estampage qui lui donne alors toute sa profondeur. Je crée un groupe et place mes deux calques silde dedans puis je passe le groupe à 85% d’opacité afin d’obtenir une belle texture transparente genre gélatine. Et pour finir, je duplique mon groupe que je place sous mon premier groupe et le décale de quelques pixels afin de lui donner un petit reflet histoire d’être crédible par rapport au reflet du texte.
Et voilà... Pas bien compliqué non ? Je déconne bien sur car en fait cela m’a pris pal mal de temps pour créer cette composition qui je pense à un rendu assez bon, je trouve.
A+
Mofo
Répondre-
12 janvier 2009 19:14, par Wonka
Ne t’en fait on voit en regardant l’image qu’il y a du travail derrière
Répondre Le seul truc que je trouve pas très bien, c’est le reflet blanc qui se trouve sur le texte général ! Bien trop blanc, peu réaliste à mon gout ! Sinon j’adore toujours autant ces gouttes d’acide
-
-
-
-
-
-
3 février 2009 16:47, par moka
Slut, j’ai suivis toutes les instructions a la lettre, mais après l’etape 4, j’ai bien le degradé mais plus le contour... qu’est ce que je fais ?
Répondre -
21 mai 2009 18:04, par bluesman
Bonjour.
moi j’ai bloqué sur l’outil pinceau, je sais pas comment faire pour faire juste une lueur.
je suis nouveau, enfaite, je veux juste créé un logo pour mes forums, et j’essaye de me débrouillé, déjà j’ai appris comment faire des fusions d’images.
Répondre
