Share
Les tâches répétitives peuvent rapidement devenir fastidieuses. En tant que designer, vous vous retrouvez probablement souvent en train de concevoir les mêmes éléments à plusieurs reprises.. ARRÊTEZ!
Perdre du temps est tellement démodé. Cela signifie également que vous gaspillez de l'argent! Voyons donc comment automatiser et systématiser votre flux de travail Photoshop.. Et assurez-vous de télécharger la base de projet pour toutes vos nouvelles conceptions!
La première étape de la systématisation de votre flux de travail consiste à organiser vos fichiers. Identifiez tous les éléments communs que vous utilisez dans vos conceptions.
Vous pouvez arriver à une liste comme celle-ci:
Considérez comment vos livrables finaux sont utilisés. S'ils sont expédiés à une entreprise de codage, soyez aussi organisés et complets que possible, y compris les notes et les polices, le cas échéant..
Vous pouvez vous assurer que vous avez des thèmes parfaitement organisés en créant un package qui vous permet de "remplir les blancs", pour ainsi dire. Copiez simplement ce dossier, assignez-le au projet en le renommant et commencez à travailler. C’est un moyen très simple et efficace de travailler. Cela signifie que les sites Web que vous avez construits il y a quatre ans peuvent facilement être modifiés, car tout est emballé à sa place..
Télécharger la base de projet
Dans le fichier zip, vous trouverez un simple point de départ de modèle réutilisable. Ce fichier contient des éléments tels que des séparateurs, des boutons et un modèle pré-maillé pour accélérer votre processus de conception..
Vous voyez comme c'est simple maintenant de commencer un nouveau projet? La configuration peut prendre quelques minutes, mais le temps gagné plus tard est plus long pour que vous puissiez faire ce que vous aimez le plus: concevoir!
Maintenant que nous disposons d’une base solide sur laquelle nous pouvons bâtir, nous pouvons commencer à remplir notre «chauffeur-chauffeur» avec des fichiers et des concepts spécifiques..
L'exemple de modèle vous permettra de créer une page de vos éléments les plus utilisés, prête pour une inclusion rapide dans votre dernier projet..
Si vous êtes un concepteur Web en particulier, vous constaterez que bon nombre de vos projets, même ceux qui sont différents de toutes les manières possibles, utilisent et réutilisent des éléments communs.
Commencez par créer quelques modèles réutilisables. Ne vous inquiétez pas des éléments que vous souhaitez inclure pour l'instant, car vous pouvez toujours revenir en arrière et consulter vos projets précédents et analyser des fonctionnalités plus populaires, puis les recréer ici..
Personnellement, je n'utilise qu'un seul modèle. J'ai une page d'accueil (elle contient des éléments tels que des bulletins d'information, des styles d'articles de blog, des menus, des logos et des appels à actions). Je peux modifier ce modèle pour l'adapter aux pages d'un blog, l'acheter maintenant, les formulaires, etc..
La page contient également un fichier 960.gs pré-appliqué. Cela a été inclus pour le téléchargement à la fin de l’article, dans le gabarit.
Une fois que vous avez configuré ce concept, vous pouvez créer des conceptions très rapidement. Cependant, vous devez absolument envisager de développer le vôtre et de l'adapter à vos clients et à votre équipe. Vous pouvez aller plus loin en ajoutant des icônes, des éléments de recherche et des éléments liés à la boutique en ligne - tout pour convenir à votre clientèle.
L’image ci-dessus montre la différence tangible entre une palette de calques organisée et une palette malpropre.!
Lorsque vous êtes dans un véritable flux créatif, il peut être difficile de vous arrêter et de commencer à nommer et à grouper des calques. Photoshop ne aide pas vraiment dans ce domaine par défaut non plus!
Alors, prenez le temps que vous allez pour nommer et grouper des couches. Cela vous aidera plus tard lors du codage de la conception, ou si vous expédiez pour le codage ailleurs.
Nommez chaque couche et essayez d'utiliser un mot descriptif et court, tel que "menu" pour la navigation. Groupes spécifiques, tels que l'en-tête ou un formulaire de contact.
Cela a un double avantage.
Alors, prenez le temps de vous arrêter toutes les cinq minutes environ, puis nommez et regroupez chaque élément. Vous serez heureux de l'avoir fait!
Faites bon usage de l'outil de sélection! Vous pouvez basculer le mode de sélection entre les calques et les groupes. Cela facilite la mise à jour en masse et le réalignement des conceptions, alors ne l'oubliez pas!
Si vous n'utilisez pas d'actions dans votre flux de travail, vous devriez commencer à les utiliser immédiatement.
Les actions Photoshop sont des listes entièrement configurables d’actions que Photoshop doit exécuter automatiquement. Vous pouvez créer le vôtre ou choisir parmi la prime disponible en ligne. Si vous travaillez sur Photographs par exemple et que vous souhaitez modifier et redimensionner 400 images, cela prendrait beaucoup de temps. Au lieu de cela, vous pouvez créer une action qui ajuste le contraste, modifie la taille, puis enregistre le fichier au format .jpg, en parcourant 400 fichiers en quelques secondes! Vous devez utiliser des actions!
Si vous n'avez pas les connaissances ou l'expérience pour créer vos propres actions, GraphicRiver propose un grand choix d’actions à partir de 1 $!
Les actions en vente vont des simples effets photo à cette action, qui permet d’ajouter en quelques secondes diverses sections de texte préformatées telles que les coordonnées ou les articles de blogs..
Commencez à utiliser Actions et vous remarquerez une augmentation significative de votre productivité et réduirez le nombre de fois où vous aurez besoin de répéter des tâches monotones.
Faire votre propre action est facile. Par exemple, nous allons créer une action simple pour redimensionner plusieurs images à la fois, puis les enregistrer..
Tout d'abord, vous devez cliquer sur le nouveau bouton d'action de la palette des actions..
Vous ne devriez pas avoir besoin de changer les paramètres en standard, mais changer le nom pour une meilleure organisation. Photoshop enregistre maintenant vos actions. Il suffit donc de redimensionner l’image. Aller à la taille de l'image et modifier les dimensions. L'action changera n'importe quelle image à ces dimensions. Puis cliquez sur Enregistrer.
Enfin, appuyez sur stop dans la palette d'actions..
Désormais, lorsque vous appuyez sur Play sur l'action que vous avez créée, Photoshop suit la liste des actions définies sur votre image. Bien que très simple, une action comme celle-ci pourrait vous faire économiser des heures de redimensionnement monotone de photos et d'images. Ceci est seulement un regard très simple sur les actions. Ils peuvent faire beaucoup plus, alors prenez votre temps pour apprendre à les connaître et les utiliser vraiment. Leur intérêt réside dans la manière dont vous pouvez enregistrer toutes les actions de Photoshop: sélection, modification de styles, transformation, redimensionnement et enregistrement..
Travaillez-vous avec des interfaces utilisateur? Si c'est le cas, vous devez vraiment télécharger un pack d'éléments graphiques pour Photoshop..
Il en existe beaucoup pour les systèmes d'exploitation et les plateformes mobiles les plus populaires..
Par exemple, si vous travaillez avec l'iPhone, vous pouvez télécharger le pack d'interface graphique pour iPhone contenant tous les éléments disponibles dans la bibliothèque d'interface de l'iPhone, puis commencer simplement à concevoir votre application. Simple, rapide et beaucoup plus facile que d'essayer de les créer à partir de zéro.
http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/
Kits Teehan Lax
L’agence Teehan Lax propose plusieurs kits d’assurance-chômage de haute qualité et réalistes. Ils sont parfaits pour créer un site de vente d'applications pour iPhone ou pour concevoir l'interface utilisateur réelle d'une application. Des kits sont disponibles pour l'iPhone, le Palm Pre et les navigateurs..
http://www.teehanlax.com/blog/2009/07/08/palm-pre-gui-psd/
http://www.teehanlax.com/blog/2008/11/06/iphone-gui-psd-update-13/
http://www.teehanlax.com/blog/2008/12/16/browser-form-elements-psd/
J'espère que nous vous avons donné quelques conseils que vous pouvez utiliser pour améliorer votre productivité et votre efficacité. Photoshop est un outil formidable, mais si nous ne faisons pas attention, nous pouvons nous retrouver à répéter sans cesse les mêmes tâches. Veillez donc à mettre en œuvre les conseils ci-dessus et commencez à économiser du temps, de l'argent et votre santé mentale.!
Avez-vous des conseils pour gagner du temps dans Photoshop? Avez-vous des idées sur d’autres tâches qui pourraient être automatisées pour gagner du temps et éviter les répétitions? N'hésitez pas à les partager avec la communauté via les commentaires.
Accentsconagua