32
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.
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 !
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 13 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.
-
17 décembre 2007 13:11, par Myst3ry
J’ai trouvé le tuto super bien expliqué encore Bravo c’est génial
Répondre -
17 décembre 2007 17:24, par Mister GO
moi sincèrement j’aime pas du tout le style le coté elief est mal interprété c’est confus...
Répondre-
18 décembre 2007 11:36, par Wonka
Un peu dans le même style que ton commentaire ... J’ai pas bien compris d’ailleurs ce que tu n’a pas aimé dans ce tutorial ... !
Répondre-
18 décembre 2007 17:48, par Mister GO
je voulais juste dire que c’est pas le tutorial qui est mauvais il est bien expliqué comme d’hab mais le rendu n’est pas du tout terrible parce que l’effet de relief est mauvais avec le manche de la loupe et puis même le verre enfaîtes tout ça fait bizarre je pense qu’enfaîtes il faudrait juste changer le manche et le faire dans le même style que le reste parce que ce dégradé ça passe pas... bon je vais raccourcir hein^^"
Répondre-
19 décembre 2007 14:25, par Wonka
Ok je comprends, sauf que moi je trouve que ca le fait vraiment
Sinon je l’aurais pas posté :p
Répondre
-
-
-
-
17 décembre 2007 22:21, par Fiziko
OH NON !! C’était mon idée de tuto
Répondre
ohhhhhhhhhhhhh
Pas grave 
Très bon tuto sinon ;) -
10 janvier 2008 12:32, par Merlix
Merci,
J’apprends dans l’ombre grâce à tes tutos ! Etant content du travil que je venais de fournir, je n’ai pas resister à poster cette petite image.
Merci encore pour ton travail Wonka !
[IMG]http://img155.imageshack.us/img155/4863/loupeix3.jpg[/IMG] By [URL=http://profile.imageshack.us/user/ouranox]ouranox[/URL] at 2008-01-10
Répondre-
10 janvier 2008 12:34, par wonka
Dommage qu’elle ne s’affiche pas ! Peux être devrais tu utiliser le formulaire présent en haut de page pour poster ton image
Répondre
-
-
15 avril 2008 16:04, par Quelqu’un
Merci pour ce tutorial, il m’a appris quelques techniques que je ne connaissait pas.
étant débutant j’ai eu un peu de mal à fini, surtout au niveau des reflet sur le verre de la loupe, mais bon ^^
Répondre
