Tuto - Faire une Preview "Panorama"

Bonjour à tous!
Nombre d'entre vous mon demandé comment j'ai crée ma signature et avatar. Je dois vous avouez quelque chose, cette idée n'est ni de moi, ni de Cacahuète, mais celle de Ozz, l'excellent graphiste de OzzDesign. Sur son site, Ozz propose le PSD à télécharger, mais comme vous le savez sans doute, il est bien plus gratifiant de faire ses créas soi-même. Je vous propose donc un tuto pour réaliser vous même exactement la même chose:

Nota: Ce tuto est réaliser avec la version anglaise de Photoshop CS2, mais vous devriez vous y retrouvé facilement :^^:

___________________________

Commencez par ouvrir un nouveau document transparent de 500 sur 144 pixels, une résolution de 72 pixels par pouce et en mode RVB 8bit.

Affichez les règles (Ctrl+R). Placez maintenant des guides horizontaux à 10 puis à 65 pixels et des guides verticaux à 7 et 80 pixels.

Munissez vous de la Plume (P) et placez quatres points d'ancrage aux intersections des guides puis refermez le tracé.

Enlever les guides puis déformez le tracé de façon à ce qu'il ressemble plus ou moins à cela:

Faites un click-droit à l'interieur du tracé et cliquez sur "Créer un masque vectoriel". Choisissez du gris #e0e0e0 comme couleur de premier plan, verifier que vous êtes bien sur le bon calque, et remplissez le de cette couleur.

Créez maintenant un nouveau groupe de calque que vous appelerez Feuille 1. Glissez-y le calque que nous venons de créer.

Appuiez maintenant sur le F dans un cercle mis en valeur sur l'image au dessus.Puis clickez sur "Options de fusion". Appliquez maintenant les styles suivants:

Ombre portée (Le mode de fusion Multiply equivau à Produit):

Incrustation en couleur:

Maintenant, Ctrl+clickez sur la miniature du masque vectoriel de Calque 1 pour recuperer la séléction de ce dernier, puis allez dans Sélection -> Transformer sélection. Puis en haut de votre écran, retourné la sélection de 180°.

Créez un nouveau calque que vous placerez en dessous de Calque 1. Prenez du noir en couleur de premier plan, et remplissez la sélection. Enfin, faîtes un Ctrl + D pour enlever la sélection.
Allez dans Filtre -> Attenuation -> Flou Gaussien, et rentrez une valeur de 2.0 pixels. Enfin, passez l'opacité de ce calque à 30%.

Activer le magnetisme des objets en fesant Shift+Ctrl+; et placez un guide vers le milieu de la feuille. Il se placera automatiquement pile au milieu. Si ce n'est pas le cas, refaite Shift+Ctrl+;. Prenez l'outil dégradé avec ces réglages:

Placez maintenant votre curseur sur le guide que vous venez de placer. Maintenez la touche Shift pour avoir un degradé bien droit, puis , toute en appuyant avec votre souris, glissez le curseur vers un des cotés de la sélection. Aussitôt qu'arrivé, relaché votre souris, puis Shift. Vous devriez avoir un degradé tout noir et moche qui gache votre belle feuille. Pas de problème, passez l'opacité à 15% et le problème est résolue

Fermez maintenant le groupe de calques Feuille 1.

Clickez droit maintenant sur le groupe de calque Feuille 1, et choisissez Dupliquer Groupe. Renommer le groupe crée en Feuille 2. Appuyer sur Ctrl + T pour rentrer en mode Edition libre. Maintenez la touche Shift enfoncée et appuiez huit fois sur la flèche droite. Cela aura pour effet de déplacer le groupe de 80 pixels.
Répetez l'operation 4 fois sur le calque le plus haut.

Dupliquez maintenant le groupe Feuille 1 et nommez le Feuille 7. Placez le tout en haut de la liste de calque. Répetez l'operation en renommant Feuille 2 en Feuille 8, Feuille 3 en Feuille 9 et ainsi de suite. Sélectionnez maintenant le groupe Feuille 12. Maintenez la touche Shift enfoncée et sélectionnez Feuille 7. Les six groupes sont à present sélectionnés. Appuyez sur Ctrl+T pour rentrez en mode Edition Libre, maintenez la touche Shift enfoncée et appuyer six fois sur la flèche du bas. Ce qui aura pour effet de déplacer les six groupes de 60 pixels vers bas.

Voilà, toutes vos formes sont finis, mais cela reste bien strict tout de même. Pas de problème! Passez sur chaque groupe avec un petit Ctrl+T où vous tournerez un peu la feuille et la remetterez à sa place initiale, car elle va passer sous, ou sur d'autre feuille.

Ca va? Le petit grain de folie que vous recherchié est présent? Parfait!

Ouvrez tous les groupes de calques et Shift+Ctrl+clickez sur tout les masques vectiriels. Allez dans sélection -> Modifiez -> Contractez, et rentrez 3 pixels en valeur. Refermez tous les groupes, créez un groupe nommé Masque au dessus de tout les autre. Créez y un calque.  rémplissez maintenant la sélection de blanc.

Allez, une bonne nouvelle maintenant, la prochaine étape et vous aurez fini avec votre base!

Créer un nouveau groupe de calque tout au dessus de la liste de calque. Appelez ce groupe Ombrage. Maintenant réouvrez tous les autres groupes, et, en maintenant Ctrl enfoncé, appuiez une fois sur les calque de l'ombrage interieur,puis déplacez les avec un clicker - déposé dans le groupe de calque Ombrage.

Voilà! C'est fini pour la base! Prochaine étape, inclure une image

Bon, c'est bien jolie d'avoir une preview... Encore faut il savoir s'en servir :^^:

Comme exemple, on va prendre exactement la même image que Ozz utilise dans ses previews, l'image d'une île paradisiaque. Je n'ai pas trouvé l'original, je vous l'heberge donc tout seul.

Là voilà:

Bon, ouvrez la dans une nouvelle image, puis clickez - déposé là dans notre image. Maintenant, glissez le calque de cette image juste au dessus de Calque 4 (dans le groupe Masque). Vous devriez voir apparaître l'ombrage:

Maintenant, il va falloir faire apparaître les bords. C'est pour cela que nous avons créer le calque Masque . Déplacez d'abord l'image comme vous voulez, puis appuyez sur Alt. Placé votre curseur entre les calques du Masque et la Photo. Le cureseur devrait changer. Dès qu'il change, appuyez avec la souris. Cela va avoir pour effet de créer un masque d'ecrétage entre les deux calques. Cela empêche que le calque dépasse des bords du calque en dessous.

Voilà! Cette fois c'est fini pour de bon! Si vous avez bien suivi ce tuto vous devrier avoir plus ou moin ceci:

____________________________

Ca va? Ce n'était pas trop dur hein Bravo si vous êtes arrivés au bout, vous avez maintenant une jolie preview

Credits:
Tutoriel écrit par Fixxx, toute reproduction totale ou partielle est strictement interdite
La création originale est, je le répète faites par Ozz de Ozzdesign

Je suis dans ma journée validation, alors je valide celui-là aussi  

Depuis le temps que je voulais savoir faire ça. Merci beaucoup.

Bien expliquer, niquel  

Ben c'est super jolie ! mais il n'y a rien de trop compliqué a le faire    

Tu fait des cadres et tu met un contour gris et une petite crystalisations et je pensse que le rendu est encore plus sympatique  

Merci pour la validation dlb Et merci à ceux qui m'encouragent.
@SmOke Malibu: Je ne vois pas ce que tu veux dire... Tu peux expliquer plus clairement s'il te plaît?

Request: réquisition

Can anyone please give a English Translation of this tutorial. I find it very interesting and want to create the same effect on my panoramas.

Please. plaisez.

super sympa merci je vais essayer de faire sa de suite !!

You can try the google translation no ? For tutorials it's quite good i think.

--

Sinon j'vois que dans le tuto y'a même des z'images qui bougent ..... classe .

Je ne trouve plus les guides... :s

Tu fais ctrl+R pour afficher les règles, puis tu tire dessus pour avoir un guide

Ok..hmm..! I tried doing it the way you told. I used babelfish translation tool, and it gave me really weird translation..!

Any help with the English translation of just the commands used in this tutorial will be highly appreciated. Thanks.  

Bon tuto  

Ben il te suffit juste de créer un style de calque blanc avec un contour noir de 2 px c'est tout et le " contour " est joué  

Bah il faudrait découper la photo à la plume pour lui appliquer un contour pour que ça garde le meme effet... Bref, rien de plus simple
@Sapshupai: Sure i'll try to translate this tutorial when i have enough time

J'adore l'effet bravo    par contre avec beaucoup de photos c'est pas top, mais 4 ou 6 ça va

Pour le nombre de photos tu le fais comme tu le sens hein

Très bon tuto, mais Rumshot nous le fait sans problème non ?

Je suis en train de vous faire une traduction "intelligente" avec mon cerveau.

EDIT ooops double post, je n'ai pas fait attention je suis en pleine traduction désolé

RE-EDIT : J'en suis à "Fermez maintenant le groupe de calques Feuille 1." J'aurais fini demain.

Tu traduis en anglais? C'est sympa
Et comme tu le dis, oui, rumshot le fais très bien, et le PSD est même disponible sur Ozzdesign, mais j'aime bien faire mes propres créations plutôt que de prendre celles des autres

Je corrigerai s'il y a des fautes (90% sur d'avoir des fautes )

Tuto - Make a Preview "Panorama"

Hi everybody.
Some of you told me how I have created my avatar and my signature. I must admit something, it isn't my idea or Cacahuète one, but it's Ozz’s one, the fantastic graphic designer of OzzDesign. On hi site, Ozz give the PSD to download, but as you know, it's better to do his own creation. I make you a tutorial to realize exactly the same thing :

PS : this tutorial is realized with the english version of Photoshop CS2, but you will find shortly!  (my trduction will guide you!! :^^:

___________________________

Start by opening a new document with transparency (Size 500x144 pixels), a resolution of 72 pixels by inch in RVB 8bit mode.

Display rules (ctrl+r). Now place horizontal guides at 10 and 65 pixels and some vertical guides at 7 and 80 pixels.

Now, take the pen tool (p) et place four points of anchoring at intersections of guides and, close the plan.

Delete guides and deform the plan in the way that I twill be like this approximately

Have a right click inside the plan click on « Create a vector mask » (or Enable the verctor mak, the real traduction will be creating but I don't have Photoshop CS2 !!. Choose some grey #e0e0e0 as foreground, verify that you are on the good layer, and fill (not sure for the traduction -> with the paint bucket) with this color.

Now create a new layer's group whose name will be « Paper 1 ». Slide the text there we have just created.

Push the F button in the red rectangle in the picture above. After, click on « merger option ». Apply now the differents styles :
Drop shadow (as you can see on this picture)

Color:

Now, ctrl+Click on the miniature of the vestor mask of Layer1  recover the selection, then go in
selection -> transform selection. Then, above your screen, return the selection on 180°.

Create a new layer who will be below Layer1. Take some black in color for the foreground and fill the selection with the paint bucket tool. Finally, press Ctrl+D to remove the selection. Go in Filter->Blur->Gaussian blur, and write a value of 2.0 pixels. Finally, put  the opacity of the layer on 30%

Activate the item's magnetism with Shift+Ctrl+; and place a guide in the middle of the paper. He will be automatically placed just in the middle. If it isn't your case, press one more time Shift+Ctrl+;. Take the gradient tool with this option :

Place your cursor on the guide you have just made. Keep Shift pressed to have a perfect gradient, then, while you are pressing the mouse, slide your cursor towards a side of the selection. As soon as it done, lax the mouse and Shift. You probably have a black gradient black and ugly who spoil your beautiful paper. No problem put the transparency on 15% and the problem ok!

Now, close the Paper1 layer’s group.

Now, right click on layer1's group, and choose Duplicate group. Rename the duplicate group in Paper2. Press Ctrl+T to be in Free Edition mode. Have Shift pressed and click eight times on the right arrow. It will move the group for 80 pixels. Do it four times on the layer the most above.

You can now duplicate "Paper1" group and name it "Paper7".Place it above the layer's list. Repeat this operation and rename "paper 2" to "paper 8", "Paper 3" to "paper 9 and so on. Select now the group "paper 12". Keep Shift pressed and select "Paper 7". The six groups are now selected. Press Ctrl+T to be in free edition mode, keep Shift pressed and then press 6 times the arrow of the bottom(not sure for the traduction). It will have for effect to move the 6 groups selected downward of 60 pixels.

Here are all you forms are finished but it stay too strict. No problem, have a Ctrl+T on each groups where you will turn the paper as you like and replace to his normal place, because she will pass on or under some other paper.

It's ok ? Perfect !

Open all layer's groups and Shift+Ctrl+Click on all vector masks go in Select -> Modify -> contract et enter a value of 3 pixels. Close all groups, create a new group call Masks above all other groups. Here, create a new layer. Then, fill the selection with some white.
Okay, good news! Next step and you will have finished with your base!

Create a new group above all the layer's list. Name it shade. Now open one more time all groups, and, in keeping Ctrl pressed, press-click one time on the layer's shade inside, then place them with a drag and drop in the group called Shade.

Ok ! It's finish for the base. Next step, take apicture.

It’s good to have a preview but you have to know how to use it!
For example, we are going to take the same picture of Ozz one. The picture is a petty island. I didn’t found the original, so I give it here :

Ok, open in a new picture, then drag and drop to our picture. Now, slide the picture’s  layer just after Layer 4 (in the mask's group). You should see the shade as you see on thi picture :

Now, you have to show the edge. That’s why we have created the layer Masks. First place the picture as you want and press Alt. Place your cursor between mask’s layers and the picture. The cursor should change. As soon as he change, press with the mouse. I twill have for effect to create a mask of "(I don't understand the meaning of the word in french so, it create a mask!!" between the two layers. This have for effect to don't exceed the edge of the layer below.

Here it's done for real! If you have done this tuto correctly (and you have understand my fantastic english) you should have something like that :

____________________________

It's okay, it wasn't too difficult. Good if you have finished this tutorial, you have now a pretty preview.

Credits:
Tutorial writen by Fixxx(and traduct as I could by Aqua 16), all reproductions are stricly forbidden.
The original creation is, I tell you one more time, created by Ozz of Ozzdesign.

Merci Aqua16 Comme tu le dis, il y a quelques fautes, certaines sont des fautes d'orthographes, d'autre des fautes de styles. Si tu corrige les fautes d'orthographe je t'aiderai avec le style si tu veux

Merci, je fais une petite pause et j'essairai de me corriger (tes corrections sont les bien venues)
Bon j'espère au moin que c'est compréhensible    mais bon je ne suis qu'en 3ème!!

Je suis qu'en 3eme moi aussi Mais bon... Je usis à un collège International donc cours en anglais Bref... On dérive là

Chouette, j'aimerais bien le réaliser et je suis encore légèrement début sur Photoshop !
J'ai commencé le tuto mais je me suis vite bloqué à la déformation du premier cadre... Donc ça me bloque pour le reste !

Quelqu'un pour me dire quelle(s) option(s) utiliser ?
D'avance merci !

Thomas