Le guide geek d’apprentissage de Photoshop, Partie 7: Design et typographie

2024 Auteur: Geoffrey Carr | [email protected]. Dernière modifié: 2023-12-17 11:01

Des programmes tels que Photoshop ont permis aux nouvelles générations de concepteurs potentiels de se lancer et de créer avec plus de facilité que jamais. Découvrez à quel point il est facile d'apprendre le Panneau de caractères de type et de l'appliquer à des travaux de conception de base.

Après avoir brièvement décrit l’outil de texte de la partie 1, La boîte à outils, et la création d’objets texte dans la partie 3, les calques, examinons de plus près la définition de la typographie dans Photoshop. Bien sûr, si vous avez oublié une partie du Guide pratique d’apprentissage de Photoshop, ils sont toujours disponibles dans ce lien.

Les polices et le panneau de caractères

Bien que les programmes vectoriels tels que Adobe Illustrator soient un choix supérieur pour la gestion des formes abstraites telles que les polices, Photoshop n’est pas en reste dans le département Typographie. Il est capable de presque tous les traitements typographiques dont Illustrator est capable, et d’autres que ce n’est pas le cas.

Le panneau de caractères peut être trouvé en allant dans Fenêtre> Caractère, s'il ne se trouve pas déjà dans votre panneau de droite. Il est riche en options pour votre texte, que nous allons parcourir maintenant. Soyez averti que cette section contient des termes typographiques compliqués que vous ne connaissez peut-être pas. Améliorez vos termes de typographie avec l'article How-To Geek, «Comprenez la typographie comme un concepteur professionnel», ou continuez à lire.

Famille de polices: Où vous avez choisi la police de votre objet texte, 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 d’autres versions 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 les nombres ici ou utilisez le menu déroulant pour les tailles de points communs suggérées.

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

Kerning: Espacement horizontal entre les paires de lettres. Les valeurs numériques négatives ici vont fermer les espaces entre les caractères, tandis que les valeurs positives ajoutent un espace entre les lettres.

Suivi: Semblable au concept de crénage, 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 le kern entre différentes lettres, si vous le souhaitez.

Échelle verticale: Une manière contrôlée d’étirer et d’écraser la typographie. Entrez les valeurs numériques ici en pourcentage de la hauteur du caractère original.

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

Décalage de base: La ligne de base est la ligne sur laquelle le texte «repose». Éloignez certains caractères sélectionnés de la ligne de base pour qu'ils apparaissent 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.

La 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 pixels utilisée pour décrire les bords du texte. "Aucun" affiche les lettres en pixels aux contours nets, tandis que tous les autres utilisent diverses formes d'anti-aliasing.

Faux gras et autres options du panneau Caractère

	Faux Gras: La taille de votre police actuelle est épaissie artificiellement pour créer une police audacieuse artificielle. Il est généralement préférable d’utiliser une police audacieuse en caractères gras dans “Famille de polices” ou “Style de police”.
	Faux Italique: Votre police actuelle est artificiellement inclinée vers la droite, ce qui crée un faux aspect italique. Encore une fois, il est préférable d’utiliser une police italique réelle dans “Famille de polices” ou “Style de police”.
	Majuscule: Transforme votre type en majuscule. Très utile dans les cas où il est fastidieux de retaper de grandes sections de texte en majuscules et minuscules.
	Lettres minuscules: Crée une fausse petite majuscule en réduisant la taille en points de vos lettres majuscules. Toutes les lettres minuscules seront remplacées par ces petites capitales dans votre objet texte.
	En exposant: Remplace le texte ou l’objet texte sélectionné en exposant, comme dans le cas de 2⁸.
Image	Indice: Change le texte ou l'objet texte sélectionné en indice, comme dans le cas de C₆H₁₂O₆.
Image	Souligner: Ajoute un simple trait de soulignement sous le texte ou l'objet texte sélectionné.
Image	Barré: Ajoute une frappe simple à travers tout votre texte ou objet texte sélectionné.

Le panneau d'options et l'outil Texte

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

Image	Orientation du texte: Bascule la direction dans laquelle le texte de votre objet texte est exécuté, horizontalement ou verticalement.
Image	Alignement: Définit l'alignement de votre objet texte sur Aligné à gauche, Aligné au centre ou Aligné à droite.
Image	Warp Text: Déforme les objets de texte en plusieurs formes prédéfinies et ajustables, telles que des bannières ou d’autres objets.

Concevoir une couverture de livre simple

Parce que le design concerne les applications du monde réel, nous allons examiner, à travers la création d'un dessin de base de couverture de livre, l'un des ouvrages scientifiques les plus importants (pour ne pas dire controversé) de tous les temps, D'origine des espèces par sélection naturellepar Charles Darwin.

fait apparaître l'outil de niveaux pour ajuster l'image de Darwin. Bien que la conception ne se limite pas nécessairement à la 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 des canaux en maintenant la touche Ctrl enfoncée. Cela crée une sélection de tout le blanc dans l'image.

Modifier: si votre fichier n’est pas déjà en niveaux de gris, mais en RVB ou CMJN, vous devez aller dans Image> Mode> Niveaux de gris avant Ctrl + Clic sur votre canal en niveaux de gris. Merci au lecteur HTG, l3utterfish, d’avoir porté cela à mon attention.

Édition> Remplir pour remplir en blanc la sélection dans votre nouveau calque.

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

pour créer un nouveau document à la taille de votre choix. La taille illustrée est la même que celle d’un autre livre important, Robert Bringhurst’s Les éléments du style typographique.

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 régler «Utiliser» sur «Couleur de premier plan».

Le fond est rempli de la couleur du vin choisie plus tôt.

. 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é.

La couche doit apparaître comme ceci dans le nouveau fichier.

ou sélectionnez l'outil Texte, illustré ci-dessus pour commencer à définir le type.

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

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

Même avec quelques options de police limitées installées, cela peut sembler écrasant. Cependant, choisir la bonne police est difficile et prend du temps, mais il est très important pour un élément de conception.

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 divisé en deux lignes.

Lorsque la taille en points est ajustée, nous pouvons rencontrer des problèmes de tête.

Lorsque les lettres entrent en collision, les lecteurs sont confrontés à 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 souhaitiez utiliser la même police en tant que taille en points que votre dernier objet texte utilisé. Cela peut être ou ne pas ê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 d'autres éléments ou du texte avec décalage de subtilité, afin de conserver une ligne cohérente sur la page. L'outil Texte vous permettra également de corriger les fautes de frappe, telles que les lettres «Moyens» «Naturel» et «Sélection», qui doivent être capitalisées dans un titre.

Des éléments supplémentaires peuvent également aider une conception, comme ce squelette de Lucy, le célèbre Australopithecus afarensis. Encore une fois, le design n’est pas nécessairement une simple combinaison d’éléments, car il peut s’agir d’un processus dont Photoshop est tout à fait incapable. Cependant, c'est souvent un excellent outil pour ce type de travail graphique.

Astuces Photoshop vous ont laissé confus? Commencez au début! Consultez les versions précédentes du How-To Geek Guide pour apprendre Photoshop.

Partie 1: La boîte à outils
Partie 2: Panneaux de base
Partie 3: Introduction aux couches
Partie 4: Menus de base
Partie 5: Édition de photos pour débutants
Partie 6: Art numérique
Partie 7: Design et typographie
Partie 8: Filtres

Revenez à How-To Geek pour la dernière tranche du Guide de l’apprentissage de Photoshop, où nous résumerons notre guide avec un aperçu des filtres de Photoshop.

Crédit d'image: Darwin par Julia Margaret Cameron, dans le domaine public. Lucy par l'utilisateur 120 de Wikipedia, mis à disposition sous Creative Commons.