10 astuces d'Adobe Photoshop pour les concepteurs

Croyez-le ou non, si vous utilisez Photoshop pour concevoir des sites Web, vous êtes sur la bonne voie pour devenir un concepteur de sites Web prospère. En effet, Photoshop est l’un des outils les plus avancés du secteur du design permettant de concrétiser votre imagination créatrice grâce à sa pléthore d’outils professionnels qui augmentent votre productivité en même temps..

Mais comment connaissez-vous Photoshop? Nous nous demandons parfois pourquoi certains concepteurs de sites Web peuvent concevoir une présentation de site Web avec des graphiques extrêmement lourds en 5 jours, alors qu'il nous faut environ 10 jours pour réaliser ce type de conception. Il ne s'agit probablement pas de la rapidité avec laquelle vous pouvez cliquer, mais de votre connaissance de Photoshop et de la façon dont vous allez exploiter tout son potentiel pour augmenter votre productivité..

Nous voulons que vous sachiez comment libérer tout son potentiel. Oui, c’est la raison pour laquelle nous avons créé ce billet afin de vous fournir 10 astuces extrêmement utiles sur Photoshop pour augmenter votre vitesse de conception. Il peut y avoir un raccourci, une fonctionnalité ou un paramètre que vous ne connaissez pas, mais plus maintenant. Avec cet article, vous allez tous les apprendre, et vous allez concevoir de plus en plus vite..

Remarque: les touches de raccourci mentionnées dans cet article sont au format Windows Photoshop. Si vous utilisez Mac, assurez-vous de savoir que Ctrl = Cmd (Commande) et Alt = Opt (Option).

10. Annuler, plus d'annulation s'il vous plaît

Je crois totalement que les concepteurs sont très dépendants d’annuler quelque chose, même jusqu’à ce que nous commettions une erreur en esquissant nous avons tendance à le «défaire»..

Comme vous le savez peut-être en appuyant sur Ctrl + Z dans Photoshop, vous pouvez annuler l'action précédente que vous avez effectuée, mais si vous appuyez à nouveau sur la même combinaison de touches, l'action précédente sera rétablie. Ceci est tout à fait contre nature et gênant, car vous devez toujours annuler plusieurs fois pour atteindre l'état souhaité..

Croyez-le ou non, Photoshop dispose d'un bouton spécifique pour annuler plusieurs annulations. Il s'agit des touches Alt + Ctrl + Z. Oui, en utilisant cette combinaison de touches, vous pouvez annuler plusieurs fois, en fonction de la valeur des états de l'historique que vous avez définie dans Edition> Préférence>. Performance.

Si vous êtes habitué à la combinaison de touches commune à Annuler, à savoir Ctrl + Z, vous pouvez simplement appuyer sur Ctrl + Maj + Alt + K pour accéder au panneau Raccourci clavier et modifier la combinaison de touches d'annulation dans la section Edition en Ctrl + Z..

9. Couleur d'échantillonnage, n'importe où!

Vous êtes tombé sur un site Web bien conçu et vous vous demandez quelle couleur exacte utilise-t-il? Cela arrive très souvent lorsque je cherche de l'inspiration pendant que je fais la mise en page du site dans Photoshop. Pour moi, je vais lancer un sélecteur de couleur, choisir la couleur et obtenir son numéro hexadécimal, puis cliquer sur la palette de couleurs dans Photoshop, puis entrer le numéro hexadécimal puis obtenir la couleur, assez gênant, n'est-ce pas??

Eh bien, vous n'avez pas vraiment besoin de souffrir de la sorte, vous pouvez simplement cliquer sur l'outil Pipette ou appuyer sur la touche I pour l'activer, puis cliquer sur l'écran de travail de Photoshop et faire glisser l'icône Pipette n'importe où sur l'écran du moniteur pour obtenir la couleur souhaitée. vouloir. Oui, c'est aussi simple que ça.

8. Guide flexible

Le conseil n ° 8 est en réalité une combinaison de deux conseils, j'espère que cela ne vous dérange pas d'obtenir plus de conseils. En tant que concepteur de sites Web, nous avons beaucoup à faire avec le guide pour positionner correctement un élément, autrement dit, il est parfait en pixels..

Comment créez-vous un guide? Cliquez sur View, New Guide, puis choisissez le guide horizontal ou vertical, entrez sa position et cliquez sur Enter? Bon, vous pouvez enregistrer ces œuvres en appuyant simplement sur Ctrl + R pour activer l'outil Règle, cliquez sur l'outil et faites-le glisser pour créer un guide horizontal, ou inversement..

Outre la création instantanée de guides, voici un autre conseil utile. Tout en faisant glisser un guide avec l'outil Déplacer qui peut être activé à l'aide de la touche V, maintenez la touche Alt enfoncée pour modifier le guide horizontal en guide vertical, ou inversement. Maintenant, vous pouvez probablement vous considérer comme un professionnel de l’utilisation du guide..

7. Fun Cloner Style Layer

Les styles de calque sont très amusants lorsque vous pouvez simplement les appliquer pour rendre, par exemple, une icône de média social plutôt charmante et unique, mais il sera très fatiguant si vous voulez appliquer les mêmes styles de calque à toutes les icônes de médias sociaux habituellement utilisées. plusieurs pièces.

Avez-vous déjà réalisé qu'il y avait un fx icône à côté de votre couche? Eh bien tout existe pour une raison, si vous appuyez sur Alt et faites glisser le fx icône vers un autre calque, les styles du premier calque seront copiés dans celui sur lequel vous avez fait glisser le curseur, pratique, non??

Aussi, si vous êtes intéressé par l'utilisation commune de cette fx icône, elle vous permet de déplacer les styles d'un calque vers un autre et il vous suffit de faire glisser l'icône vers un autre calque sans appuyer sur la touche Alt.

6. Centrer les éléments en toute simplicité

Pour obtenir une conception parfaite des pixels, nous devons souvent positionner l'élément exactement là où il devrait être. Cela semble facile car vous pouvez simplement créer des guides et aligner l'élément sur ces guides, mais il sera difficile de centrer un élément dans une zone donnée, ce qui nécessite beaucoup de guides, de mesures et de focalisations..

En fait, vous avez un moyen de rendre tout ce processus beaucoup plus facile, cliquez sur le calque de l'élément que vous souhaitez centrer de manière absolue, puis appuyez sur Ctrl + A pour sélectionner le document entier. Après cela, lancez l'outil Déplacer et vous verrez quelques icônes à côté de l'option, Afficher les contrôles de transformation. Cliquez sur la 2ème icône pour centrer l'élément verticalement, puis cliquez sur la 5ème icône pour centrer l'élément horizontalement, voilà un élément centré absolu.

Vous pouvez non seulement centrer l’élément sur l’ensemble de la zone du document, mais aussi le centrer sur certaines zones. Supposons que je souhaite centrer un élément absolu dans la zone de pied de page, je peux simplement sélectionner la zone de pied de page à l'aide de l'outil de sélection qui peut être activé en appuyant sur la touche M, puis centrer de manière absolue l'élément dans cette zone spécifique..

Vous pouvez étudier d'autres options d'alignement à côté de l'option Afficher les commandes de transformation, elles sont très utiles pour aligner vos éléments dans un large éventail de situations..

5. Afficher la sélection, un à la fois

Souvent, lors de la conception d’une présentation, vous devez vérifier l’aspect exact d’un élément, par exemple dans la présentation de site Web ci-dessous. Je souhaite vérifier les boutons du curseur afin de s’assurer qu’ils ne sont pas transparents et qu’ils ont donc exactement la même apparence. ou sans image de curseur.

Auparavant, je devais désactiver la visibilité du calque de l'image du curseur, du calque d'arrière-plan du curseur et même du calque d'arrière-plan du contenu, mais je peux maintenant simplement maintenir la touche Alt enfoncée, puis cliquer sur l'icône en forme d'œil située à côté du groupe de boutons pour la désactiver. la visibilité de tous les calques pour que je ne voie que ces boutons. Après les avoir vérifiées, je peux simplement répéter le tour pour ramener la visibilité de toutes les couches.

Cette astuce est également extrêmement utile pour le découpage d’images. Vous souhaitez découper le bouton du curseur sans autre élément que l'image du curseur, vous pouvez ainsi utiliser cette astuce pour désactiver la visibilité de tous les calques et le répéter, puis répétez l'opération pour récupérer la visibilité de tous les calques afin de gagner beaucoup de temps. activer et désactiver la visibilité des calques.

4. Personnaliser le suivi de la police, à tout moment

Cette astuce vous indique comment augmenter facilement le suivi des polices dans certaines parties du type. Elle ne peut donc être utilisée que dans certaines situations spécifiques, telles que la création de logo ou de bouton, mais c'est une astuce professionnelle qui permet de gagner beaucoup de temps pour la recherche de polices. typographie appropriée pour la création de votre logo ou de vos boutons.

Très bien, supposons que je souhaite réduire le nombre de suivis du type "360" afin que le type de mon logo soit unique et que le visiteur s'en souvienne plus facilement. Je peux sélectionner 'POLO360' en utilisant l'outil Texte qui peut être activé en appuyant sur la touche T, puis en maintenant la touche Alt enfoncée et en appuyant sur le bouton pour commencer à diminuer le suivi du type, ce qui portera le résultat ci-dessus..

Vous pouvez utiliser cette astuce pour résoudre le problème de suivi de certaines polices artistiques. Ne vous inquiétez donc pas du suivi lors de la prochaine recherche de polices graphiques pour la création de votre logo.!

3. Instant Layer Selection = Win

La mise en page est un travail épuisant, car nous devons nous attaquer à de nombreux problèmes tels que la typographie, l'espacement et les graphiques, mais il sera difficile de trouver le calque d'un élément spécifique parmi des centaines de calques..

Laissez cette astuce faciliter la vie de votre designer. Activez l'outil Déplacement à l'aide de la touche V et maintenez la touche Ctrl enfoncée, puis cliquez sur l'élément et vous sélectionnerez automatiquement le calque de l'élément. C'est vraiment aussi simple que cela, mais gardez à l'esprit que si vous mettez des éléments dans un groupe, alors, en utilisant la même astuce, vous sélectionnerez le dossier du groupe contenant l'élément sur lequel vous avez cliqué, comme indiqué ci-dessus..

2. Objet intelligent pour Smart Designer

Comme son nom l'indique, Smart Object rend votre édition plus intelligente en effectuant 2 fonctions principales: effectuer des transformations non destructives et effectuer un filtrage. Cette fonctionnalité est très pratique, en particulier lorsque vous créez une mise en page de site avec des graphiques lourds tels que des photos, des icônes de réseaux sociaux et des kits d'interface utilisateur. Lorsque vous cliquez simplement sur un calque, cliquez sur "Convertir en objet dynamique". profiter de ses avantages.

La première fonction indique qu’une fois qu'un calque est converti en objet dynamique, vous pouvez le transformer comme vous le souhaitez sans perdre sa qualité initiale. Dans notre cas, nous souhaitons réduire la taille du curseur afin de convertir les calques du curseur en objet dynamique et de le transformer en un objet plus petit..

Ouch, c'est trop petit alors j'ai décidé de le changer.

On dirait que tout va bien et que rien ne s'est passé non? Voici le résultat si vous avez appliqué une transformation en arrière sans convertir le calque en objet dynamique..

Donc, vous pouvez probablement voir la différence ici, en particulier la partie des boutons du curseur. La transformation en arrière sans Smart Object appliqué aux calques entraîne la perte de qualité des curseurs et de leurs boutons. Ainsi, en convertissant un calque en objet dynamique, vous pouvez le transformer en taille plus petite que vous le souhaitez, mais une fois que vous avez regretté votre décision, vous pouvez le restaurer sans perte de qualité..

Un autre avantage de la conversion d'un calque en objet dynamique est qu'une fois que vous avez appliqué le filtre sur un objet dynamique, un calque de filtre apparaît sous le calque d'objet dynamique afin que vous puissiez le désactiver plus facilement en désactivant simplement la visibilité du calque du filtre. Ce filtrage est appelé filtrage non destructif. , un excellent gain de temps pour votre projet.

1. Un instantané du beau passé

Vous avez maintenant appris à annuler plusieurs fois, à copier des styles de calque, à sélectionner plus rapidement des calques et à utiliser les objets intelligents pour gagner du temps. Eh bien, ce sont des compétences très utiles qui augmentent considérablement votre productivité, mais après deux heures de travail, vous regrettiez votre montage et vous décidiez de commencer par le milieu? Le refaire complètement sera très épuisant et ennuyeux même si vous avez appliqué tous les conseils de tueur que vous avez appris auparavant, c'est alors que Snapshot entre en action.

Instantané vous permet de créer une copie temporaire de n’importe quel état de votre édition. Ainsi, lorsque vous rencontrez des difficultés pour améliorer votre conception et décidez de revenir en arrière, vous pouvez simplement cliquer sur un instantané pour vous ramener à l’état souhaité. Pour prendre un instantané, il vous suffit d'ouvrir la palette Historique et de cliquer sur la deuxième icône que vous voyez au bas de la palette..

Il existe également certaines fonctionnalités utiles pour les instantanés, comme vous pouvez prendre plusieurs instantanés pour avoir plus de choix et les nommer pour que vous vous en souveniez plus facilement. En fin de compte, vous pouvez également utiliser ces instantanés pour comparer différents effets que vous avez créés pour votre conception..

Cependant, n'oubliez pas que, une fois que vous avez fermé le document, les instantanés sont supprimés instantanément. Par conséquent, si vous souhaitez conserver ces états, vous pouvez cliquer sur chaque instantané et enregistrer le document dans un autre fichier..

Réflexion

Vous êtes arrivé à la fin de l'article, excellent travail. À ce stade, vous devriez avoir suffisamment de conseils efficaces pour gagner du temps afin d'améliorer votre vitesse de conception, mais souvenez-vous toujours que l'apprentissage est le meilleur moyen d'en savoir plus sur votre Photoshop, augmentant ainsi votre productivité. Continuez donc à en apprendre davantage et vous deviendrez un concepteur Web plus compétitif de tous les temps..

Eh bien, nous avons partagé notre meilleur, et toi? Si cela ne vous dérange pas, partagez vos astuces mortelles avec Photoshop pour nous indiquer le meilleur moyen d'utiliser Photoshop. Merci pour votre générosité.!