Transcription
1. Placez du texte sur un arrière-plan chargé dans Illustrator Introduction: Bonjour. Je suis Helen Bradley. Bienvenue dans ce cours de conception graphique pour le déjeuner, placer du texte sur des arrière-plans occupés dans Adobe Illustrator. Graphic Design for Lunch est une série de cours qui enseignent une gamme de conseils et de techniques pour créer designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Dans ce cours, je vais vous montrer les techniques pour rendre le texte plus facilement vu lorsqu'il est placé sur un motif occupé ou une photographie. Au fur et à mesure de ces techniques, vous apprendrez des trucs tels que l'ajout de plusieurs apparences à taper, l'utilisation d'ombres portées, de dégradés et de knockouts, et la façon de choisir des polices lisibles. Ces techniques vous permettront d'étendre vos compétences lorsque vous travaillez dans Illustrator tous les jours. Assez de moi, si vous êtes prêt, commençons à placer du texte avec succès sur des images occupées dans Illustrator.
2. Pt 1 Choisissez une bonne police: La première chose que nous allons examiner en termes de rendre votre type lisible sur un arrière-plan occupé est votre choix réel de police. Maintenant, j'ai une série de polices ici. allons simplement courir et identifier ce que nous
avons et quels sont les problèmes potentiels avec eux. Celui-ci est probablement votre meilleur choix. C' est ce qu'on appelle une police San-serif. Il n'a pas peu de destin à la fin des personnages, et les personnages sont tous une sorte d'épaisseur égale. Vous verrez qu'il n'y a pas de thicks ou de minces dans la police sans empattement. Cette police est Myriad Pro et elle est généralement installée avec les applications Adobe. C' est une police qui s'appelle Sofia. C' est aussi un san-serif. Il n'a pas de véritable destin à la fin des personnages. Il est moins bon à utiliser en raison des transitions épaisses et minces. Vous constaterez que sur un fond occupé, les zones les plus minces sont susceptibles de disparaître, car elles sont beaucoup plus petites que les autres lettres. C' est une police qui mérite un meilleur traitement que je viens de lui donner. Ça s'appelle Arizonia. Le problème avec cette police est qu'elle ne devrait jamais être mise en majuscules jamais. Les formulaires de lettre ici sont conçus pour être utilisés avec une majuscule et des lettres minuscules. C' est pratiquement illisible sur n'importe quelle sorte de fond. C' est à quoi elle devrait ressembler et être réglée correctement, vous avez de meilleures chances de
l'évaluer, mais encore une fois, les transitions épaisses dans cette police de caractères vont la
rendre moins appropriée pour ajouter au-dessus d'un arrière-plan occupé. Ici aussi, c'est en fait une police de caractères Serif qui l'a obtenue ou le destin à la fin des caractères. Il s'appelle CongalinEnf, mais parce que les transitions minces sont si minces, par rapport aux autres zones du type. Encore une fois, ce ne sera pas une bonne police à définir sur un fond occupé. Ceci est un exemple d'une police serif assez standard a peu de destin. Vous trouverez quelque chose de similaire si vous
regardiez des choses comme Times New Roman, par exemple. Encore une fois, il va avoir quelques problèmes sur un fond très occupé cause de ces transitions très minces et des zones plus minces ici. Ils risquent de disparaître dans un fond occupé. Tout simplement, vos meilleurs choix seront une police San-serif qui est assez bloquée, qui a des caractères qui sont gentils, même largeur. Il va être idéal pour pouvoir lire ce texte sur un fond va vous donner un bon point de départ. Maintenant, j'ai cette police et cette police à une taille plus petite. Laisse-moi les allumer pour toi. Ils sont là. Celui-ci est le san-serif, et celui-ci est une police serif. Comme je le regarde,
celui-ci semble un peu plus grisé,
même s'ils sont placés dans la même couleur, parce que ces caractères sont, même avec, le texte semble un peu plus noir. C' est un peu plus lisible. Même si en termes de taille de point, ce n'est que 30 points et j'ai dû maniveller celui-ci jusqu'à 48 points pour qu'il soit la même taille physique. C' est aussi juste un peu gris. Encore une fois, il perd quelque chose sur un fond occupé. La toute première chose que vous voulez faire est de faire un bon choix de police. Donnez-vous la meilleure chance possible que votre type soit lisible sur votre arrière-plan.
3. Pt 2 Choisissez une couleur Contrasting de caractères: La deuxième chose que vous voudrez regarder lorsque vous essayez d'éloigner le texte de l'arrière-plan est de créer un contraste entre le texte et l'arrière-plan. Ici, j'ai du texte qui est coloré exactement le même rose que j'ai échantillonné à partir du motif d'arrière-plan et le texte est perdu dans cette image. Ceci est un échantillon de couleur plus claire, il est un peu plus lisible, mais fondamentalement il est perdu aussi. Le blanc est tout simplement blanc pur et il se distingue assez bien sur le fond car il contraste avec lui. C' est une sorte de couleurs
moisies de Pinky et le blanc est si croustillant qu'il se distingue. Le noir est vraiment contrasté. C' est à l'autre bout du spectre. Il fait vraiment, vraiment sombre sur un fond plus léger. En choisissant des couleurs contrastées, vous pouvez vous assurer que votre type est plus facilement vu sur un fond. Mais nous allons regarder ces couleurs ici parce qu'il
y a des façons de faire des couleurs comme celle-ci séparées de l'arrière-plan. Nous allons voir comment faire cela dans les vidéos ultérieures. Mais si vous voulez une solution vraiment rapide et sale, alors choisir des couleurs à contraste élevé, comme dans ce cas le noir et le blanc vous donnera certainement taper qui peut être facilement lu sur un fond tel que celui-ci.
4. Pt 3: Une autre option que vous avez lorsque vous essayez de rendre Type B plus reconnaissable sur un arrière-plan occupé, consiste à modifier l'échelle du type. Ces lettres beaucoup plus grandes sont un peu plus faciles à voir que les versions plus petites, en particulier dans cette couleur plus claire. Mais voyons quoi aussi, nous pouvons faire avec l'arrière-plan, j'ai en fait créé un deuxième rectangle rempli d'une version plus petite du motif. Si nous réduisons la taille du motif, le texte commence à décoller de l'arrière-plan, donc en changeant l'échelle de ce que vous utilisez, par
exemple, en réduisant la taille d'un motif ou en augmentant la taille du texte, ou faire les deux, peut vous donner un effet qui est plus facile à lire. Maintenant, évidemment, pour mettre à l'échelle votre texte, vous allez simplement sélectionner votre texte avec l'outil de sélection, puis faites simplement glisser sur ses poignées d'angle. Si vous maintenez la touche Maj enfoncée pendant que
vous le faites, vous allez restreindre les textes afin de ne pas les décaler en quelque sorte. Ça ne va pas faire ça, et ça ne va pas le faire. Pour modifier l'échelle d'un objet rempli de motif, vous allez sélectionner l'objet rempli de motif ici dans le dernier panneau, vous pouvez dire que j'ai sélectionné ce motif rempli en dernier. Choisissez Objet, Transformer, puis Mise à l'échelle. Vous allez désactiver Transformer les objets, car vous ne voulez pas modifier la taille de l'objet. Vous voulez juste modifier la taille du motif dans l'objet. Dans ce cas, je vais l'augmenter. Reprenons ça, pour dire 200. Vous pouvez donc simplement taper la zone uniforme ici, une valeur pour augmenter ou diminuer la taille du motif dans cette zone.
5. Pt 4 Ajouter une ombre à Pt gouttes: Une façon simple de séparer visuellement vos textes de l'arrière-plan est de lui donner une ombre portée. Je vais sélectionner ce mot rose, je vais dans le menu Effet et choisir Styliser, puis ombre portée. Notez simplement qu'il y a de vraies options de stylisage ici sur ce menu juste pour ajouter de la confusion à la situation, c'est celle en haut que vous voulez utiliser et choisissez l'ombre portée. Maintenant, l'ombre portée par défaut va ressembler à ceci. Il va être réglé sur Multiplier le mode de fusion,
qui est un mode de fusion assombrissant. La couleur est une sorte de couleur noire, l'opacité sera d'environ 75 pour cent et le décalage et le flou x et
y seront de sept pixels et cinq pixels. Mais cela peut différer selon que vous avez utilisé ce dialogue ou non. Maintenant, si vous vouliez qu'il se fond un peu mieux plutôt que d'être aussi brutal qu'il l'est, il y a peu de choses que vous pourriez faire. Vous pouvez composer l'opacité
pour, par exemple quelque chose comme 50 pour cent, et il va se fondre un peu mieux. Vous pouvez également augmenter le bleu et cela va adoucir un peu l'effet. Permettez-moi de le remettre à 75 pour cent parce que vous pouvez également utiliser une couleur autre que le noir. Allons-y et cliquez ici. J' ai déjà échantillonné les couleurs de mes œuvres, donc je vais à des nuances de couleur, et je vais sélectionner la couleur que nous utilisons dans cette illustration, donc c'est cette couleur rose et cliquez sur « OK ». Parce que nous utilisons le mode Multiplier le mélange ici, il agit en fait comme une ombre portée. Nous pouvons prendre ça même jusqu'à 100 pour cent, et nous aurions un effet légèrement plus sombre. Si vous voulez cette couleur, mais un peu plus sombre, cliquez dessus et descendez ici à la valeur Bay, c'est la valeur de luminosité. Si nous laissons tomber ça de ce qu'il est en ce moment, qui est de 78 à 60, par
exemple, nous allons obtenir une version plus foncée de la couleur rose. On va toujours avoir une ombre portée rose, mais ça va être un peu plus sombre qu'elle ne l'était. Vous pouvez jouer avec les options ici dans la boîte de dialogue de l'ombre portée. Maintenant, en plus d'une ombre portée rose, vous pouvez également utiliser une ombre plus légère. Laisse-moi prendre un duplicata de cette couleur rose. Laisse-moi aller enlever l'ombre portée. Je le fais en sélectionnant tout mon type et en allant dans le panneau d'apparence. Vous pouvez y arriver en choisissant la fenêtre, puis l'apparence. Ce que je vais faire, c'est sélectionner ce calque d'ombres portées et je vais juste l'écraser. Maintenant, allons-y et mettons une ombre portée plus légère sur ce type. fois cette option sélectionnée, nous retournerons à Effet et stylisons et ombre portée. Nous allons définir le mode de fusion au lieu de multiplier à l'écran, car l'écran est un mode de fusion éclaircissant et vous pouvez déjà voir l'effet que cette couleur rose foncé a eu sur l'objet rempli de motif en dessous. C' est un effet éclaircissant. Ainsi, vous pouvez, par exemple, abaisser le rayon de flou pour le resserrer un peu. Vous pouvez également utiliser des couleurs encore plus claires, alors revenons à nos nuances de couleurs. J' ai une autre couleur qui vient de ce document, cette couleur ici. Je pourrais utiliser ça comme une ombre portée. Encore une fois, c'est très intense, donc je pourrais ramener ça à 75 %. Vous pouvez utiliser les ombres portées comme effets d'assombrissement ou d'éclairs. Assurez-vous simplement que si vous voulez une ombre portée foncée que vous utilisez des multiplicateurs, le mode de fusion. Si vous voulez une ombre portée lumineuse, vous allez utiliser l'écran comme mode de fusion pour l'ombre.
6. Pt 5 Ajouter un ou plusieurs traits: Une autre option que vous avez pour soulever votre type au-dessus d'un arrière-plan de base est d'ajouter une bordure autour d'elle, un trait en vigueur. Mon type est sélectionné ici. J' ai sélectionné le coup. Je vais cliquer pour ajouter un trait et je vais échantillonner et utiliser l'une des couleurs de l'illustration ici je vais vous montrer en une seconde, comment j'ai obtenu ces couleurs. Je vais juste augmenter le poids de la course ici. Maintenant, je peux également le placer à l'extérieur des lettres ici avec Align Stroke à l'extérieur de sorte que juste s'assure que le trait est à l'extérieur des lettres. Maintenant, nous pouvons aller un pas plus loin et ajouter plusieurs traits. Mais pour ce faire, nous allons devoir utiliser un processus légèrement différent. Avant de le faire, voyons comment j'ai obtenu les couleurs de l'illustration dans mon panneau nuancier. Ce que j'ai fait, c'est que j'ai sélectionné
l'objet qui avait en fait les couleurs que je voulais, donc c'est ce fond ici. Je l'ai ciblé et sélectionné. Je suis allé dans le panneau Nuancier et j'ai cliqué ici sur Nouveau groupe de couleurs. Lorsque je clique dessus, je reçois l'option ici de ce dont je veux obtenir mes couleurs, et je la veux à partir de l'illustration sélectionnée et je veux que ces deux options soient cochées, et je clique sur OK. Cela me donne juste les couleurs de mon oeuvre qui sont ce os couleur taupe, un rose et puis il y a ce bleu riche. Après avoir fait ça, je vais fermer mes antécédents. Encore une fois maintenant je n'ai pas besoin de deux ensembles de cette couleur, alors laissez-moi juste aller et me débarrasser de cet ensemble, mais c'est comme ça que vous obtenez les couleurs de votre image. Maintenant, regardons ce rythme de type, parce que ce que je veux faire est d'y ajouter plusieurs traits. Aller au panneau d'apparence. Vous pouvez voir qu'il n'a même pas de remplissage ici si je double-clique sur les caractères, c'est là que nous disons le remplissage. À ce stade, ce que nous devons faire est d'éteindre le remplissage. Je vais supprimer entièrement le remplissage, puis revenir ici
à l'endroit où il est dit Type No Apparence et cliquez sur ceux. Le type a disparu. C' est censé disparaître à ce stade. Maintenant, nous allons cliquer ici et ajouter un nouveau filtre au type. Maintenant, le remplissage arrive en noir, c'est bon. J' ai échantillonné ma couleur, donc voici la couleur que je veux utiliser. Je veux faire le remplissage le rose que nous utilisons. Je veux que le trait soit les mêmes couleurs que nous utilisons ici, donc je vais le cibler , le
sélectionner, et augmenter un peu le poids du trait. Maintenant, à ce stade, nous sommes en mesure
d'ajouter un second trait quelque chose que nous ne pouvions pas faire avec ce texte. Ce que nous allons faire est de venir ici et de cliquer sur Ajouter un nouveau coup. Maintenant, cette grève est exactement la même taille et la même couleur que les autres, donc nous ne le voyons pas du tout. Je vais en faire une version plus sombre de ce rose. Laissez-moi aller chercher mon rose d'abord, puis je viendrai ici au trait et double-cliquez dessus pour ouvrir le dialogue. Je vais à la luminosité et je vais juste réduire ça à
60 pour cent parce que ça me donnera une version plus sombre de ma peinture. Je vais cliquer sur OK. On ne peut toujours pas le voir parce que c'est derrière tout. Ce que nous devons faire est compensé. On doit l'éloigner de cette attaque ici. Avec ce trait sélectionné, le plus sombre que nous voulons pousser, je choisirai Effet puis Chemin et Chemin de décalage. La valeur de chemin de décalage par défaut est de 10 pixels, donc il le pousse trop loin pour mes besoins. Je vais juste cliquer ici et appuyer sur la flèche vers
le bas pour rapprocher le trait du texte. Maintenant, il n'a pas besoin de s'asseoir sur l'autre coup. Vous pouvez mettre un espace entre lui qui pourrait ajouter à l'effet. Tu dois juste passer un appel toi-même. Je vais le faire s'asseoir juste un peu au-delà du coup d'origine. Là, nous avons le résultat d'ajouter un seul trait autour notre texte et d'utiliser un double trait essentiellement dans les mêmes couleurs, comme l'objet en dessous. Nous commençons juste à soulever le type de fond. Cet effet peut être combiné avec, par exemple, notre ombre portée. Laisse-moi aller chercher celui-là. Allons à Effet, Styliser, puis Ombre portée. Je vais utiliser une ombre portée multiplier. Je vais utiliser ma couleur rose. Il est très pratique d'avoir sauvegardé en tant que nuancier de couleur, car cela le rend si accessible. Définissez-le sur Multiplier le mode de fusion. Je pense que ce sera très bien. Je vais juste cliquer sur OK. L' ajout de traits autour de votre type aidera à le différencier de l'arrière-plan, et vous pouvez le combiner avec une ombre portée.
7. Pt 6 calques multiples copeaux du texte: Jetons un coup d'oeil maintenant à une autre option pour travailler avec notre type, et cela va sembler un peu différent sur le mot rose que nous avons utilisé dans cette police Myriad Pro, et quelque chose qui n'est pas une police de script. Je vais commencer à travailler dans ma police de script. Tout d'abord, c'est une police appelée Creampuff. J' ai mes deux élus, c'est cette couleur rose. Nous allons au panneau d'apparence et nous allons enlever le remplissage et le trait pour qu'il n'ait pas de remplissage, ni de trait, et je vais écrire lui-même et je vais ajouter ici un nouveau remplissage, et il est rempli de noir. En fait, je veux que ce soit la couleur rose avec laquelle on travaille. Je vais faire un duplicata de ce remplissage, donc avec celui-ci sélectionné, je vais juste cliquer ici sur l'icône plus. Celle-ci, je vais faire noir et je veux le déplacer. En ce moment, le remplissage est immédiatement derrière le texte rose existant. Je veux le déplacer à travers et vers le bas, donc nous utilisons notre outil de transformation pour cela. Avec cette option, nous choisirons l'effet, distorsion et la transformation, puis la transformation. C' est la façon dont nous pouvons déplacer le type plutôt que de décaler le chemin. Ce que je vais faire est de le déplacer horizontalement et verticalement, dix horizontalement et dix verticalement et cliquer d'accord. Maintenant, je pourrais utiliser un rose plus foncé ou je pourrais juste me contenter de noir. J' aime beaucoup l'effet noir, donc je vais en faire un autre duplicata en cliquant sur le noir. Je vais le remplir avec cette couleur plus claire que nous avons échantillonnée à partir de l'image, donc c'est cette couleur ici. Mais encore une fois, parce que c'était un double du noir, il est assis immédiatement derrière le noir. Je veux utiliser l'outil de transformation dessus, mais j'ai déjà la transformation ici, c'est tout simplement pas dans la bonne direction, donc je vais cliquer sur la transformation. Laissez-moi vous montrer ce que j'ai fait, je suis allé à ce remplissage ici, et j'ai cliqué sur Transform, et je vais le ramener moins dix, et moins dix. Il est assis et à gauche du type original, donc c'est l'effet que je cherche à créer ici, et encore une fois, il commence à retirer le type de l'arrière-plan. Cela ne fonctionne pas aussi bien sur une police comme ce Myriad Pro. Je vais vous montrer la solution pour ça. Avec le type sélectionné, revenons à ce que nous faisons, nous allons désactiver le remplissage et le contour, nous revenons au type lui-même, nous allons cliquer ici pour ajouter un nouveau remplissage et un trait. Nous allons définir ce remplissage sur les mêmes couleurs que nous avons utilisées, nous allons en faire un duplicata. Celui qui est en dessous parce que nous voulons qu'il soit sous le type principal. Nous allons rendre noir et nous allons le pousser,
mais cette fois nous allons juste le pousser horizontalement, pas verticalement, donc nous allons choisir l'effet, déformer, transformer, puis transformer. Je vais juste tirer 10 horizontalement. Jetons un coup d'oeil à 10 verticaux et voyons pourquoi je n'aime pas cet effet. Vous pouvez voir qu'il est coupé ici. Je pense que c'est un effet plus fort si nous utilisons simplement le mouvement horizontal et non le mouvement vertical, et puis pour en faire un double, il
suffit de cliquer sur le signe plus ici, remplissez-le avec cette couleur plus claire que nous sommes en utilisant ici, et changer sa transformation. Nous allons le repousser dans la direction opposée, donc je vais cliquer sur la transformation, et au lieu de 10 pixels positifs, je vais juste faire que 10 pixels négatifs. Encore une fois, il est poussé à travers. Je pense que c'est mieux que d'utiliser le moins 10 moins 10, qui se perd encore ici et ici sur ces lettres inclinées. Si vos lettres n'ont pas d'angles sur elles, alors vous pourriez être en mesure d'utiliser l'effet comme nous l'avons fait ici, mais là où elles ont leurs angles forts, je pense que vous perdez l'impact de l'effet si vous utilisez un mouvement vertical. Là, nous avons notre texte rose plus du texte noir, ainsi que cet autre texte de couleur étrangère. Ils sont repoussés les uns des autres. Le noir arrive 10 pixels vers la droite, la version couleur plus claire va 10 pixels vers la gauche. Ici, il va 10 pixels vers la droite, et dix vers le bas, et ce plus léger va moins 10 vers la gauche et moins 10 vers le haut. Bien sûr, l'un des avantages de cet effet est qu'il est entièrement modifiable et même si nous avons trois couches de type ici, c'est juste un effet de type. Si je viens ici et que je change ça en punk, alors vous direz que ces trois couches de type, le noir, la couleur plus claire, le rose ont toutes sortes modifiées. Juste un objet à éditer, pas plusieurs objets, et je pense que cela en fait un effet plus robuste.
8. Pt 7 Utilisez une superpose semi-transparente: Jusqu' à présent, les options que nous avons étudiées pour notre texte impliquent de modifier le texte d'une manière ou d'une autre. Regardons maintenant comment nous pourrions changer l'arrière-plan d'une manière ou d'une autre pour soulever le texte au-dessus. Je vais ajouter un nouveau rectangle au document qui correspond à la taille du document. Je vais juste l'aligner sur le document ici. Je me suis aligné sur le tableau d'art déjà sélectionné. Maintenant, je vais le placer derrière les textes. Laissez-moi juste aller au dernier panneau sera plus facile de le voir ici. Faisons simplement glisser et déposer derrière les objets texte. Parce que c'est exactement la même couleur que le texte, nous ne le voyons pas et parce que c'est une couleur unie, nous ne voyons pas le motif à travers lui. Nous pourrions ajuster l'Opacité de l'objet et cela va tuer une partie de la couleur dans le motif en dessous. Ce n'est tout simplement pas aider les textes parce que c'est la même couleur que le texte. Et si nous devions rendre ce blanc, par exemple ? Maintenant, nous pouvons voir le texte très clairement et nous pouvons également voir le modèle aussi. Mais nous pouvons vouloir voir une partie du motif dans sa forme originale, mais il suffit de couvrir le motif ici où le texte est au-dessus de celui-ci. Pour ce faire, je vais en fait remonter cette opacité à 100 pour cent. Au lieu de blanc, je vais remplir cette forme avec un dégradé. Je vais juste le remplir avec le dégradé noir à blanc par défaut. Je vais inverser les gradients, donc des noirs de ce côté, blancs de ce côté. Je vais le rendre blanc à blanc dégradé. Je vais double-cliquer ici, et je vais rendre ce blanc. Essentiellement, nous avons exactement la même chose qu'avant. C' est un objet rempli de blanc massif, mais il est rempli d'un dégradé, ce qui nous donne quelques options supplémentaires. Ici, cet arrêt sur le dégradé contrôle ce côté
du document et c'est une opacité de 100 %. Cet arrêt ici contrôle ce côté du document. C' est aussi une opacité à 100 %. Voyons ce qui se passe si on le fait zéro. Quand on le fait zéro, on voit le modèle ici et c'est le point de transition. Cette transition est entre cet arrêt, qui est un blanc à 100 pour cent et cet arrêt qui est zéro pour cent d'opacité, mais toujours de couleur blanche. Je peux apporter cela un peu plus près pour rapprocher le point de transition, et cela ne doit pas nécessairement être un 100 pour cent. Je peux double-cliquer dessus et ramener l'opacité des arrêts à, par
exemple, 60 pour cent. Le texte se retire de l'arrière-plan car il a un dégradé en dessous, et le dégradé passe de 60 % de blanc jusqu'à zéro % de blanc. Nous pouvons toujours voir notre modèle ce n'est pas exactement comme il était auparavant, mais nous pouvons aussi voir notre texte. Vous combinez cela avec un effet tel qu'un trait autour votre texte ou une ombre portée et vous pourriez avoir là la solution que vous recherchez. Maintenant avant de finir, laissez-moi mettre un coup autour de ce type parce que ça ne fonctionnera pas exactement comme nous l'attendons. Lorsque j'ajoute un trait à ce type, vous verrez que le trait est sur les formes individuelles de lettre, et donc il donne ce look bizarre au type. Mais nous en savons déjà assez sur Illustrator pour résoudre
ce problème avec notre type sélectionné laisse aller et supprimer le trait et le remplissage. Revenons en haut ici, cliquez dessus et ajoutez un nouveau trait et remplissez. Nous allons leur donner les couleurs exactes que nous utilisions précédemment et nous allons avoir le même résultat que ce qui s'est passé précédemment. Mais il y a un ordre d'empilement ici. Lorsque nous appliquons notre trait et remplissons en utilisant l'option de type plutôt que l'option de caractère, nous pouvons ajuster le placement du trait et du remplissage. Au moment où le trait est au-dessus du remplissage, déplacons-le en dessous. Je vais le faire glisser sous le remplissage et ça cache ces zones qui se chevauchent. Tout ce que j'ai à faire, c'est d'aller rendre la course un peu plus large. Ce type ne va pas avoir exactement
les mêmes problèmes parce que les formulaires de lettre ne se chevauchent pas. Nous serions en mesure d'ajouter un trait blanc à ce type particulier et d'obtenir le résultat que nous recherchions. Mais avec le texte joint, nous devons faire quelque chose pour empêcher les formes de lettre d' être décrites individuellement avec ce trait.
9. Pt 8 Créer un effet de texte de Knockout: Un autre effet que nous pouvons utiliser ici pour retirer notre type de l'arrière-plan, mais dans ce cas, même utilisé l'arrière-plan comme notre type est de créer un effet de knock-out. Ce que je vais faire est d'aller à l'outil rectangle et je vais utiliser une zone de couleur différente ciblant la couleur de remplissage, et je vais utiliser l'une des autres couleurs du motif, qui est ce genre de bleu foncé, parce que Je veux un peu de contraste ici. Je vais faire glisser un rectangle qui va à peu près couvrir le texte. Il fait 1920 par environ 350 pixels de hauteur. Ça va d'un côté du document à l'autre, et je vais le placer derrière le texte. Permettez-moi de le placer directement sous le texte, nous pouvons dire le texte et la bannière. J' ai tout un cours sur l'effet KO. Si vous avez aimé cet effet, vous voudrez peut-être aller regarder mon cours sur les effets de
knock-out parce que je le prends beaucoup plus lentement que cela. Nous regardons beaucoup de différents effets de knock-out. Ce que nous allons faire, c'est que nous allons d'abord sélectionner le type, et nous allons définir son remplissage à 0 opacité. Nous allons dans le panneau d'apparence, allons cibler son remplissage ici et il a une opacité sur son remplissage et c'est tout ce que nous voulons sélectionner. Je vais le mettre à 0 opacité, ça devrait disparaître. Ensuite, nous allons sélectionner le type et le type d' arrière-plan [inaudible] ou le rectangle d'arrière-plan. Je clique sur l'un et je clique sur l'autre. Ils ont tous les deux choisi, je vais les mettre en groupe. La raison en est que lorsque vous avez un groupe d'objets, vous pouvez décider de l'illustrer. La chose que je viens de faire entièrement transparente avec 0 opacité. Je veux que vous utilisiez ça pour percer un trou dans ce qui est en dessous. En d'autres termes, dans ce rectangle. Je retourne au panneau d'apparence pour le groupe. Vous pouvez dire que ce groupe est ici et nous allons à l'opacité ici, et juste cliquer sur « Knockout Group ». Ce que cela fait, c'est qu'il lance un trou dans le rectangle bleu, la forme exacte du type que nous venons de définir à 0 opacité. Maintenant, nous pouvons les déplacer dans le groupe intérieur qu'ils peuvent aller n'importe où. Vous avez cet effet où nous avons un rectangle bleu à travers le document et le type est encore assez lisible. Il est percé à travers le rectangle bleu comme un trou, et à travers cela nous voyons le motif en dessous. Pour récapituler rapidement,
ce que vous allez faire est de prendre votre type et vous allez définir son remplissage sur 0 opacité, puis vous allez regrouper le type avec le rectangle. C' est vraiment important. Lorsque vous les avez dans un groupe, allez dans le panneau d'apparence localisez l'opacité ici, et définissez ce groupe de Knockout pour vérifier. Il arrive, il a juste un petit tiret dans lequel vous allez cliquer dessus une fois pour le vérifier. Ça frappe ce trou dans le rectangle en dessous. Ceci est modifiable. Si nous allons au dernier panneau, vous pouvez dire que c'est notre groupe ici, nous avons le type ici et le rectangle, nous pouvons sélectionner le type et nous pouvons le
déplacer et ajuster simplement son positionnement si vous le souhaitez. Mais comme je l'ai dit, si vous aimez cet effet de knock-out, si vous êtes intéressé par les effets de knock-out et regardez ma classe sur les effets de knock-out et il sera lié dans la description ci-dessous.
10. Pt 9 travailler avec des photos: Tout ce que nous avons fait dans ce cours peut être utilisé avec des photos dans Illustrator aussi. Avant de finir, jetons un coup d'oeil à la situation particulière de travailler avec des photos. J' ai un document déjà créé 1920 par 1080, vôtre peut être quelle que soit la taille que vous voulez. Je vais placer une photo. Je vais choisir » Fichier », puis « Place ». Je vais utiliser une image Unsplash de Markus Spiske. Je vais juste sélectionner l'image, et cliquez sur « Place ». Notez que j'incorpore l'image, j'ai toutes ces options désactivées. L' image va en fait être incorporée dans le document. Maintenant, je peux le placer dans mes documents. Je vais juste traîner pour le mettre dedans. Je veux en utiliser autant que je peux. J' ai un document paysager et une image portrait. fois l'image sélectionnée, je vais changer sa largeur à la largeur de mon document, et la largeur de mon document est 1920. vais m'assurer que cela est verrouillé de sorte que si j'ajuste
la largeur, la hauteur va être ajustée aussi. Laisse-moi juste réduire mon tableau d'art pour que je puisse tout voir. Je vais déplacer l'image à peu près dans la position que je veux qu'elle soit, et je regarde ici la partie de l'image que je veux réellement utiliser. C' est plutôt bien placé sur mon tableau d'art. Laisse-moi te montrer ce qu'on regarde ici. Je vais juste utiliser cette partie de l'image. Maintenant, les versions les plus récentes d'illustrator, il y a un outil de recadrage. Lorsque vous avez sélectionné une image bitmap comme une photo, il y a une option ici appelée Recadrer l'image. Je vais cliquer dessus, et je vais juste le dimensionner sur mon tableau d'art. Il est juste en position 1920 d'ici 1080, je vais cliquer sur « Appliquer ». L' image est maintenant recadrée à sa taille. Maintenant, si vous n'avez pas de version d'Illustrator qui comporte l'outil Recadrer l'image, laissez-moi vous montrer ce que vous allez faire. Laisse-moi revenir là où j'étais. Vraiment grande image, très petite planche d'art. Nous allons placer un rectangle sur le dessus de la planche d'art, c'
est-à-dire 1920 d'ici 1080 à laquelle nous voulons recadrer cette image. Je vais juste faire ça. Peu importe la couleur que c'est ou si elle a même une couleur. Je suis juste centré sur le tableau d'art ici. Je vais sélectionner la photo et le rectangle. Je vais faire un masque de coupure. Choisissez « Objet », « Masque d'écrêtage », « Créer ». Cela a exactement le même effet, sauf que dans ce cas nous avons l'image toujours là et un masque d'écrêtage. Si vous utilisez les versions les plus récentes d'Illustrator, vous allez en fait recadrer l'image excédentaire. C' est vraiment la seule différence. Laissez-moi y aller et ajouter mon texte maintenant. Je vais ajouter mon texte en noir. Laissez-moi juste goûter le noir qui est 000, et les canaux rouges, verts et bleus. Je vais taper le mot « Radis ». La police que j'utilise est Channel Slanted. C' est juste une police vraiment sympa, et cela fonctionnera très bien pour ce projet. Le texte n'est pas très lisible. Nous allons utiliser l'option pour ajouter un trait autour du texte. En fait, je vais ajouter deux traits autour du texte. Le problème est d'échantillonner les couleurs ici. Si je sélectionne sur cet objet ici, et essaye d'échantillonner les couleurs du pin Swatches ici, fondamentalement rien ne se passe. J' ai déjà travaillé sur cette image, alors laissez-moi juste me débarrasser de ces échantillons. On peut construire sur le plateau. Maintenant, je vais ajouter un nouveau groupe de couleurs. Je n'ai pas d'échantillons, c'est très bien. On peut les avoir nous-mêmes. Nous allons dans l'outil Compte-gouttes oculaire, et vous allez à « Maj », cliquez sur une partie de l'image à partir de laquelle vous souhaitez échantillonner une couleur. Dès que vous voyez une baie de couleurs, vous pouvez simplement cliquer sur le symbole plus pour l'ajouter au panneau Nuancier. Maintenant, si votre groupe de couleurs est sélectionné, il va effectivement entrer dans ce groupe de couleurs. Je ne fais que sélectionner des couleurs, regarder ce que j'ai, décider si c'est quelque chose que je veux garder, ou si j'aimerais essayer quelque chose d'un peu différent. Cela peut montrer que j'appuie sur « Maj » car je clique pour échantillonner une balise de couleur, la nuance de couleur à laquelle je voulais ajouter, cliquez sur le signe « + » et cliquez sur « OK ». Je vais prendre quelques couleurs. Vous constaterez qu'il est facile d'extraire les couleurs du texte si vous vous approchez trop du texte. Illustration, pense que vous voulez réellement échantillonner le noir du texte, et ce n'est généralement pas ce que vous voulez faire. Vous pouvez échantillonner toutes sortes de couleurs de votre image que vous pouvez utiliser dans cet effet. Revenons à « Type ». Revenons au panneau Apparence. Double-cliquez sur « Personnages ». Je veux enlever le remplissage et le coup, parce que je veux ajouter le mien. Le top a complètement disparu, pas un problème. Cliquez sur « Ajouter un nouveau remplissage », et il est rempli avec le noir. Nous revenons là où nous étions, sauf que nous avons beaucoup plus de flexibilité dans ce domaine du panneau Apparence. Allons ajouter un trait rose à cela. Je vais utiliser un rose clair. Je vais augmenter le coup blanc. Nous avons le même problème avec cette police, comme avec cette autre police,
sauf que le trait tourne autour de chaque forme de lettre individuelle, et nous avons des choses désordonnées qui se passent ici. On sait déjà quoi faire avec ça. On va juste faire glisser ce coup sous le remplissage, et ça résout le problème. On a juste besoin de faire un peu plus gros pour qu'on puisse le voir. Maintenant, je vais ajouter un deuxième coup. Je vais prendre cette attaque parce qu'elle est dans la bonne position. Ça a l'air parfait. Je vais juste l'utiliser pour en faire une copie. Je vais cliquer ici sur « Dupliquer le contour sélectionné ». Je vais y aller et en faire une couleur sombre, la couleur plus foncée que j'ai échantillonnée. Je vais décaler ce chemin parce qu'en ce
moment , ce coup sombre est en dessous de celui de la lumière. Il est assis juste là. Eh bien, je veux l'éloigner, donc nous allons utiliser le chemin de décalage. « Effet », « Chemin », « Décaler le chemin ». Assurez-vous juste qu'avant de faire cela, vous avez sélectionné le bon trait, car vous devez cibler celui-ci, parce que c'est celui que vous voulez déplacer. Il a bougé trop loin. 10 pixels est la valeur par défaut, et c'est un peu trop loin ici. Je vais l'amener dans environ six et cliquez sur « OK ». Voici un texte noir, il fait très sombre sur une image très sombre, mais nous avons pu échantillonner quelques couleurs de la photo, et utiliser celles qui utilisent l'un des effets que nous avons appris plus tôt dans cette classe, pour créer du texte qui heureusement, soulevé au-dessus de la photo, et est facilement lisible.
11. Projet et l'enveloppement: Nous avons maintenant terminé la partie d'apprentissage vidéo de ce cours , c'est donc à vous de décider pour votre projet de classe. Votre projet de classe consistera à prendre un modèle ou à prendre une photo et à l'importer dans un document Illustrator, placer un morceau de texte au-dessus de celui-ci, puis à utiliser l'une des techniques que vous avez vues dans cette classe, pour faire votre texte se démarquer au-dessus de votre arrière-plan occupé. Lorsque vous avez terminé, affichez une image de votre travail terminé comme projet de classe. Maintenant, alors que vous regardez ces vidéos, vous auriez vu une invite vous demandant si vous recommandiez cette classe à d'autres personnes. vous plaît, si vous avez apprécié la classe et appris de cela, ferais-tu deux choses pour moi ? Tout d'abord, répondez oui, que vous recommandez la classe. Deuxièmement, écrivez même en quelques mots, pourquoi vous appréciez la classe. Ces recommandations aident les autres élèves à voir qu'il s' agit d'une classe dont ils pourraient aussi profiter et tirer des leçons. Si vous voyez le lien suivant à l'écran, cliquez dessus pour rester à jour avec mes nouvelles classes au fur et à mesure qu'elles sont publiées. Si vous voulez me laisser un commentaire ou une question, s'il vous plaît le faire. Je lis et réponds à tous vos commentaires et questions, et je regarde et réponds à tous vos projets de classe. Je m'appelle Helen Bradley. Merci beaucoup de vous joindre à moi pour cet épisode de Graphic Design for Lunch, et j'ai hâte de vous voir dans un prochain épisode.