Repères sous Photoshop

Les repères, ou guides, dans Adobe Photoshop ou dans les applications de graphismes, sont ces traits, habituellement bleus, verticaux ou horizontaux qui servent visuellement, à placer des éléments.
Il est possible de « magnétiser » ces repères pour y adosser vos objets.
Ces guides s’obtiennent généralement en « tirant » à partir des règles (cmd+R, ou ctrl+R) vers l’endroit où l’on souhaite les afficher. Cette façon de placer ces lignes est pratique, mais pas toujours très précise.
Dans Photoshop, comme dans beaucoup d’autres logiciels de graphisme, bitmap ou vectoriel, un peu évolués, existe ce système de repères.
Ces lignes sont commodes pour aligner des objets, mais aussi, et surtout, dans le cadre de mes pratiques de dessinateur de bande dessinée, pour tracer cadres et cases.
Les marges par rapport à la taille de la page, la hauteur des cases, des bandes, et la taille des gouttières (l’espace entre les cases) sont des éléments qu’il est agréable de retrouver facilement.

Guide Guide

Depuis quelques années j’utilisais GuideGuide, un plugin, à l’origine gratuit, pour Photoshop et qui me permettait de poser précisément des repères.

Guideguide


Disponible pour les versions CS de Photoshop (CS4, CS6…) Il fonctionne sur les versions CC de Photoshop.
J’ai utilisé régulièrement cette extension pour placer des repères en indiquant des valeurs (mm), des pourcentages ou des divisions (colonnes). Ce petit logiciel additionnel permet aussi de sauvegarder des dispositions de guide, ce qui est une option intéressante dans bien des cas, en particulier celui de la création de BD.
En effet, j’ai plusieurs sets de guides, correspondant à divers formats de pages de BD, diverses dispositions, cela varie selon les projets, mais aussi selon les éditeurs. Guide Guide en autorise la mémorisation, puis, lors de l’utilisation, éventuellement, la combinaison.

Après avoir longtemps été gratuit, le concepteur de cette extension a décidé de la rendre payante. Si vous avez ce plugin, il continue de faire son usage, normalement, sans surcout, mais ne sera plus mis à jour.
Si vous ne le possédez pas déjà, il nécessite dorénavant un d’abonnement. Je ne sais si son auteur a réussi à en vendre beaucoup, mais il se trouve qu’en même temps…

Adobe a ajouté à Photoshop CC une fonction…

Disporeperes

Une fenêtre où définir simplement des guides pour les marges (selon des principes similaires à Guide Guide, mais avec tout de même quelques options pratiques en moins) est désormais facilement accessible.
Cette nouvelle fonction de Photoshop CC se trouve dans le menu Affichage, sous le nom : « Nouvelle disposition des repères »
Ce menu ouvre une fenêtre où l’on peut définir Colonnes, rangées, marges et gouttières… Bref tout ce qui est nécessaire à l’établissement d’une grille de repères efficace et rapide à mettre en place.

Depuis quelque temps, Adobe publie une série de mini-tutoriaux sur les fonctions de ses logiciels.
How to align objects guide.

Pour gérer les guides d’alignements

Si vous êtes resté sous CS, Guide guide est un bon choix, si vous réussissez à vous procurer une ancienne version (GuideGuide 4) non encore soumise à abonnement.
La dernière version (40 €/an !) n’est compatible qu’à partir de Photoshop CC2015
GuideGuide fonctionne aussi sous Illustrator et Adobe XD et Sketch

Sous Photoshop CC, la fonction intégrée est désormais, pour mes besoins, suffisante et bigrement efficace.

Split Text Photoshop

Voilà un long moment que je cherche comment, sous Photoshop, diviser, scinder, un calque texte en plusieurs calques textes.
Après plusieurs essais et solutions plus ou moins tordus, j’ai trouvé un script… qui ne marche pas. Mais en coupant un peu dedans, j’arrive à une solution suffisante à combler mes besoins.

Mais pourquoi vouloir scinder un calque texte en plusieurs calques textes ?

Quand je dois mettre en page des textes dans une bande dessinée il est pratique de préalablement taper du texte dans un éditeur de texte afin d’en corriger l’orthographe, la syntaxe, de travailler ou récupérer le texte dans un seul fichier.
Dans Photoshop, il est pratique d’avoir le texte de chaque bulle sur un calque séparé afin de pouvoir le déplacer dans la page, le retravailler bulle par bulle.
Une page de BD compte souvent entre 9 et 12 cases, avec entre une et trois bulles par case. Soit, si l’on importe les textes bulle par bulle, entre 9 et 36 « aller-retours » : copier, créer calque texte, coller.
Importer le texte de toutes les bulles en un seul copié/collé est un gain de temps important.

Un seul copier-coller pour importer tous mes textes dans mon document Photoshop.

N’ayant pas trouvé de solutions satisfaisantes jusqu’à maintenant, j’avais bricolé à l’aide du logiciel KeyBoard Maestro, une série d’actions que je déclenchais par une touche. Ce « script » permettait de copier une phrase de la coller dans un texte dans Photoshop puis de revenir dans l’éditeur de texte de copier la phrase suivante et ainsi de suite.
Un peu long compliqué et pas toujours parfait, l’action butant parfois sur des espaces où des retours à la ligne hasardeux ou des coordonnées approximatives. Pour créer un nouveau calque texte à chaque fois dans Photoshop, cela passait par des coordonnées sur l’écran, ce qui ne rendait pas ce script fiable dans toutes les situations. Néanmoins, cette solution m’a quand même fait gagner un peu de temps sur certains travaux de bandes dessinées.


Puis, je l’avais remplacée par un workflow plus simple, mais plutôt efficace, consistant à utiliser des gestionnaires de copier-coller (Copied et Alfred).
Je copiais tous les textes de mes bulles puis dans Photoshop je créais mes calques textes et y collait le texte de chaque bulle, utilisant les coller multiple de Alfred.
J’avais même trouvé un script pour diviser les textes, aux retours à la ligne en plusieurs extraits de texte à coller.
Mais toutes ces méthodes impliquaient de déclencher un certain nombre d’actions sur les fichiers textes.
Sur iOS, j’ai même tenté avec l’application Raccourcis de diviser un texte copié en plusieurs morceaux de texte, mais avec des résultats trop aléatoires pour être exploitables… et sans grand intérêt, Photoshop n’étant pas (encore) disponible sous iOS. Bref.

J’ai longtemps erré à la recherche d’une solution simple et efficace.

Récemment, j’ai relancé une recherche pour voir si quelqu’un n’avait pas développé une solution satisfaisante à ce problème que le monde entier doit partager, à mon avis.

J’ai trouvé ce script javascript :

photoshop-scripts/text-separator.jsx qui me paraît faire ce dont j’ai besoin.
Malheureusement en l’essayant, Photoshop me renvoie un message d’erreur. (Je ne sais si c’est dû à la version de Photoshop CC2018 ou au fait que je sois sur MacOs)
Ce script paraissant assez simple, j’ai fait quelques essais de suppression d’éléments problématiques pour arriver à le faire fonctionner.

Modifié comme cela :

N’ayant que de très très très vagues et lointaines connaissances en javascript, je me suis contenté de supprimer quelques lignes qui semblaient poser problème.

// select text layer and run script
// it will split one text layer to several layers by linebreaks
// showcase: https://www.youtube.com/watch?v=5oQgwZdW9Modoc =

app.activeDocument;
layer = doc.activeLayer;
var text = layer.textItem.contents;
var textArray = text.split(“\r”);
var pos = layer.textItem.position;
var leading = +20;

layer.textItem.contents=textArray[0]
layer.name = textArray[0]
for (var k=1; k<textArray.length;k++)
{
tmp = layer.duplicate();
tmp.textItem.position = [pos[0], pos[1]+(Number(leading)*k)]
tmp.textItem.contents = textArray[k];
}

À écrire dans un fichier texte qu’on nommera text-separator.jsx
Ce script est à placer dans le dossier /Applications/Adobe Photoshop CC 2018/Presets/Scripts/text-separator.jsx

On y accède par le menu Fichier/Scripts.
L’action prend quelques secondes, mais le résultat est là, ça fonctionne, je n’ai plus qu’à déplacer mes calques :

À chaque retour à la ligne un nouveau calque est créé.
Je peux ainsi déplacer mes textes, les retravailler (retours à la ligne) calque par calque, bulle par bulle.
C’est un gain de temps non négligeable, et surtout quelques minutes de travail répétitif et inintéressant de gagné.

Si vous connaissez une solution plus satisfaisante, ou plus complète, n’hésitez pas à me le faire savoir.

En attendant j’ai aussi consacré un podcast / streetcast à ce sujet :

Désactiver les animations sur les Outils dans Photoshop CC

Une station prolongée sur un outil de Photoshop CC déclanche une animation expliquant l’outil.
Rapidement, cela se révèle agaçant, et j’avoue avoir cherché un moment avant de trouver comment désactiver cette fonctionalité.
Conséquement, trop heureux d’avoir trouvé, je vous ai même fait une petite video.

Cela s’appelle une info bulle et voici comment s’en debarrasser :
Il faut aller dans preferences > Outils et décocher l’option “Utiliser les infos-bulles riches”.

Nouveautés de Photoshop CC | Prise en charge étendue des ressources de bibliothèque

Nouveautés de Photoshop CC | Prise en charge étendue des ressources de bibliothèque

Mac tout récent ou pas, la dernière mise à jour Photoshop CC 2017 a introduit de nombreuses nouveautés dont l’une particulièrement désagréable : la lenteur d’ouverture du panneau de création d’un document. Sur un MacBook Pro 15″ de toute dernière génération, ce sont 2 à 3 secondes qu’il faut patienter juste pour choisir son modèle

Exporter ses images à différentes tailles juste en les renommant…

Une astuce qui va me faire gagner pas mal de temps, et m’éviter bien des scripts :

avec Photoshop CC1 il est possible d’exporter ses calques (ou dossiers de calques formant une image) à differentes tailles (unités ou pourcentages), en png ou jpg, en jouant sur la qualité, dans differents dossiers ou sous dossiers, juste en les nommant.
J’adore !

Génération de fichiers d’image à partir de calques


  1. je sais, c’est pas de l’année, mais j’ai longtemps résisté à l’abonnement en restant avec ma vielle CS6… ↩︎