Créer une icône bulle de bande dessinée

Voici une icône que j’ai rencontré plusieurs fois sur le Web, je trouve qu’elle rend bien j’ai donc voulu expliquer comment créer une icône similaire, vous allez voir, le principe est assez simple ;)

Photoshop - 215.3 ko
Fichier source PSD tutorial 140
clic pour télécharger le fichier source PSD utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document et je sélectionne l’outil forme personnalisée, je me rends dans les formes et je sélectionne la forme représentant une bulle de bande dessinée. Je crée ma forme d’un bleu #72afff.

ETAPE 2

J’ajoute un dégradé sur ma forme (calque > style de calque > incrustation de dégradé).

ETAPE 3

J’ajoute une bordure ainsi qu’une ombre portée. Les configs sont à choisir selon la taille de votre icône.

ETAPE 4

Je crée le reflet : étape délicate ! Je crée un nouveau calque, puis je récupère la sélection de ma bulle. Je crée un dégradé de blanc 100% à blanc 0% d’opacité du haut vers le bas. Enfin j’appuie sur (Ctrl) + (T) et je modifie mon reflet en hauteur et en largeur. Pour finir je descends de quelques pixels mon reflet verrs le bas.

ETAPE 5

Avec les outils Outils densité + et outil densité - je rends le haut plus foncé et le bas plus clair.

ETAPE 6

Voici l’exemple d’un reflet différent, pour faire celui-ci je cache le calque de mon reflet 1 puis j’en crée un nouveau, je récupère la sélection de ma bulle (Ctrl + clic sur mon calque bulle) puis je modifie cette sélection en la contractant de 5 pixels (sélection > modifier > contracter). Je crée un dégradé de blanc 100% à blanc 0% d’opacité du haut vers le bas.

ETAPE 7

Je peux ajouter une petite icône de fichier.

ETAPE 8

Voici les deux icônes enfin terminées !

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

  • 5 février 2008 01:45, par alcapote

    bonjour et merci pour ce tuto. je suis désolé, j’ai calé à l’ étape 5 (fonçé le haut et eclaircir le bas). j’envoie ce que j’ai fait. a+

    Répondre
  • 6 février 2008 00:35, par alcapote

    pas facile l’outil densité. mais avec un peu pratique...en tout cas, merci.

    Répondre
  • 6 février 2008 01:03, par alcapote

    pardon je me suis encore planté dans la taille du fichier. pourtant « j’enregistre sous » jpg , option jpg aperçu : 133,4 k. je viens de remarquer que, quand je passe la souris sur le fichier dans son dossier, ça m’indique 122ko. quand ce même fichier, je le glisse sur le plan de travail de photoshop, il m’indique, dans la barre en bas de la fenêtre : « doc : 3,75 Mo/3,30 Mo ». dure, dure tout ça. A+

    Répondre
  • 21 mars 2009 09:06, par miss

    vous êtes bêtes !

    Répondre
  • 31 mai 2009 20:09, par Votre pseudonyme

    Perso pour faire une bulle de bande dessinee je vais sur http://kookoo.fr/

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.