Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Organisation et traitement d'images : Série hebdomadaire

Comment préparer des images centrées pour le web dans un carré de 900px ?

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Tous les vendredis, avant de partir en week-end, suivez les astuces d'Yves Chatain pour les photographes ! Dans cette série hebdomadaire, vous verrez des fonctions analysées en organisation et en traitement d'images, pour progresser ou vous faire plaisir. Vous aborderez également des fonctionnalités cachées, ou parfois un simple accès rapide à quelque chose qui semble complexe. Cela concernera les logiciels de traitement d'images comme Photoshop ou Lightroom, ou d'organisation des images comme Bridge. Vous découvrirez aussi des astuces concernant votre système d'exploitation, ou tout ce qui est utile pour vous aider ou vous amuser !
06:54
  Ajouter à vos favoris

Transcription

Bienvenue à l'astuce du vendredi. Aujourd'hui, nous allons regarder comment à partir d'images réalisées pour le print qui ont une résolution adaptée, par exemple, ici, 4200 pixels par 2700. nous allons pouvoir rapidement réaliser des images pour le web. Et la demande pour le web est parfois particulière à savoir l'image sur un fond blanc bien propre, detouré, centré dans un carré de tant pixels par tant pixels. On va voir, par exemple, comment que l'image soit verticale, qu'elle soit horizontale, qu'elle soit grande ou qu'elle soit petite on va pouvoir faire en sorte de les ajuster toutes pour faire la même opération et bien sûr dans un minimum de temps. Première opération va ouvrir une des images dans Photoshop dans laquelle je vais retrouver le tracé vectoriel, qui permet de la détourer. Ce tracé vectoriel a été souvent construit évidemment à base d'un tracé qui contourne l'objet, puis transformé par un double-clic dans un tracé auquel on peut donner un nom mais par défaut les gens appuie souvent sur ok, ce qu'il fait qu'il s'appelle « Tracé 1 ». Et enfin, on transforme au masque. C'est ce qui s'est passé effectivement sur ce tracé d'origine, et donc, sur l'ensemble des images. L'essentiel est qu'il porte toujours le même nom. Si vous les avez renommé détourage, ça n'est pas un problème dans la mesure où ils sont tous renommés l'identique. Aussi une application étrangère a été utilisé, la traduction du mot tracé sera donc, le mot d'origine. Mais dans la mesure où c'est toujours pareil, ça va fonctionner. Alors, on démarre l'opération en allant tout simplement construire des actions. Pour ça, je clique sur ce bouton en forme de triangle et je vais pouvoir commencer par demander, ici, de supprimer l'ensemble d'actions par défaut qui ne m'intéressent pas et je vais créer mes actions, « Préparation Web ». « OK ». Et l'action que je vais créer, va s'appeler « Préparation Web » donc, mais à 900 pixels de large, puisque c'est ce que j'ai comme demande. Je pourrai mettre un bouton de couleur et demander d'enregistrer. On va passer à l'action donc en commençant par sur la palette tracé, sur l'icône du tracé appuyer sur la touche Ctrl sur un PC ou Commande sur un Mac pour faire en sorte de récupérer la sélection du produit. Cette sélection est exacte sur le produit et je peux demander maintenant dans le menu « Image » de recadrer l'image au plus près du produit. On s'est arrêté exactement au détourage, il va me suffire maintenant, pour m'assurer d'avoir un fond blanc, d'intervertir la valeur et bien sûr de remplir avec ce fond blanc. Je vais commencer par cliquer sur ce bouton pour m'assurer d'être bien avec du blanc et demander avec la touche Alt et j'efface, de remplir avec un fond noir ou Ctrl ou Commande et j'efface, de remplir avec un fond blanc. C'est ce qui m'intéresse et là j'obtiens bien mon fond blanc, parfaitement blanc. Je peux maintenant désélectionner mon image, j'obtiens bien une image qui est recadrée au plus près du sujet avec un fond blanc. Ce qu'il me faut maintenant, c'est évidemment la redimensionner pour qu'elle correspond aux 900 pixels demandés ou plus exactement à moins pour qu'il y ait un contour que l'image soit centrée sur un fond blanc sans toucher les bords. Je vais aller dans le menu « Automatisation » et je vais demander d'adapter l'image et cette image, je vais l'adapter à une certaine valeur, par exemple, 860 pixels par 860 pixels. Je mets la même valeur dans les deux sens, ce qu'il va avoir pour rôle quand l'image est large de se mettre sur la largeur de 860, mais quand elle est haute de se mettre sur la hauteur de 860. Sans déformer l'image, elle rentrera dans cette matrice ce qu'on va voir tout de suite. Effectivement, si je regarde l'image maintenant en allant dans la taille de l'image, je vois qu'elle fait 860 de large, parce qu'elle était en largeur. J'ai bien maintenant la possibilité de la repositionner dans un carré. Pour ça je vais dans la menu « Taille de la zone de travail » et puis je vais me positionner ici sur une valeur en pixel, m'assurer d'avoir bien mis du blanc en couleur d'arrière-plan centrer le point de positionnement et demander à l'image de faire les 900 pixels par 900 pixels qui sont demandés. Comme je suis centré, la différence va s'ajouter sur la largeur à gauche et à droite et la différence va s'ajouter sur la hauteur en haut et en bas pour obtenir au bout du compte cette image centrée dans un carré. Il ne me restera plus qu'à l'enregistrer sous, à l'endroit où je veux. J'ai, ici, mes images, je vais demander de l'enregistrer dans un nouveau dossier pour les images à 900 pixels et je clique sur « Enregistrer » pour l'enregistrer avec le taux de compression que je vais souhaiter évidemment. Je clique sur « OK ». Et j'ai terminé mon travail, je peux éventuellement fermer cette image et arrêter ici la succession des actions que je viens de créer. Au passage, si j'ouvre une autre image en basculant, par exemple, dans Bridge je pouvais ouvrir une autre image et je vais vérifier que tout fonctionne bien en décochant l'enregistrement et la fermeture de l'image. Je lance donc l'action et si je vérifie dans « Taille de l'image », une image fait bien 900 pixels par 900 pixels j'ai un peu de marque tout autour, c'est bien ce qui me correspond. Donc, a priori l'action a l'air de fonctionner, je peux m'en assurer maintenant et aller jusqu'au bout de l'action. Et puis je vais refermer cette image et rebasculer dans Bridge pour aller demander d'exécuter le travail sur toutes les images. Je peux sans problème supprimer celle-ci, puisqu'elle va se recréer sur l'ensemble des images. Je reviens sur les images source, je les sélectionne toutes. Et dans Bridge, je vais demander dans le menu « Outils » d'aller dans Photoshop, traiter le lot d'image. Pour cela, j'arrive dans Photoshop où je vais demander de choisir l'action qui m'intéresse, la Web 900 c'est exactement ce qui m'intéresse. Je vais définir le dossier de sortie, l'endroit où je veux positionner mes images. Il s'agit du dossier sur lequel j'ai pointé maintenant. Et je vais demander d'enregistrer ces images avec la priorité d'enregistrement pour qu'il enregistre bien avec le taux de compression demandé et en JPEG. Je clique maintenant sur « OK » et je vois l'opération se réalisée sur l'ensemble des images ou plus exactement je m'en doute, parce que je n'ai pas vu grand-chose, mais en allant dans le menu de Bridge maintenant je vais retrouver mes images d'origine, qui font bien la résolution demandée et reste dans le cadrage qui avait été fait avec les ombres s'il y en a. Et puis, je vais revenir maintenant visualiser des images destinées au Web, centré dans un carré qui fait exactement 900 pixels par 900 pixels dans tous les cas de figure. Voilà donc, une petite action qui fait gagner du temps pour des préparations d'image Web. Le temps étant gagné, vous allez voir partir en weekend et à vendredi pour une autre actuce.