Adobe Illustrator est une application fantastique pour la création d'arrangements typographiques vectoriels complexes. L’application est si volumineuse et compliquée que des années peuvent être nécessaires pour comprendre comment recréer certains des effets cools que vous avez vus ailleurs sans proposer de solutions de contournement compliquées.
Aujourd'hui, nous allons lever le mystère du travail sur les traits et les remplissages en nous plongeant dans la palette des apparences pour voir non seulement comment cela fonctionne, mais également comment manipuler les éléments qu'il contient pour créer des effets vraiment cools.
Palette Apparence 101
Pour commencer, ouvrez Illustrator et sélectionnez Fenêtre> Apparence dans la barre de menus. Cela devrait activer votre palette d'apparence. Cette petite palette est souvent ignorée mais constitue en fait l'une des fonctionnalités clés qui fait d'Illustrator un outil si puissant pour la création et la modification d'illustrations vectorielles.
Nous allons nous concentrer sur la typographie aujourd'hui, mais il est important de noter que la palette Apparence fonctionne avec à peu près tout ce que vous créez dans Illustrator, pas seulement la frappe. Les principes décrits dans cet article peuvent également être appliqués aux formes (à quelques différences près). En fait, commençons par une forme de base pour voir comment fonctionne la palette. Saisissez votre outil Ellipse, tracez un cercle et, avec le cercle sélectionné, examinez votre palette d'apparence.
Comme vous pouvez le constater, sans effort, la palette est déjà remplie de contenu. Le type d'élément est répertorié en haut (chemin) et l'élément contient trois attributs par défaut: Trait, Remplir et Opacité. Notez que nous n’avons pas encore appliqué de trait, mais qu’un apparaît quand même. Comme le trait est déjà présent, nous pouvons facilement manipuler ses paramètres ici, dans la palette d’apparence. Ci-dessous, j'ai coloré le trait et défini la largeur à 7 points.
Chaque élément que vous voyez dans la palette d'apparence est une pièce distincte du puzzle qui constitue votre objet forme ou texte. Ces pièces fonctionnent beaucoup comme des couches dans la palette des couches et peuvent être arrangées et manipulées indépendamment. Par exemple, un trait peut être placé en dessous ou au dessus d'un remplissage. Notez également les boutons situés au bas de la palette et leur similitude avec ceux de la palette des calques.
Apparence du texte
Maintenant que vous avez compris le fonctionnement de la palette d'apparence, saisissez votre outil Texte et créez du texte. Vous remarquerez que le comportement de la palette d'apparence est un peu différent ici. Cela montre que nous avons un type? objet sélectionné, mais le remplissage et le contour n'apparaissent nulle part, en dépit du fait que le texte comporte manifestement un remplissage.
En effet, votre sélection est plus compliquée qu'il n'y parait. Au lieu d’un objet texte, vous avez actuellement plusieurs lettres sélectionnées, chacune pouvant avoir ses propres attributs. Vous pouvez voir comment cela change lorsque vous sélectionnez des lettres spécifiques plutôt que l'objet entier. Maintenant, le trait et le remplissage deviennent apparents.
Cela vous permet d'exécuter facilement diverses techniques, telles que l'attribution de traits, de remplissages et d'effets à des lettres spécifiques, même si elles font partie d'une unité cohérente.
Ajout de plusieurs traits
Désélectionnez maintenant les caractères spécifiques dans votre chaîne de texte et recommencez en cliquant simplement sur l’objet texte dans son ensemble avec l’outil de sélection. Bien qu’il n’y ait pour le moment aucun fond ou contour appliqué à l’objet dans son ensemble, c’est en fait la manière dont nous allons procéder pour travailler avec cet objet. Puisque toutes nos lettres seront identiques, ce sera beaucoup plus efficace que d’ajouter à chaque lettre.
L'objet entier étant toujours sélectionné, cliquez sur le premier bouton de la bande au bas de la palette d'apparence pour ajouter un nouveau trait. Vous êtes probablement habitué à ajouter des traits en utilisant une méthode différente, mais c'est la meilleure façon de vous assurer de contrôler totalement l'apparence du trait.
Notez que cela plaçait le trait en tout en haut de la liste, au-dessus du remplissage et des caractères. Cela convient parfaitement à certaines utilisations, mais peut compliquer les choses lorsque vous augmentez la largeur du trait. Voyez comment le trait recouvre les lettres d'une manière plutôt laide?
Pour résoudre ce problème, déposez le stoke au bas de la pile. Maintenant, peu importe l'épaisseur de votre trait, cela n'empiétera pas sur l'espace occupé par le texte.
L'un des principaux avantages de l'application de traits avec la palette d'apparence est que vous pouvez en créer plusieurs sur un même objet. Cliquez sur le même bouton Créer un trait ou même copier le trait actuel, puis rendez le trait inférieur plus épais que le trait supérieur. Maintenant, faites le trait inférieur et le trait supérieur blanc. Découvrez le double contour cool qui en résulte.
Si vous étiez si enclin, vous pourriez vraiment devenir fou avec cette technique et créer des traitements de contour complexes avec autant de coups que vous le souhaitez.
Une application plus attrayante et réelle est visible dans l'image ci-dessous. Regardez attentivement le mot? Viking? et notez combien de traits séparés ont été appliqués, chacun avec des largeurs et des couleurs différentes.
Travailler avec des remplissages et des effets
L'ajout de plusieurs traits présente des avantages évidents, mais travailler avec plusieurs remplissages peut sembler un peu déroutant. Pourquoi voudriez-vous empiler des remplissages et wow vous les verriez même si elles se chevauchent? La solution consiste à compenser les remplissages dans des directions différentes afin qu'ils ne se recouvrent pas complètement. La question est alors de savoir comment compenser un fond ou un trait. C’était quelque chose avec lequel j’ai beaucoup lutté quand j’étais débutant car même si je savais que cela pouvait être fait, la technique n’est pas évidente et peut être assez frustrante à comprendre.
Pour des raisons insensées, Illustrator ne vous permet pas de sélectionner un remplissage ou un contour spécifique et de le déplacer. Pour ce faire, vous devez utiliser la palette d’effets.Pour commencer, cliquez sur le deuxième bouton en bas de la palette des apparences pour créer un nouveau remplissage, puis faites-le glisser vers le bas de la pile, comme nous le faisions auparavant.
Maintenant que le remplissage est sélectionné, cliquez sur le bouton des effets et allez à Distort & Transform> Transform. Veillez également à examiner tous les autres effets. Il y a une tonne de choses géniales ici comme le flou et le rugueux qui peuvent vraiment ajouter beaucoup de variété à vos traitements de texte.
Maintenant, avec la case Aperçu cochée, commencez à peaufiner les commandes de déplacement vers le bas. Comme vous pouvez le constater, le résultat est une sorte d’ombre personnalisée. Vous devrez peut-être changer la couleur du remplissage pour voir l'effet.
En superposant cet effet, vous obtenez un joli biseau qui reflète un effet populaire observé sur de nombreux sites Web présentant un look vintage et gravé pour le type.
Il est important de noter que si vous voulez revenir en arrière et modifier le décalage du remplissage (et vous le ferez), vous ne le faites pas en retournant au bouton des effets. Cela ajoutera une autre transformation à celle que vous avez déjà. Au lieu de cela, développez le remplissage que vous souhaitez modifier et cliquez sur le texte de transformation. Cela ouvrira la fenêtre de transformation que nous avons vue ci-dessus et vous permettra de modifier les paramètres que vous avez déjà appliqués.
Découvrez ces techniques à l’œuvre dans un autre exemple d’en-tête ci-dessous. Ces gars-là produisent continuellement de superbes polices et des traitements de caractères qui m'époustouflent.
Remplir vs accident vasculaire cérébral
Vous vous demandez peut-être pourquoi nous avons utilisé ce dernier effet avec plusieurs remplissages au lieu de coups. La vérité est que vous pouvez réellement y arriver avec l'un ou l'autre. Cependant, il est beaucoup plus facile de travailler avec des remplissages lorsque vous utilisez des décalages, car vous pouvez vous retrouver avec des résultats étranges et indésirables avec des accidents vasculaires cérébraux. Pour illustrer, considérons l'image suivante:
Notez que le remplissage a un bel effet d’ombre tandis que le trait est vide à l’intérieur. Si c'est ce que vous recherchez, utilisez un trait, sinon vous devrez vraiment augmenter l'épaisseur de ce trait pour que cela fonctionne. En fin de compte, il est beaucoup plus simple d'utiliser un remplissage.
Conclusion
J'espère que ce tutoriel vous a appris à utiliser la palette d'apparence pour obtenir des effets typographiques intéressants. Cela peut être un outil décourageant au début, mais je vous promets que vous le découvrirez en quelques minutes si vous suivez cet article de près et jouez un peu avec vos propres expériences.
Il est temps que tu m'apprennes une chose ou deux. Laissez un commentaire ci-dessous et parlez-nous de vos astuces préférées dans la palette Apparence. Assurez-vous de laisser un lien vers un aperçu du tour si vous avez une image à nous montrer!