Photoshop est un outil merveilleux pour éditer des images - et ce n'est pas un secret que nous en sommes de grands fans ici. Nous avons déjà couvert la façon de concevoir un logo simple Comment concevoir un logo simple dans Photoshop Comment créer un logo simple dans Photoshop Photoshop peut faire beaucoup plus que simplement éditer des photos - il est plus que capable de travail de conception simple. Ici, nous vous montrons comment créer un logo géométrique simple. En savoir plus, et comment réparer les photos surexposées, l'automatisation est la prochaine étape logique une fois que vous avez maîtrisé les bases.
Vous avez peut-être entendu parler de Photoshop Actions . Ceux-ci fournissent un moyen simple pour vous d'automatiser les tâches. Aujourd'hui, je vais vous montrer comment utiliser Photoshop Scripts . Les scripts Photoshop sont légèrement plus puissants que les actions et vous permettent de modifier le comportement du script lors de l'exécution - ce que les actions ne peuvent pas faire!
Ne vous inquiétez pas si cela semble complexe: les scripts sont écrits en JavaScript Qu'est-ce que JavaScript, et Internet peut-il exister sans cela? Qu'est-ce que JavaScript, et Internet peut-il exister sans? JavaScript est l'une de ces choses que beaucoup considèrent comme allant de soi. Tout le monde l'utilise. Lire la suite, un langage simple mais puissant.
Si vous êtes fan de GIMP ou si vous ne voulez pas dépenser votre argent sur Photoshop, consultez notre guide d'automatisation de GIMP avec des scripts Gagnez du temps et de l'effort en automatisant GIMP avec des scripts Gagnez du temps et de l'effort en automatisant GIMP avec des scripts L'automatisation des actions avec des scripts Python dans GIMP peut vous faire gagner beaucoup de temps. Ce n'est pas facile de commencer, mais une fois que vous connaissez ces bases, vous serez sur la bonne voie! Lire la suite .
Votre premier script: redimensionner des images
Lors de l'écriture de scripts, vous pouvez utiliser ExtendScript Toolkit. Vous n'avez pas à utiliser ceci, vous pouvez utiliser n'importe quel éditeur de texte que vous aimez (j'aime Sublime Text), mais il y a beaucoup d'avantages à utiliser cette boîte à outils à la place. Le plus grand avantage est que vous pouvez définir des points d'arrêt, ce qui rend très facile le débogage de votre code et l'identification de tous les bogues.
ExtendScript Toolkit est inclus dans votre abonnement Creative Cloud. Vous pouvez donc l'installer à partir de votre application Creative Cloud ou du site Web ci-dessus.
Ouvrez le kit d'outils une fois installé. Vous serez présenté avec cette interface plutôt datée:
Voici le code de votre premier script - copiez et collez ceci dans la fenêtre de code principale à gauche:
current_document = app.activeDocument; new_width = 670; current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); Décompressons ce que fait ce code. La variable current_document stocke l' objet de document actif à partir de Photoshop. Ceci est accessible en utilisant la syntaxe app.activeDocument . Si Photoshop n'est pas ouvert avec un document ouvert, ce code lèvera une exception . Les exceptions sont des moyens pour le code d'arrêter l'exécution - ce script ne peut pas continuer s'il n'y a pas de document!
La variable new_width stocke la largeur que vous souhaitez que votre nouveau document soit.
Enfin, la méthode resizeImage redimensionne l'image. Cela doit être accessible via la variable current_document . Vous devez transmettre votre nouvelle largeur (convertie en pixels par la méthode UnitValue ) et la méthode ResampleMethod de BICUBIC .
Il existe cinq méthodes de rééchantillonnage principales disponibles pour vous. Tout cela varie en termes de vitesse et de qualité, donc jouez avec eux (bien que Bicubic est bien pour la plupart des fins). Voici un résumé rapide des différences:
- Voisin le plus proche: Très rapide mais basique.
- Bilinéaire: Mieux que le plus proche voisin, mais plus lent et moins bon que Bicubique.
- Bicubique: Très bons résultats, mais coûteux en calcul.
- Bicubic Smoother: Une version améliorée de Bicubic pour l'upscaling (rendant plus grand).
- Bicubic Sharper: Une version améliorée de Bicubic conçue pour le downsampling (rendant plus petit).
N'oubliez pas de les mettre en majuscule lorsque vous les utilisez dans votre code.
Maintenant que vous comprenez le code, il est temps de le lancer! Assurez-vous que Photoshop est ouvert, avec un document.
En haut du ExtendScript Toolkit, modifiez le menu déroulant cible (en haut à gauche) de ExtendScript Toolkit CC vers Adobe Photoshop CC 2017 (ou quelle que soit votre version de Photoshop). Si vous écrivez des scripts pour d'autres applications Adobe, vous pouvez remplacer ces scripts par ceux-ci.
Maintenant, appuyez sur le bouton Lecture à droite de la liste déroulante de la cible, en haut à droite de votre code.
Si tout s'est correctement déroulé, votre document est maintenant redimensionné (n'oubliez pas de le sauvegarder). La console JavaScript en haut à droite de votre boîte à outils affichera la sortie de votre script. Comme il n'y a pas de sortie, ceci indiquera Résultat: Indéfini .
S'il y a un problème (comme une exception levée), votre code ne sera pas exécuté, et vous obtiendrez une barre orange à peu près à l'emplacement du problème.
Il peut s'agir d'une simple faute de frappe, donc après l'arrêt du script ( contrôles en haut à droite > bouton d'arrêt ), vérifiez:
- Votre code est correct et n'a pas de fautes de frappe.
- Photoshop est en cours d'exécution.
- Vous avez un document ouvert dans Photoshop.
Exécuter des scripts
Maintenant que votre code fonctionne correctement, il est temps de l'ajouter à Photoshop.
Dans votre boîte à outils, allez dans Fichier > Enregistrer et enregistrez votre script dans un emplacement approprié avec un nom approprié. Par défaut, ce sera le dossier Adobe Scripts . Notez comment les scripts doivent se terminer au format .jsx .
Dans Photoshop, accédez à Fichier > Scripts > Script Events Manager . Cochez Activer les événements pour exécuter des scripts / actions .
Une fois activée, cette interface vous permet de configurer les scripts existants à exécuter lorsque certaines actions se produisent. Il y a plusieurs domaines clés:
- Événement Photoshop: C'est à ce moment que le script va s'exécuter. Vous pouvez choisir parmi une variété d'options, comme lors de l'impression, lors de l'ouverture d'un nouveau document, et bien d'autres encore.
- Script: Ceci est le script à exécuter. Il y a quelques fonctions de base intégrées, mais vous pouvez également assigner un de vos propres scripts ici.
- Action: Si vous n'utilisez pas de script, vous pouvez choisir une action de base à effectuer à la place, telle que l'enregistrer au format PDF.
Sélectionnez Script, puis choisissez Parcourir . Sélectionnez votre script Allez-y et choisissez un événement qui déclenchera votre script.
Une fois configuré, cliquez sur Ajouter, puis sur Terminé . Ce menu est également où vous pouvez modifier ou supprimer tous les scripts précédemment configurés.
Si vous ne voulez pas lier votre script à une action, c'est encore plus facile à configurer. Allez dans Fichier > Scripts > Parcourir . Accédez à votre script, puis appuyez sur Ouvrir. Votre script sera immédiatement exécuté.
Si vous souhaitez voir votre script dans ce menu de script, vous devez le copier dans le dossier approprié. Cela peut être trouvé dans le dossier Presets > Scripts de votre installation Photoshop.
Une fois copié, redémarrez Photoshop. Une fois redémarré, votre script sera visible en tant qu'élément de menu dans le menu Fichier > Scripts .
Redimensionner les images: le rendre meilleur
Maintenant que vous comprenez Photoshop Scripts, il est temps d'améliorer le code.
Ce code fonctionne très bien pour redimensionner les images à 670px (ou quelle que soit la taille à laquelle vous l'avez changé), mais cela pourrait être mieux. Heureusement, JavaScript est une langue très flexible!
Modifions le code afin que les images plus petites que la nouvelle taille ne soient pas redimensionnées. Voici le code:
current_document = app.activeDocument; new_width = 670; if(current_document.width>new_width) { current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); } Il n'y a qu'un changement ici. Une instruction if est enroulée autour de la méthode de redimensionnement. Si la largeur du document en cours (accessible via current_document.width ) est inférieure à la nouvelle largeur, ne pas redimensionner.
Cela garantit que les petites images ne sont pas agrandies, ce qui réduirait la qualité.
Lorsque vous commencez à taper du code dans le toolkit, il fournit des suggestions pour les modifications valides que vous pouvez effectuer, les méthodes à appeler ou les propriétés à accéder. C'est très utile, et vous devriez en profiter pleinement!
Voici un dernier changement:
current_document = app.activeDocument; // Get the active document new_width = 670; // new width to ressize to if(current_document.width>new_width) { // if document is larger than new size current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBICSHARPER ); } current_document.activeLayer.autoContrast(); // Apply contrast current_doc.activeLayer.applySharpen(); // Apply Sharpen Ce code contient maintenant des commentaires, quelque chose que tout le code devrait avoir l'air plus facile que c'est en réalité, mais les avantages en valent la peine. Voici comment vous pouvez commencer à écrire du code plus propre aujourd'hui. Lire la suite, et qui vous aidera à l'avenir.
La méthode de rééchantillonnage a été remplacée par Bicubic Sharper, ce qui donne des résultats légèrement meilleurs lors de la réduction d'échelle des images.
Enfin, le contraste et l'accentuation ont été appliqués comme dernière étape.
Qu'est-ce que vous allez coder?
Vous devriez maintenant savoir tout ce dont vous avez besoin pour automatiser quoi que ce soit dans Photoshop! Si vous pouvez le faire dans Photoshop, vous pouvez probablement l'automatiser. L'API Photoshop Que sont les API, et comment les API ouvertes changent-elles? Que sont les API et comment les API ouvertes changent-elles Internet Vous êtes-vous déjà demandé comment les programmes de votre ordinateur et les sites Web que vous visitez se parlent? En savoir plus donne accès à de nombreuses fonctionnalités et leur documentation décrit presque toutes les fonctionnalités auxquelles vous pouvez accéder.
Bien sûr, les exemples d'aujourd'hui n'étaient que de base, mais ils couvrent les détails de base - vous pouvez mettre en œuvre un script spécifique à vos besoins!
Avez-vous appris quelque chose de nouveau aujourd'hui? Quels sont tes scripts préférés? Faites-nous savoir dans les commentaires ci-dessous!
Crédit d'image: whiteMocca via Shutterstock.com