20 actions Photoshop gratuites que tous les concepteurs doivent avoir

Les scripts automatisés font gagner du temps et améliorent le flux de travail dans tous les domaines de la création. Les produits Adobe comme Photoshop proposent des scripts appelés actes qui automatise un processus plusieurs fois en un clic. Il existe des sites Web Photoshop exclusifs mais beaucoup d'entre eux s'adressent aux photographes..

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

iOS 7 Flou

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

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

Actions Bjango

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

La liste comprend une bascule pour l'activation et la désactivation des pixels, la duplication automatique d'une zone de travail entière, le centrage dans une sélection et même le rognage d'un plan au format Dribbble. La collection Bjango Actions est actuellement en v4 avec des dizaines d'actions, de scripts et de flux de travaux OS X.

Pas plus de baguage

Jeff Broderick a construit une action simple appelée Pas plus de baguage 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 couleur gradués sont évidents.. Cette action va nettoyer les effets de bandes, avec une capture: il augmente également considérablement la taille du fichier d'un document. Cela n’est donc peut-être pas utile pour tous les projets, mais il convient de garder cela à l'esprit..

Capture d'écran Photoshop

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

Cette fonction est idéale pour les prises de vue en perspective biaisées afin d’afficher les interfaces de manière unique. Bien que cela ne vous aide peut-être pas à mieux concevoir, cela peut améliorer votre présentation..

PSD À PNG Automator

L'exportation d'une conception prend du temps, mais elle peut être simplifiée avec celle de Luis da Silva PSD à l'exportation PNG. Ce convertit un fichier PSD complet en un fichier PNG depuis le panneau d'action de Photoshop. D'après ce que je peux dire, cela fonctionne pour toutes les versions de Photoshop de CS à CC..

Interface utilisateur du navigateur

J'ai toujours voulu voir à quoi ressemble votre maquette dans une fenêtre de navigateur? Grâce à l'action de l'interface utilisateur du navigateur, il suffit maintenant d'un clic sur un bouton.

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

Le rétiniser

Retinize It est une action gratuite de Photoshop permettant de créer des copies d’icônes et d’éléments d’interface. Il vous suffit de sélectionner un calque (ou groupe de calques) et d'exécuter l'action. Les graphiques peuvent être nommés et exportés avec custom @ 2x et @ 3x exigences de taille.

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 maintenir la qualité lors de l’agrandissement..

Exporter en SVG

L'exportation par couche est une autre tâche manuelle que personne ne veut vraiment faire. Cette action d’exportation de PSD à SVG simplifie 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 CS5 ou supérieures..

Interface utilisateur du navigateur à plat

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

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

Affichage stéréo

Tous ceux qui ont besoin d’un affichage stéréo seront comblés par cette action. Cette action d’affichage stéréo gratuite crée un effet 3D avec des ombres et des bords asymétriques, le tout à partir de la saisie d’éléments d’UI plats..

Action loupe

C'est l'une de mes actions préférées car elle est très pratique pour les affichages graphiques et les présentations. Les concepteurs d'interface apprécieront cette action de la loupe créé 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 en particulier, et peut être utile pour des projets d'équipe ou des tutoriels en ligne..

Actions iPhone 6/6 +

Geof Crowl, concepteur numérique, a créé une collection personnalisée d’actions pour iPhone 6 organiser les graphiques d'un PSD en dimensions rétiniennes. Les concepteurs d’applications mobiles utilisent généralement des calques de forme, ce qui devrait s’intégrer parfaitement à tout flux de travail de conception typique.

Enregistrer pour iOS

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

Artista

Artista est une action Photoshop pour manipuler des photos et des conceptions numériques. Les actions personnalisées peuvent être appliquées aux calques ou à l'ensemble du document. Cet ensemble d’actions permet aux concepteurs de créer des styles de média intéressants tels que des lignes énergiques et des filtres de style canevas. Consultez les exemples de prévisualisations 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 celle-ci. 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 couches.

Pixel2Vector

Il s’agit peut-être d’une action quelque peu expérimentale de la part de Photoshop, mais elle peut être incroyablement puissante. Pixel2Vector de Michael Tzscheppan est un pack d’actions 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'aime ce concept car il peut aider les concepteurs transformer rapidement des formes raster en éléments modifiables.

Longue ombre

Le designer moscovite Aram Mirzoyants a publié son actions d'ombre longues gratuitement sur Dribbble. Vous pouvez télécharger et utiliser ces actions pour tous les calques, des formes vectorielles au texte et aux icônes. Cela générera automatiquement un effet d'ombre 3D avec la possibilité de pencher des 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. Cela ne fonctionne pas très bien sur tous les modèles mais les graphiques plats peuvent prendre vie avec cette action PS gratuite (avec 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 plus récents de CC.

Fabricant de papier peint

Voici un script de génération de papier peint personnalisé pour les utilisateurs de Photoshop. Il peut exporter dans différentes tailles pour différentes dimensions d'écran tout en préservant la qualité. Les fonds d'écran ne sont pas spécifiquement pertinents pour la conception d'interface utilisateur, mais ce script est trop cool pour être exclu de la liste.

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