Créer le logo My Beauty Store avec Photoshop

jeudi 18 décembre 2008
Article écrit par : Wonka
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 !
WonkaStudio

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

Photoshop - 249.5 ko
Photoshop - 237.1 ko

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

La galerie des membres

Url de l'image : http://www.wks.fr/stockpix/463/3007.jpg Url de l'image : http://www.wks.fr/stockpix/463/3067.jpg Url de l'image : http://www.wks.fr/stockpix/463/3086.jpg Url de l'image : http://www.wks.fr/stockpix/463/3298.jpg Url de l'image : http://www.wks.fr/stockpix/463/3718.jpg Url de l'image : http://www.wks.fr/stockpix/463/3888.jpg Url de l'image : http://www.wks.fr/stockpix/463/3969.jpg

Ajouter votre image dans la galerie
Si vous avez réussis ce tutorial vous avez la possibilité de poster votre dessin dans la galerie, vous pourrez ensuite le publier dans les commentaires (que vous trouverez en bas de page).
Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !

Vos commentaires ( 18 messages dans le forum)
Ajouter un commentaire à cet page
  • Créer le logo My Beauty Store avec Photoshop
    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 à ce message
  • logo - redimensionner
    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 à ce message
    • logo - redimensionner
      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 à ce message
  • Logo
    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 à ce message
  • Créer le logo My Beauty Store avec Photoshop
    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 à ce message
  • Créer le logo My Beauty Store avec Photoshop
    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 à ce message
    • Créer le logo My Beauty Store avec Photoshop
      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 à ce message
      • Créer le logo My Beauty Store avec Photoshop
        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 à ce message
        • Créer le logo My Beauty Store avec Photoshop
          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 à ce message
          • Créer le logo My Beauty Store avec Photoshop
            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 à ce message
            • Créer le logo My Beauty Store avec Photoshop
              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 ;) 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 :) Répondre à ce message
  • Créer le logo My Beauty Store avec Photoshop
    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 à ce message
  • Créer le logo My Beauty Store avec Photoshop
    8 mars 2009 23:52
  • Créer le logo My Beauty Store avec Photoshop
    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 à ce message

modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Ajouter un commentaire

Continuer la lecture sur wks.fr

Copyright

Les articles et images d'illustrations sont propriété de l'auteur et du réseau Grafik Network & Wks.fr.

Toute copie, reproduction ou diffusion sans autorisation sont interdites. Les images ainsi que les textes sont protégés par le droit français d'auteur ainsi que par un Copyright.