20 actions gratuites de Photoshop Tous les concepteurs doivent avoir

Les scripts automatisés font gagner du temps et améliorent le flux de travail dans tous les champs de création. Les produits Adobe comme Photoshop offrent des scripts appelés actions qui automatisent un processus plusieurs fois au clic d'un bouton. Il existe des sites d'action Photoshop exclusifs mais beaucoup d'entre eux s'adressent aux photographes.

J'ai rassemblé une poignée d'actions orientées directement vers les concepteurs d'interfaces utilisateur, les concepteurs d'icônes et les concepteurs de produits créant des interfaces pour le web et le mobile. Toutes ces actions sont entièrement gratuites à télécharger pour des utilisations multiples. Assurez-vous de vérifier les détails avant de télécharger pour vous assurer que tout fonctionne sur votre version de Photoshop.

iOS 7 Flou

À partir d'iOS 7, l'équipe de conception d'Apple a introduit un effet de flou de verre laiteux . Cela peut être reproduit dans Photoshop mais nécessite un peu de manipulation de calque.

Le concepteur Matt Smith a créé des actions de flou iOS 7 pour reproduire l'effet sur n'importe quelle couche supérieure. Si vous ne parvenez pas à exécuter les actions, vous pouvez télécharger un fichier PSD accompagné avec la couche de verre dépoli déjà appliquée.

Actions Bjango

Bjango est un studio de création d'applications de création et de projets open source pour les concepteurs. Le site publie des articles pratiques pour les utilisateurs de PS et propose un dépôt complet d'actions GitHub que vous pouvez télécharger gratuitement. Ces actions incluent diverses nuances pour la création de dessins dans Photoshop.

La liste comprend une option permettant d'activer et de désactiver les pixels, de dupliquer automatiquement une toile entière, de la centrer dans une sélection et même de recadrer une photo de format Dribbble à partir d'un document. La collection Bjango Actions est actuellement en version 4 avec des dizaines d'actions, de scripts et de flux de travail OS X.

Plus de baguage

Jeff Broderick a créé une action simple appelée No More Banding qui est un téléchargement gratuit et il est incroyablement précieux pour le travail de conception numérique.

Les dégradés dans Photoshop peuvent avoir des bandes de couleur où les commutateurs de couleurs gradués sont flagrants. Cette action nettoiera les effets de bandes, en un seul clic: elle augmente également considérablement la taille du fichier. Cela peut donc ne pas être utile sur tous les projets, mais cela vaut certainement la peine d'y penser.

Capture d'écran Photoshop

Voici un effet vraiment cool créé par le designer albanais Vasjen Katro. Avec son action intitulée Photoshop Photoshop, vous pouvez prendre une maquette plate et automatiser un biais avec un éclairage implicite . Cela crée l'effet d'un écran incliné sur le côté et ressemble à une photographie d'un moniteur.

Ceci est parfait pour les prises de perspective en biais pour afficher les interfaces d'une manière unique. Bien que cela ne vous aide pas à mieux concevoir, cela peut améliorer votre présentation.

PSD à PNG Automator

L'exportation d'une conception nécessite du temps, mais elle peut être simplifiée grâce à l'exportation PSD vers PNG de Luis da Silva. Cela convertit un fichier PSD complet en un fichier PNG à partir du panneau d'action de Photoshop. De ce que je peux dire cela fonctionne pour toutes les versions de Photoshop de CS à CC.

Interface utilisateur du navigateur

Vous avez toujours voulu voir à quoi ressemble votre maquette dans une fenêtre de navigateur ? Grâce à l'action de l'interface utilisateur du navigateur, vous n'avez plus qu'à cliquer sur un bouton.

Cette action particulière a une option premium mais la version gratuite inclut plus que suffisamment de fonctionnalités. La fenêtre de chaque navigateur s'affiche dans le style OS X, mais les fenêtres peuvent s'étirer pour s'adapter à toutes les zones dont vous avez besoin .

Rétiniser

Retinize It est une action Photoshop gratuite pour construire des copies rétiniennes d'icônes et d'éléments d'interface. Vous sélectionnez simplement une couche (ou un groupe de calques) et exécutez l'action. Les graphiques peuvent être nommés et exportés avec des exigences de taille personnalisées @ 2x et @ 3x .

Notez que cela ne fonctionne pas très bien sur les graphiques raster. Essayez d'utiliser des formes et des éléments vectoriels ou des objets intelligents importés pour conserver une qualité constante lors du dimensionnement.

Exporter vers SVG

L'exportation par couche est une autre tâche manuelle que personne ne veut vraiment faire. Cette action d'exportation de PSD en SVG prend la banalité de l'exportation de vecteurs et de graphiques pour le web.

Notez que cette action a été créée pour Photoshop et Illustrator mais ne prend en charge que les versions de CS5 ou supérieures.

Interface utilisateur du navigateur plat

Voici un autre outil de création de modèle de navigateur mais avec une interface utilisateur plate. Si vous ne voulez pas utiliser les navigateurs Mac, essayez plutôt cette action du navigateur PS.

Les éléments de document pixellisés fonctionnent mieux, bien qu'il soit tout aussi facile d'aplatir tous les contenus sur un nouveau calque et de l'utiliser à la place.

Affichage stéréo

Toute personne qui a besoin d'un affichage stéréo obtiendra un coup de pied de cette action. Cette action d'affichage stéréo gratuit crée un effet 3D avec des ombres et des bords asymétriques, le tout à partir de l'entrée d'éléments d'interface utilisateur plats.

Action d'agrandissement

C'est l'une de mes actions préférées car elle est tellement pratique pour les présentations graphiques et les présentations. Les concepteurs de l'interface utilisateur apprécieront cette action de loupe créée par Mario Semeš pour le grossissement de l'interface.

Il plante une loupe sur un document Photoshop avec un effet de flou appliqué ailleurs . C'est un excellent moyen de se concentrer sur un élément ou un effet particulier, et pourrait être utile pour des projets d'équipe ou des tutoriels en ligne.

Actions iPhone 6/6 +

Le concepteur numérique Geof Crowl a construit une collection personnalisée d'actions iPhone 6 pour l' organisation des graphiques d'un PSD en dimensions de la rétine . Les concepteurs d'applications mobiles travaillent généralement avec des calques de forme, ce qui convient parfaitement à tout workflow de conception standard.

Enregistrer pour iOS

Voici un concept unique construit par l'agence de création ENVOY. Depuis que Photoshop a une excellente option "enregistrer pour le web", l'équipe ENVOY a construit cette action spécifiquement pour l'exportation iOS . Il existe des scripts similaires comme celui-ci mais il vaut la peine d'en ajouter un autre dans le mix.

Artista

Artista est une action Photoshop pour manipuler des photos et des dessins numériques . Les actions personnalisées peuvent être appliquées à des calques ou à l'ensemble du document. Cet ensemble d'actions particulier permet aux concepteurs de créer des styles de média intéressants tels que des lignes énergétiques et de peindre des filtres de style toile. Découvrez les aperçus d'échantillons pour voir ce qui est possible.

GUI Automation Toolbox

Bien que GitHub soit généralement associé à des projets de développement, il est possible de trouver d'excellentes ressources de conception comme cette GUI Automation Toolbox . Dans la boîte à outils, vous trouverez des scripts pour Photoshop et Illustrator. Ceux-ci peuvent aider à exporter des graphiques et à reconstruire des groupes de calques.

Pixel2Vector

Cela peut être une action Photoshop quelque peu expérimentale mais elle peut être incroyablement puissante. Pixel2Vector de Michael Tzscheppan est un pack d'action gratuit qui convertit les couches de pixels en formes vectorielles . L'action prend en charge Photoshop CS3 + et peut fonctionner comme un plugin pour CS5 +. J'adore ce concept car il peut aider les concepteurs à transformer rapidement des formes raster en éléments éditables .

Long Shadow

Le designer de Moscou Aram Mirzoyants a publié ses actions de longue ombre gratuitement sur Dribbble. Vous pouvez télécharger et utiliser ces actions pour n'importe quelle couche, des formes vectorielles au texte et aux icônes. Cela générera automatiquement un effet d'ombre 3D avec l'option d'incliner les ombres dans différentes directions à différentes longueurs.

Actions isométriques 3D

L'action de conversion isométrique Mapita est un moyen de créer des artefacts 3D dans Photoshop. Il ne fonctionne pas très bien sur toutes les conceptions, mais les graphiques plats peuvent être animés avec cette action PS gratuite (y compris un exemple de fichier PSD).

LoremPicsum

Tout le monde connaît Lorem Ipsum pour le texte de remplissage. Mais qu'en est-il de LoremPicsum pour les photos de remplissage? Ce site peut fonctionner avec des URL directes, mais il comporte également une action Photoshop. Deux versions distinctes sont disponibles pour les utilisateurs CS et les utilisateurs CC les plus récents.

Créateur de papier peint

Voici un script de génération de fond d'écran personnalisé pour les utilisateurs de Photoshop. Il peut exporter à différentes tailles pour différentes dimensions d'écran tout en gardant la qualité intacte. Les fonds d'écran ne sont pas spécifiquement adaptés à la conception de l'interface utilisateur, mais ce script est trop cool pour être exclu de la liste.

Je suis confiant que ces actions offrent suffisamment de ressources pour améliorer au moins une partie de votre flux de travail quotidien. Mais si j'ai manqué des actions Photoshop de qualité, n'hésitez pas à les ajouter dans la zone des commentaires.