32
Dessiner un caméscope avec Photoshop
Voici une petite reproduction d’icône, il s’agit d’une méthode complète pour créer un caméscope façon gris métal. Attention cet article s’adresse aux personnes ayant une bonne maîtrise de l’outil Photoshop : les étapes sont nombreuses, je ne donne que peu de détails, bref, un article parfait pour entrer en rubrique « professionnels ».
Merci à tous pour votre fidélité, pour ceux qui arriveront jusqu’au bout, n’hésitez pas à poster votre chef d’œuvre dans la galerie.
Bonne chance à tous.
- Fichier Photoshop source
- clic ici pour télécharger le fichier source Photoshop utilisé dans ce tutorial
ETAPE 1
Peut être la plus simple, je crée un nouveau document de 500px de côté sur fond blanc. Avec l’outil plume je dessine la forme de mon caméscope. Si je n’ai pas de grand talent de dessinateur je récupère la forme dans le fichier PSD disponible ci-dessus.
ETAPE 2
Je lui ajoute un dégradé : calque > styles calque > incrustation de dégradé.
ETAPE 3
Toujours avec l’outil plume, je crée une forme servant à la tranche avant de mon caméscope.
ETAPE 4
Sur la droite de cette forme (sur un nouveau calque) je crée une bordure grise puis sur un autre nouveau calque une bordure blanche.
ETAPE 5
Avec l’outil des formes personnalisées, je crée un rectangle arrondi que je transforme par édition > transformation > perspective. J’ajoute un contour gris de 2 ou 3 px (via les styles de calques) puis au milieu je crée une séparation grise de même taille que mon contour.
ETAPE 6
Dans ce rectangle j’ajoute un dégradé (via les styles de calques).
ETAPE 7
Autour de notre rectangle, je crée une large bordure blanche entourée par un contour en dégradé. Rien de plus simple en créant un nouveau calque, ensuite je fais sélection > modifier > dilater de 10 pixels et je remplis au pot de peinture.
ETAPE 8
Je crée sur un nouveau calque : un ovale (ellipse de selection) que je remplis de noir. Cette forme servira de base pour mon optique.
ETAPE 9
J’ajoute un dégradé (via les styles de calques).
ETAPE 10
Je crée un autre ovale (plus petit) dans lequel j’ajoute une petite lueur grise (j’utilise le pinceau diffus pour cela). Je n’oublie pas de dissocier chaque étape sur un nouveau calque.
ETAPE 11
Sur le haut gauche de mon dernier ovale, je crée une bordure blanche. J’utilise un masque de fusion pour la camoufler de toute part.
ETAPE 12
Troisième ovale pour mon récepteur optique. J’utilise l’outil pinceau et l’outil doigt pour créer le reflet sur la lentille.
ETAPE 13
Avec l’outil ellipse de sélection -toujours- et sur un nouveau calque je crée une sorte de croissant qui va venir englober l’optique de mon caméscope.
ETAPE 14
J’ajoute un reflet gris foncé, j’utilise l’outil sélection et le pinceau. Pour finir j’utilise le masque de fusion pour camoufler le haut le bas …
ETAPE 15
Par-dessous l’optique, j’ajoute un ovale qui va simuler l’ombre sur l’appareil. Evidemment j’utilise un masque de fusion pour cacher le bas de l’ombre.
ETAPE 16
Au dessus de l’optique je crée une bordure grise qui me permet de bien distinguer l’optique de l’appareil.
ETAPE 17
Sur le devant j’ajoute un bouton. Aucune difficulté, ce bouton est composé d’un ovale noir, d’un contour, et d’un reflet.
ETAPE 18
Par-dessous mon appareil je crée une ombre. Pour cela j’utilise l’outil pinceau et le flou gaussien (filtre > attenuation > flou gaussien).
ETAPE 19
Pour finir le devant, je crée un ombrage en haut à droite et en bas à gauche.
ETAPE 20
En bas de l’appareil j’ajoute un petit contour. J’utilise l’outil sélection pour créer le contour gris puis sur un calque en dessous je crée de la même manière le contour blanc.
ETAPE 21
Avec l’outil plume je crée une nouvelle forme qui va me servir à créer la partie du caméscope qui sert à visualiser la vidéo –directement avec l’œil-.
ETAPE 22
Autour de ce visualisateur je crée une bordure blanche (sur l’extérieur).
ETAPE 23
Puis une grise foncée. Sur la forme j’utilise l’outil Densité + et Densité – pour créer des zones d’ombre et des zones claires.
ETAPE 24
Je continue la création ma zone claire et j’ajoute une bordure grise en haut.
ETAPE 25
Sur le côté droit de mon caméscope, je vais créer le bloc servant à abriter l’écran. J’utilise l’outil plume pour créer cette forme.
ETAPE 26
Je lui ajoute un dégradé (via les styles de calques).
ETAPE 27
Je lui ajoute un contour blanc, et tout en haut une mince bordure de couleur gris foncé.
ETAPE 28
Encore une fois j’utilise l’outil plume pour créer la forme de l’ecran.
ETAPE 29
Je lui ajoute un dégradé (via les styles de calques).
ETAPE 30
Je crée un nouveau calque au dessus de cette forme, et récupère la sélection Ctrl + Clic sur le calque. Je descends la sélection de 5 px environ et le remplis de blanc, je descend à nouveau la sélection de 3px et Suppr. J’utilise un masque de fusion pour cacher les parties du contour comme ci-dessous.
ETAPE 31
Je crée un rectangle arrondi.
ETAPE 32
Je lui ajoute un dégradé (via les styles de calques).
ETAPE 33
J’ajoute un contour blanc de 2 ou 3 px.
ETAPE 34
Avec un masque de fusion je cache de toute part mon contour, notamment au niveau des angles.
ETAPE 35
J’ajoute un reflet à mon ecran.
ETAPE 36
Je fignole mon ombrage au sol.
ETAPE 37
J’ajoute deux boutons au bas de mon appareil.
ETAPE 38
Même chose en haut avec deux autres boutons ovales cette fois.
Et voila terminé, ultra simple non ? Oui je sais c’est NON, très compliqué effectivement, en plus je n’explique pratiquement rien, assez frustrant pour les débutants je dois l’avouer, mais suffisent pour les pros de Photoshop qui pourront reproduire ce super caméscope sans soucis.
L’astuce c’est de partir d’une photo et d’essayer de la reproduire. Vous pourrez ainsi réutiliser ces compositions dans tout autre dessin en toute légalité 
N’oubliez pas la galerie qui n’attend plus que vos dessins !
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 19 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.
-
-
9 juin 2008 16:16, par Nicolas Soret
Bah oui, c’est super facile ... Normal quoi ... Wonka, wonka ... tu es vraiment le meilleur. Superbe caméscope .. J’ai tenté de faire le tuto, mais c’est infaisable. Super, comme d’habitude. Je crois que là on peu dire : ON TAIME WKS !!!
Répondre -
9 juin 2008 16:24, par IT1
Sidérant ! Et le résultat final est très réaliste ! BRAVO Wonka !
Répondre-
9 juin 2008 18:10, par SFNdesigner
wé bravo
Répondre
mais dernierement tu met plus d’article et puisque t’a demander qu’on te propose quelque chose alors je te propose ceci : que tu nous fait tte les etape de creer un site u (design ,decoupage , style css , le mettre en campatibilité ....) mais biensur po sur un seul article ^^. sa sera vraiment interessant et exclusive a wonka , voila et a toi de voir -
9 juin 2008 19:38, par tilou
Ben comme dab quoi.... tout bonnement de la balle franchement toujours aussi bien tes tutos félicitations !!!
Répondre
-
-
-
10 juin 2008 16:49, par IT1
Bien compliqué celui-là ^^ Mais j’ai réussi à aller jusqu’au bout
Répondre
-
23 juin 2008 16:27, par alan
quelqu’un serais m’expliquer comment employée la plume dans photoshop. la seul technique que je connaisse c’est avec les tracée mais cela ne permet pas de faire des forme. sa permet juste de definir apres une seleciton. qui peu m’aideR ? merci d’avance, alan
Répondre-
1er juillet 2008 16:55, par lex
Tu t’es inspiré du pack de everaldo non ?
Et la pile et l’icone database aussi je pense :P.
Copiteur !
Répondre-
2 juillet 2008 09:31, par Wonka
Tu dois parler de ce site :
A vrai dire c’est possible, j’ai expliqué la création d’icône que j’avais récupérer dans un pack téléchargé dans les méandre du web (sur le site jarodxxx en fait ^^).
Je n’ai pas réussis à voir les créations de everaldo via ses pages mais c’est très possible que les icônes soit de lui.
Et ... oui je suis un copiteur ! Je sais je suis un vilain garçon !
Répondre
-
-
-
-
25 août 2008 02:44, par TIOFGALSEN
Effectivement g eu des blem a certain niveau. Mais bon g fais mon maxi pour kan mm faire le tuto. Encore une fois merci car jai découvert dautre astuce
Répondre-
25 août 2008 09:12, par Wonka
Je trouve que c’est pas mal du tout ce que tu as fait, ce tutorial est long très long (compliqué en plus) et ton image est très sympa,bravo donc
Répondre
-
-
-
22 novembre 2008 11:30, par Wonka
Et très très bien réussis, un grand bravo pour avoir réussis le tuto jusqu’au bout (car il est trèèès long
Répondre
-
-
2 août 2011 19:27, par Noueman KHAL
« assez frustrant pour les débutants je dois l’avouer, mais suffisent pour les pros de Photoshop qui pourront reproduire ce super caméscope sans soucis. »
Les pro ne viendront pas chercher des tutos...sinon bon tuto !
Répondre
