Créer une icône 3D de M6

Les formes du logo

J'ai choisi pour cet exemple de mettre en 3D le logo d'M6 que j'ai réalisé ici ----> Formes de base.psd
Le tutoriel ne reposant pas sur l'utilisation de la plume, je vous dispence de ça

Partie 1 : Mise en 3D

1) Allez, c'est parti, on commence Ouvrez le .psd téléchargé précedement sous Photoshop.
J'ai regroupé 2 calques dans un dossier nommé "Formes de base". Le premier calque concerne le 6 et le second le M du logo d'M6 :



2) Comme le nom de la partie l'indique, on doit réussir à donner un effet de 3D à notre logo.
Pour celà, on va incliner dans un premier temps les 2 calques pour donner un effet de perspective, puis, on dupliquera le tout pour
donner cette fois-ci un effet de profondeur.

On séléctionne donc les 2 calques en cliquant sur le dossier "Formes de base" puis on fait un CTRL + T, qui équivaut à un Edition/Transformation Manuelle :



3) Faites alors un clic droit sur la zone de travail et séléctionnez "Perspective". On va transformer ces formes avec l'outil perspective, pas bête hein :



4) L'astuce est la suivante : Tout en laissant le bouton ALT enfoncé, pour appliquer la modif de manière symétrique sur l'image, on va faire glisser la poignée d'en haut à droite de 2.5 carreaux par la gauche. Celà va perspectiver les formes :



5) De la même manière dont vous avez séléctionné "Perspective" dans le popup-menu de la zone de travail,
vous allez séléctionner cette fois "Homothétie". En glissant la poignée inférieure du milieu de 2 carreaux, vous allez applatir les formes :



Validez par .Vous obtiennez normalement ceci :




6)
Je ne vois pas grand chose pour le moment me direz vous ! Et bien
attendez quelques instants le meilleur est à venir. Par un clic droit
sur le dossier "Formes de base", vous allez séléctionner "Dupliquer le groupe". Vous appelerez le nouveau dossier "Profondeur". Vous en profiterez pour renomer le calque "Objet 6 copie" en "Objet 6 profondeur" et le calque "Objet M" en "Objet M profondeur".

Le nouveau dossier étant placé automatiquement au dessus l'ancien, vous déplacerez "Profondeur" dessous "Formes de base" :



7) Allez on a fait le plus dur Séléctionnez le groupe "Profondeur", et l'outil de déplacement .
Vous allez devoir déplacer le groupe de 15px vers le bas grâce au flèches directionnelles. 1 Appui = 1 Pixel. Combien d'appuis ? :




A ce stade on commence a aperçevoir l'icone en 3D . Mais tout n'est pas fini : on doit corriger quelques petits problèmes.
On voit que les bords de l'icone ne sont pas pleins, par exemple au niveau du bas des "pattes" du M :



Pour ce fait on va se placer sur le calque "Objet M profondeur" et on va retoucher, grâce à l'outil lasso polygonal et le Zoom.

Vous zoomez donc, assez bien pour apercevoir les pixels du M et vous allez commencer par créer un point de départ avec l'outil lasso polygonal au niveau inférieur gauche de la patte droite du M. En gardant la même technique, vous allez créer un quadrilatère pour combler le vide :



Une fois que vous êtes revenus à votre point de départ, le quadrilatère se ferme, et la séléction est crée :



Il ne vous reste plus qu'a créer un nouveau calque "Rajout gauche M", placé au dessus du calque "Objet M profondeur" et de remplir la séléction de la couleur #1a171b : Attention, le M n'est pas totalement noir . Vous obtiendrez ceci :



9) Par la même methode :
- créez le calque "Rajout droit M" pour combler le vide de la patte droite du M.
- créez le calque "Rajout haut 6" pour combler le vide du haut du 6.
Attention, utilisez la couleur #e2001a et placez vous sur le calque "Objet 6 profondeur"avant de rajouter le rouge du 6 !

Vous obtiendrez alors ceci :



9) On s'aperçoit maintenant que la 3D opère mais que le bas du 6 nous gêne :



Placez vous sur le calque "Objet 6 profondeur" et avec l'outil de sélection polygonal, vous allez créer une forme qui englobe tout ce qui dépasse. Vous finirez par rejoidre le 1er point pour créer la séléction : ( le zoom est conseillé )



Finissez par appuyer sur SUPPR pour enlever ce qui nous gene
Vous obtiendrez ceci :



10) La dernière étape consiste à fusionner les calques de Rajouts :

Séléctionnez les calques "Rajout droit M", "Rajout gauche M" et "Objet M profondeur" et faites un CTRL + E pour les fusionner. Au besoin renommez le calque fusionné par "Objet M profondeur".

Par la même methode fusionnez les calques "Objet 6 profondeur" et "Rajout haut 6". Au besoin renommez le calque crée par "Objet 6". Votre liste de calque doit ressembler à :



Nous somme enfin prêts pour la crystalisation.

Partie 2 : La Crystalisation des formes

Je tiens personnellement à vous féliciter si vous arrivez déjà jusqu'ici.
C'est vraiment super On à déjà fait le plus difficile. Il ne nous reste plus qu'a crystaliser

11) Allez on fonce vers la fin On va double cliquer sur la miniature du calque "Objet 6" pour rentrer dans ses Styles de calques.

On va lui appliquer une lueur interne de couleur #960010 comme suivant :



Plutot que s'embeter à refaire la même procedure pour la calque "Objet 6 profondeur", vous allez faire un clic droit sur la calque "Objet 6" et vous allez séléctionner "Copier le style de calque".

Sur le calque "Objet 6 profondeur" faites un clic droit dessus et choisissez "Coller le style de calque" : le calque prend les mêmes styles de calque :



12) Passons au M. De la même manière, allez appliquer au calque "Objet M" et au calque "Objet M profondeur":

- Une incrustation de couleur :



- Une lueure interne :



Vous obtiendrez ceci :



13) Prêts pour des dégradés en folie ? Placez vous sur le calque "Objet M" et faites un CTRL + CLIC GAUCHE pour récupérer sa sélection :



Créer alors un nouveau calque "Dégradé bas" et effectuez un dégradé blanc vers transparent en partant du bas de la séléction pour arriver vers le milieu du 6 :



Baissez l'opacité de ce calque à 20%.

De
la même manière effectuez un dégradé de haut en bas, en partant du haut
de la séléction vers le milieu du M. Baisser l'opacité à 70%. N'oubliez pas de vous replacer sur le calque "Objet M" et de recréer un calque "Degradé haut" ! Vous obtiendrez ceci :



13) Recréez les mêmes étapes pour créer les 2 dégradés mais cette fois-ci pour le 6. Vous obtiendrez ceci :



14) Maintenant, placer vous sur le calque "Objet 6" puis faites un CTRL + CLIC sur sa miniature pour récupérer sa séléction. Créez un nouveau calque "Reflet bas coupé"
puis un dégradé blanc vers tranparent de moitié a peu près, en partant
du bas. Vous séléctionnerez l'outil séléction et vous décallerez votre
séléction de 1px vers le haut. Appuyez sur SUPPR et baissez l'opacité à
50 % par la suite. Obtennez vous ceci ? :



Repetez l'opération pour le calque "Objet M" :



15) On viens de finir les reflets bas. On passe aux reflets hauts :
Encore de la même manière, vous allez créer les 2 calques "Reflet haut coupé" sur le 6 et le M : Décallez de 1 et coupez, mais ne baissez l'opacité ces 2 fois ! Pensez a créer à chaques fois un nouveau calque ! :



16) Les reflets supérieurs sont finis ! On passe à la couche inférieure, donc au dossier "Profondeur" Ayant déjà détaillé les étapes 13 à 15, je vais vous demander de faire pareil pour les couches inférieures : Vous obtenez ceci :



17) Maintenant que les reflets principaux sont terminés, on va pouvoir passer aux reflets secondaires
Placez vous sur le calque "Objet M profondeur" et récupérez sa séléction. Créer un nouveau calque nommé "Reflet secondaire".
Vous allez devoir créer 4 dégradés, en mode radial, toujours blanc vers
transparent aux endroits précis suivants : (Placez votre 1er point
juste un peu au dessous de la zone indiquée )



Baissez l'opacité a 50 %. Vous obtiendrez ceci :



17) On va s'occuper du petit reflet du 6 maintenant, courage :



De la même manière, vous allez créer un nouveau calque dessus le calque "Objet 6 profondeur", en ayant récupéré sa séléction précédement.
Créer le même type de dégradé que précédent à ces points précis :



Vous obtiendrez ceci :



18)
On viens de finir les reflets secondaires. La lumière venant du bas
mais aussi du haut, il nous manque un gros reflet vers le haut.

Faites un CTRL + CLIC sur le calque "Objet M" puis un CTRL + MAJ GAUCHE + CLIC sur le calque "Objet 6" pour additionner la séléction du calque Objet 6 au calque Objet M.

Créez un nouveau calque nommé "Gros reflet" au dessus de tous les autres calques dans le dossier "Formes de base".

Faites un dégradé radial blanc vers transparent en partant du haut de la séléction vers le bas absolu :



Gràce à l'outil séléction vous allez créer une forme ronde comme suivant : (N'hesitez pas à dépasser)



Faites pour finir un CTRL + MAJ + I pour inverser la séléction. Appuyez sur SUPPR pour enlever le bas et baissez l'opacité a 10 % :



19) Petit détail : le séparateur du bas. Il manque un séparateur en bas du M :



Créez un nouveau calque "Separateur" au dessus du calque "Objet M profondeur". A l'aide de l'outil "Trait" allez tracer une petite ligne de 1px blanche comme suivant :



Baisser l'opacité à 50 % :



On a presque terminé !

Ombre et finalisation

Une petite ombre, c'est ce qu'il nous reste à faire

20) Refermez le dossier "Formes principales". Récupéréz la séléction du calque "Objet M profondeur" et additionnez a cette séléction celle du calque "Objet 6 profondeur". Créez un calque "Ombre" au dessous des 2 dossiers, completement au dessous.

Vous vous aperçevrez qu'il faut enlever un petit bout de cette séléction :



Pour ce faire, prennez l'outil séléction rectangulaire. Créer une sélection en maitenant ALT enfoncé pour soustraire le petit bout de trop à la séléction : (n'hesitez pas à zommer)



Vous obtiendrez ceci :



21) Remplissez cette séléction de Noir. Faites un CTRL + D pour tout désséléctionner. Allez dans Filtre/Atténuation/Flou Gaussien.
Appliquez un fou de 6. :



Baissez l'opacité à 50 % :