Créer une icône loupe avec Photoshop

Attention ! ceci est un tutorial particulièrement compliqué. Vous allez donc devoir vous accrocher pour terminer la création de cette icône représentant une loupe, le style est XP basique, stylisé un peu plus glamour par le studio WKS !

Attention :

Ce tutorial est à destination des experts Photoshop : vous devez impérativement comprendre et maîtriser les outils suivants : sélection, masque de fusion, dégradés, styles de calques.

Bonne chance à tous

Tutorial 232 - Fichier source Photoshop

clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document sur fond blanc, puis avec l’outil sélection je crée un rectangle noir sur un nouveau calque. Avec l’outil transformation libre (Ctrl) + (T) je le fais pivoter légèrement sur la droite. Ce dernier est la base du manche de notre loupe.

ETAPE 2

Sur ma forme j’ajoute un style de calque (calque > styles de calques > incrustation de dégradés).

ETAPE 3

Je vais créer deux bordures de 2 pixels sur le haut et sur le bas du manche, ils sont là pour créer un effet de volume et de coupe sur le bois du manche. Voici comment créer ces bordures.

Je crée un nouveau calque, puis je récupère la sélection du manche. Je crée un nouveau calque et je le remplis de noir. Je duplique cette forme et j’en cache une. Ensuite je récupère la sélection du calque encore affiché puis je décale la sélection de 2 pixels vers le bas puis de 2 sur la gauche ; enfin je supprime. Je viens donc de créer la bordure du haut. Même méthode pour celle du bas : j’affiche le calque que nous venions de cacher puis je recupère la sélection que je déplace de 2 pixels en haut puis de 2 à droite ; enfin je supprime.

Sur chacun des calques j’ajoute un style de calque : calque > style de calque > incrustation de dégradés. Le résultat doit être similaire à ce que vous pouvez voir ci-dessous.

ETAPE 4

Je crée un nouveau calque par dessus les autres, puis je récupère la sélection du manche. Je sélectionne une couleur « gris bleu clair », puis avec l’outil dégradé, je crée un petit dégradé sur le bas du manche (comme ci dessous). Le dégradé doit être gris bleu clair 100 % d’opacité vers blanc 0%.

ETAPE 5

Je crée un nouveau calque par dessous tous les autres, et sur celui-ci je crée une ellipse parfaite que je remplis avec le même gris clair bleu utilisé dans l’étape précédente. Avec un gris plus foncé, je crée une sorte de dégradé d’ombrage (voir l’image ci dessous).

ETAPE 6

Etape complexe : c’est presque de la peinture. Il faut utiliser le pinceau pour créer une sorte de volume sur le bout du manche. Utilisez pour cela un pinceau diffus avec une couleur gris foncé. N’hésitez pas à recommencer plusieurs fois pour réussir un résultat comme ci dessous.

ETAPE 7

Nous allons ajouter un petit reflet : pour cela je crée un ovale avec l’outil ellipse de sélection, sur un nouveau calque je remplis ma sélection de blanc, j’ajoute un masque de fusion pour le camoufler légèrement.

ETAPE 8

Je vais créer une forme sur un nouveau calque. Il représente le support qui se situe entre le manche et la loupe elle même.

Astuce : j’utilise deux ellipses de couleur « gris clair bleu » que j’assemble avec un rectangle pour créer ce support.

ETAPE 9

Je crée un nouveau calque pour créer un nouveau reflet que je place sur le support récemment créé. Même méthode ellipse de sélection -> remplissage avec du blanc -> masque de fusion.

ETAPE 10

Je travaille encore sur le support pour lui appliquer un second reflet que je crée sur un nouveau calque. J’utilise l’outil pinceau et doigt pour créer la forme comme ci-dessous. Le tout est de créer réellement l’illusion d’une forme métallique.

Je vous avais prévenu, ce n’était pas à la portée de tous : ) Si vous avez réussi, passez à la suite et accrochez vous !

ETAPE 11

On crée un nouveau calque et sur celui-ci avec l’outil sélection j’ajoute deux petites ellipses puis un petit filtre > attenuation > flou gaussien à 2 ou 3 pixels.

ETAPE 12

Nous attaquons maintenant la loupe elle-même : Je crée avec l’outil sélection une ellipse sur un nouveau calque, puis je la remplis de blanc avec le pot de peinture et j’ajoute un dégradé (calque > style de calque > incrustation de dégradé).

ETAPE 13

Je crée un nouveau calque que je place par-dessous tous les autres, puis je récupère la sélection de toutes mes formes Ctrl + Clic puis Clic + Shift plus Clic sur les calques. Je remplis cette forme de blanc et je lui applique une lueur externe noire (calque > style de calque > lueur externe).

ETAPE 14

Je crée un nouveau calque par-dessus le premier rond (étape 12) seulement cette fois-ci je lui ajoute un dégradé de bleu vers bleu très clair.

ETAPE 15

Par-dessus j’ajoute un nouveau calque et je récupère la sélection du rond bleu. Avec un large pinceau diffus je crée une lueur en bas à droite, bleu très clair puis une plus petite blanche tout à fait en bas à droite.

ETAPE 16

Je crée un nouveau calque par-dessus, je récupère la sélection de mon rond bleu puis je le remplis de blanc avec le pot de peinture. Ensuite je déplace la sélection de trois ou quatre pixels en bas puis à gauche, et je supprime. J’utilise enfin un masque de fusion pour camoufler légèrement le bas de la bordure.

ETAPE 17

A peu près la même chose qu’à l’étape 16 seulement cette fois je pars d’un rond plus petit que j’aurai créé sur un nouveau calque.

ETAPE 18

Je duplique le calque créé à l’étape 17. J’utilise le flou gaussien pour l’atténuer, je crée ainsi une lueur. Je vais devoir supprimer la lueur qui se situe au dessus du reflet (et 17), pour cela j’utilise le lasso polygonal pour supprimer les bon pixels.

ETAPE 19

Je crée un reflet de soleil sur le verre, je connais la technique pour créer l’arc de cercle, j’ajoute simplement par-dessus un point avec un pinceau blanc diffus.

ETAPE 20

J’ajoute un calque et avec un large pinceau diffus j’en crée un nouveau par-dessus les reflets (en haut à gauche).

ETAPE 21

Je crée un nouveau calque, et avec un pinceau d’environ 20 pixels non diffus je crée un point blanc en bas à droite.

ETAPE 22

Sur un nouveau calque, avec un pinceau diffus et plus large qu’en étape 22 je crée un autre point blanc, ceci pour accentuer les reflets !

Si vous êtes arrivé jusqu’ici, c’est que vous venez de terminer cette icône, bravo car ce n’est franchement pas la chose la plus simple que vous pouvez trouver sur ce site (bien au contraire).

Je suis conscient que certaines étapes ne sont pas expliquées et normalement ce n’est pas la peine de le faire d’avantage, il y en a suffisamment pour qu’un utilisateur expérimenté comprenne !

Si toutefois vous avez réellement des difficultés, vous pouvez vous servir des commentaires, je serai tout particulièrement attentif aux demandes faites sur ce tutorial, connaissant son niveau de difficulté.

Bonne continuation.