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.

Désinstaller, réinstaller… applications macOS, mai 2019

Il m’arrive souvent de faire du tri dans mes applications.
Désinstaller d’anciennes applications obsolètes, dont je n’ai pas l’utilité, qui font doublon ou qui sont devenues inutiles par une mise à jour du système. Bref, d’aller vers un peu de minimalisme numérique bénéfique à ma productivité. Les applications dont parle ici, sont des logiciels de qualité, qui ont toujours passé le stade du simple essai. C’est toujours avec une certaine hésitation et une pointe de regret que je les supprime.
Certains programme ne tournent que sur mac, d’autres sont multiplateforme.

M=mac, W=windows, L=linux, C=Chrome, iOS=iOS…

Il m’arrive aussi de réinstaller des applications que j’avais supprimées.
Pour leur redonner une chance ou parce qu’elles ont (re) trouvé une place dans mon workflow.

Ainsi, en ce pluvieux mois de mai, sur macOS, version Mojave, j’ai procédé à quelques désinstallations et réinstallations.

Désinstallation macOS

Emportés par la vague ce mois-ci :

  • Monosnap (MWC) un excellent logiciel de copie d’écran, puissant et gratuit, que j’utilisais avec bonheur depuis des années. La fonction de copie d’écran de macOS Mojave ayant fait d’énormes progrès, il ne m’est plus utile. Pourtant il garde des arguments : une fonction de copie d’écran vidéo, et un système de stockage vers le web.
    Si la copie d’écran sous Mojave vous intéresse, je vous renvoie vers le très intéressant livre d’Audrey Couleau consacré au sujet.
  • iThoughtsX (MWiOS). Un logiciel de mindmapping, excellent lui aussi, que j’ai remplacé depuis quelques mois par MindNode(MiOS). Ces 2 logiciels étant disponibles dans mon abonnement Setapp(M), je pourrais facilement rechanger d’idée prochainement. Pour l’instant je favorise MindNode, plus coloré et offrant un menulet permettant d’esquisser, à partir de la barre des menus de macOS, un début de plan.
Menulet mindnode
  • FoldingText — Plain text productivity for Mac users (M), cet excellent programme d’écriture en markdown, dont le développement est un peu erratique, avait pourtant une fonction bien pratique : Fold. En effet avec cette application, les chapitres définis par des niveaux de titre peuvent être masqués d’un simple clic. Une fonction que j’aurais bien aimé retrouver ailleurs, mais qui finalement n’est pas si primordiale.
  • Retrobatch, from Flying Meat (M), programme très bien conçu (par les développeurs d’Acorn, un programme que j’apprécie) pour automatiser des traitements d’image. Mais entre Photoshop et Graphic Converter, je n’ai pas vraiment l’utilité d’un programme supplémentaire pour ce genre de tache (entre $30 et $50€).
  • Unite for macOS pour transformer des sites en application. Disponible via Setapp, cette application est très bien, elle fait exactement la même chose que Fluid – Turn any webpage into a real Mac App (qui est un peu moins cher), mais finalement, dans un souci de minimalisme, je préfère des signets dans mon navigateur pour ces types d’applications qui souvent servent à résoudre un besoin spécifique.
  • ID Util, un programme trouvé pour pouvoir visualiser des fichiers inDesign sans InDesign, mais pour que ça marche il faut que le fichier indd ait bien été pensé avec prévisualisation (preview)… Bref un programme pas très efficace ni utile.

Voilà pour ma vague de désinstallation de ces dernières semaines.
Je pourrais y ajouter quelques autres programmes qui ont cessé de fonctionner sous macOS Mojave (comme le regretté ControlPlane | Context Sensitive Computing qui me simplifiait bien la vie, en particulier avec les imprimantes.)

Lemke98

Re installations macOS :

  • GraphicConverter (M), cet excellent logiciel de manipulation d’images, dont je m’étais débarrassé, car parfois complexe et faisant doublon avec d’autres logiciels du domaine, est revenu dans mon workflow. Sa puissance est exceptionnelle, bien que sa richesse le rende parfois confus. Pour la petite histoire, c’est le premier "shareware" que j’ai acheté, c’était au siècle dernier.[1].

Installations… pour Test

  • Drawpile (MWL), programme de dessin, mais collaboratif en ligne, à tester, avec d’autre dessinateurs.

Pour désinstaller mes applications, j’utilise en général AppCleaner, programme gratuit qui permet de supprimer les fichiers divers liés aux applications en même temps que celles-ci. Il m’arrive aussi parfois de le faire avec CleanMyMac X (qui est inclus dans l'abonnement Setapp).


  1. bon il y a eu quelques renouvèlements de licence depuis.  ↩

Alternatives Adobe™

Il existe de nombreuses alternatives à la suite Adobe Creative Cloud.
La force de l’habitude, le poids dans les industries de la création et la complémentarité entre toutes les applications de l’Adobe Creative Suite font qu’il nous est souvent difficile d’imaginer s’en passer. Cet ensemble d’applications est de grande qualité, mais à plus de 60€, par mois, la question se pose régulièrement.

Dans un podcast, streetcast récent, je m’interrogeais à ce sujet.

L’illustrateur Michael Sexton, propose, sur son Patreon une liste d’alternatives à la Suite Adobe : Adobe Software Alternatives | Michael Sexton on Patreon.
C’est une chouette initiative, abondamment relayée, qui permet de se rendre compte qu’il existe une vie en dehors d’Adobe.

Dans cette liste, il manque forcément de nombreux logiciels comme la suite Coreldraw, et des logiciels de traitement photo/dessin purement mac : Acorn, pixelmator, Graphic converter…
Adobe Photoshop Alternatives and Similar Software - AlternativeTo.net

Sur iPad

Concernant l’illustration bitmap (Photoshop) ou vectorielle (illustrator) il existe aussi, sur iPad, iPad pro, toute une gamme de logiciels très performants concurrençant largement les versions « desktop » évoquées dans cette infographie, à des prix allant de gratuits à une vingtaine d’euros.

Illustration Type Bitmap (iPad) :

Illustration type vectorielle (iPad) :

Ces exemples ne sont pas exhaustifs, il existe encore bien d’autres alternatives.

Je ne parle que des domaines que je pratique…

Chez Adobe, je n’utilise personnellement que Photoshop : Formule Adobe Creative Cloud pour la Photo | Logiciel de retouche photo professionnel à 12€ par mois, mais régulièrement, je me pose la question. Récemment Adobe a annoncé ne plus autoriser que les versions récentes de ses logiciels. Utilisateur de la version 2018 de Photoshop, pour des raisons pratiques liées à l’utilisation de plug-ins non compatibles avec la version 2019 (et à quelques bugs de celle-ci), cette question n’a pas fini de revenir sur le tapis.

Pour mes autres besoins, j’utilise des alternatives, soit en achat ferme (suite Affinity, Clip Studio Paint…) soit en Open Source (Krita, Scribus…) :

Et vous ? Êtes-vous fidèles à Adobe, hésitez-vous à basculer ou réussissez-vous à vous passer d’Adobe, et de son système d’abonnements ?

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 CC2018 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.

Le script d'origine fonctionne avec la version Photoshop CC 2020 sur mac et Windows

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 :

Sélectionner un calque dans Clip Studio Paint.

Deux petits gifs anims pour montrer comment sélectionner un calque dans Clip Studio Paint.
Pour répondre à la question d’un collègue sur Twitter :

Tiens j’ai une question au passage, maître Grug. Comment fait-on pour que la flèche pour bouger les calques (V) (la flèche noire avec les flèches croisées) puisse sélectionner automatiquement le calque d’un morceau de dessin que tu cliques ?

Sous Photoshop, tu as juste à cocher « sélection automatique -> Calque ou dossier ». Là je ne trouve pas. Je suis pourtant à peu près sûr que ça marchait sous Manga Studio.

Nous jonglons souvent entre Photoshop et Clip StudioPaint et certains réflexes, certaines actions sont différentes.

La flèche pour déplacer les calques, par exemple sous Clip StudioPaint est accessible par le raccourci V sous Photoshop, K sous Clip StudioPaint.
Les raccourcis sont modifiables dans les 2 applications.

À partir d’un outil normal

(Genre plume P) un appui sur la touche cmd (sur Mac, probablement ctrl sur PC) cmd + un clic sur un élément du dessin sélectionne le calque sur lequel se trouve cet élément.

sélectionner un calque à partir de loutil Plume

À partir de l’outil déplacement de calque

(K chez moi) cmd+maj + clic sur un élément du calque à sélectionner fonctionne. (idem, probablement cmd=ctrl sous Windows)

sélectionner un calque à partir de loutil déplacement

L'outil Opération

et ses sous-outils Object ou Layer selection (notons la qualité de la traduction en français…) sont aussi des options à envisager pour effectuer ce type d'action.

Exporter ses calques psd à 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… ↩︎

Piqueur de couleurs : Sip

Sip

Un color picker pour écran, compatible photoshop et illustrator.

Un piqueur de couleurs (traduction personnelle) pour écran sert à prélever une couleur n’importe où sur votre écran, souvent afin de la réutiliser dans une application, une image, ou une interface. Très utile pour identifier une couleur, la récupérer (d’une image dans le navigateur par exemple, ou n’importe où sur l’écran donc), la réutiliser.

Sip est un piqueur de couleurs disponible sur Mac App Store, jusqu’ici rien d’original.
Activé, il présente une loupe permettant d’aller chercher la couleur d’un pixel (ou d’une zone de l’écran).

Sip, par rapport à ses concurrents présente plusieurs avantages :

  1. Il couvre à peu près tous les formats de couleur connus (rgb, cmyk, Hex, HSL… une trentaine), affiche la valeur des couleurs, et leur nom (en anglais).
  2. Il vient se loger dans la barre des menus, mais peut être appelé par un raccourci clavier configurable (Ctrl+Alt+p chez moi)
  3. Dans la barre des menus, son historique, au nombre de couleurs configurable, supporte le drag&drop (on tire la couleur vers la palette couleur de l’application)
  4. Des raccourcis claviers (cmd+clic) permettent d’envoyer directement les couleurs vers Photoshop, ou Illustrator en avant plan ou en arrière-plan (Alt+clic, tout ça configurable dans les préférences) ce que ne font pas la plupart de ses concurrents, qui souvent se contentent des applications compatibles avec la palette de couleur Apple.
  5. On peut appeler la palette système, partager une couleur par mail, changer le format de couleur à la volée, etc.

Sip est donc le piqueur de couleurs le plus efficace et complet que j’ai essayé jusqu’à maintenant, encore une facilité dont j’aurais désormais du mal à me passer.
Ah oui, il est gratuit (OSX 10.9 or later, 64-bit).

MàJ 2020
Sip existe toujours et est disponible soit pour une dizaine d'euros/an, soit via Setapp.