Effet 3D
Informations sur le tutorial
Salut à tous, malgrès cette heure tardive, il me semble
essentiel, si si
, je vous présenter ce petit effet 3D très sympathique à réaliser avec photoshop (rien que ça !
)
Point technique :
Contourner un problèmeQuestion
Mais c'est vrai 
!? Comment qu'on peut faire d'la 3D avec un logiciel 2D?
- Dit
le débutant dépassé 
En voilà, une question qu'elle est bonne ! Hé bien, je vous dirais, cela est très simple (ah bon?
) !
- C'est pas une réponse ça !Je sais bien, mais prenons notre temps
, et comprenons toute la malice
(oui, oui !) qu'il a fallu mettre en oeuvre pour réaliser l'effet.
Photoshop est un logiciel qui
ne prend pas en compte les objets en 3D. Du coup, comprenons comment le passage de la 2D,
point extrêmement solide de Photoshop, à la 3D, va permettre cette réalisation (en plus c'est faciile!
)!
Il suffira d'empiler les couches de calques, de façon à créer une forme, issue du chevauchement de ce différents objet, autrement dit, on ne vas pas créer une forme 3D mais plusieurs formes 2D qui constitueront, ce semblant de 3D, pigé?!
.
Remarque
Concrêtement, l'exemple de la ramette de feuille (vous connaissez forcément !
). Votre feuille est un calque, lesquels, empilés forment la ramette, autrement dit,
l'objet 3D.
Le tutorial :
Différentes étapesProcédons en étape de façons à ce que les débutants puissent suivre de façon logique et structure la réalisation de l'effet.01. Le supportRemarque
On crée un nouveau document [CTRL + N] dont le fond sera de couleur foncé pour que l'effet soit déjà bien visible.(ici #4F4F4F)
02. Notre premier calqueRemarque
On crée un calque texte tout à fait simple là où vous pouvez iclure le texte de votre choix, une image découpée proprement, ce que l'envie fait choisir
03. Mise en forme du calqueAttention
Cette étape est essentielle à la bonne forme de votre effet 3D, il ne faut pas la négliger.
Remarque
Prenez votre calque en main grâce à la commande
CTRL + T, je vous propose de l'incliner d'environ -30°, de façon à bien voir la perspective ensuite, sinon faite au feeling (même débutant vous en avez déjà !
) et faites le pivoter grâce à à la forme
en arc de cercle.
Deuxième étape : la rotation, ici de 28°
N'oubliez pas de faire 'entrer' pour accepter la tranformation.Remarque
On va ensuite
pixelliser notre texte (car un texte est difficilement modifiable tel quel (c'est des durs ces textes
); on a besoin de
le tranformer en image, et du coup le rendre plus docile et maléable (merci aux images, on dit
)
Remarque
Donc voici notre texte pixellisé, le voici devenu une image, facilement modifiable, et cette étape va vous montrer pourquoi (oui, parce que pour le moment on ne voit pas trop l'interêt
.
Pas de panique! (super mG arr..
) on va pouvoir grâce à la pixellisation, donner par exemple, et c'est justement ce que nous allons faire,
une perspective à notre image!
-Gné?Oui,
et c'est très simple, pour que notre effet soit le plus réussi possible,
on va placer notre image dans l'espace de façon à ce qu'on le voit le mieux possible (pas bête
) !! C'est l'interêt de cette partie, qui très justement, prépare le calque à l'effet (Hé oui, je bosse pas pour rien
)
Donc, mettons en perspective notre calque ! Et vous allez voir, que ce n'est pas dur puisque
photoshop propose directement cette transformation (sympa toshop
).
)
Prenez donc le rebord le plus en bas à gauche et étirez le vers la gauche !Comme je vous le montre dans cet exemple
Appuyez une nouvelle fois sur 'entrer' pour valider la transformation.
Information
Notre calque est près à subir sa transformation, il nous reste plus
qu'à lui conférer son effet 3D et le tour est joué! (t'es gentil mais tu vas quand même nosu expliquer?!) Biensuuuur
Remarque
Il va faloir dans un premier temps,
dupliquer notre calque ! (Pas trop dur pour vous?
) Mais non,
je sais bien que vous y arriverez 
Remarque
Sélectionnez maintenant ce calque,
qui doit être placé en dessous du calque original (dans l'ordre des positions). Et utilisez l'outil déplacement de façon à justement déplacer la copie
('Déplacement' pour 'Déplacer' vous devriez vous en rappeler non? )On va y appliquer
un déplacement de 20px, alors pour faire simple, sélectionnez votre calque avec l'outil déplacement,
et appuyer sur SHIFT et en même temps 2 fois sur la flêche du bas.
Ce qui va nous donner pour mon exemple, c'est bien fait hein? 
Remarque
Bon alors votre calque déplacé,
vous avez les deux faces haut et bas de votre objet 3D, cependant
il manque les faces horizontales (vous l'avez remarqué, c'est pô zoli
). Alors on va se débrouiller, pour les créer ! Du coup,
c'est le moment d'empiler les feuilles entre (vous savez, les feuilles, la ramette; ça vous dit pas quelque chose?? Visiblement si, et c'est pour ça qu'on va attaquer dessuite, avant que vous oubliiez
)
Remarque
Donc ce qu'on va faire une fois que l'on a descendu notre calque copié, nous allons le biseauté, et ce de façon à voir le biseautage.
)
Remarque
Votre calque inférieur biseauté, il suffit maintenant de la copier 20 fois et à chaque fois de le monter d'un pixel, pour complet le trou.
Pour ce faire :
Vous sélectionnez le calque inférieur biseauté et
en restant appuyé sur ALT, vous appuyez 20 fois sur la flêche du haut.
Votre calque sera copié 20 fois vers le haut et vous optenez une vraie forme 3D ! (Et là vos yeux s'illuminent
et dans un grand cri vous criez vic... Bon oké j'arrete, mais avouez que vous êtes plutôt fiers, et ce, grace à moi
)
Voici ce que vous devriez normalement obtenir (Parce que moi je suis parfait et vous vous recopiez, na! )(- Le débutant : Vivement que se finisse ce tuto... )
05. Custom?
Voici un petit apperçu d'une mise en forme de cet effet, il a de nombreuses possibilités, que vous pouvez lui appliquer à votre guise. Ici, une petite lueur externe, bon rien de méchant quoi ! 
Attention
Il vaut mieux réaliser cet effet
dans un dossier, de manière à ne pas avoir de calque partout et du coup mettre le bazar sur votre ensemble. Et puis c'est bien plus commode, on sélectionne uniquement le dossier pour modifier ou pour bouger toute la création.( Donc écoutez moi et
ne faites pas votre tête de mule com' d'hab', ces lecteurs alors...
)
Voilà
j'espère que ça vous a plus,
que vous avez aimé ce tutorial (Normalement, oui héhé
), il y en aura
d'autres biensur (Pour mieux vous couler amateurs du toshop
), mais c'est du boulot!
__
Si ce tuto vous plait laissez un petit commentaire ça fait toujours plaisir, et pour toutes questions, sur le tuto ou pas,
envoyez moi un mp, ou bien, mon msn vous est libre : brice811990[at]hotmail[dot]com Je vous répondrai avec grand plaisir !
Tutorial par
Brice TREVISAN dit myGot pour
Crea-Paradise.comToute reproduction partielle ou complète sous les propres droits de son auteur, veuillez me contacter pour toutes questions concernant la diffusion de ce document.
5 commentaires
|
> Posté le : 28/06/2007 à 13h03 | Note :  |
Groupe : Membres
|
Super tutorial !
Attention:
Crea-paradise, pas Créa-paradise !
Bonjour à tous.
Voilà mon site: http://astuces.redby.fr
J'y répertorie des astuces que je trouve sur internet que j'utilise et qui me semblent bonnes.
Merci, bye. |
|
> Posté le : 09/08/2007 à 15h18 | Note : |
Groupe : Membres
|
Bravo pour ce super tuto !
5/5 c'est bien mérité. |
|
> Posté le : 24/08/2007 à 13h49 | Note : |
Groupe : Membres
|
Super tuto
Développeur web avec 7 années d'expérience.
=> Ancien modérateur de créa-paradise. |
|
> Posté le : 29/10/2007 à 01h43 | Note : Aucune |
Groupe : Membres
|
Oui franchement superbe tuto, mais au moment du biseautage tu n'xplique pas les opions...
MAis moi quand je fais ac un texte de + de 2 mettres, ba le 3D ne se fait pas tres bien :/
Enfin bon tuto quand meme
Sekuline te salue |
|
> Posté le : 26/01/2008 à 14h44 | Note : Aucune |
Groupe : Membres
|
Mon image sur imageshack a été remplacée par une autre, voilà pourquoi la 2eme étape du biseautage est remplacé par ce portrait de femme mdr !!! |
Vous allez être redirigé dans 2 secondes.
