36 plugins Photoshop pour les concepteurs de sites Web que vous devez vérifier

WordPress n'est pas le seul logiciel à proposer des extensions utiles à leur produit principal. Photoshop, l'un des outils incontournables pour les concepteurs de sites Web du monde entier, prend également en charge cette possibilité. Et comme leurs homologues WordPress, les plugins Photoshop peuvent également ajouter toutes sortes de nouvelles fonctionnalités.

Puisque nous savons que beaucoup de nos lecteurs utilisent régulièrement Photoshop, nous avons pensé que c'était une bonne idée de proposer cette fois-ci un type de liste de plugins différent. Vous trouverez ci-dessous les meilleurs plugins Photoshop que nous avons pu trouver sur le Web.

Ils enrichissent le programme de toutes sortes d'améliorations. Des petits scripts et raccourcis jusqu'aux nouveaux modules entiers qui amélioreront considérablement votre flux de travail et rendront le travail avec Photoshop encore plus facile.

Prêt? Alors commençons.

Plugins Photoshop qu'aucun concepteur de sites Web ne devrait ignorer

Vous trouverez ci-dessous une liste de plugins pour Photoshop de différentes catégories qui peuvent encore améliorer votre logiciel préféré.

Rétinisez-le

• Prix ​​: Gratuit
• Disponible pour : CC 2015

En premier lieu, nous avons un plugin gratuit pour créer rapidement des actifs pour les écrans Retina. Retinize It ajoute une nouvelle action à Photoshop qui vous permet d'exporter des images dans leurs dimensions d'origine ou mises à l'échelle jusqu'à doubler et tripler la taille.

Après l'installation, vous trouvez la nouvelle option sous Fenêtre > Actions. Sélectionnez simplement un calque ou un groupe de calques, exécutez l'action, nommez vos fichiers et recevez les actifs tranchés. Idéal pour produire des sites Web prêts pour la rétine.

Couper et trancher moi

• Prix ​​: Gratuit
• Disponible pour : CS6

Un autre plugin pour exporter directement des actifs à partir de calques. Cut&Slice me coupe automatiquement vos images et les exporte sous forme de fichiers PNG. Il peut gérer des tranches qui se chevauchent, plusieurs états de boutons et plusieurs résolutions. Malheureusement, il n'est pas tout à fait à jour mais fonctionne toujours avec les anciennes versions de Photoshop.

CSS3P

• Prix ​​: Gratuit
• Disponible pour : CS3 et versions ultérieures

Comme son nom l'indique, ce service est capable de convertir les calques Photoshop en CSS3. Ce qui est spécial, c'est qu'il s'agit d'un service basé sur le cloud et gratuit à utiliser.

Le plugin prend en charge plusieurs calques (y compris le texte), les ombres portées, les dégradés, le rayon de bordure et plus encore. En plus de cela, il peut également traiter SCSS et SASS.

Éditeur de coin

• Prix ​​: Gratuit
• Disponible pour : CC 2015

Si jamais vous avez besoin de produire des coins arrondis, ce script est fait pour vous. Il améliore les capacités de Photoshop à créer des coins arrondis, fonctionne avec n'importe quelle forme polygonale, inclut plusieurs styles de coins, vous permet de modifier plusieurs calques à la fois et plus.

Bloc HTML

• Prix ​​: Gratuit
• Disponible pour : CC 2015 (Mac OS uniquement)

Notre prochain concurrent vous permet de placer du HTML et du CSS directement dans les documents Photoshop. De cette façon, vous pouvez créer des ressources Web directement dans le logiciel et utiliser des ressources en ligne dans votre fichier PSD. Ce dernier comprend des polices Web, des CSS externes et plus encore.

Police géniale PS

• Prix ​​: Gratuit
• Disponible pour : CC

Font Awesome est une police d'icônes qui gagne en popularité et en utilisation. Pour cette raison, il est logique d'inclure dans les fichiers Photoshop. Heureusement, ce plugin rend cela facile comme bonjour. Il suffit de télécharger et d'installer gratuitement et vous êtes prêt à partir.

Contrôle des couches 2

• Prix ​​: Gratuit
• Disponible pour : CC, CC 2014

Ce plugin est une collection de sept scripts qui facilitent certains des aspects les plus ennuyeux de Photoshop. Il comprend un éditeur de nom de calque, la possibilité de supprimer les effets inutilisés, peut supprimer automatiquement les calques vides, pixelliser les objets intelligents, rechercher des fichiers similaires et plus encore. Téléchargement gratuit et utilisation à votre guise.

Chapeau CSS 2

• Prix ​​: 39,99 $
• Disponible pour : CC 2014-2017

CSS Hat traduit automatiquement les styles de calque en CSS3. De cette façon, vous pouvez simplement le copier et le coller au lieu de déterminer comment implémenter les graphiques sur site.

Le plugin peut fonctionner avec plusieurs calques à la fois, des polices et des styles de police différents et est capable de cracher LESS, SASS, Stylus et plus encore. Il possède également de nombreuses fonctionnalités que vous trouverez dans les éditeurs de code telles que la coloration syntaxique. CSS Hat est également disponible pour les anciennes versions de Photoshop.

Couches de pages

• Prix ​​: 35 $
• Disponible pour : Mac OS X uniquement

De nombreux plugins de cette liste ont pour objectif de faciliter la transformation des fichiers Photoshop en sites Web. Cependant, l'inverse est tout aussi nécessaire. C'est à cela que sert Page Layers.

Le plugin convertit automatiquement les sites Web en fichiers PSD et enregistre chaque élément de page en tant que couche unique. Ouvrez n'importe quelle page dans le navigateur intégré et enregistrez-la simplement dans Photoshop. Le plugin n'est pas gratuit mais semble en valoir le prix.

Chapeau PNG

• Prix ​​: 27,99 $
• Disponible pour : CS5, CS6, CC, CC 2014.1+, CC 2015

Fabriqué par les mêmes personnes que CSS Hat, ce plugin améliore la capacité de Photoshop à exporter des fichiers PNG. Par exemple, il est livré avec une meilleure compression et peut exporter des règles CSS. PNG Hat est également livré avec une politique de remboursement généreuse si vous n'êtes pas satisfait.

Fontself

• Tarif : 49€
• Disponible pour : CC 2015, CC 2017

Ensuite, il y a un plugin qui vous permet de créer votre propre police par glisser-déposer. À une époque où la typographie devient de plus en plus importante sur le Web, c'est vraiment bon à entendre. Transformez simplement les images et les vecteurs (colorés) en polices OpenType. Contrôlez le crénage, les ligatures et plus encore. Fontself est également un plugin activement maintenu, de sorte que les propriétaires obtiennent de nouvelles fonctionnalités gratuitement.

Plugin Photoshop de Getty Images

• Prix ​​: Gratuit
• Disponible pour : CC 2016 et plus

Getty images possède une énorme collection d'images de stock et un plugin qui vous permet de les importer directement dans Photoshop. Recherchez et filtrez des milliers d'images haute résolution et synchronisez vos achats avec un compte Getty.

Nettoyant PSD

• Prix : 19,99 $
• Disponible pour : CC 2014.1+

Un autre plugin de Source qui suralimente le panneau de calques de Photoshop. PSD Cleaner scanne automatiquement la structure de vos calques et montre les opportunités d'amélioration. Il vous aidera à trouver des calques sans nom, à supprimer des calques vides, à trouver des calques qui s'étendent au-delà de la toile, etc. En bref, il vous gardera organisé.

WebZap

• Prix ​​: 19 $
• Disponible pour : CS5 et supérieur

Cela peut surprendre, mais Photoshop n'est pas vraiment fait pour la conception de sites Web. Le programme a commencé comme un outil de retouche photo et n'a ajouté que plus tard des capacités pour créer des mises en page.

Pour compenser cela, il y a WebZap. Le plugin fournit des éléments prêts à l'emploi pour créer des maquettes de mise en page Web en un rien de temps. Il est basé sur la grille 960, peut créer du texte Lorem ipsum formaté, une navigation, des boutons et plus encore.

Motifs subtils

• Prix ​​: 17,99 $
• Disponible pour : CC et plus

Subtle Patterns est une bibliothèque de motifs de texture gratuits et modulables. Le plugin du même nom les amène à votre tableau de bord Photoshop. C'est ça.

Capture d'écran

• Prix : 9,99 $
• Disponible pour : CC 2014 ou plus récent

Le prochain sur notre liste de plugins Photoshop est ScreenSnap. Le programme vous permet de créer des captures d'écran à partir de fichiers PSD, soit du document complet, soit de la zone sélectionnée. Pas besoin de recadrer ou d'enregistrer manuellement, sélectionnez simplement un dossier, cliquez sur un bouton et vous êtes bon. Idéal pour partager votre travail avec d'autres, même en taille de rétine.

Duplilicateur

• Prix ​​: Gratuit
• Disponible pour : CC, CC2014

Ici, nous avons une extension pour cloner rapidement des calques et des groupes de calques lorsque vous avez besoin de plusieurs du même objet. Choisissez simplement le nombre de copies dont vous avez besoin et comment vous voulez qu'elles soient espacées.

Maquettes en perspective

• Prix ​​: 19 $
• Disponible pour : CC 2017

Comme vous pouvez le voir sur la capture d'écran, la page d'accueil du plugin contient beaucoup de gros mots. En dehors de cela, ce plugin crée des maquettes en perspective de votre conception. De cette façon, vous pouvez mieux comprendre à quoi ils ressemblent sur un téléphone ou une tablette de l'extérieur. Le plugin a de nombreux préréglages mais est également entièrement éditable.

Marques de taille PS

• Prix ​​: Gratuit
• Disponible pour : CC 2014

Marques de taille vous permet d'ajouter des étiquettes de la taille d'un objet ou de la distance entre les objets avec l'outil de sélection. Chaque étiquette est enregistrée dans un nouveau calque et entièrement personnalisable. Ceci est très utile lors de l'ajout de spécifications pour la personne qui transformera le PSD en site Web.

Fontea

• Prix ​​: Gratuit
• Disponible pour : CC 2014, CC 2015

Pour toute personne insatisfaite de l'offre de polices par défaut de Photoshop, Fontea inclut toutes les polices Web disponibles sur Google Fonts (actuellement 800+). Le plugin se tient également à jour avec le référentiel en ligne et vous permet de créer des collections de vos polices préférées.

Pixabay

• Prix ​​: 4,99 $
• Disponible pour : CC 2015 et supérieur

Ce plugin est comme le plugin d'image Getty mentionné précédemment, cependant, pour la bibliothèque d'images Pixabay. Il contient des centaines de milliers d'images gratuites que vous pouvez désormais ajouter en un seul clic. Le plugin comprend également de puissantes options de recherche et toutes les images sont sous licence CC0. De plus, c'est très abordable.

Il existe d'autres plugins comme celui-ci pour d'autres bibliothèques de photos comme Shutterstock et Pexels.

CoucheCraft

• Prix ​​: Gratuit
• Disponible pour : CC, CC 2014

Un autre plugin pour exporter des actifs d'interface utilisateur à partir de calques Photoshop. LayerCraft a la capacité de redimensionner vos images lors de l'exportation, peut rogner les pixels transparents et exporter dans différentes tailles pour l'affichage de la rétine.

Générateur de Lorem Ipsum

• Prix ​​: Gratuit
• Disponible pour : CS 5/6, CC

Comme son nom l'indique, il s'agit d'un plugin pour créer un texte d'espace réservé Lorem ipsum. De cette façon, vous n'avez plus besoin de le copier à partir de sources externes. Le générateur offre une sortie personnalisable, la possibilité de copier dans votre presse-papiers en un clic et est activement maintenu.

LoremPicsum

• Prix ​​: Gratuit
• Disponible pour : CS, CC

Celui-ci est similaire à la version Lorem ipsum, cependant, il crée des images aléatoires au lieu de texte. Sélectionnez une zone, choisissez un dessin animé et vous obtenez une image d'espace réservé. Gimmick amusant : les images proviennent d'émissions de télévision et de films populaires comme Futurama, Les Simpsons, Finding Nemo et Up.

Kit social pro

• Prix : 9,99 $
• Disponible pour : CC 2015+

Et un autre plugin Source. Celui-ci vise à améliorer tout les médias sociaux. Il contient des modèles pour créer des publicités sur mobile et ordinateur, des photos de couverture et des images de profil. Vous pouvez même prévisualiser en direct les résultats dans Photoshop.

Guides de calque

• Prix ​​: Gratuit
• Disponible pour : Inconnu

Les guides sont un outil important dans Photoshop pour garder tout structuré. Cependant, ils peuvent être ennuyeux à gérer.

Ce plugin espère y remédier. Il ajoute de nouveaux boutons pour ajouter des guides sur les côtés des calques ainsi qu'à travers leur centre horizontal et vertical. Plus besoin de faire glisser, il suffit de cliquer et c'est bon.

Générateur d'ombres longues

• Prix ​​: Gratuit
• Disponible pour : CS6, CC

Le nom du plugin dit tout. Long Shadow Generator vous aide à créer de longues ombres dans Photoshop. Vous pouvez contrôler la longueur et l'opacité de l'ombre, la couleur, le dégradé et les angles. Ensuite, ajoutez-les simplement en un clic.

TinyPNG

• Prix ​​: 50 $
• Disponible pour : CS5, CS6, CC et plus

TinyPNG est un service en ligne que je recommande souvent pour optimiser les images avant de les télécharger sur WordPress. Il compresse les fichiers JPG et PNG pour les rendre aussi petits que possible.

Le site propose également un plugin Photoshop pour faire de même dans le logiciel de retouche d'images. Il vous permet de prévisualiser et d'enregistrer directement, de mettre à l'échelle, d'utiliser une sélection partielle et plus encore. Si leur site est une indication, le plugin vaut bien l'argent.

Glifo

• Prix ​​: 19 $
• Disponible pour : CS5, CC

Glifo ajoute la possibilité d'exporter les icônes vectorielles de Photoshop en tant que polices Web d'icônes. Cela ressemble à un excellent ajout au plugin Font Awesome.

specKing

• Prix ​​: 19 $
• Disponible pour : CS5, CS6, CC 2014 et plus

Un autre plugin pour ajouter des mesures et des spécifications de conception aux fichiers Photoshop, cependant, cette fois en version premium. Mesurez les tailles, les marges et les polices et créez automatiquement des spécifications dans des superpositions modifiables. Semble super simple et confortable à utiliser.

Trousse d'exportation

• Prix ​​: 19,33 $/mois
• Disponible pour : CS6 et supérieur

Ce plugin Photoshop vous permet de convertir des fichiers PSD en HTML, CSS, WordPress, iOS, Android et plus encore. Il contient également des fonctionnalités de collaboration. Il a l'air très puissant, cependant, il est livré avec une licence mensuelle et n'est pas tout à fait bon marché.

Plugin de partage social Photoshop

• Prix ​​: Gratuit
• Disponible pour : Inconnu (Mac OS uniquement)

L'élément suivant de notre liste ajoute une fonctionnalité de partage importante à Photoshop. Il vous permet de partager et de publier des fichiers directement depuis l'intérieur du programme via e-mail, réseaux sociaux et autres plateformes. Choisissez simplement un format et vous êtes prêt à partir.

Transformez chacun

• Prix ​​: Gratuit
• Disponible pour : CS5, CS6, CC

Transform Each est un script qui vous permet de transformer plusieurs objets à la fois sans changer leur position. Ce que cela signifie est mieux illustré par le GIF ci-dessous. Choisissez vos points d'ancrage, la transformation que vous souhaitez réaliser et vous y arriverez en un clic.

ToonIt !

• Prix ​​: 129 $
• Disponible pour : Photoshop CS et versions ultérieures

Un amusant à la fin. Au cas où vous penseriez à créer un roman graphique en ligne, ce service vous sera d'une grande aide. Il transforme les photos ordinaires en dessins animés, possède de nombreux préréglages et une technologie mature. Un peu cher quand même.

Les plugins Photoshop en bref…

Photoshop est un outil formidable pour les concepteurs de sites Web. Il est puissant, bourré de fonctionnalités et constamment mis à jour.

Cependant, nous souhaitons parfois qu'il ait des fonctionnalités supplémentaires ou des moyens plus faciles d'accomplir des tâches. C'est là qu'interviennent les plugins Photoshop.

Comme vous l'avez vu dans la liste ci-dessus, les plugins peuvent ajouter de nombreuses fonctionnalités différentes. Des raccourcis aux fonctions entièrement nouvelles.

Et ce ne sont que ceux qui sont utiles pour la conception de sites Web. Il en existe bien d'autres, notamment pour la retouche d'images. Avez-vous quelque chose à ajouter?

Connaissez-vous des plugins Photoshop supplémentaires que vous aimez et recommandez ? S'il vous plaît partager dans la section commentaires ci-dessous!

Image miniature de l'article par VectorsMarket / shutterstock.com