Accueil > Tutoriels pour les webdesigners > Photoshop > Logo, icone et identité visuelle > Créer une icône bulle de BD avec Photoshop

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

jeudi 12 avril 2007, par Wonka

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

JPEG - 28.3 ko

ETAPE 2

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

JPEG - 27.4 ko
JPEG - 29.6 ko

ETAPE 3

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

JPEG - 33.6 ko

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.

JPEG - 34.6 ko

ETAPE 5

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

JPEG - 35.3 ko

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.

JPEG - 35 ko

ETAPE 7

Je peux ajouter une petite icône de fichier.

JPEG - 36.3 ko

ETAPE 8

Voici les deux icônes enfin terminées !

JPEG - 69.3 ko

Messages

Un message, un commentaire ?

Forum sur abonnement

Pour participer à ce forum, vous devez vous enregistrer au préalable. Merci d’indiquer ci-dessous l’identifiant personnel qui vous a été fourni. Si vous n’êtes pas enregistré, vous devez vous inscrire.

Connexions’inscriremot de passe oublié ?