Un patchwork sous photoshop CS2: Rapide et facile

Un patchwork sous photoshop CS2: Rapide et facile Par JarodxXx

le dimanche 11 mars 2007, 14:31

En voila un tuto qui me paraissait insurmontable, oui parce que pour ceux qui ne le savent pas, j'étudie mes tutoriels avant de les rédiger de manière a les rendre le plus simple possible sans en perdre le but finale !

Alors voila apres exactement 12 patchwork, je pense avoir trouvé la bonne methose... Pourquoi n'y avais-je pas pensé plus tot ?

Ouvrez le photoshop, n'hésitez pas a lui dire bonjour, il sera plus docile :p

Puis faite glisser-déposer directement une photo de votre bibliothèque vers photoshop pour réaliser le patchwork.

Et on commence :

On va dessiner un carré blanc pas trop grand sinon ne pourra pas en mettre assez pour le patchwork. Evidement comme dans tous les tutos, il y a une partie technique a respecter et une partie imagination a laisser travailler...

Pour moi ca sera ca :

Puis on va sélectionner le carré blanc dans la liste des calques (Menu : Fenêtres > claques ) et on va le dupliquer plusieurs fois, pour cela on a deux façons de faire soit :

- Vous cliquez sur le calque du carré blanc puis clic doit > dupliquer le calque

- ou alors vous sélectionnez le calque ( en ayant au préalable sélectionner le mode déplacement, c'est la 2e icône de la barre d'outils) puis en maintenant la touche ALT enfoncée vous tapez autant de fois que nécessaire sur une des flèches de votre clavier .

A vous maintenant de disposer tous ces carrés blanc sur votre image, utilisez le raccourci : CTRL+T pour faire pivoter les carré pour avoir un meilleur rendu.

Vous devriez le résultat suivant (cliquez sur l'image pour zommer):

Faites bien attention a ce que les carrés blanc recouvrent toutes les zones importantes de l'image (sinon certains risquent de vexer ^^)

Etape suivante, donner a nos carrés banc un effet cadre. Encore une fois je vous donne ma version mais libre a vous de la personnaliser .

On va d'abord définir une ombre portée (options de fusion) : Distance 0px, grossie 5%, taille 5px.

Pour ceux qui ne comprenne pas ce langage voici l'écran que vous devriez avoir.

Puis on va rajouter un contour blanc intérieur de 7 pixel (si vous ne voyez rien c'est normal , blanc sur blanc cela ne se voie pas , mais on va y remédier plus tard ) ...

Définissez ensuite une incrustation en dégradé avec les valeur personnalisée suivante

Puis validez ces modification sur le panneau des options de fusion (attention aux valeurs, notamment le dégradé inversé ):

Sélectionnez ensuite tous les calques en cliquant sur le 1e , puis SHIFT enfoncé cliquez sur le dernier et réduisez le Fond a 0%

A ce moment sélectionnez le calque, puis clic droit > copier le style de calque et sur chacun des autres carré blanc faites clic droit > coller le style de calque

Avec les versions récentes de photoshop il est possible de copier le style sur tous vos calques d'un seul coup en sélectionnant les calque avant de coller le style de calque.

On obtient donc le resultat suivant :

Voila nos vignettes dessinée ... Il reste encore une étape pour finir : éliminer la partie de l'image a supprimée .

Attention je pense que cette partie du tutoriel ne fonctionne que sous les version CS, CS2 et CS3 de photoshop.

Faite un CTRL+ clic sur le premier cadre , ne relâchez pas CTRL et appuyez sur SHIFT , cliquez ensuite sur tous vos cadres blanc, on obtient ceci :

Positionnez vous sur le calque contenant la photo et faite : CTRL+SHIFT+ i pour inverser la sélection et supprimer (SUPPR) le reste de la photo, on a fini , voila le resultats :

A vous d'ajouter un fond originale pour donner de la valeur a votre patchwork :D

Ce/tte création est mis/e à disposition sous un contrat Creative Commons.

1. Le dimanche 11 mars 2007, 20:51 par Mikl

Toujours au top !

2. Le lundi 12 mars 2007, 01:42 par Jarodxxx

toujours !
C'est l'espris Flex-coding

3. Le lundi 12 mars 2007, 12:45 par weetabix

mis à part la restriction que je t'ai donnée jarod, c'est top !

ps: d'autres trouveront-ils cette restriction ?

4. Le lundi 12 mars 2007, 15:15 par Jarodxxx

Bah non puisque je l'ai corrigée ^^

5. Le lundi 12 mars 2007, 19:38 par nicolas

Bonjour,

merci pour ce tuto qui sur une photo appropriée peut faire un effet tres sympa

juste une ramrque, il y a une tres grande difference entre les 2 dernieres images : l effet de superposition des photos !

comment etes vous arrivés a ce resultat ?

j arrive bien à l avant derniere etape (avant d ajouter le fond) mais je ne vois pas comment vous faites pour que les cadres se cachent les uns les autres

merci de votrre aide

6. Le lundi 12 mars 2007, 22:45 par weetabix

bien vu nico, cétait çà la restriction !

7. Le lundi 12 mars 2007, 23:15 par Jarodxxx

J'ai pixellisé les cadres vectoriel un a un , puis j'ai supprimé partie par partie les superpositions inappropriée

8. Le mardi 13 mars 2007, 09:55 par nico

OK ca me "rassure"

Sinon on peut faire le tuto "à l envers" : on part du calque de l image de fond, on fait des copy/paste de nos carrés dans un nouveau calque a chaque fois (pour découper la photo). On reprend ta technique de bordure, dégradé et ombre et au final au fait sauter le calque de fond.

Ainsi on peut meme organiser la superposition des "photos" via l empilement des calques.

A vérifier mais cela devrait pouvoir se faire ...

9. Le mardi 13 mars 2007, 11:10 par Jarodxxx

Y a des dizaines de méthodes pour chaque tuto ... Moi j'essaye de trouver la plus simple , mais rien ne t'empêche d'essayer autres chose :D

10. Le jeudi 15 mars 2007, 08:20 par xeno1887

Très bon Tuto, bien expliqué et bien détaillé. C'est la première fois que je bosse sous PS-CS2 et je ne pensais pas y arriver aussi facilement.
Merci ^_^

PS : à quand le suivant

xeno

11. Le jeudi 15 mars 2007, 14:20 par Jarodxxx

Il suffit de le demander ..; tu a une idée ou un problème que tu voudrais que j'explique ?
Ca me fera plaisir ^^

12. Le jeudi 17 mai 2007, 20:40 par kisskool

Tres bon tuto pour un effet très sympa... Tuto qui meriterait d'etre revu pour enlever les quelques fautes de frappe

13. Le samedi 29 septembre 2007, 11:24 par Serjean

Je suis débutant sur photoshop et je n'arrive pas à effectuer l'opération de "superposition".
Si je pixélise les cadres, l'option de contour est toujours active et si j'efface les parties en trop, avec l'outil gomme ou l'outil séleciton par exemple, l'option de contour est valide sur ces outils (j'ai donc de gros contours blancs autour de mes outils)
Comment arriver au résultat final?

Merci d'avance.
Serjean

14. Le jeudi 3 avril 2008, 14:25 par mnementh

Excellent...

Jusqu'à la sélection multiple des carrés.
Je ne peux les sélectionner et donc ne peut intervertir la selection pour faire disparaitre le fond dans CS3

Au moment du "ctrl+clic", quel est donc l'outil utilisé ?

Merci