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

Table des matières:

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

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

Vidéo: Le guide geek d’apprentissage de Photoshop, Partie 7: Design et typographie
Vidéo: Jocko Podcast 290: Sea Stories and Tales of Terror, with Admiral William McRaven - YouTube 2024, Mars
Anonim
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.
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.
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 28.
Image
Image
Indice: Change le texte ou l'objet texte sélectionné en indice, comme dans le cas de C6H12O6.
Image
Image
Souligner: Ajoute un simple trait de soulignement sous le texte ou l'objet texte sélectionné.
Image
Image
Barré: Ajoute une frappe simple à travers tout votre texte ou objet texte sélectionné.
Image
Image

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:
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
Image
Orientation du texte: Bascule la direction dans laquelle le texte de votre objet texte est exécuté, horizontalement ou verticalement.
Image
Image
Alignement: Définit l'alignement de votre objet texte sur Aligné à gauche, Aligné au centre ou Aligné à droite.
Image
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.
Image
Image

Concevoir une couverture de livre simple

Image
Image

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.

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

presse
presse
pour créer un nouveau calque.
pour créer un nouveau calque.
Édition> Remplir pour remplir en blanc la sélection dans votre nouveau calque.
É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.
La photographie d'icône de Darwin est maintenant retirée du fond noir et prête à être utilisée comme élément.
presse
presse
Image
Image
Image
Image

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.
Et voici notre très grand espace de travail pour la couverture du livre.
Choisissez une couleur de premier plan dans le
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.
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».
É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.
Le fond est rempli de la couleur du vin choisie plus tôt.
Appuyez sur la touche de raccourci
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é.
. 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.
La couche doit apparaître comme ceci dans le nouveau fichier.
presse
presse
ou sélectionnez l'outil Texte, illustré ci-dessus pour commencer à définir le type.
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.
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é.
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.
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.
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.
La taille de la police est modifiée et le type divisé en deux lignes.
Image
Image
Lorsque la taille en points est ajustée, nous pouvons rencontrer des problèmes de tête.
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.
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.
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.
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.
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 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.
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.
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.

Conseillé: