Photoshop : Mettre un logo dans une bulle

Nous avons tous déjà vu ces beaux logos qui sont contenus dans une bulle ! et bien voilà un petit cours pour que votre logo lui aussi se retrouve dans une bulle.

Etape 1

Pour avoir suffisament de place, commencez par créer un nouveau document de 300 de côtés ; puis sans perdre de temps, créez un cercle avec l’outil de forme vectorielle. Dans mon exemple j’ai appliqué la couleur : #EAF0F9.

JPG - 37.4 ko

Etape 2

Appliquez un style au cercle, vous pouvez retrouver le style utilisé pour ce cours juste en dessous.

Photoshop - 175.6 ko

Etape 3

Il faut créer le reflet du haut, pour ce faire récupérez la sélection de la bulle puis appliquez sur un nouveau calque un dégradé blanc 100% <> blanc 0% sur les 3 premiers quarts. Puis pour donner l’aspect bulle modifiez le dégradé grâce à la transformation manuelle (voir l’exemple ci-dessous)

JPG - 42.4 ko

Etape 4

Inclure votre logo, placez le en dessous du reflet que vous avez créé à l’étape 3 : Voyez-vous déjà comme il s’intègre à la composition ? Si ce n’est pas le cas, un contour blanc et une ombre portée seront du plus bel effet.

Ombre portée :

  • Distance : 4
  • Grossi : 0
  • Taille 0
JPG - 51.6 ko

Etape 5 et plus

Maintenant rien ne vous empêche par exemple de changer les couleurs ,d’ajouter des reflets ou des ombres, laissez libre cours à votre imagination ;)

JPG - 53.1 ko
JPG - 50 ko

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 !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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 12 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.

  • 9 juin 2006 20:16, par Kermit

    Bonsoir, je ne comprends pas comment « appliquer un filtre » dans l’etape 2, merci a vous ;)

    Répondre
    • 10 juin 2006 01:03, par Wonka

      Le style que nous avons utilisé dans l’etape 2 est a retrouvé dans le fichier PSD qui est fourni.

      Pour faire cette opération : téléchargez le fichier PSD puis l’ouvrir, sur le calque de l’ellipse cliquez droit avec la souris puis copier le style du calque, enfin copier ce style sur l’ellipse de votre création.

      Bien à vous.

      Répondre
      • 28 janvier 2007 18:20

        Dans quel dossier de photoshop faut-il enregistrer le fichier psd de l’étape 2 pour pouvoir l’utiliser ensuite ???

        Répondre
        • 29 janvier 2007 12:54, par Wonka

          Pas besoin de placer ce fichier dans un des dossiers Photoshop ; car un bouton est prévus pour les importations de style, regarde la fenètres des styles ;) (calques > styles du calque).

          Répondre
  • 21 avril 2007 15:52

    Très beau tuto ! Peut-être un petit ajout lui donnerais un effet plus réel ! Un filtre Spherisation moyennement prononcé sur l’image du logo lui donne un effet beaucoup plus réel puisque le logo suis la sphere !

    Ca vaut la peine de l’essayer !

    Bye

    Répondre
    • 21 avril 2007 17:00, par Wonka

      Je suis d’accord avec toi, même si avec la sphérisation notre logo sera deformé, et pour une entreprise cela est inadmissible ! Cependant si la déformation est possible, le rendus est effectivement plus sympa ! A vous de voir ;)

      Répondre
  • 27 juin 2007 08:50

    bonjour déjà felicitation pour ce beau logo wonka mais j’ai un petit problème pour faire l’etape 3 je ne trouve pa comment faire !! si vous pouviez m’aider !! merci

    Répondre
    • 28 juin 2007 16:07, par Wonka

      Alors voici une seconde explication :

      • tu récupéres la sélection de ton rond
      • tu crée un dégradé de blanc 100% sur blanc 0% (du haut vers le bas)
      • tu déselectionne
      • tu appuies sur (ctrl) + (t)
      • tu transformes le reflet pour qu’il ressemble à mon exemple

      Et puis voila ;)

      Répondre
      • 28 juin 2007 16:15

        ok merci beaucoup c’est beaucoup plus claire pour moi !! merci bonne continuation

        Répondre
        • 28 juin 2007 18:19, par Wonka

          De rien et bonne chance pour la suite !

          Répondre
  • 12 août 2007 22:05, par Hiroyuko

    Bonjour,

    Je viens de découvrir votre site qui semble excellent, plein de bonnes idées. Ce tuto en fait partie. Mais j’ai une question qui a un lien lointain avec ce tuto : comment créer un logo (ou blason) dans le style de celui présenté dans le tuto ? (ce à partir d’un dessin manuel) J’espère trouver une réponse chez vous !

    Merci d’avance !

    Répondre
    • 2 juin 2010 16:46, par Hamson

      A partir d’un dessin manuel, tu le scanes, tu l’importe dans photoshop, ensuite tu le redessine sur photoshop a l’aide de la plume, sinon le meilleur est encore de passer par un logiciel de dessin vectoriel, comme ça ton logo tu pourras l’agrandir et le rétrécir autant que tu veut, par contre ce sera toujours la même chose pour la plume, =) Au fait, merci pour le tutoriel =) J’adore touts vos tutos, ils m’ont bien aidé ! ++

      Hamson.

      Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.