Effets de texte découpé dans Adobe Illustrator - Un cours de graphisme pour le déjeuner™.

1. Conception graphique pour l'effet de texte à coupure de lunch: Bonjour, je suis Helen Bradley. Bienvenue dans cet épisode de Graphic Design for Lunch, créez des effets de texte découpé dans Adobe Illustrator. Graphic Design for Lunch est une série de cours qui enseigne une gamme de conseils et de techniques pour créer des designs et travailler dans des applications telles qu'Illustrator, Procreate et Photoshop. Aujourd'hui, nous examinons les effets de texte découpé. Nous commencerons par découper des textes à partir d'une photo bitmap manière à ce que le texte lui-même reste entièrement modifiable. Ensuite, nous allons créer un second effet qui découpe le texte d' une forme aux endroits où la forme et le texte se chevauchent. Nous allons le faire également d'une manière qui garantit que le texte est entièrement modifiable. Nous examinerons plusieurs façons d'utiliser cet effet dans vos propres conceptions. Maintenant, lorsque vous travaillez sur ces vidéos, vous pouvez voir une invite qui vous permet de recommander cette classe à d'autres personnes. vous plaît, si vous aimez ce cours, donnez-lui un pouce en haut. Des recommandations comme celle-ci m'aident à mettre mes cours devant plus de gens, gens comme vous qui veulent en savoir plus sur Illustrator. Si vous souhaitez laisser un commentaire, veuillez le faire. J' ai lu tous vos commentaires et je regarde tous vos projets de classe. Si vous êtes prêt, commençons maintenant à utiliser les effets de texte découpé dans Illustrator. 2. Effets de texte - Partie 1: Il est possible de découper le texte d'une photo dans Illustrator et nous allons le faire maintenant. Je vais commencer par un nouveau document, en choisissant « Fichier » puis « Nouveau ». Le document sera de 1 000 pixels par 750 pixels et son mode couleur RVB. Je vais cliquer sur « OK ». L' image que je vais utiliser est de unsplash.com. Ici, c'est. Unsplash.com est un site où vous pouvez trouver des images que vous pouvez utiliser à des fins commerciales et personnelles. Je suis allé à unsplash.com et j'ai cherché le mot-clé Londres et trouvé cette image. J' aime le contraste, donc c' est ce que nous allons utiliser. Sur unsplash.com, lorsque vous voyez une image que vous aimez, cliquez dessus et elle s'ouvrira dans une nouvelle fenêtre de navigateur et vous pouvez cliquer pour la télécharger. Je l'ai déjà fait, alors allons chercher l'image. À l'intérieur de l'illustrateur, je vais choisir « Fichier », puis « Place ». Voici l'image ici. Je vais cliquer dessus. Je veux m'assurer que ce lien est désélectionné car je veux intégrer cette image dans mon document et je vais cliquer sur « Place ». Maintenant, je dois juste faire glisser une zone pour l'image. Je vais juste faire glisser un endroit dans mon document pour cela puis cliquer dessus. Ensuite, j'ai fait mon texte, donc je vais cliquer ici sur l'outil Texte et je vais taper du texte. Je vais taper le mot travail. Je vais le sélectionner, cliquez dans la zone de taille de police ici et appuyez sur Maj flèche vers le haut pour augmenter la taille de mon type. Je vais le déplacer dans une position au-dessus de mon image et juste tester pour voir à quoi il ressemble. C' est un peu difficile à dire, donc je vais juste le colorer d'une couleur totalement différente ; orange ira bien. Je pense que je pourrais choisir une meilleure police ; une police plus épaisse fonctionnerait mieux ici. Myriad Pro a un certain nombre de variétés différentes avec elle. L' un d'eux pourrait m'aider. J' ai ouvert la liste des polices ici, donc je vais cliquer sur Myriad Pro, puis je vais juste descendre et regarder les options que j'ai disponibles. Le plus épais que j'ai est en gras semi étendu. Je vais choisir ça. Je peux dire que c'est une belle police épaisse, peut-être un peu trop grande pour nos projets. Je vais juste diminuer sa taille de police. Je peux également rapprocher les lettres en cliquant sur le panneau Caractère ici et aller à cette option de traçage.Je vais en fait diminuer l'espace entre les caractères afin que je puisse obtenir un peu plus de ma photo dans les textes que j'ai ici. La méthode que nous allons utiliser pour remplir ce texte avec l'image est de créer un masque d'écrêtage. Je vais choisir l'outil Sélection à sélectionner sur le type et la photo. Je vais cliquer avec le bouton droit de la souris et choisir faire le masque de coupe Maintenant, nous avons [inaudible] qu'il est rempli de notre photo. Jetons un coup d'oeil au dernier panel et voyons ce que nous avons. Nous avons la première couche. A l'intérieur, il y a un groupe d'écrêtage et à l'intérieur du groupe d'écrêtage se trouve notre texte et notre photo, qui sont toujours modifiables. Si je clique sur mon texte et accède à l'outil Type, je peux simplement cliquer sur ce texte et je peux taper quelque chose de complètement différent. Si je clique, le texte est toujours rempli avec l'image. C' est juste que le texte lui-même a changé. Il est également possible de sélectionner l'image dans le masque d'écrêtage, puis de la déplacer. Au fur et à mesure que nous déplacons l'image, une autre partie de celle-ci apparaîtra à l'intérieur de notre texte. J' aime le fond des chaises là-bas. Je pourrais effectivement sélectionner cela et cliquer dessus. Si vous voulez taper effet, mais vous voulez un peu de frappe sur ces lettres qui peut être fait aussi. On retourne à la dernière palette. Cette fois, nous allons cliquer sur le masque d'écrêtage lui-même, donc nous devons sélectionner le masque d'écrêtage. Ici, c'est la course et c'est l'avant, donc nous pouvons simplement aller et sélectionner, par exemple, un coup noir. Cela donne à l'image un trait noir très fin. Si vous voulez qu'il soit plus mince, allez toujours à Fenêtre, puis caressez. Pour le moment, nous avons un poids d'un point, mais nous pourrions taper cela pour dire un demi-point et ensuite nous avons juste une ligne très fine autour de notre texte. Il existe un moyen simple de découper le texte d'une photo dans Illustrator. Bien sûr, cette photo restera une image bitmap. Si nous l'adaptons à une taille vraiment grande, nous allons souffrir d'une certaine pixélisation dans l'image elle-même. 3. Effets de texte - Partie 2: Pour créer un effet de texte inverse dans illustrator, nous allons choisir Fichier et Nouveau et créer un tout nouveau document. J' utilise 1 000 par 750 pixels en taille, en mode couleur RVB. Je vais cliquer sur OK. Maintenant, je vais commencer par le cercle, donc je vais à l'outil Ellipse. Je vais cliquer dessus et maintenir la touche Maj enfoncée pendant que je fais glisser un cercle. Je vais le déplacer au milieu de mon image. Je veux remplir mon cercle avec une couleur unie. Je vais juste aller à ma palette de nuances, et je vais choisir une couleur à utiliser. Je vais choisir cette couleur orange. Je vais retourner le trait et remplir les couleurs et supprimer entièrement le trait. Maintenant, je vais ajouter du texte. Je vais cliquer ici sur l'outil de texte et dans l'intérêt de rendre le texte visible sur la forme orange, je vais cliquer loin de la forme, puis sélectionner le noir comme couleur de remplissage. Je vais cliquer à nouveau sur l'outil Texte et je vais taper les mots cercle magique. Maintenant, je tape deux lignes de texte. Je vais juste choisir sur eux. Cliquez dans la zone de taille de police, appuyez sur Maj flèche vers le haut pour les agrandir à une grande taille. Je vais les positionner au-dessus du cercle et je vais m' assurer que les lignes sont alignées au centre. Je vais cliquer sur l'option centrale et je vais les déplacer encore une fois. J' ai trouvé une police que j'aime et ça s'appelle l'alphabet mono. Je vais juste y aller et le sélectionner. Le voici, mono-alphabet régulier. C' est une petite police plutôt intéressante et je vais vous donner le lien de téléchargement pour elle. Il est disponible sur dafont.com et il est une police gratuite et il est gratuit pour un usage commercial et privé. Maintenant que nous avons ces deux éléments que j'ai tapés et un cercle, nous allons créer notre effet de texte découpé. Je vais à l'outil de sélection. Je vais sélectionner à la fois sur le texte et ils entourent. Aller à la palette Pathfinder et ce que je veux faire est l'équivalent d'une option Exclure. L' option Exclure exclut les zones de forme qui se chevauchent. Il va se débarrasser des zones où le texte et le cercle se chevauchent, nous donnant un effet de découpe. Mais si je clique simplement sur l'option Exclure ici, rien ne se passe. La raison pour laquelle rien ne se passe est que mon type est encore tapé. Maintenant, j'ai deux options à ce stade. Un bon et un pas si bon. Parlons du pas si bon. Le pas si bon est que nous allions convertir ce type en contours, puis appliquer cet effet et cela fonctionnerait. Mais cela va nous limiter plus tard en termes de flexibilité que nous aurions dans le travail avec ces objets. La meilleure option est de revenir à cette option Exclure, qui cliquer comme nous le pourrions ne fonctionnera pas et ajouter la touche Alt ou Option. En ce moment, je maintiens la touche Alt ou Option enfoncée, je clique sur Exclure et laisse voir ce qui se passe. Eh bien, quelque chose de magique vient de se passer. Nous avons pu découper le texte de la forme sous-jacente. On a perdu la couleur de la forme. Il est transformé en couleur du texte, mais nous avons l'effet que nous recherchions. En prime, nous avons également la possibilité d'éditer. descendant jusqu'à la dernière palette, il suffit de cliquer pour ouvrir la dernière palette et vous direz que nous avons ici une forme composée et à l'intérieur de cette forme composée se trouve notre texte de cercle magique et notre chemin, qui sont tous deux modifiables. Si je clique sur le texte du cercle magique, je peux déplacer le texte et quand je le fais, il va toujours utiliser cet effet de texte découpé, mais la position de découpe va changer en fonction de l'endroit où le texte est placé. Maintenant, le texte est également modifiable. Je pourrais venir ici et enlever une lettre. Avec cet effet, le texte reste entièrement modifiable. Maintenant, si nous voulions revenir à une couleur autre que le noir pour notre forme, nous pouvons juste revenir en arrière et cliquer sur le chemin composé et vous pouvez voir qu'il y a du noir ici indiquant que le chemin composé, couleur de remplissage est noir. Maintenant, si nous allons au texte, vous verrez également que c'est noir, mais changer la couleur réelle du texte n'aura aucun effet sur cet objet. Nous devons aller au chemin composé, sélectionner chacun, et maintenant nous pouvons sélectionner une couleur. Peu importe la couleur que nous choisissons, l'effet sera appliqué à elle. Vous pouvez également le remplir avec un motif et j'ai quelques motifs assis ici dans le panneau des nuanciers. Certains d'entre eux fonctionneront mieux que d'autres. Avec ce modèle particulier, il pourrait sembler mieux si le motif était légèrement réduit. Voyons comment on fait ça. Lorsque la forme est toujours sélectionnée, nous allons passer à la transformation de l'objet, puis à l'échelle. Je vais activer l'aperçu. Je vais désactiver les objets de transformation, car je ne veux pas que la taille de cet objet change. Je veux juste que la taille du motif change. Je vais cliquer ici, décaler la flèche vers le bas pour rendre le motif un peu plus petit. Cela rend le texte un peu plus facile à lire, et je vais cliquer sur OK. Il est également possible d'ajouter un trait mince autour de l'objet. Maintenant, il va apparaître autour du texte ainsi que autour du cercle. Nous allons nous assurer que nous sélectionnons tout, revenons dans la dernière palette, assurez-vous que cette forme composée est sélectionnée. Nous allons passer ici à la couleur du trait, puis je peux cliquer ici et trouver un trait de couleur à utiliser. Je vais utiliser un bleu, peu similaire au bleu qui est dans le motif lui-même. Si je vais au dialogue de course avec Windows stroke, nous devons augmenter, par exemple, le blanc du trait. Maintenant, vous pouvez dire que la grève se chevauche ici. C' est un effet que vous voudrez peut-être ou non utiliser. Bien sûr, il est facilement retiré en vous assurant que vous avez sélectionné l'objet et il suffit de désactiver le trait. Il y a un moyen de découper le texte d'une forme et dans la vidéo suivante nous allons voir une application pratique pour cela. 4. Texte de découpe Partie 3: Pour voir comment nous pourrions utiliser l'effet de texte découpé dans une situation plus pratique, je suis allé sur un site appelé Vecteezy, où vous pouvez trouver gratuitement des objets vectoriels de téléchargement. J' ai levé les yeux et trouvé ces silhouettes de café et de théière. Je vais vous donner le lien pour les trouver et les télécharger. Lorsque vous les téléchargez, ils descendent sous forme de fichier zip, et à l'intérieur de ce fichier zip se trouve un fichier AI qui contient toutes ces images. Je vais d'abord ouvrir ce fichier AI dans Illustrator. Maintenant, j'ai récemment ouvert ce fichier donc il va être dans ma liste de fichiers récents ici. C'est ici. Je l'ouvre juste. Allons au dernier panneau, et vous verrez que chacun de ces cafetières est un chemin composé donc nous avons juste besoin de trouver celui que nous sommes intéressés à utiliser. Je veux utiliser celui-ci ici, donc je vais juste le sélectionner et je vais choisir Modifier, Copier. Copions dans le Presse-papiers Windows ou Mac. Je peux juste fermer ça. Je vais choisir Fichier, puis Nouveau, et je vais faire un document qui est carré. Je vais faire 750 pixels haut et large, mode couleur RVB, et cliquez sur « OK » et je vais juste choisir Modifier, Coller pour coller ma cafetière dans. Je vais maintenir la touche Maj enfoncée pour l'agrandir dans cette illustration. Ensuite, je vais ajouter un certain type donc je vais taper 2. Je vais juste cliquer ici et je vais taper du thé pour deux. Je vais sélectionner le type et l'agrandir un peu. Je vais le placer en position sur ma théière et je vais choisir une police différente. Maintenant, la police que j'utilise s'appelle des fleurs sauvages et des ailes. Encore une fois, c'est une police gratuite disponible à partir de Daft Font et je vais vous donner le lien de téléchargement pour cela. Je vais juste le taper parce que ça va être plus facile, de fleurs sauvages et d'ailes. C' est juste une mignonne petite police. Mettons-le en position et nous voulons probablement l'agrandir. Mais d'abord, changeons la couleur de celui-ci pour que nous puissions réellement la voir. Avec le type 2, je vais juste sélectionner sur le type et l'agrandir un peu encore. Maintenant, je vais à la dernière palette parce que je veux enlever une deuxième copie de ce texte. Je vais le sélectionner et le faire glisser sur l'icône Nouveau calque et cela me donnera deux calques de texte. Je vais la déplacer sous ma théière et je vais l'éteindre et la verrouiller pour l'instant. La prochaine chose que je vais faire est de créer mon effet de texte découpé. Je vais sélectionner ces deux couches, le calque qui a la théière dessus et le calque qui a le texte. Nous retournons au Pathfinder, maintenez Alt ou Option en cliquant sur l'option « Exclure » ici et cela nous donnera l'effet de découpe. Maintenant, j'aimerais que ma théière soit une théière rouge alors allons à cette couche. Cliquez sur le « chemin composé » et faisons un rouge profond. Pour une illustration comme celle-ci, ce serait bien d'avoir un motif derrière la théière donc je vais sélectionner l'outil Rectangle et je vais cliquer pour créer un rectangle qui est la taille du plan de travail. Pour le moment, c'est au-dessus de tout, alors nous allons aller à la dernière palette et simplement la glisser en dessous de tous les autres objets de ce calque, y compris le rythme de type que nous avons. Maintenant, nous voyons que tout est rouge en ce moment parce que notre forme composée est rouge aussi, donc nous voyons juste du rouge sur le rouge. Je veux remplir ça avec un motif. Un certain nombre de modèles sont livrés avec Illustrator. Certains d'entre eux vont très bien fonctionner pour cette illustration particulière. Je vais à la palette Nuancier. Je vais cliquer sur ce menu « Fly Out » ici et aller à Open Swatch Library, puis Patterns, et je veux aller dans Nature et je veux aller à Nature_Foliage. Cela ouvre une palette. Maintenant, j'ai déjà réorganisé cette palette en icônes plus grandes en allant dans le menu Fly Out et en choisissant Vue Large liste. Cela nous aide juste à voir les modèles un peu plus facilement. Les motifs que je cherche sont ceux en noir et blanc parce que le noir et blanc et le rouge ont juste l'air vraiment bien ensemble. Les options incluent Blossom, il y a aussi Daisy. Bien sûr, si c'est trop grand notre modèle, nous savons comment le dimensionner. Il y a des feuilles pleines. Floral Vines est vraiment jolie. Il y a beaucoup de motifs en noir et blanc ici que vous pourriez utiliser. Feuilles graphiques et puis il y a des carrés de lotus, des gloires du matin, et quelques autres. Je retourne à Floral Vines. Je vais rendre le motif un peu plus petit en allant dans Objet, Transformer, Échelle. Je ne veux pas transformer l'objet donc je vais désélectionner cette option, activer l'aperçu, puis sélectionner une bonne taille pour mon motif. Je pense que probablement autour de 60 pour cent est bon et je vais cliquer sur « OK ». Maintenant, cette image est vraiment assez belle, mais il y a une autre chose que nous pouvons faire ici et qui implique la deuxième copie du type que nous avons gardé de côté. Je vais retourner ici et allumer cette couche. Ce que nous avons, c'est le type qui apparaît là où l'effet de texte découpé a eu lieu. Mais ce type n'a pas besoin de rester vert. Je vais juste désactiver l'icône de verrouillage pour que nous puissions bouger et travailler avec ce type maintenant. Je vais cliquer sur le calque de type et je peux choisir une couleur telle que le noir pour cela. J' ai un effet intéressant qui se produit ici. Maintenant, parce que j'ai deux calques de type ici et qu'ils contribuent tous les deux à cet effet, si j'aime cet effet, alors si je veux déplacer mon type, je vais devoir m'assurer que je déplace les deux beaucoup de type. Je vais venir ici à la forme composée, pour l'ouvrir. Je vais sélectionner sur la couche de type, thé pour deux, et maintenant je vais descendre ici et Maj-clic sur cette version de thé pour deux. J' ai un calque de type dans une forme composée sélectionnée et un calque de type qui est tout seul. Maintenant, si je vais à l'outil Déplacer, je peux simplement déplacer le type. Dans les deux pas de type, le type qui fait partie de la forme du composé découpé et aussi le type qui fournit ce fond noir se déplacent ensemble. voulez juste être prudent si vous utilisez un effet comme celui-ci, que vous vous donnez les meilleures chances de succès en assurant de sélectionner les deux couches si vous allez les déplacer. Il y a un exemple plus pratique, quelque chose que vous pourriez utiliser pour une carte de visite ou un logo ou quelque chose du genre créé à l'aide de cet effet de texte découpé. Votre projet pour cette classe est de créer l'un ou les deux effets de ces vidéos. Découpez du texte d'une photo ou créez l'un des deux autres effets de texte découpé de la vidéo. Vous pouvez utiliser les mêmes images que moi et les mêmes polices, ou vous pouvez utiliser des polices et des images de votre choix. J' espère que vous avez apprécié ce cours et que vous avez beaucoup appris sur les effets de texte découpé dans Illustrator. Si vous avez apprécié ce cours et si vous voyez une invite à recommander ce cours à d'autres personnes, s'il vous plaît donnez-lui un pouce vers le haut. Ces recommandations m'aident à mettre mes cours devant un plus grand nombre de personnes comme vous, des personnes qui veulent en savoir plus sur Illustrator. Si vous souhaitez laisser un commentaire, veuillez le faire. J' ai lu tous vos commentaires et je regarde 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.