in

The How-To Geek Guide to Learning Photoshop, Part 7: Design and Typography

Des programmes comme Photoshop ont permis à de nouvelles générations de futurs designers de se lancer et de créer plus facilement que jamais. Voyez à quel point c’est facile en apprenant le panneau de caractères de type et en l’appliquant à certains travaux de conception de base.

Après avoir brièvement couvert l’outil de texte dans la partie 1, La boîte à outils, et la création d’objets texte dans la partie 3, Calques, examinons de plus près comment définir la typographie dans Photoshop. Bien sûr, si vous avez manqué une partie de la Guide pratique Geek pour apprendre Photoshop, chacun est toujours disponible dans ce lien groupé.

Polices et panneau de caractères

Alors que les programmes vectoriels comme Adobe Illustrator sont des choix supérieurs pour gérer les formes abstraites comme les polices, Photoshop n’est pas en reste dans le département de typographie. Il est capable de presque tous les traitements typographiques dont Illustrator est capable, et certains qu’il ne l’est pas.

Le panneau de caractères peut être trouvé en allant dans Fenêtre> Personnage, s’il ne se trouve pas déjà dans votre panneau de droite. Il est riche en options pour votre texte, que nous allons passer en revue maintenant. Soyez averti que cette section contient des termes typographiques complexes que vous connaissez peut-être ou non. Mettez à jour vos termes typographiques avec l’article How-To Geek, «Comprendre la typographie comme un designer professionnel», ou continuez simplement à lire.

Famille de polices: Où vous avez choisi la police dans laquelle votre objet texte est défini, par exemple Helvetica, Arial, Times New Roman, etc.

Le style de police: Si vous avez des familles de polices installées, votre «style de police» peut être actif, c’est ici que vous pouvez choisir des versions alternatives du même visage. Par exemple, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, etc.

Taille de police: Où vous pouvez modifier numériquement la taille de votre police. Tapez des nombres ici ou utilisez le menu déroulant pour les tailles de points communs suggérées.

De premier plan: Terme typographique pour l’espace entre les lignes de texte de paragraphe, défini en points.

Crénage: Espacement horizontal entre les paires de lettres. Les valeurs numériques négatives ici fermeront les espaces entre les caractères tandis que les valeurs positives ajouteront de l’espace entre les lettres.

Suivi: Similaire au concept de crénage, le suivi ajuste le crénage général sur un objet texte entier ou sur plusieurs lettres sélectionnées. Vous pouvez ajuster le suivi sur un objet texte, puis effectuer un crénage entre les lettres individuelles, si vous le souhaitez.

Échelle verticale: Une manière contrôlée d’étirer et d’écraser la typographie de haut en bas. Saisissez ici des valeurs numériques en pourcentage de la hauteur des caractères d’origine.

Échelle horizontale: Une manière contrôlée d’étirer et d’écraser la typographie à gauche et à droite. Saisissez ici des valeurs numériques en pourcentage de la largeur des caractères d’origine.

Décalage de base: La ligne de base est la ligne sur laquelle le texte «repose». Déplacez certains caractères sélectionnés hors de la ligne de base pour les faire apparaître plus haut ou plus bas que le reste du texte défini.

Couleur du texte: Une zone où la couleur de l’objet texte peut être ajustée.

Langue: Règle la langue dans laquelle le texte est défini, au cas où des caractères non anglais seraient nécessaires.

Anti crénelage: Options de rendu du texte en pixels en ajustant la quantité de flou de pixel utilisé pour décrire les bords du texte. «Aucun» rend les lettres en pixels à bords durs, tandis que tous les autres utilisent diverses formes d’anti-crénelage.

Options de panneau Faux gras et autres caractères

Le panneau Options et l’outil Texte

Certaines options non disponibles dans le panneau Caractère attendent en haut de votre écran, dans le panneau Options, lorsque vous utilisez l’outil Texte. Ces trois sont:

Orientation du texte: Active / désactive la direction dans laquelle le texte de votre objet texte s’exécute, horizontalement ou verticalement.
Alignement: Définit l’alignement de votre objet texte sur aligné à gauche, aligné au centre ou aligné à droite.
Texte Warp: Déforme les objets texte en l’une des nombreuses formes prédéfinies et ajustables, comme des bannières ou d’autres objets.

Conception d’une couverture de livre simple

Parce que le design concerne l’application dans le monde réel, nous examinerons la création d’une conception de couverture de livre de base pour l’un des livres scientifiques les plus importants (pour ne pas dire controversés) de tous les temps, par Charles Darwin.

ctrl L fait apparaître l’outil de niveaux pour ajuster l’image de Darwin. Bien que la conception ne soit pas nécessairement une simple disposition des éléments, cette approche simpliste suffira à des fins de démonstration.

Lorsque l’image est noircie, cliquez sur le canal Gris dans le panneau de vos canaux. Cela crée une sélection de tout le blanc de l’image.

presse Ctrl Maj N pour créer un nouveau calque.

Édition> Remplir pour remplir la sélection de votre nouveau calque avec du blanc.

La photographie de l’icône de Darwin est maintenant supprimée du fond noir et prête à être utilisée comme élément.

presse pour créer un nouveau document à votre taille préférée. Le format illustré est le même que celui d’un autre livre important, celui de Robert Bringhurst.

Et voici notre très grand espace de travail pour la couverture du livre.

Choisissez une couleur de premier plan dans le dans votre boîte à outils. N’importe quelle couleur suffira, bien que dans cette démonstration, une couleur sombre soit préférable.

Édition> Remplir et assurez-vous de définir «Utiliser» sur «Couleur de premier plan».

Le fond est rempli de la couleur du vin choisie précédemment.

Appuyez sur la touche de raccourci . Accédez à votre fichier d’origine et faites glisser votre calque dans votre nouveau fichier à l’aide de l’outil de déplacement sélectionné.

Le calque devrait apparaître quelque chose comme ça dans le nouveau fichier.

presse ou sélectionnez l’outil de texte, illustré ci-dessus pour commencer à définir le type.

Toutes les polices ne sont pas adaptées au contenu. Cette police pixelisée est très mauvaise pour ce concept.

Une police plus conservatrice peut honorer le contenu et créer un aspect plus approprié.

Avec même quelques options de police limitées installées, cela peut sembler écrasant. Cependant, choisir la bonne police est difficile et prend du temps, mais tout à fait très important pour un élément de design.

Lorsque la bonne police est trouvée, l’ajuster avec le panneau de caractères est une chose simple.

La taille de la police est modifiée et le type est divisé en deux lignes.

Lorsque la taille du point est ajustée, nous pouvons rencontrer des problèmes d’interlignage.

Lorsque des lettres entrent en collision, les lecteurs se retrouvent avec des problèmes de lisibilité et de lisibilité. L’ajustement de l’interlignage est la seule réponse.

L’augmentation de la taille en points de l’interligne améliore la lisibilité du titre.

Des informations supplémentaires devront être ajoutées et, souvent, Photoshop suppose que vous souhaitez utiliser la même police que la taille en points de votre dernier objet texte utilisé. Cela peut ou non être le cas.

De nouveaux objets texte ajoutés et ajustés, nous pouvons commencer à accéder à notre conception dans son ensemble.

Nous pouvons trouver que nous souhaitons déplacer des éléments.

Nous pouvons également ajouter plus d’éléments ou du texte de décalage de subtilité, pour garder une ligne cohérente sur la page. L’outil Texte vous permettra également d’ajuster les fautes de frappe, comme les lettres «Signifie» «Naturel» et «Sélection» qui doivent être mis en majuscule dans un titre.

Des éléments supplémentaires peuvent également aider un dessin, comme ce squelette de Lucy, le célèbre Australopithecus afarensis. Encore une fois, la conception n’est pas nécessairement une simple combinaison d’éléments, car elle peut impliquer un processus dont Photoshop est complètement incapable. Cependant, c’est souvent un excellent outil pour ce genre de travail graphique.

Les astuces Photoshop vous ont laissé perplexe? Commencez par le début! Consultez les versions précédentes du How-To Geek Guide to Learning Photoshop.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Comment déverrouiller le chargeur de démarrage de votre téléphone Android, de manière officielle

Comment déverrouiller le chargeur de démarrage de votre téléphone Android, de manière officielle

Accédez plus facilement à votre historique de navigation dans Firefox

Accédez plus facilement à votre historique de navigation dans Firefox