[Tuto][Photoshop] Créer une fiole réaliste  

Bonjour

Suite à une demande voici un petit tuto pour réaliser une fiole de façon « réaliste », sous toshop. La fiole présenté est assez basique, ce qui sera très bien pour un tuto et donc, ne pas compliquer trop les explications.

On va détailler chaque partie de cette fiole pour rendre le tuto plus clair (verre, anneau métallique, bouchon, liquide), mais aussi parce que vous pourrez avec un peu d’imagination n’avoir besoin que d’une seule partie pour une création différente. Pour les plus courageux, nous verrons aussi à appliquer une ombre à cet objet, une ombre qui pour certain semble basique, mais quand on ajoute du verre et un liquide, cette ombre est composé aussi de point de lumière.

Le plus dur pour moi sera bien sur de me faire comprendre .. Commençons par le verre.




Le verre dans une forme arrondie réagit par transparence de façon différente si il est plein (boule de verre ou remplit d’un liquide) ou si il est vide (récipient en verre). Pour mieux comprendre vous pouvez faire l’expérience chez vous, un verre vide au travers duquel vous regarderez un objet aura un effet de contraction dut à sa forme sur l’extérieur, alors que remplit d’un liquide il aura un effet de loupe.
Je vais donc utiliser un fond texturé pour mieux détailler cet effet dans une seconde partie.
Mais pour ce qui est de la base extérieur, elle sera la même dans les deux cas.
Mais pour vous, si votre fond n’est pas texturé (couleur unique), se problème ne se posera pas et il vous suffira de faire votre fiole sans effet de déformation.

Vous aurez aussi un meilleur rendu sur un fond sombre, un reflet de lumière sur un fond blanc ne marchera bien évidement pas du tout.



Photoshop ouvert, assuré vous que votre menu de gestion des calques est ouvert, F7 si ce n’est pas le cas, et que vos couleurs sont réglés sur Blanc en premier plan,  si ce n’est le cas, appuyez directement sur la touche D de votre clavier, puis X pour passer le Blanc en premier plan.




Ensuite j’ouvre mon Fond, pour moi une image de 400 par 400px, au dessus de laquelle je créé un nouveau calque (Maj+Ctrl+N, ou en cliquant sur le bouton en bas dans la gestion des calques). Pour mieux m’y retrouver, je nomme mon calque « Fond » en double-cliquant sur mon calque dans le menu de gestions des calques.
Je sélectionne mon outil Ellipse de sélection, le rond en pointillé. Si vous ne le voyez pas, rester appuyé sur le rectangle en pointillé, et vous verrez alors un sous menu s’ouvrir.

Créez votre Ellipse sur le nouveau calque, peu importe si elle n’est pas centrée, puis remplissez la de blanc (outil « pot de peinture, ou Maj+F5).
Astuce :: Si vous souhaitez faire une forme parfaitement ronde, maintenez la touche Maj enfoncée tout en traçant votre sélection elliptique.
Si vous souhaitez centrer votre forme, faites Ctrl+A, Ctrl+C, Ctrl+V. Un nouveau calque apparaît avec votre forme centrée, il ne vous reste qu’à supprimer l’ancien en le glissant dans la corbeille en bas dans le menu de gestion des calques.
Je nomme ce calque « Forme », puis l’ajoute à un groupe en glissant le calque sur le bouton Groupe en bas du menu de gestion des calques. Je nomme aussi ce groupe par « Base ».




Double-cliquez maintenant sur votre calque d’ellipse dans le menu de gestion des calques afin d’ouvrir le menu de gestion de style du calque, et réglez comme suit.

Attention :: Les valeurs de taille et distance sont données en rapport avec la taille de mon image de base, 400x400, elles sont à adapter selon la votre !!





Note :: Si vous travaillez sur un fond Noir, ajoutez à ce style de calque ::




Dupliquez maintenant ce calque « Forme » (Ctrl+J ou en le faisant glissez sur le bouton « Nouveau calque » dans le menu de gestion des calques).
Double cliquez ce nouveau calque « Forme copie » pour en changer le style.



Dupliquez à nouveau ce calque et changez son style.




Encore une fois.



Vous devriez en être là ::





Bien, poursuivons, en créant un nouveau groupe que je nomme « Ombre », et un nouveau calque vide dans ce groupe en cliquant sur le bouton  en bas du menu de gestion des calques.




Toujours dans ce menu, cliquez sur l’un de vos calques de forme dans « Base », puis allez dans le menu de Photoshop dans Sélection / Récupérer la sélection. Votre forme réapparaît en sélection de pointillé.
Dans le menu de gestion des calques, sélectionné le nouveau calque dans « Ombre », puis sélectionné une couleur foncée comme couleur de premier plan, pour ma part mon fond étant dans les rouges je choisis un bordeau, mais pour la plus part, vous pouvez tout aussi bien utiliser un gris foncé.
Taper Maj+F5 pour remplir la sélection.
Dupliquez ensuite ce calque (Ctrl+J) et appuyez sur l’œil à gauche du nouveau calque dans le menu de gestion afin de le cacher, nous y reviendrons après. Retournez sur votre calque précédent, logiquement le plus bas dans votre groupe « Ombre » et récupérez sa sélection de forme (dans le menu de Photoshop dans Sélection / Récupérer la sélection).




Maintenant appuyez sur Alt+Ctrl+D ou allez dans le menu toshop Sélection / Contour progressif, et réglez sur 12. Appuyez sur Maj+Ctrl+I pour inverser la sélection, puis appuyez sur la touche Suppr de votre clavier.

Ensuite prenez l’Outil Ellipse de sélection (M sur votre clavier) et sélectionnez une zone de forme plus petite que votre forme de base, mais décalée en un point où la lumière vient frapper votre sphère de verre, pour moi l’éclairage vient du haut à droite. (voir image plus bas)
A nouveau faites un contour progressif réglé ici à 16, et supprimez la sélection.
Dans le menu de gestion des calques, changez le mode de fusion de ce « Calque 1 » de Normal à Incrustation, et réglez l’opacité du calque à 40% en tapant directement 40 sur votre pavé numérique.

Revenez au calque supérieur que vous avez caché, et cliquez à nouveau à gauche de ce calque dans le menu de gestion pour le voir apparaître. Récupérez sa sélection de forme, appliquez un contour progressif à 42, inversez la sélection (Maj+Ctrl+I) et supprimmez. Réglez l’opacité de ce calque à 20% en tapant directement 20 sur votre pavé numérique et changez le mode de fusion de Normal à Incrustation.

Dernière étape pour cette base, les reflets. Créez un nouveau groupe au dessus de votre groupe « Ombre », et nommez le « Reflet ». Ajoutez un nouveau calque dans ce groupe et nommez le, pour moi, « Reflet1 ».




Récupérez la sélection de votre forme de base, puis assurez vous d’être sur « Reflet1 » dans votre menu de gestion. Faites un clic droit à l’intérieur de votre sélection pointillée, puis Transformer la sélection. Descendez un peu votre sélection, pour moi de 10px en maintenant Maj enfoncé, puis en appuyant sur la flèche Bas de mon clavier. Puis contractez votre sélection vers le haut (un peu en dessous du milieu), et contractez la largeur (sélectionnez un carré sur les cotés, et maintenez les touches Maj+Alt afin d’appliquez la transformation des deux côtés en même temps). Tapez Entrée une fois votre transformation faites.




Sélectionnez l’outil Dégradé (sous menu du pot de peinture, ou G si il est déjà dans les outils), vérifiez que votre dégradé est réglé comme suit sous votre menu Photoshop (pour avoir rapidement du blanc en premier plan, appuyez sur D puis X), puis en partant du un peu de l’intérieur dans votre sélection (10-20px devrait suffire), appliquez votre dégradé du haut vers le bas en terminant à l’exterieur, en dessous de votre sélection, jusqu’à environ la mi-hauteur entre le bas de votre sélection, et le bas de votre forme de base. (maintenez Maj enfoncé pour avoir un dégradé bien vertical).




Tout en gardant votre sélection actuel, créez un nouveau calque en cliquant sur en bas de votre menu de gestion., puis transformez à nouveau votre sélection. Descendez la sélection cette fois ci d’environ 5px (flèche vers le bas uniquement, 5fois), contractez le bas à mi hauteur environ de votre forme de base, puis contracter un peu la largeur.




Puis appliquez un dégradé comme précédemment à ce nouveau calque mais en faisant votre longueur de dégradé un peu plus courte. Dupliquez ce calque (Ctrl+J)

Changez les modes de fusion de ces calques et leur opacité, par ordre du bas vers le haut :





Toujours dans le groupe « Reflet », créez un nouveau calque au dessus de tous. Prenez l’outil Ellipse de sélection, et créez une petite sélection dans le coin d’où vient votre lumière suivant comme vu précédemment. Perso je nomme ce calque « Eclat ».



Double cliquez ce calque afin de lui modifier ses propriétés de style de calque. Réglez d’abord la lueur externe ::

- Lueur externe ::
- Mode de fusion : Superposition
- Couleur : blanc
- Opacité : 62%
- Grossi : 22
- Taille : 46

Puis réglez l’opacité du fond de calque afin que celui-ci se fonde avec la lueur externe ::

- Options de fusion ::
- Opacité : 100%
- Opacité du fond : 56%

Créez un nouveau calque au dessus de « Eclat », nommé ici « Diffusion ».
Sélectionnez l’outil de Dégradé (G), mais en réglant cette fois si la forme de dégradé sur  dans le menu Dégrader en dessous du menu Photoshop, et partez du centre de votre éclat pour aller de façon diagonale à l’opposé dans la zone de votre forme de base. Dupliquez ce calque (Ctrl+J), et cachez ce nouveau calque pour la suite (cliquez l’œil à gauche de ce calque).
Récupérez la sélection de votre forme de base, puis revenez sur votre calque « Diffusion », appuyez sur Maj+Ctrl+I pour inverser la sélection, et supprimez. Réglez le mode de fusion de ce calque sur Superposition, et baissez l’opacité à 10% (tapez 1 sur votre pavé numérique).

Tout en gardant votre sélection inversé de la forme de base, faite réapparaître la copie de « Diffusion » et assurez vous qu’il soit maintenant sélectionnez dans votre menu de gestion pour bien travailler dessus, puis allez dans le menu Photoshop, Sélection / Modifier / Contracter et réglez sur 6, puis Ctrl+Alt+D pour effectuer un contour progressif, tapez 6, et enfin, Suppr. Passez le mode de fusion de ce calque sur Incrustation, et baissez l’opacité à 40%.

Ce qui termine notre première étape de ce tuto, avec cette base sur l’extérieur, mais aucune incidence sur le fond. Pensez à sauvegarder [Ctrl+S) si ce n'est déjà fait.





Avant de poursuivre et passer à l’anneau métallique, passer vos trois premiers groupes dans un nouveau, moi je le nomme « Verre ».

Vous me direz que l’on passe à grand II alors qu’on n’a pas vu petit b, certes, mais en faites j’avais envie de passer à l’anneau.
Pour info, si vous avez un fond avec une couleur unique, non texturé, alors la suite de grand I ne concerne que la déformation qui s’applique sur une image vu à travers notre verre, et donc vous n’aurez pas besoin de cette suite de  la partie I) Verre.




Commencez par créer un nouveau groupe au dessus de « Verre », ici « Anneau ». Créer dedans un nouveau groupe que vous nommerez « Bas »et dedans un nouveau calque.
Prenez l’outil Ellipse de sélection, tracez un cercle (peu importe pour le moment son emplacement dans la scène), en maintenant la touche Maj enfoncé pour obtenir un cercle parfait. Une fois votre sélection faite, appuyez sur F5 afin de le remplir d’une couleur (peu importe la couleur), puis faites Ctrl+A, Ctrl+C, Ctrl+V afin d’avoir un nouveau calque avec votre cercle centré dans l’image. (Si votre forme de base n’est pas centré dans la scène, faite Ctrl+A, Ctrl+C, récupérez la sélection de votre forme de base, puis Ctrl+V)



Maintenant que votre cercle est centré dans la largeur, il va falloir le placer dans la hauteur, et donc le remonter, logiquement vous me diriez au niveau du contour haut de la forme de base, mais en faite pas exactement ..
Comme vous le voyez sur notre image exemple en tout début de tuto, la scène possède un angle de vue, ce qui fait que notre fiole est soumise à la perspective, et suivant votre angle de vision, la base de votre anneau sera plus ou moins bas par rapport à ce haut de forme de base, la transformation du cercle, contraction, sera aussi plus ou moins importante, ce qui donne en exemple ::



Là pas trop de secret, soit vous comprenez le principe, soit vous reproduisez ce que je fais. Pour ma part je vais faire quelque chose ressemblant à la seconde image.

Bien, en étant toujours sur votre calque de cercle, faites Ctrl+T pour le transformez, puis en haut, sous le menu Photoshop, changer la valeur H suivant votre déformation voulut, pour moi ce sera 20%. Validez votre transformation avec Entrée. Placez ensuite votre nouvelle forme plus haut, comme souhaité.




Je prend l’outil Déplacement (V), puis, pour donner un peu de volume à cette base d’anneau, je le duplique plusieurs fois [Ctrl+J], puis à chaque nouveau claque, je déplace d’un pixel vers le haut, je fais donc Ctrl+J, flèche vers le haut, Ctrl+J, flèche vers le haut, etc.. Pour avoir au final environ 8 calques. Fusionnez ces calques (soit en cliquant sur le dossier de groupe dans le menu de gestion et en appuyant sur Ctrl+E, puis en mettant le nouveau calque de fusion dans un dossier, soit en cliquant sur le calque le plus haut, et Ctrl+E à répétition).



Maintenant double cliquez ce calque dans le menu de gestion pour en changer le style. Comme toujours, les valeurs sont souvent à adapter suivant la taille de votre création.




Ce qui devrait donner quelque chose, en détail, comme ça ::




Dupliquez ce calque, et double cliquez sur la copie pour en changer le style.




Dupliquez et double clique pour changer le style.



Si vous comptez ajouter un liquide à votre fiole par la suite, vous pouvez ajouter à ce style de calque cet effet, avec en couleur une correspondante à la couleur de votre liquide.



Dupliquez encore, et changez le style de ce dernier calque.



Vous devriez en être là ::




Fermé votre groupe « Bas », dans le menu de gestion, en cliquant sur la flèche devant son dossier, et dupliquez le en le faisant glisser vers le symbole en bas de ce menu. Nommez ce nouveau groupe « Haut », et déplacez ce qui deviendra le haut de votre anneau dans le scène vers le haut en prenant l’outil Déplacement et en utilisant la flèche sur votre clavier (flèche seul : 1px, flèche+Maj : 10px), entre 30 et 50px me semble correcte.

Créez un nouveau groupe entre « Haut » et « Bas » que vous nommerez « Centre », et ajoutez y un nouveau calque. Créez un cercle de largeur plus petite que vos formes d’anneau (peu importe la couleur), centré le (Ctrl+A, Ctrl+C, Ctrl+V), et transformez le en hauteur avec la même valeur que vous avez utilisez précédemment, 20% pour moi. Placez le dans votre scène comme si il venait se poser sur votre forme « Bas ».




Prenez l’outil Rectangle de sélection, et tracez un rectangle de largeur égale à votre ellipse, venant recouvrir la moitié haute de celle-ci, et disparaissant en partie sous « Haut ». (Si vous avez du mal à faire largeur + recouvrir la moitié, faite surtout la largeur, puis une hauteur approximative, même si vous n’êtes pas en place, et déplacez ensuite votre sélection à l’aide des flèches clavier).
Puis Maj+F5 pour remplir la zone, et Ctrl+D pour désélectionner.




Maintenant rien de plus simple, dupliquez 4 fois ce calque (donc 3 fois Ctrl+J), ouvrez le dossier de groupe « Bas », puis clique droit sur le calque le plus bas de ce groupe, Copier le style de calque, enfin retournez dans le groupe « Centre", et clique droit sur le calque le plus bas, Coller le style de calque. Et reproduisez cela pour chaque calque du groupe.

On y est presque, juste quelque modification des styles pour ce groupe « Centre », en commençant par le bas ::



Vous devriez obtenir quelque chose comme cela ::




Pour en finir avec l’anneau métallique, ouvrez le dossier de groupe « Haut », récupérez la sélection de forme de l’un de ses calques, puis retournez dans le groupe « Centre », et supprimez la sélection de chaque calque de ce groupe (touche Suppr sur votre clavier).

Sauvegarder votre travail, ce qui termine la partie Anneau métallique.






Pour la suite, et donc mon bouchon, je vais d’abord commencer par déplacer un peu ma fiole vers le bas, car je manque d’espace en haut. Je place donc mes dossiers « Anneau » et « Verre » dans un nouveau groupe que je nomme « Fiole ». En m’assurant d’avoir mon dossier « Fiole » sélectionné et l’outil de Déplacement (V), je n’ai plus qu’à utiliser les flèches de mon clavier pour descendre l’ensemble en une fois.



Créez un nouveau dossier au dessus de « Anneau », et nommez le « Bouchon », dans lequel vous créerez à nouveau deux groupes, « Haut » venant au dessus de « Bas ».
Réglez vos couleurs afin d’avoir deux marrons, un plus clair pour « Haut », moi ce sera 473321 pour « Haut », et 302318 pour « Bas », pensez y bien en créant vos formes.
Attention :: Pour ma part et pour que sur les images la distinction soit meilleur, j’utilise du noir et blanc, mais vous vous devez utilisez des marrons !!

Pour la forme du bouchon vous pouvez faire de façon simple une ellipse pour le dessus sur un calque dans le groupe « Haut », et un rectangle pour la partie verticale sur un calque dans le dossier « Bas ». Une fois votre rectangle fait, récupérez la sélection de forme de votre ellipse, descendez la sélection à la base de votre rectangle, inversez la sélection, et effacez à la gomme (E) afin de créer une base arrondie. Si vous faites ça reportez vous ensuite directement à b).




Mais nous allons avant ça voir plutôt comment faire une forme plus dynamique de bouchon qu’un simple rond et rectangle.



Commencez par créer un rectangle dans « Bas », moins large que « Centre », centré le par rapport à votre fiole (ou votre scène si la fiole est centrée). Puis un Cercle dans « Haut », plus large que ce rectangle. Contractez votre cercle pour l’effet de perspective, comme précédemment (20% pour moi, je fait même 19% pour ceux qui comprenne qque chose à la perspective)., placez votre nouvelle ellipse au dessus de votre rectangle, même si elle n’est pas bien centrée par rapport à celui-ci. Perso mon ellipse dépasse des deux côtés, et est même décalé un peu plus de 2-3px vers la droite.




Maintenant on va utiliser l’outil Plume (P). L’outil Plume s’utilise par point, cliquez votre premier point, puis pour le second, maintenez le clique et étiré à l’aide de la souris jusqu’à obtenir la courbe souhaité, mais plus vous étirerez, plus vous aurez d’influence sur votre prochain point qui sera relié à ce second point directement par une seconde courbe suivant l’étirement. Je vous ai fait un schéma grossier des points à faire, en commençant par celui en haut à gauche, puis en descendant à l’extérieur. Le but étant d’avoir votre courbe extérieure souhaitée, et la forme finale recouvrant le rectangle. Et je ne vous détail pas la partie gauche, afin que vous compreniez la fonction par vous-même.
Pour cette partie, je vous laisse faire, sachant que si un point ne vous convient pas, faite Ctrl+Z pour ne pas avoir à tout recommencer.
Si vous êtes satisfait de vos formes, mais trouvez le rectangle trop large, n’hésitez pas à en supprimer quelques pixels du contour extérieur sur la largeur, ou utilisez les flèches de votre clavier afin de déplacer un ou deux éléments.



Une fois le tout bien placé, fusionnez les trois calques de « Bas » (Ctrl+E en vous plaçant sur un calque au dessus de l’autre dans le menu de gestion), si vous n’arrivez pas à faire la fusion, clic droit sur les calques de forme / Pixelliser le calque.
Récupérer la sélection de votre ellipse « Haut », Inversez la sélection, et descendez afin de vous placez à ce qui vous semble être une bonne base pour votre bouchon (à vous d’évaluer une bonne hauteur). Sélectionnez la gomme (E), et effacez la partie base. Ctrl+D pour désélectionner, et si ce n’est déjà fait, déplacez votre groupe « Bouchon » afin qu’il soit bien positionner au dessus de l’anneau.






Si comme moi vous avez un problème d’un point noir qui apparaît en dessous de votre bouchon sur l’anneau, dut au dégradé à angle précédent, faites une sélection de forme plus ou moins grossière partant de la forme « Haut » de votre anneau, et disparaissant derrière votre bouchon. Ouvrez votre groupe « Anneau », puis « Haut », et faites Maj+F5 sur chacun des calques de ce groupe.





Revenons à notre bouchon, en commençant par le groupe « Haut ».

Changez le style du calque ::



Dupliquez le calque, deux fois, et effacez le style des nouveaux (clique droit dans le menu de gestion sur le calque). Revenez à la première copie, récupérez sa sélection, puis Alt+Ctrl+D pour un contour progressif, moi je règle à 4. Ctrl+i pour inverser la sélection, et Suppr. Changez ensuite le mode de fusion du calque de Normal à Superposition.
Passer à la copie au dessus, récupérez sa sélection, appliquez un contour progressif de 2, Inversez la sélection, et supprimez.
Inversez à nouveau la sélection, prenez l’outil de Sélection et déplacez la sélection vers là gauche et un peu en haut. Pour moi ce sera 20 à gauche, 2 en haut, et supprimez. Passez le mode de fusion du calque de Normal à Superposition.

Récupérez la sélection du premier calque du groupe, passez ensuite à « Bas », remonter d’un pixel à l’aide de l’outil Sélection et les flèches du clavier, et supprimez la sélection du calque « Bas ».
Changez ensuite le style (pour aller plus vite, faite un copier coller du style du premier calque de « Haut », changez la taille du biseau, et ajoutez la lueur interne).



Récupérez la sélection de la forme, créez un nouveau calque, prenez votre outil Dégradé (G), et réglez comme suit, partez de la droite jusqu’à environ le milieu de votre forme pour tracer votre dégradé (couleur marron clair). Puis passez le mode de fusion du calque sur Superposition.



Dupliquez le calque et changez en le style.



Revenez au premier calque de ce groupe, dupliquez le, effacez le style, passez le en haut dans le groupe, au dessus des dégradés. Passez le mode de fusion à Produit, changez l’opacité à 32% et dupliquez à nouveau. Puis revenez à la première copie, juste en dessous.
Prenez l’outil Ellipse de sélection, et tracez une sélection environ comme sur l’image qui suit.



Effectuez un contour progressif, 6 pour moi, et supprimez.
Passez à la seconde copie, au dessus, et tracez une sélection environ comme suit. Appliquez un contour progressif, 6 pour moi, et supprimez.



Dernière étape, fermé vos dossier « Haut » et « Bas »,  dupliquez le groupe « Bouchon », Fusionnez la copie (Ctrl+E), et replacez là dans le groupe « Bouchon », au dessus de « Haut ». Et changez le style de ce nouveau calque.

-

Ce qui termine cette étape. Sauvegardez.

Dernière modification par korokuso (18-06-2008 00:19:24)