Le guide geek d’apprentissage de Photoshop, Partie 7 - Conception et typographie

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 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 la définition de la typographie dans Photoshop. Bien sûr, si vous avez oublié une partie du guide d’apprentissage de Photoshop de How-To, 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 certains ne le sont pas..

Le panneau de personnage 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 parcourir maintenant. Soyez averti que cette section contient des termes typographiques compliqués que vous ne connaissez peut-être pas. Rafraîchissez vos termes de typographie avec l'article How-To Geek, «Comprenez la typographie comme un designer professionnel», ou continuez à 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 à cet endroit 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 vont ici fermer les espaces entre les caractères tandis que les valeurs positives ajouteront de l’espace entre les lettres.

Suivi: Semblable 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 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 du caractère original.

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: Ajuste 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 en gras dans la «famille de polices» ou le «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 la «famille de polices» ou le «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: Change le texte ou l’objet texte sélectionné en exposant, comme dans le cas de 2⁸.
	Indice: Change le texte ou l'objet texte sélectionné en indice, comme dans le cas de C₆H₁₂O₆.
	Souligner: Ajoute un simple soulignement sous le texte ou l'objet texte sélectionné.
	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:

	Orientation du texte: Bascule la direction d'exécution du texte dans votre objet texte, horizontalement ou verticalement.
	Alignement: Définit l'alignement de votre objet texte sur Aligné à gauche, Aligné au centre ou Aligné à droite..
	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 livres scientifiques les plus importants (pour ne pas dire controversé) de tous les temps., D'origine des espèces par sélection naturelle, par 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.

Édition: 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 attiré mon attention sur ce point..

presse créer une nouvelle couche.

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

presse 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, celui de Robert Bringhurst. 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 avec la couleur de vin choisie plus tôt.

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

La couche devrait ressembler à ceci dans le nouveau fichier.

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

Toutes les polices ne sont pas adapté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 look 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..

Quand 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 des points est ajustée, nous pouvons rencontrer des problèmes de conduite.

Lorsque les lettres entrent en collision, les lecteurs sont confrontés à des problèmes de lisibilité et de lisibilité. Ajuster l'interligne 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.

Nouveaux objets de 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 totalement 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.