15Sep

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

Des programmes comme Photoshop ont permis à de nouvelles générations de concepteurs potentiels de se lancer et de créer avec plus de facilité que jamais auparavant. Voyez à quel point c'est facile en apprenant le panneau de caractères de type, et en l'appliquant à un travail de conception de base.

Ayant brièvement couvert l'outil de texte dans la partie 1, La boîte à outils, et la création d'objets de 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 du Guide pratique d'apprentissage de Photoshop, chacun est toujours disponible dans ce lien groupé.

Polices et le panneau de caractères

Tandis que les programmes vectoriels comme Adobe Illustrator sont des choix supérieurs pour manipuler des formes abstraites comme des polices, Photoshop n'est pas en reste dans le département de typographie. Il est capable de presque n'importe quel traitement typographique Illustrator est capable de, et certains que ce n'est pas le cas.

Le panneau de caractères peut être trouvé en allant à Window & gt;Caractère, si ce n'est pas déjà dans votre panneau latéral droit. Il est riche en options pour votre texte, que nous allons revoir maintenant. Soyez averti, cette section contient des termes typographiques complexes que vous pouvez ou non connaître. Brush sur vos termes de typographie avec l'article How-To Geek, "Comprendre la typographie comme un concepteur professionnel", ou simplement continuer à lire.

Famille de police:

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 condensé, Arial arrondi 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.

Début: Terme typographique pour l'espace entre les lignes du texte de paragraphe, défini en points.

Crénage: 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

: 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 kern entre des lettres individuelles, si vous le souhaitez.

Echelle verticale: Une manière contrôlée d'étirer et d'écraser la typographie de haut en bas. Entrez les valeurs numériques ici en pourcentage de la hauteur du caractère d'origine.

Echelle 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 d'origine.

Baseline Shift: La ligne de base est la ligne sur laquelle le texte "repose".Déplacez certains caractères sélectionnés 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: Zone dans laquelle 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-Aliasing: Options pour rendre le texte en pixels en ajustant la quantité de flou de pixel utilisée pour décrire les bords du type."None" restitue les lettres dans les pixels à bords rigides, tandis que toutes les autres utilisent différentes formes d'anti-aliasing.

Faux Gras et autres options de panneau de caractères

Faux Gras: La taille de votre police actuelle est artificiellement épaissie pour créer une police artificielle en gras. L'utilisation d'une police en gras dans la "famille de polices" ou le "style de police" est généralement préférable.
Faux Italique: Votre police actuelle est artificiellement inclinée vers la droite, créant un faux look italique. Encore une fois, l'utilisation d'une police en italique dans la "famille de polices" ou le "style de police" est préférable.
Majuscules: Transforme votre type en majuscules. Très utile dans les cas où il est fastidieux de retaper de grandes parties de texte majuscules et minuscules.
Small Caps: Crée une fausse petite majuscule en réduisant la taille en points de vos majuscules. Toutes les lettres minuscules seront remplacées par ces plus petites majuscules dans votre objet texte.
Exposant: Modifie le texte ou l'objet texte sélectionné en exposant, comme dans le cas de 28.
Indice: Modifie le texte ou l'objet texte sélectionné en indice, comme dans le cas de C6H12O6.
Souligné: Ajoute un trait de soulignement simple sous le texte ou l'objet texte sélectionné.
Barré: Ajoute un simple coup dans tout votre texte ou objet texte sélectionné.

Le panneau Options et l'outil Type

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: Bascule 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 Alignement à gauche, Alignement central ou Alignement à droite.
Texte de distorsion: Déforme les objets de texte en une forme prédéfinie et réglable, comme des bannières ou d'autres objets.

Conception d'une couverture de livre simple

Parce que le design est une application du monde réel, nous allons regarder à travers la création d'une couverture de livre de base pour l'un des livres scientifiques les plus importants( pour ne pas dire controversés) de tous les temps. Espèces au moyen de la sélection naturelle , par Charles Darwin.

affiche l'outil Niveaux pour ajuster l'image de Darwin. Bien que la conception ne soit pas nécessairement une simple disposition d'é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 chaînes. Cela crée une sélection de tous les blancs dans l'image.

Modifier: Si votre fichier n'est pas déjà en niveaux de gris, mais RVB ou CMJN, vous devriez aller à Image & gt;Mode & gt;Niveaux de gris avant Ctrl + Clic sur votre canal en niveaux de gris. Merci au lecteur HTG l3utterfish pour avoir porté ceci à mon attention.

Appuyez pour créer un nouveau calque.

Modifier & gt;Remplissez pour remplir la sélection dans votre nouveau calque avec du blanc.

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

Appuyez sur pour créer un nouveau document à la taille de votre choix. La taille illustrée est la même taille d'un autre livre important, 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 la boîte à outils. Toute couleur suffira, bien que dans cette démonstration, une couleur foncée soit préférable.

Modifier & gt;Remplissez et assurez-vous de régler "Utiliser" sur "Couleur de premier plan".

L'arrière-plan est rempli avec la couleur de 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 en utilisant l'outil de déplacement sélectionné.

La couche devrait apparaître quelque chose comme ça dans le nouveau fichier.

Appuyez sur ou sélectionnez l'outil de saisie illustré ci-dessus pour lancer le type de réglage.

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 look plus approprié.

Même avec quelques options de polices limitées installées, cela peut sembler accablant. Cependant, choisir la bonne police est difficile et prend du temps, mais tout à fait très important pour une pièce de design.

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

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 avec leading.

Lorsque les lettres entrent en collision, les lecteurs auront des problèmes de lisibilité et de lisibilité.Ajuster le début est la seule réponse.

L'augmentation de la taille du point améliore la lisibilité du titre.

Des informations supplémentaires doivent ê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 peut ne pas être le cas.

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 de subtlety shift text, pour garder une ligne cohérente sur la page. L'outil Texte vous permettra également d'ajuster les fautes de frappe, comme les lettres "Moyens" "Naturel" et "Sélection" qui ont besoin de capitaliser dans un titre.

Des éléments supplémentaires peuvent également aider un design, 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 impliquer un processus dont Photoshop est complètement incapable. Cependant, c'est souvent un excellent outil pour ce genre de travail graphique.

Photoshop conseils vous a laissé perplexe? Commencez au début! Découvrez les versements précédents du Guide pratique d'apprentissage de 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 débutant
  • Partie 6: Art numérique
  • Partie 7: Conception et typographie
  • Partie 8: Filtres
Revenez à How-To Geek pour les dernières versions du Guide to Learning Photoshop, où nous terminerons notre guide en regardant les filtres de Photoshop.

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