Plus de 10 plugins Photoshop gratuits pour les concepteurs Web
L'utilisation des extensions Photoshop augmente considérablement sa capacité à vous aider à concevoir, à rationaliser votre flux de travail et à améliorer votre productivité. Vous pouvez utiliser un plugin Photoshop pour accélérer les tâches répétitives ou fastidieuses tel que:
- générer de longues ombres
- exporter des calques Photoshop
- convertir PSD en CSS3
- convertir du texte Photoshop en SVG
- construire des spécifications de conception dans Photoshop
- convertir le design skeuomorphic en design plat
Il existe de nombreuses autres extensions Photoshop, et sur cette liste, il y en a 12 superbes qui vous aideront gérer vos calques, couleurs, guides et plus, alléger votre charge de travail et vous aider à vous concentrer davantage sur ce qui requiert votre attention. Si vous connaissez d'autres extensions ou plugins Photoshop, faites-le nous savoir dans les commentaires..
1. Hexy
Hexy vous fournit un moyen plus rapide de obtenir le code de couleur Hex et RVB. Avec ce plugin, vous pouvez utiliser l'outil Pipette et cliquer simplement sur la couleur de l'image que vous voulez prendre. Hexy copie automatiquement la couleur dans le presse-papiers. De cette façon, vous pouvez le coller immédiatement pour l'utiliser en CSS. C'est un outil pratique pour la sélection des couleurs.
Compatibilité: Photoshop CC 2014
2. Marques de taille
SizeMark vous permet de ajouter des étiquettes de la taille d'un objet ou de la distance entre chaque objet à l'aide d'un outil de sélection. SizeMark enregistre chaque étiquette créée dans une nouvelle couche afin que vous puissiez la personnaliser à votre guise, par exemple. changer la couleur ou ajuster sa position. Il est essentiel lorsque vous avez besoin de traduire PSD en site Web fonctionnel..
Compatibilité: Photoshop CC 2014
3. Pictura
Avez-vous besoin d'insérer des images dans votre conception? Vous devriez installer Pictura. Pictura vous permet de rechercher et d'ajouter facilement des images à votre Photoshop sans quitter votre espace de travail. Une fois installé, Pictura ajoutera un nouveau panneau sur lequel vous pourrez rechercher n’importe quelle image de la licence dont vous avez besoin, puis l’insérer immédiatement dans votre dessin..
Compatibilité: Photoshop CC 2014
4. Four
Oven est un plugin astucieux qui vous aide à mieux gérer vos actifs. Le générateur de Photoshop nous permet d'exporter des images en temps réel, mais vous devrez renommer tous vos calques pour générer l'image correctement et avec un nom propre.. Four élimine ce tracas.
Compatibilité: Photoshop CC et CC 2014
5. encre
La conversion de PSD en un site Web fonctionnel est toujours un processus délicat. Il y a tellement de détails à examiner, tels que les styles de calque, la taille de la police, la famille de police utilisée, la taille de l'élément et sa position par rapport à d'autres éléments. L'encre vous aidera générer ces informations facilement.
6. LayerCraft
LayerCraft est un plugin Photoshop qui vous permet de exporter des couches en plusieurs échelles. Vous pouvez exporter des images dans @1 fois
, @ 2x
et même @ 3x
(requis sur les appareils iOS avec écran Retina), ou mdpi
et xhdpi
Pour Android. Si votre travail quotidien est création d'interface utilisateur pour l'interface mobile, c'est l'outil qui vous fait gagner beaucoup de temps.
Compatibilité: Photoshop CC et CC 2014
7. Compositeur
Composer améliore la fonctionnalité Photoshop Layer Comps. Plutôt que de disposer de plusieurs fichiers distincts pour stocker chaque révision de conception, Layer Comps vous permet de les stocker et de les gérer tous dans un seul fichier. La composition des calques agit de la même manière qu'un objet intelligent. Chacune peut contenir quelques propriétés telles que les styles de calque et les modes de fusion. Le compositeur, dans ce cas, fournit la meilleure façon de mettre à jour ces styles en un seul clic.
Compatibilité: Photoshop CS5, CS6 et CC
8. Velositey
Velocity est une extension qui peut vous aider à construire un prototype de conception web rapidement. Velocitey est livré avec une poignée de modèles prédéfinis, y compris la grille. Il comporte également des espaces réservés de mise en page communs pour l'en-tête, le contenu et le pied de page du site Web. Vous pouvez ajouter tous ces composants en un seul clic. C'est littéralement un gain de temps (et c'est gratuit).
Compatibilité: Photoshop CS6, CC, CC 2014
9. Duplllicateur
Le duplicateur est le moyen le plus rapide de dupliquer des calques ou des groupes Photoshop. Vous pouvez spécifier le nombre de copies souhaité, puis définir les espacements vertical et horizontal du calque dupliqué..
Compatibilité: Photoshop CC et CC 2014
10. QuickGuide
QuickGuide vous aide dessiner des lignes directrices dans Photoshop. Ce plugin fournit 12 préréglages pour l'ajout facile de guides sur un côté, deux côtés adjacents ou tous les côtés de chaque objet. Parmi ses autres fonctionnalités, citons les guides de verrouillage et la visibilité, la suppression de guides entiers ou de guides sélectionnés, ainsi que les guides de copier-coller..
Compatibilité: Photoshop CC 2014
11. Lorem Ipsum Generator
Lorem Ipsum Generator sera générer des mots ou des phrases aléatoires. Plutôt que d'avoir à le copier d'un autre endroit, vous pouvez générer Lorem Ipsum directement à partir de votre espace de travail Photoshop. Quelques options sont fournies pour personnaliser la sortie. Ce plugin est également disponible pour Illustrator, InDesign et Dreamweaver..
Compatibilité: Photoshop CS5, CS6 et CC
12. Lorem Picsum
Lorem Picsum génère des images aléatoires plutôt que du texte. L’image fournie est issue d’émissions de cinéma et de télévision populaires telles que Futurama, Rio, Les Simpsons, Le monde de nemo, et UP.
Compatibilité: Photoshop CS6 et CC