Créer une icône bulle de BD avec Photoshop

Dans ce tutorial Photoshop vous apprendrez à créer une icône en forme de bulle de BD.

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 !

Mot-clés : Icone

Partager cet article avec vos amis

Ajouter un nouveau commentaire

Article publié par Julien DEBOVE

Voir le profil Google+ de

Images Réalisées à partir de ce tutoriel Photoshop

publiée par Inconnu

publiée par Inconnu

Vous avez terminé ce tuto ? Partager votre création graphique.

Il y a 5 commentaires publiés sur cet article
  • 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
  • alcapote

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

    Répondre
  • 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
  • miss

    vous êtes bêtes !

    Répondre
  • Votre pseudonyme

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

    Répondre
Ajouter un nouveau commentaire