Security-X

Forum Security-X => Graphisme => Tutoriels => Discussion démarrée par: MultiUser le décembre 23, 2011, 23:07:19

Titre: [Gimp] Recadrer / Redimensionner une image
Posté par: MultiUser le décembre 23, 2011, 23:07:19
Bonjour @ tous,

ces manipulations d'images sont assez simples mais la logique dépend souvent du logiciel utilisé.
Il me parait donc intéressant de vous les présenter avec Gimp qui est gratuit et disponible sur
Windows ou GNU/Linux ..: " Recadrer " - " Redimensionner "




Commencez par ouvrir votre image / photo / capture d'écran ...
A°/ => Clic droit sur l'image => Ouvrir avec ... Gimp
B°/ => Ouvrir le programme à partir du menu d'application => onglet "Fichier" => Ouvrir
 => & remonter l'arborescence jusqu'a votre fichier.
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324671284.png&hash=ea06376fbd8f74ffd29fc69157ff1b7dca5a2a3b) (http://pix.toile-libre.org/?img=1324671284.png)

Cochez l'outil de sélection rectangulaire dans la "Boîte à outils" disponible dans l'onglet " Fenêtres " s'il n'est
pas apparent("à gauche sur l'exemple") & sélectionner la zone de l'image que vous voulez cibler ...
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324672106.png&hash=02d42c78c0ec012aff0bc263acc265c955715a19) (http://pix.toile-libre.org/?img=1324672106.png)
NB : les carrés en surbrillance dans les coins vous servent à ajuster votre sélection ;)

3°) Rendez vous maintenant sur l'onglet " Image " du menu supérieure de Gimp
 => " Image " => " Ajuster le canevas à la sélection "
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324672893.png&hash=ed56aa6fea87123e7f8303a26891744a0c4294dd) (http://pix.toile-libre.org/?img=1324672893.png)
 => vous pouvez voir en pointillés jaune, l'ancienne taille de l'image et au milieu, votre image recadrée :)
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324672961.png&hash=05219ddf6627dea21bdd3c2d550e0d2a6d9d294e) (http://pix.toile-libre.org/?img=1324672961.png)

Après avoir validé, il ne vous reste plus qu'à " Aplatir l'image " ... comme sur Photoshop
ou lorsque vous utilisez plusieurs calques de composition...
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324673021.png&hash=c5b14899162e54882397c4f4317beadb49a86b97) (http://pix.toile-libre.org/?img=1324673021.png)

Vous devriez obtenir ce genre de résultat :
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324673134.png&hash=b647bd6029d1463439f932347ddb33560c933012) (http://pix.toile-libre.org/?img=1324673134.png)

Pour aplatir les calques d'une image .gif ou .png qui va gérer vos fonds transparents :
=> onglet "Image" => "Fusionner les calques visibles.. (Ctrl+M)
=> cochez la case "Rogné à la taille de l'image", puis cliquez sur "Fusion" ;)
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1328490793.png&hash=28c56e198c5ddfa7393348dafdbdb7de6aa395a6) (http://pix.toile-libre.org/?img=1328490793.png)


Enregistrez votre image sous un autre nom afin de conserver votre fichier original,
qui sait .. il pourra peut-être encore servir à taille réelle ;)
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324673298.png&hash=29fc5fd6965a960c327709937ba21f8000d4b59d) (http://pix.toile-libre.org/?img=1324673298.png)



Il est aussi possible de recadrer l'image en paramétrant le nombre de pixels voulu => Image => " Taille du canevas "
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324673557.png&hash=5cb39a64f7f0b541b3c6f625f29b008c56bb2aee) (http://pix.toile-libre.org/?img=1324673557.png)

Vous pouvez dès lors assigner une taille précise en largeur ou en hauteur, tant que la "chaîne grise" est fermée
=> l'image restera proportionnelle en Longeur/Largeur ... n'oubliez pas de " Centrer " l'image ;)
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324673975.png&hash=5ecdc6ae13359924e1c1686c4fc6bbe3c237a62a) (http://pix.toile-libre.org/?img=1324673975.png)
Sinon vous vous retrouverez avec un résultat tronqué :
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324674064.png&hash=4e03c6c0f4dd246ffa45c6c110698402450a4174) (http://pix.toile-libre.org/?img=1324674064.png)






Voici maintenant les quelques manipulations à faire pour " Redimensionner une image ".


Ouvrez votre image avec le logiciel Gimp ou via le menu contextuel(clic droit sur le fichier)
Rendez vous dans l'onglet supérieure du menu général => " Image " => " Échelle et taille de l'image "
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324674622.png&hash=905dcc05a30716b867937030489850b905c764c6) (http://pix.toile-libre.org/?img=1324674622.png)

Vous pouvez ajuster votre image en modifiant les données en Largeur/Hauteur, on peut également vérifier
la résolution de l'image, ici en 72dpi ce qui est adapté pour une utilisation "Web"("affichage écran").
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324674942.png&hash=672b0b38055ae3b73c0e2cf1bd7add43044b305c) (http://pix.toile-libre.org/?img=1324674942.png)
[ rappel : qualité d'impression, 150dpi minimum pour éviter une pixellisation de l'image sur la sortie papier ... ]

J'ai choisi ici une taille réelle de 450x253 pixels qui sera adaptée à l'affichage sur un forum qui ne possède pas
de fonction de redimension automatique("mod"). La colonne de contenu des topic varie en fonction du thème et du forum.
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324675225.png&hash=f8187c1c51ba0d34b333c7963a7af71911b34888) (http://pix.toile-libre.org/?img=1324675225.png)

Après avoir validé l'opération, vous devriez vous retrouver avec un résultat semblable :
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324675589.png&hash=769dc09cc44c02095dca1ed2ea2aa6dfa0c8ef34) (http://pix.toile-libre.org/?img=1324675589.png)

Pour finaliser, enregistrez votre image redimensionnée .. de préférence sous un autre nom ...
 => onglet "Fichier" => "Enregistre sous..." => vérifiez l'extension du fichier et nommez votre image ..:
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324675678.png&hash=66b316911360de7b878a51ad203279a6322ccf72) (http://pix.toile-libre.org/?img=1324675678.png)
Confirmez le niveau de compression en .png et la qualité en .jpg .. puis cliquez sur " Enregistrer ".
(https://forum.security-x.fr/proxy.php?request=http%3A%2F%2Fpix.toile-libre.org%2Fupload%2Fimg%2F1324676611.png&hash=c7094152d259d4fa092ddb31c7f0280832260560) (http://pix.toile-libre.org/?img=1324676611.png)

EXEMPLES :
Fichier original : .png - §473.2Ko - #1368x768px - @72dpi
Fichier original : .jpg - §102.2Ko - #1368x768px - @72dpi

Fichier recadré : .png - §128.1Ko - #486x322px - @72dpi
Fichier recadré : .jpg - §14.2Ko - #486x322px - @72dpi

Fichier redimensionné : .png - §94.8Ko - #450x253px - @72dpi
Fichier redimensionné : .jpg - §14.0Ko - #450x253px - @72dpi

NB : utilisez le format .jpg(compression) pour une taille de fichier optimisée pour le "téléchargement"(affichage web)
et privilégiez le format .png si vous devez gérer des zones de transparence(ex: pas de fond"). Le format .gif permet
également de le faire mais le rendu sera de moins bonne qualité.


J'espère que ce tutu pourra vous aider ... UnBonWeekEnd@tous

multi