Voir à travers les effets d'ombre de texte (et de forme) dans Adobe Illustrator - Un cours de graphisme pour le déjeuner™.

1. Introduction à la création d'un effet de texte vu à travers dans Adobe Illustrator de or: Bonjour, je suis Helen Bradley et bienvenue dans ce cours sur la création d'un look Shadow pour le remplissage des espaces et le décalage pour le texte dans Adobe Illustrator. Dans ce cours, nous allons étudier la création de cet effet de texte dans Adobe Illustrator. Maintenant, il existe plusieurs façons de procéder, comme vous le verrez avec ces deux exemples. Bien que le texte semble identique dans les deux cas, chacun est créé d'une manière très différente. Dans cet exemple, l'effet est intégré au texte. Le texte n'est pas modifiable, vous ne pouvez pas changer la police, vous ne pouvez pas changer le mot, vous ne pouvez pas modifier l'espacement En gros, vous ne pouvez rien changer si vous voulez des changements, vous devez tout recommencer depuis le début. Ce n'est pas que ce soit la mauvaise façon de faire les choses, c'est juste que ce n'est pas la manière la plus efficace. Dans ce deuxième exemple, nous avons un texte qui semble identique, mais qui a été créé de manière très différente. Ce texte est modifiable. Vous pouvez changer le mot, vous pouvez changer la police, vous pouvez changer la couleur, vous pouvez modifier l'espacement entre le texte et l'effet de contour Vous pouvez pratiquement tout changer. Dans l'ensemble, c'est une façon plus intelligente d'obtenir exactement le même résultat et cela prend à peu près le même temps. De plus, cet effet peut être enregistré afin que vous puissiez le réutiliser à tout moment sur un autre texte en un seul clic. Un autre avantage de cette approche est qu'elle peut être enregistrée et exportée, afin que vous puissiez la partager avec d'autres personnes. Dans ce cours, je vais vous montrer comment créer ce type d'effet de texte en créant ce bord transparent pour le texte, et je vais vous montrer comment l' enregistrer sous forme de style réutilisable. Vous apprendrez à créer deux styles de texte et, en prime, vous verrez comment cela peut être appliqué aux formes et au texte. Votre projet de fin de cours sera de créer l'un ou l'autre de ces effets de texte. Si j'ai réussi à vous convaincre qu'il vaut la peine de réfléchir à la manière de créer cet effet de bord transparent, retroussez-vous les manches , lancez Illustrator et c'est parti 2. Effet n°1 - Ombre décalée: Pour le premier de nos effets de texte nous allons commencer par un nouveau fichier. J'utilise un document de 1920 x dix, 80 pixels. Je vais cliquer sur Créer. Je vais cliquer sur l'outil Type. Je vais taper mon mot en majuscules. Je suis juste en train de taper le mot café, et je peux l'étirer en le faisant simplement glisser sur la poignée d'angle Si je le fais avec la touche Shift, la police restera dans ses bonnes proportions. Vous pouvez également sélectionner le type et simplement saisir la taille que vous souhaitez. Je vais taper 350 pour cela. Je vais remplacer ma police par une police que j'ai téléchargée à partir de 1001 polices, qui s'appelle Grolier Je vais vous donner le lien dans la zone du projet afin que vous puissiez télécharger vous-même cette police si vous l'aimez. Je vais passer en revue le panneau des caractères ici, je vais juste agrandir l'espacement entre les lettres afin que nous ayons place dans ce mot pour que notre effet apparaisse réellement Et je pense que je vais le porter à une centaine environ. Cela sera ajustable ultérieurement. Nous avons donc notre type ici. Pour le moment, peu importe sa couleur, car nous allons commencer à travailler dessus dans le panneau d'apparence. Je vais donc passer à l'outil de saisie. Je vais sélectionner mon type, et je vais accéder au panneau d' apparence. Je l'ai visible ici, mais vous pouvez le trouver en choisissant fenêtre puis apparence. Maintenant, pour ce panneau d'apparence, nous allons désactiver le remplissage dans cette zone réservée aux personnages . Vous allez donc vous assurer ne pas avoir de remplissage du tout. Ensuite, vous allez cliquer ici sur le type, pas d'apparence, et vous ne devriez rien voir du tout parce que vous n' avez pas d'apparence. Le type est là, mais il n'y a pas de couleur. Il n'y a pas de remplissage ni de trait. Cliquez ici sur Ajouter un nouveau remplissage, et cela ajoute un remplissage mais pas de trait. Je ne veux pas me caresser, alors je laisse les choses là où elles sont. Nous allons maintenant choisir la couleur sur laquelle nous allons travailler. Ce sera donc la couleur de votre type. Je vais choisir cette couleur bleue ici. Maintenant, j'ai notre texte. Je vais en faire une copie, donc je vais prendre ce remplissage ici, je vais le glisser-déposer sur le signe plus. Nous avons donc un remplissage en haut et un remplissage en dessous. le fond, je vais créer une couleur différente que vous puissiez voir plus facilement pour que vous puissiez voir plus facilement ce qui se passe. Vous n'êtes pas obligé d'en faire une couleur différente. Mais vous pouvez voir qu' il est bloqué. Nous ne pouvons pas le voir car ce remplissage est sur le dessus. Maintenant, pour ce remplissage violet, celui du dessous, nous allons le compenser. Je vais donc le sélectionner ici dans le panneau. Nous ne faisons donc qu' ajuster ce remplissage, et nous allons effectuer, puis déformer et transformer, puis nous allons transformer Et nous allons le déplacer horizontalement et verticalement pour les pixels. Et ce sera notre espace vide plus tard. Si vous voulez qu'il soit un peu plus grand, vous pouvez le prendre un peu plus grand. Faisons nos six. Donc ça va être vide. Je vais cliquer sur OK. Nous avons fait une troisième copie, et la troisième copie sera le véritable contour que nous allons voir autour de cette police, ce type de contour offset. Je vais donc prendre ce remplissage, celui que nous avons déjà transformé, et je vais le mettre sur le signe plus. Nous en avons donc un double, mais bien sûr, ils sont tous les deux exactement identiques. Nous ne voyons donc rien de différent. Mais celui-ci, je vais le transformer en la couleur que je veux pour le contour. Et dans mon cas, je veux qu'elle soit exactement de la même couleur que la police. Je veux donc que la police ait une sorte d' ombre décalée qui soit exactement de la même couleur que la police elle-même. Et encore une fois, nous ne le voyons pas parce qu'il est caché derrière celui-ci. Donc, ce que nous allons faire, c'est prendre ce film, celui qui se trouve tout en bas, et nous allons le transformer un peu plus. Et nous avons déjà notre transformation ici. Nous allons juste le modifier. Je vais donc cliquer dessus pour l'ouvrir afin que nous puissions le modifier. Je vais donc porter ça à dix. Les six premiers pixels de cette transformation sont donc cachés derrière le violet Nous disons en fait que quatre pixels valent le détour. Bien entendu, vous pouvez y utiliser vos propres valeurs. Maintenant, jusqu'à présent, nous avons un effet où nous avons une sorte de couleurs empilées, un bleu, puis un violet, puis un bleu Nous voulons rendre ce violet transparent. Donc, la façon dont nous allons procéder est un petit effet que vous pouvez obtenir via le panneau d'apparence. Donc, ce que nous allons faire, c'est passer à celui-ci violet, celui que nous voulons faire disparaître si vous le souhaitez. Assurez-vous de le sélectionner et cliquer sur son opacité, et nous allons régler son opacité à Cela a pour effet de le rendre totalement transparent. Donc, en fait, nous ne pouvons pas le voir. Nous ne voyons donc que cette couche supérieure et cette couche inférieure de texte. Mais celui du milieu que nous voulons faire passer à travers n'est même plus visible. C'est exactement ce que cela devrait être, car il existe une fonctionnalité dans Illustrator qui nous permet de neutraliser un objet si son opacité est Il faut que ce soit zéro. Donc, ce que nous allons faire, c'est descendre, en nous assurant, bien sûr, que notre texte est sélectionné et choisir cette opacité, celle des caractères, celle qui se trouve tout en bas Ce que nous allons faire, c'est cliquer deux fois sur le groupe à élimination directe. La première fois que vous cliquez dessus , une petite barre le traverse. La deuxième fois que vous cliquez dessus, il agit comme un knock-out Donc, ce qu'il fait, c'est rendre ce remplissage ici, celui-ci transparent. Et si nous ajoutons une couche remplie en dessous, vous verrez qu'elle est transparente. Alors allons-y et changeons une couleur différente. Et dans la dernière palette, faisons glisser ce rectangle ici en dessous de notre texte, et vous pouvez voir que ce texte est en fait transparent. À travers cette section, nous affirmons qu'il est effectivement vide de sens. Nous obtenons donc ce très joli petit effet d'ombre sur notre texte. La seule façon de le faire tout en conservant possibilité de modification complète de notre texte est d'utiliser ce groupe éliminatoire Et vous pouvez voir que le texte est entièrement modifiable. Vous avez envoyé des lettres. Tu peux y mettre des lettres. Vous pouvez changer de police, vous pouvez changer de mot. Vous pouvez modifier la taille de la police. Toutes ces choses peuvent être modifiées. Et cet effet n'existe qu' en une seule pièce. Encore une fois, dans notre dernière palette, nous avons le mot café, a toutes ces apparences, mais il ne s'agit que d'une seule pièce entièrement modifiable avec ce type de zone découpée dedans C'est vraiment un joli petit effet assez simple à obtenir une fois que l'on a compris le fonctionnement de ces knockouts 3. Effet #2 - Effet de bord en pointillé: Pour notre second type d'effet, je l'ai déjà lancé rapidement. J'ai donc un tout nouveau document, 1920 x 1080. Je viens de taper le mot points, et je l'ai réglé à 500 points. Je vais changer de police, puis dans ce cas, je vais utiliser une police appelée, puis elle se termine. Il s'agit donc d'une police en minuscules. Je vais également augmenter un peu l'espacement entre les caractères Assurez-vous qu'il y a suffisamment de place pour cet effet. Nous allons faire exactement ce que nous faisions avant. Je vais donc ouvrir le panneau d'apparence. Nous allons passer par là. Nous allons passer au panel des personnages. Nous cliquons simplement dessus , et nous allons supprimer le remplissage de notre texte. Ensuite, nous allons taper aucune apparence, cliquer dessus, et nous allons ajouter nos apparences. Je vais choisir la couleur de remplissage que je vais utiliser pour mon type. Donc dans ce cas, je vais en faire une sorte de type violet. vais le dupliquer, donc je vais le faire glisser sur le signe plus ici. Ce sera la partie de notre effet type qui va se faire sentir. Je vais le mettre dans une autre couleur juste pour que nous puissions voir où il se trouve. Nous allons choisir l' effet à stocker et à transformer , puis à transformer Et encore une fois, cette fois, je vais le déplacer de six pixels horizontalement et verticalement et cliquer sur OK, exactement comme nous l'avons fait auparavant. Nous allons en faire une copie à nouveau, en changer la couleur. Je vais choisir la même couleur que celle sur laquelle je travaille avec mon type. Et celui-ci a déjà une transformation parce que nous l' avons copié auparavant. Mais comme c'est derrière celui-ci, nous ne le voyons pas. Donc, ce que je vais faire, c'est modifier sa transformation. Je vais donc cliquer sur Transformer, et je vais le transformer un peu plus loin afin que nous puissions le voir derrière le type. Tout est exactement comme nous l'avons fait précédemment. allons ouvrir le panneau de remplissage Nous allons ouvrir le panneau de remplissage ici et passer à l'opacité, et nous allons le mettre à zéro parce que nous savons que nous devons le faire pour en faire un KO Ensuite, nous allons descendre jusqu'au bas de l'opacité, ignorer toutes les autres opacités présentes Nous allons juste choisir celui qui se trouve dans la zone des personnages, et nous allons cliquer deux fois sur le groupe à élimination directe Il s'agit donc d'une copie exacte de ce que nous avons créé dans la vidéo précédente. Mais ce que nous allons faire maintenant c'est qu'au lieu de ces lignes, nous allons en faire des points. Et pour faire des points, va falloir utiliser un trait. Je vais donc prendre ce trait vide qui se trouve ici, et je vais simplement le déplacer juste au-dessus du fond qui crée ce petit effet extérieur. Et je vais effectuer la transformation ici à partir de ce remplissage, et je vais la faire glisser sur mon contour. Donc, empruntez-le si vous voulez, ou volez-le parce qu'il ne reviendra pas. Et je vais régler la couleur de mon trait ici sur la même couleur que le texte. fait, nous disons peu près ce que nous disions auparavant, sauf qu'il s'agit d'un trait et non d'un remplissage décalé. Nous n'avons pas besoin de ce remplissage, nous pouvons donc soit le désactiver, soit simplement le mettre à la poubelle. Je vais donc juste le démonter et le mettre à la poubelle juste pour que les choses restent bien rangées Nous devons donc maintenant transformer cette ligne en une série de points. Nous allons donc cliquer ici sur le contour pour ouvrir le panneau des traits. Et pour faire des points, nous allons les épaissir un peu, donc je vais le fixer à trois points. Je vais utiliser cette casquette ronde pour identifier les points , pas les arêtes vives. Je vais cliquer sur Ligne pointillée. Et pour le moment, cela me donne une ligne de tiret de 12 points. Si vous voulez des tirets, c'est exactement ce que vous devez faire Mais je veux des points. Je vais donc régler la longueur de mon tiret à zéro, puis je vais régler mon écart à l'espace que je veux entre mes points. Donc, pour le moment, je le fixe à six points, et ça semble vraiment bon. Maintenant, il y a quelques options que vous pouvez utiliser ici. Et ce qu'ils vont faire, c'est faire en sorte que ces angles soient très nets ou non. Vous pouvez donc voir que celui-ci n'est pas parfaitement carré. Mais si je clique dessus, ça va devenir beau et carré. Vous pouvez donc choisir la police que vous utilisez si vous préférez qu' elle ait l' air un peu fantaisiste ou si vous préférez qu'elle soit plus précise sur le plan Et pour cette police, bien qu' elle soit assez fantaisiste, elle est également assez géométrique Je vais donc opter pour cette option, qui va me donner des lignes plus nettes. Je vais agrandir un peu mes points et augmenter légèrement l'espacement entre eux Maintenant, comme nous l'avons fait précédemment, nous voudrons probablement nous prouver qu'il s'agit en fait d'une zone transparente et non de quelque chose de blanc. Je vais donc cliquer pour m' éloigner de mon type ici. Je vais le régler sur un coup de nez, et je vais le définir une couleur de remplissage que je vais utiliser, et dessinons simplement un rectangle. Ensuite, à partir du dernier panneau, nous allons simplement déplacer le rectangle situé derrière le texte. Et comme vous pouvez le constater, il s'agit certainement d'un effet transparent. Une fois que vous avez créé cet effet, vous pouvez l' enregistrer en tant que style graphique. Donc, ce que je vais faire, c'est cliquer sur mon texte, et je vais ouvrir mon panneau de style graphique. Vous pouvez également y accéder en choisissant Fenêtre, puis style graphique, et je vais juste l'ajouter en tant que style graphique. Donc, la couleur et les points. Maintenant, nous pouvons réappliquer cela au texte, mais nous pouvons également le réappliquer à une Donc, avant de commencer, mettons les choses au point si vous le souhaitez. Je vais aller au panneau d'apparence. Je vais cliquer dans ce petit menu ici et choisir une apparence claire. Rien n'apparaît dessus pour le moment. Alors allons-y et dessinons un petit rectangle. Comme vous pouvez le constater, il ne se remplit pas et n'a pas de contour. Mais je peux cliquer ici sur ce style graphique, et cela appliquera exactement le même style graphique à cette forme que celui que nous avons sur le texte. Ainsi, les styles graphiques, lorsque vous les créez, peuvent être appliqués au texte et à deux formes. Et c'est une façon de vous éviter d'avoir à reconfigurer ces choses à chaque fois Vous pouvez simplement l'enregistrer en tant que style graphique et le réutiliser selon vos besoins