Marc Edwards est directeur et designer en chef de Bjango, société indépendante spécialisée dans le développement pour Mac et iOS basée en Australie. Alors qu'il maîtrise parfaitement toute une gamme de logiciels de création, Adobe® Photoshop® est son outil de prédilection pour la conception d'interfaces et d'icônes impeccables, réalisés avec minutie. Selon Marc Edwards, « Quitte à créer pour une grille de pixels, pourquoi ne pas utiliser un outil basé sur une grille de pixels ? »

Nous avons retrouvé Marc Edwards juste après la sortie de la version bêta publique de Photoshop CS6 afin de recueillir ses réactions sur les multiples outils et fonctionnalités de création proposés.

Marc Edwards coanime le podcast Iterate et intervient dans des conférences consacrées à la conception d'interfaces pour terminaux mobiles. Il est donc parfaitement bien placé, de par ses attributions et son métier, pour faire la critique de Photoshop CS6 comme outil de création. « Avant même d'avoir eu connaissance des nouveautés de Photoshop CS6, j'avais très largement développé, dans mon blogue, les fonctionnalités qui méritaient, à mon sens, de figurer dans cette version. J'avais constitué une liste de souhaits pour CS6 et suggéré certaines fonctionnalités ainsi que quelques remaniements sur le site communautaire de Photoshop ; bref, j'agaçais un peu tout le monde. »

Marc Edwards est trop modeste pour avouer que ses suggestions ont contribué à la création ou au remaniement de nombreuses fonctions de création de Photoshop CS6 ; pourtant, le nombre d'idées qu'il a formulées et qui sont reprises dans le logiciel est tout simplement incroyable. « Pour moi, c'est le signe qu'Adobe est à l'écoute de ses clients », avoue Marc Edwards. « Je suis certain de ne pas être le seul à formuler de telles suggestions, et il est formidable de constater que nos remarques concourent à améliorer les performances et l'ergonomie de cet outil. »

« La gestion du magnétisme des pixels par Photoshop CS6 est, à mes yeux, une fonctionnalité décisive », ajoute-t-il. Avant Photoshop CS6, les créatifs devaient utiliser une multitude de parades pour faire en sorte que leurs maquettes demeurent nettes une fois superposées à la grille en pixels dont les contraintes rigides sous-tendent la création pour les terminaux mobiles et le web. Pour Marc Edwards, « Il est essentiel qu'une illustration demeure verrouillée sur la grille pour obtenir des icônes nettes et soignées. Surtout si vous devez créer plusieurs versions de dimensions différentes. » Ajoutez à cela les nouvelles possibilités des formes vectorielles, les options de tracé, la gestion des calques, les optimisations de l'interface et les commandes typographiques... D'ailleurs, conclut-il, « Si vous créez pour les écrans, que vous considérez que votre temps est précieux et que vous pouvez vous le permettre financièrement, je ne saurais trop vous recommander d'évoluer vers cette version. »

Principales fonctionnalités de Photoshop CS6 retenues par Marc Edwards pour les concepteurs d'interfaces.

Recherche de calques

Marc Edwards se sert des nouvelles options de recherche et de filtrage de calque pour isoler en un clin d'œil des calques d'après leur type, leur nom, leur couleur, leur effet, leur mode et leur attribut. Pour accélérer le remaniement d'illustrations à des dimensions en pixels différentes, il colorie les calques auxquels une attention particulière devra être portée au cours du redimensionnement, puis filtre le panneau Calques pour afficher uniquement les entrées à retoucher. « Dès l'instant où je manipule des créations complexes composées de plusieurs calques », précise Marc Edwards, « le fait de pouvoir retrouver des calques précis rapidement et facilement me fait véritablement gagner en efficacité. »

Magnétisation des outils vectoriels à la grille de pixels

La fonction de magnétisme des pixels de Photoshop CS6 représente un perfectionnement majeur pour un créatif qui doit créer des illustrations en composant avec les contraintes d'une grille fixe de pixels. Les parades complexes indispensables dans les précédentes versions de Photoshop sont désormais inutiles. Pour Marc Edwards, « Ces changements valent à eux seuls le prix de la mise à jour ».

Les fonctionnalités phares sont « Aligner les bords », accessible dans la barre Options de tous les outils vectoriels et applicable calque par calque, et « Magnétiser les outils vectoriels et les transformations à la grille de pixel », paramètre général de Photoshop défini dans le panneau Préférences. Leur fonctionnement est différent : Aligner les bords aligne le bord d'un objet sur la grille de pixels tandis que l'option Préférences accroche les contenus vectoriels récemment créés et retouchés à cette grille.

Styles de calque pour des groupes

Les styles de calque peuvent à présent s'appliquer aussi bien à des groupes de calques qu'à des calques individuels. Ceci permet d'appliquer un même style à plusieurs calques, ou de créer des maquettes plus complexes en mélangeant plusieurs styles. D'après Marc Edwards, « Il est désormais possible d'obtenir deux ombres portées, voire davantage, en imbriquant des calques dans des groupes et en appliquant des styles de calque dans ces groupes. »

Masques d'écrêtage pour des groupes

Les masques d'écrêtage peuvent être appliqués à des groupes aussi facilement qu'à des calques distincts. « D'où des possibilités de masquage assez délirantes », indique Marc Edwards. Et, utilisées conjointement avec des styles de calque appliqués à des groupes, les nouvelles possibilités de masquage accélèrent véritablement les processus.

marc-edwards-copy-paste-shape-attributes

Copier-coller d'attributs de forme

Cliquez avec le bouton droit sur un calque vectoriel et sélectionnez Copier les attributs de forme dans le menu pour stocker les attributs de fond et de contour dans un Presse-papiers distinct. Sélectionnez ensuite un ou plusieurs calques et choisissez Coller les attributs de forme pour appliquer ces paramètres aux calques.

Styles de paragraphe et de caractère

Dans Photoshop CS6, vous disposez à présent de commandes de texte similaires à celles de programmes de mise en page comme Adobe InDesign®. Photoshop CS6 inclut un nouveau menu Texte offrant des options complémentaires ainsi que des panneaux dédiés pour la création et l'ajustement de styles de paragraphe et de caractère. « Vous pouvez même modifier les styles principaux et actualiser toutes les occurrences dans votre création », précise Marc Edwards.

Contour du tracé

Les créatifs trouveront les nouvelles options de tracé extrêmement utiles. « Elles sont très pratiques ; rien ne vous empêche de coupler les contours vectoriels avec le style de calque Contour pour agir individuellement sur chaque contour », indique Marc Edwards. Vous pouvez même créer des styles de contour en pointillés et les enregistrer comme nouveaux contours prédéfinis.

Affichage des informations sur la zone de travail

Parmi les remaniements apportés à l'interface de Photoshop CS6, de mini-fenêtres contextuelles d'informations s'affichent à proximité du curseur lorsque divers outils sont utilisés. Leur contenu varie en fonction de l'outil sélectionné et de l'action effectuée. « Nettement plus simple que de regarder le panneau Informations du coin de l'œil tout en travaillant », avoue Marc Edwards.

Nouvel outil Recadrage

L'outil Recadrage a été totalement remanié dans Photoshop CS6. Le document se déplace et pivote sous l'incrustation, et non le contraire. Pour Marc Edwards, « C'est un peu difficile d'expliquer la différence, mais c'est mieux, dès l'instant qu'on s'y est habitué. »

Mode de fusion multicalque remanié

Vous pouvez modifier rapidement plusieurs calques à la fois en effectuant une sélection multiple, puis en choisissant un nouveau paramètre de mode de fusion.

Autres fonctionnalités clés de Photoshop CS6 pour les concepteurs d'interfaces :

Alignement des contours sur la grille des pixels en cas de coller depuis Adobe Illustrator®
Rotation précise des calques vectoriels de 90◦, 180◦ et 270◦
Boîte de dialogue Créer pour la génération de formes de taille exacte
Nouveaux styles de calque de dégradé tramé
Mise à l'échelle du calque de dégradé à 1000 %
Raccourci 00 pour définir une opacité de calque de 0 %
Raccourci Majuscule-00 pour définir une opacité de fond de 0 %
Duplication par Commande/Ctrl J
Renommage de formes perfectionné
Tabulation pour le renommage de calques
Fusion de formes
Verrouillage de calques multiples
Texte de remplissage de type « Lorem ipsum »
Récupération automatique
Enregistrement en arrière-plan