Motif de lignes et de points dans Adobe Illustrator - Un cours Graphic Design for Lunch™

1. Motif des points et vagues dans Illustrator - Introduction - A Graphique pour le cours Lunch™: Bonjour, je suis Helen Bradley. Bienvenue dans cette classe Graphic Design For Lunch, créez un motif de lignes et de points 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. Aujourd'hui, nous allons créer un motif vague et point de style semi-organique. Vous apprendrez à transformer des lignes en formes remplies et à vous assurer qu'une pièce de motif s'alignera parfaitement. Maintenant, lorsque vous regardez ces vidéos, vous verrez une invite qui vous permet de recommander cette classe à d'autres personnes. vous plaît, si vous aimez la classe, faites deux choses pour moi ; premièrement, donnez-lui un pouce, et deuxièmement, écrivez juste quelques mots sur la raison pour laquelle 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 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 tous vos projets de classe et y réponds. Si vous êtes prêt, commençons avec notre modèle de vague et de points dans Illustrator. 2. Pt 1 Créer les lignes: Pour créer notre modèle vague et point, nous allons créer un nouveau fichier. Il est important que ce soit une largeur connue fixe. Je vais faire de mon plan de travail 1 000 pixels par 1 000 pixels, juste pour que nous sachions exactement ce qu'il mesure. Je vais cliquer sur l'outil « Segment de ligne ». Je vais faire une ligne de 1000 pixels de longueur qui est à un angle de zéro degré. Il va étirer toute la largeur du plan de travail. Nous devons nous assurer que tout s'harmonise très soigneusement ici parce que c'est un modèle. Je vais ouvrir mes options d'alignement et je vais cliquer sur « Afficher les options » et aligner sur le plan de travail. Je vais juste aligner cette ligne, sorte qu'elle soit alignée jusqu'au bord même du plan de travail ici. Nous allons le transformer en une ligne ondulée avec Effect, Distort & Transform, puis Zig Zag. Je vais activer l'aperçu, je vais mettre mes crêtes par segment à 1 et je clique sur lisse. Vous pouvez dire que cela nous donne une courbe lisse et peu profonde. Je vais augmenter la courbe un peu jusqu'à environ 35. Vous voulez vous assurer que vous avez la courbe au-dessus de la ligne à chaque extrémité, car ceux-ci vont se joindre plus tard dans le modèle. Alors cliquez sur « OK ». Je vais choisir Objet, Développer l'apparence, pour le transformer en une ligne régulière. Maintenant, je veux faire glisser un duplicata en appuyant sur la touche « Alt ou Option », comme je fais glisser un duplicate loin, je ne veux pas le déplacer très loin, celui-ci va être assez proche. Ensuite, je vais le faire encore et encore et encore. Je me retrouve avec cinq lignes, si vous voulez vous assurer que ces trois derniers jeux de lignes sont espacés uniformément, sélectionnez au-dessus d'eux dans les options de l'outil aligné, sélectionnez « Aligner à la sélection », puis cliquez ici sur « Vertical Distribuer Center » et qui fera en sorte qu'il y ait même un espacement entre eux. Je vais combler cet écart un peu. Vous voulez obtenir votre espacement à peu près trié avant de passer à l'étape suivante. L' étape suivante consiste à prendre ces trois lignes médianes et à en faire un double. Vous souhaitez sélectionner ces trois lignes et vous pouvez ouvrir le dernier panneau si nécessaire pour vous assurer que vous avez sélectionné ces trois lignes. Vous choisissez Modifier, Copier, puis Modifier, Coller sur place. Vous ne voulez pas les déplacer, mais vous voulez faire des doublons parce que nous allons les utiliser pour joindre vos lignes. Vous aurez également besoin de quelques couleurs à utiliser. Je vais ouvrir mon panel d'échantillons ici. Je vais transformer certaines de mes couleurs en échantillons globaux. Cela va rendre un peu plus facile de les ajuster plus tard. Je vais double-cliquer sur chacune des couleurs que je veux utiliser et la rendre globale. Je n'ai pas besoin d'obtenir les bonnes couleurs, maintenant, j'ai juste besoin de m'assurer qu'elles sont globales et que je n' utilise que les échantillons globaux dans mon design. Je vais sélectionner les quatre couleurs à ce stade. Revenons maintenant aux lignes des calques ici. Je vais sélectionner soit ce bas plus un, puis l'un de ceux immédiatement au-dessus, et vérifier dans la palette Calques qu'il n'y a que deux chemins sélectionnés. Je vais choisir Objet, Chemin, puis Joindre. Maintenant, je vais retourner le remplissage et le contour de sorte que c'est une forme remplie mais sans trait. Je vais appliquer une de mes couleurs globales. À ce stade, je peux juste cacher cette forme parce qu'elle a été créée. Allons chercher les deux jeux de lignes suivants et nous allons les rejoindre avec Object, Path, Join. Encore une fois, nous allons également appliquer une couleur globale à cet ensemble. Cachons-le pour l'instant. Maintenant, nous allons passer à l'ensemble suivant de deux lignes, Objet, Chemin, Joindre. Retournez le fond et le contour, appliquez-lui une couleur globale et masquez-la. Il nous reste deux autres chemins et nous allons faire exactement la même chose avec eux. À ce stade, vous pouvez réactiver toutes vos lignes. Vous devriez avoir quatre ensembles de lignes qui sont tous remplis de couleurs globales. Vous pouvez double-vérifier pour vous assurer qu'ils sont alignés sur le bord même du plan de travail. Vous voulez vous assurer que vous avez sélectionné l'alignement sur le plan de travail et les aligner simplement sur le bord même du plan de travail. Maintenant, nous sommes prêts à faire quelques doublons. Nous choisirons Objet, Transformer, Refléter. Je veux le transformer horizontalement. J' ai activé l'aperçu et je veux faire un doublon, donc je vais cliquer sur « Copier ». Ça me donne deux séries de lignes. Un de ces ensembles de quatre lignes que je veux envoyer en haut du document, mais si j'essaie de les envoyer dès maintenant, ils vont tous atterrir en haut du document. Je veux vraiment les regrouper avant de faire ça. Je vais sélectionner sur ces quatre lignes et je vais choisir Objet, Groupe. Je vais envoyer le groupe en haut du document. Aller à regrouper cet ensemble de lignes avec Object, Group et je vais les déplacer vers le haut afin qu'ils soient juste égarés contre celui ci-dessus. Assurez-vous que tout est parfaitement aligné sur le bord du plan de travail ici. Je veux une autre copie de cet ensemble de lignes, donc je vais sélectionner les deux ensembles. Je vais choisir Objet, Transformer, Déplacer. Je ne sais pas exactement jusqu'où je dois les déplacer, mais je ne veux pas les déplacer horizontalement du tout. Je veux les déplacer verticalement. Essayons 200 pour l'instant. Je veux faire un duplicata, donc je vais juste cliquer sur « Copier ». S' ils ne sont pas exactement au bon endroit et que vous les aurez probablement pas correctement la première fois, vous pouvez simplement les déplacer vers le bas en utilisant les touches fléchées. Vous voulez juste un chevauchement ici, juste un léger chevauchement. Maintenant que nous avons les lignes de base prêtes à aller, dans la prochaine vidéo, nous allons créer les points et ensuite nous allons créer notre modèle de répétition. 3. Pt 2 Ajouter les points: La façon dont nous fabriquons ce modèle est que nous allons réellement faire la boîte de délimitation pour le modèle. Nous ne pouvons nous faire que quelques petites faveurs en ce moment. L' un d'eux sera de définir la taille de ces formes ici. Si je sélectionne sur les formes, chacune d'entre elles a une largeur de 1000 pixels, mais leur hauteur n'est pas un nombre pair. Mais nous pouvons en faire un nombre pair en tapant simplement le nombre pair. Mon plus d'un 132 inchangé, eh bien, je vais juste faire le mien un 132 pixels. Je vais sélectionner sur chacun de ces éléments et juste les arrondir. Maintenant, chacun d'eux est exactement la même taille et la hauteur d'eux est un beau nombre pair. Maintenant, je vais aussi les espacer pour qu'ils se croisent les uns contre les autres très uniformément, donc j'ai sélectionné cependant les quatre groupes de lignes. Je vais à la boîte de dialogue Aligner sur et je vais sélectionner « Aligner à l'objet clé ». Je vais faire de cet objet haut, mon objet clé en cliquant dessus. Ce que je veux faire est de cliquer ici sur l'espace de distribution vertical, mais je veux m'assurer que la valeur est nulle et cela va juste croiser les uns contre les autres afin qu'ils touchent parfaitement. Maintenant, je vais sélectionner toutes ces formes et je vais les regrouper avec « Objet », « Groupe ». Ensuite, je vais faire une dernière vérification, qui est de cliquer sur « Vertical Aligner Top ». Cela permet simplement de s'assurer qu'ils sont parfaitement alignés sur le haut de ce document. Si chacune de ces formes a une hauteur de 132 pixels , la taille globale de l'ensemble de formes groupées doit être quatre fois un 132 pixels, ce qui est le cas, c'est 528. Je peux faire les mathématiques ici et je sais que tout est parfaitement, parfaitement aligné. Ça va vraiment m'aider dans quelques minutes quand je viendrai faire mon Bounding Box. Maintenant, nous sommes sur le point de faire quelques cercles. Je vais à l'Ellipse Tool. Je vais cliquer une fois dans le document, je vais faire un cercle qui est un 100 pixels par un 100 pixels. J' utilise juste une de mes couleurs globales. Mais si vous ne voulez pas utiliser l'une des couleurs que vous avez déjà utilisées, vous pouvez aller de l'avant et configurer un autre ensemble de couleurs globales. Essentiellement, ce que je dis c'est que je suis heureux que ce cercle soit de la même couleur que cette vague est dans le modèle final. Je vais juste faire une forme de 100 pixels ici. Je vais en ajouter un deuxième ici. Je vais en traîner un jusqu'ici. Maintenant celui-ci, en raison de sa position, je vais m'assurer qu'il est parfaitement aligné au bord même de ce plan de travail. Je veux m'assurer qu'il est au milieu ici est à la valeur x de 1000, ce qui est, c'est exactement à 1000, va juste ajuster sa valeur y à une valeur connue ici, je vais juste le faire 250. Ça va me permettre de le vérifier dans une minute. Maintenant, je dois copier ça ici. Je vais choisir « Objet », « Transformer », « Déplacer ». Je ne veux pas le déplacer verticalement du tout, donc je vais taper zéro là-dedans. Je veux le déplacer moins 1000 horizontalement. Je vais juste me taper. Parce que j'ai déjà sélectionné, vous pouvez voir que la copie va dans la bonne position, donc je vais cliquer sur « Copier ». Ensuite, je vais remplir cet espace avec des cercles supplémentaires. Je retourne à l'outil Ellipse cette fois, je vais choisir une couleur différente pour travailler avec. Je vais cliquer une fois dans le document, je vais faire quelques cercles de 50 pixels. Assurez-vous juste que c'est une couleur différente. Je vais les déplacer à l'intérieur de ces vagues. Je fais les doublons en maintenant simplement la touche Alt sur un PC, touche Option sur un Mac et en faisant glisser la forme supplémentaire loin. Maintenant, je veux des cercles qui sont les plus petits encore donc je vais juste cliquer ici et en faire une partie à 25 pixels autour. Je vais changer la couleur à ce sujet pour une autre de mes couleurs globales. Je vais déplacer cette forme en position et encore une fois, la dupliquer pour combler les lacunes. Je veux faire attention à ne rien mettre sur ce bord. J' ai déjà une forme sur le bord et je n'en veux pas plus. Ou si j'en avais mis un autre sur le bord, je devrais le copier de l'autre côté aussi. Il est juste plus facile de garder à un minimum de chevauchements, mais vous voudrez un chevauchement ou bien vous allez obtenir une sorte de motif drôle qui va avoir un grand écart au milieu de celui-ci. Vous voulez également être conscient que ce point ici va apparaître ici dans l'image finale. Vous voulez vous assurer qu'il n'y a pas un autre point trop près de lui. Maintenant, je vais remplir cette zone ici en empruntant les formes de celle ci-dessous. Encore une fois, en maintenant la touche Alt ou Option, je fais simplement glisser mes formes en position. Je travaille sur cinq ou six de ces formes de taille moyenne. J' ai deux plus grandes formes ici. Je n'ai probablement pas besoin d'autant de ceux de taille moyenne que je l'avais pour cet élément ici. Ensuite, je vais emprunter certains des plus petits. Maintenant, cet ensemble de formes va devoir être déplacé vers le bas à cette position. Nous savons déjà qu'un élément ici mesure deux fois 132 pixels. Ce que nous devons faire est de prendre toutes ces choses et de les déplacer deux fois 132 pixels vers le bas. Je vais juste choisir sur toutes ces formes, donc je vais bouger. Je vais cliquer sur un, puis faire un clic sur les autres pour les sélectionner en veillant à ne pas inclure les lignes avec celles-ci. Maintenant, je vais choisir « Objet », « Transformer », » Déplacer ». J' ai l'aperçu activé. Je ne veux pas les déplacer horizontalement, donc je vais taper zéro ici. Ce que je veux faire est de les déplacer vers le bas à 164 pixels. Vous pouvez voir qu'ils sont parfaitement en position. Mais encore une fois, tout cela a un rapport avec les calculs que nous avons faits plus tôt. Parce que chacun de ces blocs est ici un 132 pixels de hauteur, le mouvement ici doit être deux fois plus élevé. Je vais cliquer sur « Copier ». À ce stade, vous ne souhaitez pas apporter de modifications supplémentaires à votre conception, sauf si vous êtes prêt à refaire toute la copie. Pour déplacer l'une de ces formes, vous devez les copier vers le bas. Vous pouvez les modifier parce qu'ils ne sont pas des doublons les uns des autres, sauf pour ceux qui sont au-dessus de la frontière ici. Maintenant, nous sommes prêts à créer notre Bounding Box et créer notre modèle et nous le ferons dans la prochaine vidéo. 4. Pt 3 Créer le motif: Nous sommes maintenant prêts à créer un cadre de sélection qui définira la zone contenant notre nuance de motif. La zone va aller d'ici tout le chemin à travers le plan de travail, ici jusqu'à ce point ici et en travers. Nous avons déjà déterminé que l'une de ces pièces a une profondeur de 132 pixels, donc le double de cette quantité est de 264 pixels, ce qui va être la taille de notre cadre de sélection. Je vais cliquer une fois sur le document, je vais faire un rectangle, il y a 1000 pixels par 264, et je vais cliquer sur « OK ». Maintenant, cette boîte de sélection ne doit pas avoir de remplissage et pas de trait, mais je vais d'abord la déplacer en position. Il n'a pas vraiment d'importance verticalement exactement où il va, mais il doit être dans la zone définie par ces ensembles haut et bas de lignes courbes, donc vous ne pouvez pas le mettre ici, par exemple, parce que ce serait à l'extérieur de mais il peut être un peu décalé ici, il n'a vraiment pas d'importance. Cependant, il n'a pas besoin d'être aligné sur le côté gauche du plan de travail, vous devez donc aller à l'option Aligner pour vous assurer que l'option Aligner sur plan de travail est sélectionnée et vous assurer qu'il est parfaitement aligné sur le bord du plan de travail. Avec elle sélectionnée, vous ne lui donnerez aucun remplissage et aucun trait. Comme il s'agit d'un cadre englobant, il doit également apparaître derrière tout ce qui se trouve sur ce plan de travail, doit être derrière toutes ces pièces de motif, ou il ne sera pas traité comme une boîte de sélection. Le moyen le plus rapide de l'obtenir à l'arrière de tout est de le sélectionner et de choisir Objet, Arrangement, Envoyer à l'arrière, et cela l'envoie directement à l'arrière ici. Maintenant, nous allons tout sélectionner sur le plan de travail, j'ouvre le panneau Nuancier et j'ai simplement glisser-déposer notre nouvelle nuance de motifs dans le panneau Nuancier. Je vais lui créer un deuxième plan de travail, donc je vais cliquer loin du premier plan de travail, cliquer sur l'outil de plan de travail, et je vais juste faire glisser un deuxième plan de travail. Le deuxième plan de travail est exactement la même taille que le premier, je vais créer un rectangle qui est la taille de ce plan de travail. Je vais utiliser l'outil Aligner pour le centrer sur le plan de travail. Je vais amener le remplissage au premier plan, cibler le remplissage, et maintenant je peux cliquer pour remplir le plan de travail et ce rectangle avec mon motif. Maintenant, j'ai des lignes de fracture dans mon modèle, ce n'est pas inhabituel dans Illustrator. Il y a quelques choses que vous pouvez faire pour vous débarrasser de ces lignes de fracture, et l'une d'entre elles est d'essayer de redimensionner votre motif avec Object, Transform, Scale. Je vais désactiver Transformer les objets, en allant réinitialiser ceci à 100 pour cent. Je vais juste le diminuer un peu et voir si juste un ou deux pour cent est suffisant pour se débarrasser de ces lignes de fracture, ces légères lignes de cheveux blancs. Maintenant, si les lignes de fracture ne disparaissent pas et si elles apparaissent toujours exactement au même endroit, alors ce ne sont pas des lignes de fracture, ce sont des problèmes dans votre modèle. Mais parce que ceux-ci ont disparu, cela signifie qu'il y a un problème Illustrator, pas un problème d'échantillon de modèle. Nous devons toujours le corriger car ils vont apparaître n'importe où où vous utilisez ce rectangle qui est rempli avec le motif. Une autre option que vous avez pour vous débarrasser de ces lignes de fracture consiste à modifier vos préférences Illustrator. Vous pouvez le faire en choisissant Modifier, puis Préférences, puis Général et désélectionnez Illustration anti-alias et cliquez sur « OK ». Maintenant, votre œuvre d'art va finir avec quelques bords assez poilus ici, mais généralement cela va résoudre le problème. Sur un Mac, vous choisissez Préférences Illustrator pour accéder à ce dialogue. Maintenant, je n'ai pas besoin de le faire avec la mienne car il semble que mes lignes de fracture ont pratiquement disparu ici. Maintenant, à ce stade, si vous voyez des choses dans votre modèle que vous n'aimez pas, vous pouvez revenir en arrière et y apporter des modifications. Je ne suis pas vraiment content de ces points ici, donc je vais me débarrasser de cet ensemble. Je vais bouger les choses juste un peu, ce que je dois faire attention, c'est que je copie mon dessin ici une fois que j'ai fini de bouger les choses. La façon la plus simple de résoudre cela pour moi est de trouver ces lignes, et elles sont ici dans la palette Calques ici. Je vais les verrouiller pour qu'ils ne bougent pas, ce qui me permettra de sélectionner ces éléments ici et de les supprimer car ils ne sont plus valides pour mon modèle. Maintenant, je dois sélectionner ces éléments ici et aller et faire ma copie à nouveau, donc je vais choisir Objet, Transformer, Déplacer. Je ne veux pas les déplacer horizontalement, alors appuyez sur Zero pour horizontal, je veux les déplacer 264 pixels verticalement, assurez-vous qu'il va dans une direction de moins 90 degrés, cliquez sur « Copier ». Maintenant, c'est un bon modèle à nouveau. Je vais déverrouiller mes lignes, il semble que j'ai perdu mon rectangle sans remplissage, alors allons-y et remettons-le. Maintenant, je vais sélectionner tout sur ce plan de travail, y compris mon rectangle sans remplissage sans tracé. Je vais faire glisser ça dans le panneau Nuancier. Si j'ajoute la touche Alto Option, je peux laisser tomber cela sur le rythme de motif original, qui va remplacer ce motif à l'intérieur de mon rectangle, donc c'est une version plus agréable du motif que je pense. Maintenant, parce que nous utilisons des couleurs globales, nous pouvons recolorer cette nuance de motif en double-cliquant sur une couleur globale et en y apportant des modifications. Parce que les couleurs globales ont été utilisées, cela va changer à l'intérieur du motif utilisé ainsi qu'à l'intérieur de la conception du motif, donc je pourrais vouloir faire un deuxième motif en le recolorant de cette façon. Il est également possible de recolorer ce motif ici sélectionnant cette forme et en cliquant sur l'option Recolor, vérifiez qu'il y a des flèches contre chacune de ces couleurs, puis accédez à la boîte de dialogue Modifier. Assurez-vous que cette option est déverrouillée et vous pouvez maintenant faire glisser ces points de couleur vers une nouvelle position pour recolorer votre illustration. Lorsque vous obtenez un dessin que vous aimez, cliquez ici sur le nouveau groupe de couleurs et cliquez sur « OK ». Vous découvrirez que vous obtenez deux motifs dans vos Nuancier de motif, le motif original que vous avez créé et maintenant ce nouveau motif auquel le recoloring est appliqué. 5. Projet Pt 4 et réassemblage de l'ouvrage de Pt: Votre projet pour cette classe sera de créer un motif de vagues et de points similaires à ce que nous avons fait dans cette classe, et de poster une image de votre modèle terminé dans la zone du projet de classe. J' espère que vous avez apprécié ce cours et que vous avez appris choses sur la création de modèles dans Illustrator, que vous ne saviez pas avant de commencer. Pendant que vous regardez cette vidéo, on vous demandera si vous auriez recommandé ce cours à d'autres personnes. plaît, si vous avez aimé la classe et appris quelque chose de lui, faites deux choses pour moi. Tout d'abord, répondez oui au fait que vous le recommanderiez aux autres, et deuxièmement, écrivez seulement quelques mots sur la raison pour laquelle vous avez apprécié la classe. Ces recommandations aident d'autres élèves à dire qu'il s'agit d'une classe dont ils pourraient aussi profiter et tirer des leçons. 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 tous vos projets de classe et y réponds. Je m'appelle Helen Bradley. Merci beaucoup d'avoir rejoint moi pour cet épisode de design graphique pour le déjeuner, et j'ai hâte de vous voir dans un prochain épisode.