Traitement par lots et traitement automatisé dans Photoshop

Bonjour à tous, cette fois je vais vous montrer quelques notions de base des options de l’automatisation de Photoshop et des applications pratiques. Nous allons créer une action complexe, créer un Droplet et éditer par lots un dossier avec des images. Nous créerons ensuite une galerie de photos Web personnalisée. Commençons!

Partie I - Création de l'action

Aperçu final de l'image pour la partie I

Jetons un coup d'oeil à la galerie que nous allons créer. Cliquez sur la capture d'écran ci-dessous pour afficher la galerie de photos Web. Comme toujours, les fichiers de tutoriels sont disponibles via notre adhésion Psdtuts + Plus.

Étape 1 - Commençons

Étant donné que tous les utilisateurs de Photoshop ne sont pas des concepteurs graphiques, ni des développeurs Web, de nombreux utilisateurs ont besoin d’outils graphiques leur facilitant la vie. Si vous êtes photographe ou webmaster, c'est peut-être le bon tutoriel pour vous.

Cette fois, nous allons créer une galerie de photos Web personnalisée en un clin d'œil, êtes-vous prêt? Commencez par placer toutes les images que vous souhaitez inclure dans la galerie dans un dossier n’importe où sur votre système. Ensuite, ouvrez n’importe laquelle de ces images, nous les utiliserons pour créer le jeu d’actions Photoshop permettant de modifier ultérieurement le dossier par lots..

Étape 2 - Configurez l'action

Maintenant, commencez par l'action. Commencez par ouvrir la fenêtre Actions, sélectionnez Fenêtre> Actions ou appuyez sur Option + F9. Cliquez ensuite sur l'icône du dossier minuscule pour créer un nouveau jeu d'actions, nommez-le "Psdtuts +".

Une fois que vous avez créé le jeu, créez une nouvelle action en cliquant sur la petite feuille pliée dans la fenêtre Actions. Nommez la nouvelle action "Vintage demi-teintes". Une fois que vous avez terminé, vous remarquerez qu'il apparaît trois petites icônes, Arrêter, Enregistrer et Lire. Ce sont les contrôleurs d'action. Assurez-vous que l'option Enregistrer est sélectionnée et passez à l'étape suivante..

Étape 3 - Redimensionner l'image

Maintenant, nous allons construire l'action. J'expliquerai ce que vous devriez et ce que vous ne devriez pas faire lorsque vous travaillez avec des actions à chaque étape. vous devez être très prudent lorsque vous effectuez chaque étape telle quelle, sinon le résultat sera différent. Une fois que vous avez ouvert votre image et que l’option Enregistrer de la fenêtre Actions est sélectionnée, vous pouvez commencer à enregistrer les étapes..

Le premier sera redimensionner l'image. Puisque toutes nos images vont devenir une galerie Web, nous devons les réduire beaucoup. Pour cela, allez dans Image> Taille de l'image et réglez la largeur à 700px, cochez les options Proportions constantes pour conserver le rapport de format de l'image. Cochez également l'option Rééchantillonner l'image et sélectionnez Bicubic Sharper, ce qui est préférable pour la réduction d'image..

Ne redimensionnez pas l'image par d'autres méthodes, telles que Transformation libre, car le calcul mathématique appliqué au redimensionnement de l'image est codé en dur et ne fonctionnera que pour des images similaires, par exemple. cela ne fonctionne pas pour une image verticale. Hit OK et passez à l'étape suivante.

Étape 4 - Dupliquer l'image

Désormais, une étape utile de chaque processus d’action complexe est la réinitialisation des échantillons. Faites cela simplement en appuyant sur la touche D de votre clavier. Ne changez pas les nuances à l’aide du sélecteur de couleurs. Ensuite, double-cliquez sur le calque "Arrière-plan" dans la palette des calques pour le rendre éditable, glissez-déposez la miniature du calque sur l'icône Créer un nouveau calque pour dupliquer le calque. Assurez-vous que la copie "couche 0" est sélectionnée et passez à l'étape suivante.

Étape 5 - Ajouter une lueur diffuse

Lorsque l'option "Copie de couche 0" est sélectionnée, nous allons ajouter un filtre de rayonnement diffus, pour augmenter l'éclairage et ajouter un aspect spectaculaire à notre image. Accédez à Filtre> Galerie de filtres et sélectionnez Distorsion> Filtre de rayonnement diffus. Définissez les valeurs comme indiqué ci-dessous et cliquez sur OK.

Étape 6 - Modifier l'opacité et fusionner les calques

Nous allons maintenant baisser un peu l'opacité "Copie du calque 0", pour cela entrez une opacité de la valeur souhaitée (75% dans ce cas) et cliquez sur Entrée. N'utilisez pas le curseur pour modifier la valeur d'opacité, car vous enregistrez une étape pour chaque étape de pourcentage 100, 99, 98, 97… 75 et nous ne le souhaitons pas. Cliquez ensuite sur la miniature "Couche 0", puis cliquez en maintenant la touche Commande enfoncée (ou cliquez avec le bouton droit de la souris sur le PC) et sélectionnez "Fusionner les couches". Votre couche résultante doit être uniquement "Copie de couche 0".

Étape 7 - Filtre de flou gaussien

Dupliquez "Copie du calque 0" en faisant glisser sa miniature sur l'icône Créer un nouveau calque, ce qui créera un nouveau calque appelé "Copie du calque 0" juste au-dessus de "Copie du calque 0". Assurez-vous que l'option "Couche 0 copie 2" est sélectionnée et allez dans Filtre> Flou> Flou gaussien, définissez le rayon sur 2 pixels et cliquez sur OK..

Étape 8 - Changer le mode de fusion de la copie

Changez le mode de fusion "Calque 0 copie 2" en superposition, n'activez pas les modes de fusion, car Photoshop enregistrera chaque essai effectué, allez directement à Superposition. Si vous voulez essayer cela avec différentes options de modes de fusion, cliquez sur le bouton Arrêter dans la fenêtre Actions, sélectionnez votre mode de fusion préféré, puis Édition> Annuler jusqu'à ce que vous soyez revenu à la dernière étape enregistrée. Ensuite, cliquez à nouveau sur l'option Enregistrer pour accéder directement au mode de fusion de votre choix. Enfin, définissez la valeur d'opacité sur 70%.

Étape 9 - Créer un calque de remplissage

Ajoutons maintenant un fond noir à notre travail. Pour cela, allez dans Créer un nouveau calque de remplissage ou de réglage> Couleur unie, définissez # 000000 sur couleur hexadécimale et appuyez sur OK. Cela créera un calque de remplissage en taille réelle, puis cliquez et faites glisser le calque "Color Fill 1" et placez-le sous le "calque 0 Copier" dans la palette des calques..

Étape 10 - Ajouter un masque de calque

Cliquez ensuite sur la miniature "Copie du calque 0" et sélectionnez Calque> Masque du calque> Tout masquer..

Étape 11 - Sélectionnez le masque de calque

Nous allons maintenant créer une bordure irrégulière sur notre image. Une fois le masque de calque créé, vous devez cliquer sur sa miniature, puis créer une sélection complète en appuyant sur les touches Commande + A de votre clavier. C’est une étape critique, si vous ne cliquez pas sur la miniature du masque Calque, le résultat deviendra moche à la fin..

De plus, vous devez tout sélectionner; vous ne pouvez pas utiliser l'outil de sélection et effectuer une sélection arbitraire. Si vous faites cela, Photoshop ne stockera les coordonnées sous forme de chiffres exacts que pour une seule image, et cela ne fonctionnera pas avec les autres..

Étape 12 - Transformer la sélection

Maintenant, sélectionnez l'outil Rectangle de sélection dans la palette Outils. Cliquez sur Commande et choisissez l'option Transformer la sélection. Maintenant, la sélection apparaîtra avec la forme de transformation libre, mais ne transformez pas la forme elle-même. Vérifiez sur le panneau supérieur il y a deux valeurs W et H (Ce sont la largeur et la hauteur et doivent être sur 100%). Cliquez sur la petite chaîne au milieu des deux valeurs et modifiez la valeur de l'une d'elles à 95%. De cette façon, vous réduirez de 5% la forme de votre sélection. Maintenant, appuyez deux fois sur Retour pour appliquer la transformation.

)

Étape 13 - Créer une bordure irrégulière

Voici où la bordure irrégulière prend forme. Vérifiez que votre sélection est un carré et à quelques pixels de la bordure. Assurez-vous également que le masque de calque "Copie de couche 0" est sélectionné. Ensuite, sélectionnez Sélection> Affiner l’arête, définissez les valeurs de l’image ci-dessous, puis cliquez sur OK. À ce stade, vous devriez avoir une sélection irrégulière comme le bas de l'image suivante. Si vous travaillez sur une taille d'image différente, vous devriez jouer un peu avec les valeurs Affiner le contour pour obtenir un bon effet..

Étape 14 - Remplir la sélection

Maintenant remplissons la sélection avec du blanc. Appuyez d'abord sur la touche D pour réinitialiser les échantillons, puis sélectionnez l'outil Rectangle de sélection dans la palette Outils, maintenez la touche Commande enfoncée n'importe où sur la sélection pour afficher les options, puis cliquez sur l'option Remplir…. Dans la boîte de dialogue, définissez Contenu sur Utiliser comme couleur de premier plan, Mode sur Normal et Opacité sur 100%. Enfin, appuyez sur Commande + D pour désélectionner la sélection.

Étape 15 - Actions en double

Répétons maintenant le processus de bordure irrégulière (étapes 10 à 14) mais cette fois, le calque "Couche 0 copie 2". Vous pouvez simplement répéter les étapes précédentes ou les dupliquer dans la fenêtre Actions. Pour dupliquer les étapes, commencez par sélectionner le calque "Calque 0 copie 2" dans la palette Calques, puis appuyez sur HAUT l'action..

Sélectionnez ensuite (dans la fenêtre Actions) toutes les étapes du processus de création de bordure, c'est-à-dire à partir de l'étape "Créer", après avoir sélectionné le calque "Calque 0 copie", jusqu'à l'étape "Définir la sélection", juste avant le calque "Calque 0". copier 2 "couche.

Sélectionnez tous ces calques avec les touches Commande ou Maj-clic dessus, puis allez dans les options avancées et sélectionnez Dupliquer. Ainsi, toutes les étapes sélectionnées seront dupliquées juste en dessous de la dernière étape ("Définir la sélection"). Maintenant, glissez-déposez les actions sélectionnées en dessous de l'étape "Sélectionnez" Calque 0 copie 2 ". Enfin, cliquez sur la dernière étape dans la fenêtre Actions.

c

Étape 16 - Motif de demi-teintes

Ensuite, cliquez sur la miniature du masque de calque "Copie du calque 0". Ensuite, sélectionnez Filtre> Galerie de filtres, accédez à Esquisse> Motif de demi-teintes, définissez les valeurs indiquées ci-dessous, puis appuyez sur OK. Ce processus va appliquer un motif de demi-teintes sur le masque de calque.

Étape 17 - Ajouter un filtre photo

Sélectionnez ensuite le "calque 0 copie 2" dans la palette des calques, puis allez à Créer un nouveau calque de remplissage ou de réglage> Filtre photo, sélectionnez l'option Couleur (# 957345) et définissez Densité à 100%. Puis cliquez sur OK.

Étape 18 - Réglage de la teinte / saturation

Ensuite, créez un nouveau calque de remplissage ou de réglage> Saturation de la teinte, définissez les valeurs indiquées ci-dessous, puis appuyez sur OK..

Étape 19 - Remplir un nouveau calque

Dans la palette des calques, créez un nouveau calque, assurez-vous que le nouveau calque est supérieur aux autres. En fait, c'est la première couche que nous avons créée, alors elle est supposée avoir ce nom: "Couche 1." Appuyez sur Commande + A pour effectuer une sélection complète, puis sélectionnez l'outil Rectangle de sélection, maintenez la touche Commande enfoncée et choisissez Remplir… utilisez la couleur de premier plan pour remplir la sélection de noir..

Étape 20

Ajoutez ensuite à "Couche 1" un effet de superposition de motif. J'utilise le "granit gris" du préréglage Papier en niveaux de gris.

Étape 21 - Rasteriser l'effet de calque

Après avoir créé un nouveau calque, puis cliquez sur "Calque 1" dans la palette des calques pour sélectionner les deux calques, puis appuyez sur Command + E pour les fusionner..

Étape 22 - Modifier le mode de fusion du calque de texture

Changez maintenant le mode de fusion "Couche 2" en Multiply et l'opacité à 75%.

Étape 23 - Aplatir l'image

Dans la palette du calque, sélectionnez "Couche 2" et cliquez en maintenant la touche Maj enfoncée sur le calque "Remplissage de couleur 1". De cette façon, vous sélectionnerez toutes les couches. Ensuite, dans les options de la palette du calque, sélectionnez Aplatir l'image. Enfin, dans la fenêtre Actions, cliquez sur Arrêter. Et voilà, nous avons maintenant une action personnalisée prête à fonctionner.

Fin de la partie I - Testez votre action sur différentes images

Il est maintenant temps de vérifier si votre action fonctionne correctement sur d'autres images. Essayez de l'utiliser sur des images plus larges ou plus grandes. Si vous avez suivi les règles simples des étapes précédentes, il n'y aura pas d'erreur. Pour réappliquer l'action sur une autre image, il suffit d'ouvrir l'image, de sélectionner l'action "Demi-ton Vintage" et d'appuyer sur le petit bouton Lecture..

Avant d’aller de l’avant, il est judicieux de sauvegarder l’action elle-même. Pour cela, sélectionnez l'action "Psdtuts +" définie dans la fenêtre Actions, puis accédez aux options avancées (la petite liste en haut à droite du panneau d'actions) et sélectionnez Enregistrer les actions… écrivez un nom pour votre jeu d'actions et enregistrez-les où vous le souhaitez. . Nous sommes maintenant prêts pour l'édition en série.

Partie II - Traitement par lots

Étape 1 - Créer une gouttelette

Un droplet applique une action à une ou plusieurs images, ou à un dossier d'images, que vous faites glisser sur l'icône Droplet. Vous pouvez enregistrer la gouttelette où vous voulez et la réutiliser autant de fois que nécessaire. Pour créer un droplet, allez dans Fichier> Automatiser> Créer un droplet… une boîte de dialogue apparaît. Là vous pouvez choisir beaucoup d'options.

Choisissez d’abord votre dossier d’images original et sauvegardez le droplet. Dans les options de lecture, sélectionnez le jeu d’actions "Psdtuts +" et Action de Demi-teintes Vintage. Sur la destination, sélectionnez Dossier et choisissez un dossier différent de celui des images d'origine. Dans ce cas, je l'appellerai "images vintage".

En outre, vous pouvez personnaliser les noms des images résultantes en ajoutant du texte personnalisé, des séries de chiffres, des extensions et en optimisant la compatibilité. Une fois que vous avez configuré votre droplet personnalisé, cliquez sur OK. Comme vous pouvez le voir au bas de l'image suivante, j'ai créé un droplet dans un dossier contenant de nombreuses images..

Étape 2 - Faites fonctionner les gouttelettes

Ouvrez maintenant le répertoire de vos images, sélectionnez les images que vous souhaitez modifier et faites-les glisser sur l'icône du droplet. Vous verrez que Photoshop édite automatiquement toutes les images une par une et les enregistre dans le dossier de destination sélectionné. Enfin, ouvrez le répertoire des images résultantes pour voir à quoi elles ressemblent.

Fin de la partie II

À ce stade, vous avez une belle collection de demi-teintes vintage, prêtes à imprimer si vous le souhaitez, ou prêtes à être téléchargées dans un blog, sur Flickr ou ailleurs. Mais nous allons faire un pas en avant, nous allons créer une galerie de photos Web personnalisée avec nos photos vintage en utilisant uniquement Photoshop..

Partie III - Galerie de photos Web

Étape 1 - Sélectionnez le modèle

Photoshop CS3 possède la fonctionnalité Galerie de photos Web. En l'utilisant, vous pouvez créer des galeries HTML ou FLASH complexes en quelques minutes. Essayons. Tout d’abord, nous devons ouvrir la fenêtre Web Photo Gallery. Pour cela, allez dans Fichier> Automatiser> Galerie de photos Web… Lorsque la fenêtre est ouverte, vous remarquerez qu'il y a trois champs importants à personnaliser..

L'un d'entre eux est Styles. Là, vous pouvez changer l'apparence de votre galerie Web et de l'email de contact. Two is Source Images. Là, vous pouvez sélectionner les fichiers source et la destination. La troisième est Options, qui permet, en fonction du style, de personnaliser plusieurs fonctionnalités de la galerie, telles que les couleurs d'arrière-plan et de premier plan, la largeur et la hauteur des images et des vignettes, ainsi que les options de sécurité.

Tout d'abord, nous allons changer le style. Je choisis "Flash Gallery - 1" (j'utilise Photoshop CS3 étendu par ailleurs) car il s'agit d'une belle galerie Web entièrement personnalisable. Vous pouvez également ajouter un e-mail. Pour l'instant, ne cliquez nulle part et passez à l'étape suivante.

Étape 2 - Sélectionnez les dossiers source et de destination

Allez dans la section Images source, sélectionnez Utiliser comme dossier et parcourez votre système jusqu'à ce que vous trouviez le dossier "Images anciennes" créé à l'étape 1 de la partie 2. Pour la destination, parcourez votre système, créez un nouveau dossier n'importe où et nommez-le "galerie vintage" . "

Étape 3 - Personnalisez votre galerie

Il est maintenant temps de personnaliser l'aspect visuel de votre galerie. Commencez par sélectionner l'option Bannière, écrivez un titre pour votre galerie et ajoutez également des informations de contact. Ensuite, sélectionnez l'option Grandes images et définissez la largeur et la hauteur de la vue complète, ainsi que la qualité JPEG et les titres de chaque image..

Sur l'option Miniatures, personnalisez la taille maximale des miniatures. Sur les couleurs personnalisées, définissez les valeurs suivantes: Fond de # 000000, Bannière de # 000000, Texte de # DEC8A1, Lien actif de # DEC8A, 1 Lien de #FFFFFF et Lien visité de #EBDABE. Enfin, pour l'option de sécurité, nous allons ajouter un texte personnalisé sous forme de filigrane. Une fois le processus de personnalisation terminé, cliquez sur OK dans la fenêtre Galerie Web Photo et laissez Photoshop s’acquitter de toutes les tâches qui lui incombent. En quelques minutes, votre galerie sera prête.

Conclusion

Les options Automatiser de Photoshop vous permettent de gagner beaucoup de temps et constituent une fonctionnalité incontournable pour les concepteurs, les webmasters et les photographes. Essayez ce tutoriel avec vos propres images et amusez-vous!

.

Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.