Tutoriaux Graphiques : bub73 Entraide Graphique : IAMDJ, maxstepp, 1 utilisateur anonyme et 75 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Photoshop] Etirer une image sans déformations

 
n°23781
tsg
Profil : Penguin
Avatar
profil
Posté le 13-08-2009 à 13:09:16  
 

Mise à jour du 19/08/2009: correction de quelques fautes de syntaxe et de deux trois autres trucs...
 

http://www.crystalxp.net/forum/mesimages/336969/titre.png1..png

 
Bonjour à tous!
 
Pour mon deuxième tuto, je vais vous parler d'un outil de Photoshop particulièrement intéressant: la Mise à l'Echelle basée sur le Contenu. C'est une option de transformation d'image assez spectaculaire car elle détecte les zones "importantes" d'une photo et l'élargit sans déformer le sujet principal. Et dans le cas où le résultat ne serait pas convaincant, il est possible de préserver une partie de l'image à l'aide d'une couche Alpha.
 
Attention! Cet outil est une nouveauté propre à la suite CS4. Dans le cas où vous ne la posséderiez pas, vous pouvez lire ce cours pour vous faire une idée de cette nouvelle version mais sachez qu'il est malheureusement impossible de trouver l'équivalent dans Gimp et autres logiciels (dont Elements!).
 
Bien, vous êtes prêts? On y va! :smile:
 
1. Ce que nous allons faire.
 
Dans ce cours nous allons aborder cet outil de A à Z en prenant pour exemple cette photo du mont St-Michel.
 
http://www.crystalxp.net/forum/mesimages/336969/rendufinal.png

Nous allons l'élargir à 200% de sa taille et ce sans aucune déformation.
 
2. Comment procéder.
 
2.1 Préparer le terrain.
 
 La première chose à faire lorsque l'on utilise l'outil de mise à l'échelle est bien entendu d'agrandir la taille de la zone de travail. Pour ce faire, deux méthodes s'offrent à nous: l'outil de rognage et la taille de la zone de travail.
 
:info: Avant d'utiliser ces outils,je vous conseille de convertir l'arrière-plan en calque (Double-Clic sur la vignette de l'arrière-plan).
   
    Méthode 1: L'outil de rognage.
    Cette méthode est assez simple mais n'est malheureusement pas très précise concernant la taille de la zone de travail obtenue. Dans la barre d'outils, cliquez sur l'icône http://www.crystalxp.net/forum/mesimages/336969/ICO_crop.png (rognage). Faites glisser les poignées comme ceci:
 
http://www.crystalxp.net/forum/mesimages/336969/CROP_01.png

Sélectionnez-en une présente sur le côté de l'image et tirez-la en dehors de la zone de travail.
 
http://www.crystalxp.net/forum/mesimages/336969/CROP_02.png

Appuyez sur ENTER ou cliquez sur l'icône Valider (http://www.crystalxp.net/forum/mesimages/336969/ICO_entree.png). Votre image est prête!
 
    Méthode 2: Transformation de la zone de travail.
    Cette seconde méthode a l'avantage de réaliser une transformation précise. Rendez-vous dans le menu http://www.crystalxp.net/forum/mesimages/336969/ICO_image.png puis dans "Taille de la zone de Travail" (raccourci: ALT + CTRL/Commande+ C). Vous pouvez modifier les réglages comme vous le souhaitez. Toutefois, lorsque l'image sera étirée, vous devrez supprimer la zone de pixels blancs qui apparaîtra.
 
2.2 Premiers pas avec l'outil
 
C'est là que ça devient intéressant! Sélectionnez le calque que vous voulez élargir et rendez-vous dans le menu http://www.crystalxp.net/forum/mesimages/336969/ICO_edition.png puis dans "Échelle basée sur le contenu". Des poignées de positionnement apparaissent alors sur votre image. il vous suffit de les déplacer jusqu'au bord de la zone de travail et de valider.
Nous allons maintenant nous intéresser aux options.
 
http://www.crystalxp.net/forum/mesimages/336969/OPTS_miseechelle.png

 
.:http://www.crystalxp.net/forum/mesimages/336969/OPTS_mae001.png:.

Ces options ne sont pas d'une grande importance car elles définissent le décalage du calque par rapport à la zone de travail.
 
.:http://www.crystalxp.net/forum/mesimages/336969/OPTS_mae002.png:.

Ces zones de texte vous demandent de définir en % l'étirement de l'image. Ce sont des options que vous utiliserez fréquemment. De plus, celles-ci se rallient à l'icône http://www.crystalxp.net/forum/mesimages/336969/ICO_pad.png qui permet de définir le point d'action de la transformation. En cliquant sur la chaine http://www.crystalxp.net/forum/mesimages/336969/ICO_cad.png, vous contraignez les mesures (ce qui est ridicule si vous utilisez cet outil!).
 
.:http://www.crystalxp.net/forum/mesimages/336969/OPTS_mae003.png:.

Ce curseur permet de définir le degré d'action de l'outil: avec une valeur basse, l'image sera déformée, avec une valeur élevée, l'image sera conservée. Je vous conseille de laisser ce réglage à 100 (à près tout, ce qu'on veut, c'est étirer sans déformations!  :wink2: ).
 
.:http://www.crystalxp.net/forum/mesimages/336969/ICO-corps.png:.

L'icône corps permet de préserver les teintes de peau. Elle est très utile si l'outil ne fonctionne pas correctement.
 
2.3 Protéger un élément avec une couche Alpha
 
Une des fonctionnalités sympa de cet outil est la protection via couche alpha. Elle est utile lorsque le programme n'arrive pas à trouver le sujet principal.
Pour l'utiliser, rendez-vous dans le panneau http://www.crystalxp.net/forum/mesimages/336969/ICO_couches.png. Créez une sélection grossière autour de l'objet à préserver puis cliquez sur l'icône "Mémoriser la sélection" (http://www.crystalxp.net/forum/mesimages/336969/ICO_memoselec.png). Affinez votre sélection en peignant sur la couche alpha (activez-la en cliquant sur l'icône  :pshidelayer: ).
Revenez dans la mise à l'échelle, activez la liste "Protéger" et sélectionnez le nom de la couche Alpha.
 
http://www.crystalxp.net/forum/mesimages/336969/OPTS_mae004.png

 
----------
Voilà! C'est tout pour ce cours. J'espère qu'il vous a plu et vous a appris quelque chose. Si vous avez des questions, commentaires, remarques... n'hésitez à répondre!
 :merci:  


Message édité par tsg le 02-11-2009 à 16:01:25

---------------
http://img405.imageshack.us/img405/5463/signaturecrxp.png
answer
mood
GoogleAds
profil
Posté le 13-08-2009 à 13:09:16  
 

answer
n°23848
Chouby47
Profil : Penguin
Avatar
profil
Posté le 18-08-2009 à 17:07:00  
 

l'idée est très astucieuse!  
 
Bravo  :great:


---------------
http://img21.imageshack.us/img21/6119/chouby2.png
answer
n°23852
tsg
Profil : Penguin
Avatar
profil
Posté le 19-08-2009 à 10:11:29  
 

Chouby47 a écrit :

l'idée est très astucieuse!  
 
Bravo  :great:


 
Merci!

answer
n°23859
WhiteSpoon
Profil : Top Penguin
Avatar
profil
Posté le 19-08-2009 à 14:04:40  
 

Ah c'est super ! J'aurais jamais cru qu'on pouvait faire ça avec Photoshop CS4 !!
En fait, il y a un autre logiciel gratuit qui a été créé justement pour ça, mais j'ai oublié son nom..
Excellent tuto en tout cas ! :great:

Message cité 2 fois
Message édité par WhiteSpoon le 19-08-2009 à 14:04:59

---------------
http://img691.imageshack.us/img691/2752/sign2.png
answer
n°23864
tsg
Profil : Penguin
Avatar
profil
Posté le 19-08-2009 à 15:38:02  
 

WhiteSpoon a écrit :

Ah c'est super ! J'aurais jamais cru qu'on pouvait faire ça avec Photoshop CS4 !!
En fait, il y a un autre logiciel gratuit qui a été créé justement pour ça, mais j'ai oublié son nom..
Excellent tuto en tout cas ! :great:


 :merci:  
En fait, c'est un outil qui ne fonctionne vraiment bien que quand le "centre" de l'image est bien défini (sauf si l'on ajoute une couche alpha). Dans le cas où l'image présente de nombreux éléments (arbres...), il vaut mieux faire la transformation manuellement!

answer
n°23879
Roller
3ds Max -:- Photoshop
Profil : Penguin
Avatar
profil
Posté le 20-08-2009 à 20:14:56  
 

Cet outil à surtout du mal avec les lignes droites  
 
Pour exemple, essayez de réduire ou agrandir cette image avec l'outil cité dans le tutoriel :  
 
http://givernews.com/images/photo0 [...] riques.jpg
 
Mais à pars dans des cas exceptionnels l'outil marche très bien.


---------------
http://roller.by.free.fr/a_upload/images/profil/Signfinl30080.png
answer
n°23934
tsg
Profil : Penguin
Avatar
profil
Posté le 25-08-2009 à 16:29:46  
 

Roller a écrit :

Cet outil à surtout du mal avec les lignes droites  
 
Pour exemple, essayez de réduire ou agrandir cette image avec l'outil cité dans le tutoriel :  
 
http://givernews.com/images/photo0 [...] riques.jpg
 
Mais à pars dans des cas exceptionnels l'outil marche très bien.


 
Dans ce cas, je crée un copie du poteau et je remplace le ciel!   :he:


Message édité par tsg le 25-08-2009 à 16:30:11
answer
n°23936
Wizzer
Troll Linuxien
Profil : Top Penguin
Avatar
profil
Posté le 25-08-2009 à 16:59:08  
 

WhiteSpoon a écrit :

Ah c'est super ! J'aurais jamais cru qu'on pouvait faire ça avec Photoshop CS4 !!
En fait, il y a un autre logiciel gratuit qui a été créé justement pour ça, mais j'ai oublié son nom..
Excellent tuto en tout cas ! :great:


 
Il me semble qu'on a d'ailleurs eu droit à une news sur CrystalXP pour ça...A vérifier  :yes:
 
Edit : Le logiciel est Liquid Resize, voilà la news. Il est d'ailleurs disponible en téléchargement dans la galerie


Message édité par Wizzer le 25-08-2009 à 17:08:15
answer

Aller à :
Ajouter une réponse