Photoshop CC 2014 Quoi de neuf pour les concepteurs Web?

Le mois dernier a vu le lancement du tout nouveau Photoshop CC 2014, avec de nombreuses nouvelles fonctionnalités intéressantes, en particulier pour les concepteurs Web. Dans ce tutoriel, vous découvrirez les fonctionnalités nouvelles ou améliorées suivantes et apprendrez à vous familiariser avec ces fonctionnalités:

  • Objets intelligents
  • Couche Comps
  • Guides intelligents
  • Intégration Typekit
  • Recherche de police
  • Améliorations du flux de travail

Objets intelligents

L'utilisation d'objets dynamiques est un excellent moyen de travailler de manière non destructive. Vous pouvez incorporer un objet intelligent directement dans un fichier Photoshop ou créer un lien vers un fichier séparé, le mettre à jour et le réutiliser dans plusieurs projets..

Vous connaissez peut-être déjà les objets dynamiques liés dans Photoshop. Pour l'essentiel, ils sont identiques aux objets intelligents standard, mais ils sont liés à un fichier. Cela signifie que vos objets intelligents liés ne sont pas enregistrés dans le fichier .psd, mais à l'extérieur, dans un document séparé..

Traditionnellement, les objets intelligents liés pouvaient toujours être convertis en un objet intelligent incorporé, mais ne pas l'inverse. Toutefois, à présent dans Photoshop CC 2014, les objets intelligents incorporés peuvent être convertis en objets intelligents liés! Voici comment cela fonctionne:

Étape 1

Cliquez avec le bouton droit sur le calque que vous souhaitez convertir, puis choisissez Convertir en lien.

Étape 2

Une nouvelle fenêtre apparaît, vous demandant de choisir l'emplacement de votre nouvel objet intelligent lié. Une fois que vous avez trouvé le lieu où vous souhaitez installer le nouvel objet intelligent lié, cliquez sur sauvegarder.

Étape 3

C'est tout! Ce qui était autrefois un objet intelligent incorporé est maintenant un objet intelligent lié. Sucré!

Couche Comps

Photoshop Layer Comps enregistre des détails de mise en page spécifiques tels que la visibilité, la position et l'apparence en tant qu'état pouvant être rappelé, ce qui signifie que vous pouvez rapidement basculer entre les différentes versions de la même chose..

Un exemple de ceci serait une carte de visite, avec deux compositions en couches. La première version pourrait avoir le logo à gauche et le texte à droite, tandis que la seconde version pourrait avoir le logo à droite et le texte à gauche. C'est un concept très simple, encore plus puissant avec Photoshop CC 2014.

Adobe a considérablement amélioré le fonctionnement de la fonctionnalité de calque, ce qui est particulièrement visible lorsque vous travaillez sur un projet comportant de nombreux calques et compositions. Maintenant, vous pouvez appliquer la position actuelle du calque du document, sa visibilité et son apparence à toutes les compositions de calques sélectionnées..

Objets dynamiques avec compositions de calques

Photoshop CC 2014 présente un moyen de combiner des objets dynamiques avec des compositions de calques. Par exemple, vous pouvez créer un nouveau fichier Photoshop contenant de nombreuses icônes différentes, chaque icône étant visible à travers un calque différent..

Vous pouvez ensuite utiliser ce fichier Photoshop en tant qu'objet intelligent lié dans d'autres projets et simplement choisir une icône spécifique en activant la composition de calque correspondante. Effectivement, c'est comme si vous utilisiez un objet intelligent qui contient une pléthore d'éléments différents.

Guides intelligents

En tant que concepteur Web, vous saurez certainement à quel point il est important d’aligner correctement les éléments et d’espacer correctement les éléments. Heureusement, avec Photoshop CC 2014, vous n'avez pas à vous soucier de ces problèmes, ni à créer des grilles complexes à l'aide des outils du guide..

Avec les guides intelligents améliorés, vous pouvez voir la distance relative entre différents objets, ce qui vous permet de positionner les choses beaucoup plus rapidement et efficacement. Cette fonctionnalité peut vous être familière si vous utilisez Sketch.

Étape 1

Pour commencer à utiliser les guides intelligents, sélectionnez le Outil de déplacement, et maintenez le Clé de contrôle (sous Windows), ou le Touche de commande (sur Mac OS X). Des lignes magenta commenceront à apparaître (vous pouvez changer cette couleur sous Photoshop> Préférences> Guides, grilles et tranches) vous montrant la distance entre la toile et le calque sélectionné.

Étape 2

Si vous souhaitez mesurer la distance entre deux calques différents, vous pouvez le faire en plaçant votre souris sur l'autre calque..

Étape 3

Voilà - c'est tout! Vous utilisez maintenant les guides intelligents améliorés! Si vous préférez changer les mesures en dehors de l'option par défaut, activez Règles (non plus la Clé de contrôle ou Commande + R), puis cliquez avec le bouton droit sur la règle et choisissez les mesures que vous souhaitez utiliser..

Intégration Typekit

Photoshop CC 2014 offre de nouvelles mises à jour massives du fonctionnement de l'outil Texte. L’une des nouvelles fonctionnalités les plus remarquables est l’intégration améliorée de Typekit. Il y a deux caractéristiques principales dans ce domaine:

Filtrage de polices Typekit

Dans le menu déroulant de sélection de police, cliquez sur le nouveau gris. T icône, et vous verrez toutes vos polices Typekit synchronisées. C'est un moyen très utile d'identifier les polices stockées localement et celles qui sont dans le cloud sur les serveurs Typekit..

Raccourci de site Web Typekit

En cliquant sur le vert T L'icône située à côté d'une police donnée vous mènera au référentiel Typekit, dans votre navigateur Web, auquel vous serez automatiquement connecté. Vous pourrez ensuite sélectionner les polices que vous souhaitez utiliser, puis les synchroniser avec votre ordinateur. Oh, et ai-je mentionné que les polices synchronisées apparaîtront automatiquement, sans avoir besoin de fermer et de rouvrir Photoshop?

Prévisualisation et recherche de polices

Une autre fonctionnalité utile de Photoshop CC 2014 est la recherche de polices. Commencez à taper un nom de police, tel que helvet, de sorte que la Helvetica Afficher les familles de polices, ou quelque chose comme, cond audacieux, de sorte que tous les Gras condensé les polices apparaissent.

Photoshop CC 2014 propose également une fonctionnalité de prévisualisation de la police, qui vous permet d'utiliser les touches fléchées haut et bas de votre clavier pour afficher différentes polices, une par une, ou en maintenant la touche Maj enfoncée pour ignorer les familles de polices. sur la police suivante.

Améliorations du flux de travail

Photoshop CC 2014 comprend deux améliorations clés du flux de travail. La première concerne la zone Objets dynamiques liés du logiciel. De Adobe:

Lorsque vous essayez d'exécuter une opération sur un objet dynamique lié dont le fichier source est manquant, vous êtes invité à indiquer que les objets dynamiques doivent être rasterisés ou résolus..

L'autre amélioration du flux de travail concerne la fonction Paramètres de synchronisation: vous pouvez désormais spécifier le sens de la synchronisation, en téléchargeant ou en téléchargeant les paramètres à partir de CC, et en "synchronisant les espaces de travail, les raccourcis clavier et les menus personnalisés". Enfin, "le journal des paramètres de synchronisation sur le Préférences> Paramètres de synchronisation onglet affiche les fichiers téléchargés / téléchargés, leur taille et les horodatages pour l'opération de chargement / téléchargement ".

Ces modifications de flux de travail peuvent être simples, mais seront certainement efficaces, accélérant les projets et rendant les concepteurs Web encore plus productifs.!

C'est tout, les gens!

Je suis sûr que vous conviendrez avec moi que les nouvelles fonctionnalités de Photoshop CC 2014 sont vraiment excitantes et qu'elles deviendront très prochainement une partie très utile des flux de travail réguliers des concepteurs dans le monde entier. Vous pouvez en savoir plus sur toutes les modifications apportées à Photoshop CC 2014 sur le site Web d'Adobe..

Si vous avez des questions ou souhaitez exprimer votre opinion sur l’un de ces outils, veuillez laisser un commentaire ci-dessous.!