Motif d'hexagones sinueux dans Adobe Illustrator - Un cours de graphisme pour le déjeuner™.

1. Motif de Hexagon de Meandering: Bonjour, je suis Helen Bradley. Bienvenue dans ce cours de conception graphique pour déjeuner, motif hexagonal sinueux 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 modèle d'hexagones où ils sont réellement liés ensemble. Maintenant, c'est probablement l'un des modèles les plus délicats sur lesquels j'ai jamais travaillé. Mais je pense que ça vous plaira vraiment. Cela a l'air simple, mais en fait, il est tout sauf simple. Maintenant, cela a été conçu pour que vous puissiez le faire avec n'importe quelle version d'Illustrator. Lorsque vous regardez ces vidéos, vous verrez une invite qui vous permet de recommander cette classe aux autres. vous plaît, si vous aimez le cours, faites deux choses pour moi. Tout d'abord, donnez-lui un pouce vers le haut, et deuxièmement, écrivez en quelques mots pourquoi vous appréciez cette classe. De telles recommandations aident d'autres élèves de Skillshare à voir qu'il s'agit d'une classe qu'ils pourraient aussi apprécier. Si vous souhaitez me laisser un commentaire ou une question, s'il vous plaît le faire. J' ai lu et je réponds à tous vos commentaires et questions, et je regarde tous vos projets de classe et y réponds. Si vous êtes prêt maintenant, commençons sur notre modèle hexagonal sinueux. 2. Pt 1 : créer les hexagons: Pour ce modèle, nous allons créer un nouveau document d'une taille de 700 pixels par 700 pixels, en mode couleur RVB, et j'ai désactivé l'alignement de nouveaux objets sur la grille de pixels. Je vais cliquer sur « OK ». Si vous êtes familier avec mes vidéos, vous saurez que je ne vous dis pratiquement jamais à quel point faire des choses. Ce modèle est si critique que la taille va être vraiment importante, donc je suggère que vous le faites exactement à la même taille que je vais le faire. Je vais désactiver ce trait et sélectionner simplement une couleur de remplissage. Ça va être pour la ligne qui va passer par le modèle, donc j'utilise notre entendre vert. Je vais cliquer pour sélectionner l'outil polygone, et je vais cliquer une fois au milieu du document. Mon premier polygone va être de 100 pixels, c'est 100 px dans le rayon, et il a six côtés, c'est un hexagone, je vais cliquer sur « OK ». Je vais aller cliquer à nouveau. Je vais en faire un qui fait 90 pixels, et qui sera bleu. Je vais cliquer à nouveau, et en faire un qui est 60. Ce sera pareil, vert. Je vais cliquer à nouveau, et en faire un qui fait 50, et ce sera le bleu. Ensuite, nous allons en faire un qui fait 20 pixels, c'est celui au milieu. Maintenant, pour nous permettre une certaine flexibilité dans le motif plus tard, je suggère que vous coloriez celui-ci d'une couleur différente, je vais le colorer en rose. Je passe par l'outil de sélection, je vais sélectionner l'une ou l'autre de ces cinq formes. Je vais au panneau d'alignement ici, et mes options d'alignement sont visibles, mais si les vôtres ne sont pas visibles, ouvrez ce petit menu déroulant et choisissez « Afficher les options ». Étant donné que vous devez définir cette option pour l'aligner sur la sélection, elle ne doit pas être définie pour l'aligner sur le plan de travail. Si elle est définie pour aligner sur la sélection, je vais cliquer ici sur le centre d'alignement horizontal, et cliquer ici sur le centre d'alignement vertical, et cela juste aligné toutes ces formes sur le dessus de l'autre. Si vous travaillez dans une version plus légère d'Illustrator, vous devrez développer les formes Vous allez donc choisir « Objet », « Forme », « Développer la forme ». Si vous travaillez, je pense que c'est Illustrator qui dit six ou tous, vous n'aurez probablement pas cette option, alors ignorez cette étape, ce n'est pas important de le faire. Ensuite, nous allons faire pivoter la forme de 30 degrés, « Objet », « Transformer », « Rotation ». Je vais taper 30 degrés ici et cliquer sur « OK ». Maintenant, vous pouvez remarquer que votre cadre de sélection n'est pas aligné à ce stade. Pour le réinitialiser, choisissez « Objet », « Transformer », « Réinitialiser le cadre de sélection ». Ensuite, nous allons sélectionner toutes ces formes et nous allons utiliser l'option Pathfinder. Donc je vais ouvrir mon Pathfinder, si vous ne voyez pas le vôtre, choisissez « Fenêtre », puis « Pathfinder », et nous allons utiliser Diviser. Cela divise ces formes. Si nous avons un regard dans la palette de calques, semblent avoir perdu le mien, donc je vais choisir Calques de fenêtre pour l'afficher. Nous allons dire que nous avons un groupe avec des formes dessus. Je vais juste agrandir le mien pour que vous puissiez voir ce qui se passe ici. Nous avons un groupe avec toutes ces formes. Je dois les dissocier à ce stade, donc je vais choisir « Dégrouper l'objet ». Mon calque ici a ces cinq formes dessus. Nous allons continuer dans la prochaine vidéo pour assembler les pièces de notre modèle. À ce stade, vous pouvez simplement enregistrer votre travail à ce jour. 3. Pt 2 - Ajouter la ligne: Pour cette étape suivante, vous voudrez ouvrir votre palette de calques afin que vous puissiez voir ce que vous faites. Je vais verrouiller les cinq premières formes ici, et je vais les éteindre. Je veux donc me concentrer sur cette forme, mais ce dont je veux être très prudent, c'est que je ne bouge pas cette forme. C' est vraiment important. Je vais zoomer dessus pour que je puisse le voir plus clairement. Je vais obtenir l'outil rectangle et je vais faire glisser un rectangle ici. Je vais ajuster son opacité pour le voir à travers. C' est important parce que tu dois voir ce que tu fais. Encore une fois, je vais zoomer un peu plus près encore. Je vais sélectionner le rectangle que je viens de dessiner, et je vais le déplacer vers le bas, et je le fais juste en utilisant la touche fléchée vers le bas parce que je veux le placer juste au virage dans cet hexagone ci-dessus. J' ai mon rectangle ici et j'ai mes chemins composés. Je vais m'assurer d'avoir sélectionné mon rectangle, maintenez la touche Maj enfoncée et cliquez sur ce chemin composé. J' ai deux formes sélectionnées. Je retourne à mon pathfinder et je vais sélectionner Minus avant, parce que ce que nous allons faire est d'utiliser le rectangle pour couper la pièce inférieure de cet hexagone. Maintenant, je vais appuyer sur Ctrl Zero pour effectuer un zoom arrière. Encore une fois, je ne bouge pas du tout cette forme et c'est essentiel que tu ne la bouges pas. Ramenons les autres formes et désactivons leurs icônes de verrouillage. Si vous effectuez un zoom avant, vous ne devriez rien voir autour du bord intérieur de cette forme verte, car elle n'aurait pas dû se déplacer. À ce stade, vous pouvez sélectionner toutes les formes et les regrouper. Choisissez simplement le groupe d'objets. C' est une bonne façon de s'assurer qu'ils restent ensemble et qu'ils ne se séparent pas. Je vais appuyer sur Contrôle ou Commande Zéro pour effectuer un zoom arrière. Nous avons besoin d'une ligne, donc nous passons par l'outil de segment de ligne, et vous voulez tracer une ligne qui correspond à peu près la longueur d'un des côtés de cet hexagone. Vous allez maintenir la touche Maj pendant que vous le faites car elle doit être parfaitement verticale. Vous allez faire apparaître le trait ici, et la couleur du trait sera exactement la même que celle que vous utilisez pour ces lignes plus minces dans votre motif hexagonal. Donc c'est notre couleur verte. Ensuite, nous allons définir la largeur de trait à neuf. Vous avez peut-être pensé qu'il devrait être 10, mais en fait, neuf va vous donner un meilleur résultat. Je vais mettre ça en place maintenant. Donc je vais l'attraper et juste le positionner au-dessus de l'extrémité inférieure de cet hexagone ici. Allons juste zoomer pour le voir. C' est là que se trouve notre ligne. Je vais sélectionner la ligne et je vais l'étendre. Donc, je vais choisir l'objet, développer. Je ne veux pas étendre le remplissage parce qu'il n'y a pas de remplissage dans cela de toute façon, je veux juste étendre le trait, donc je vais cliquer sur OK. Dans la dernière palette, vous verrez que vous avez un groupe en ce moment. Choisissez Objet et groupe. Donc tu as un chemin et un groupe. Vous allez donc faire glisser et déposer le chemin dans ces groupes. Il va donc faire partie du groupe avec lequel nous travaillons. À l'intérieur de votre groupe, cliquez sur votre chemin et cliquez également sur ce chemin composé, le seul chemin vert que vous avez qui est un creux au centre. Donc Maj cliquez dessus. Donc ces deux formes sont maintenant sélectionnées et ce que nous allons faire, c'est que nous allons les rejoindre. Donc, nous retournons au pathfinder et cliquez sur Unit. C' est donc la forme fondamentale avec laquelle nous allons travailler. 4. Pt 3 - Dupliquer les objets: À ce stade, nous sommes prêts à reproduire cette forme pour construire la montre de notre modèle. Je vais sélectionner sur la forme et je vais choisir Objet> Transformer > Rotate car cela me permet non seulement de faire pivoter la forme, mais aussi d'en faire une copie en même temps. Je vais taper 180 degrés afin que ma forme pointe dans la direction opposée à l'original et je vais cliquer sur Copier. Je vais juste éloigner celui-ci du chemin. Maintenant, à ce stade, nous devons revenir à cette forme originale avec la barre pointant vers le bas et nous devons enlever cette ligne verte, juste sort de cette forme particulière. Vous pouvez voir qu'il est sélectionné dans la palette Calques. On va ouvrir ce groupe. Nous allons localiser la pièce dont nous voulons nous débarrasser, qui est cette pièce ici et la sélectionner mais rien d'autre. Maintenant, nous pouvons simplement le glisser et le déposer sur la poubelle et il va être retiré de cette forme, mais tout est toujours dans le groupe donc tout est propre et bien rangé. Maintenant, allons chercher cette forme et nous allons la mettre en place. Ça va donner la forme sous le bord vert. Maintenant, la raison pour laquelle j'ai eu la peine de le faire est que mon expérience avec ce modèle est que j'ai eu des lignes de fracture vraiment mauvaises quand j'ai laissé cette ligne verte en place. Je pense que c'est une meilleure façon de produire le résultat que nous examinons. Je vais saisir l'outil Zoom et zoomer pour voir ce qui se passe ici. J' ai fait cette forme à peu près dans cette position, mais j'ai besoin d'une seconde ici. Je vais juste maintenir la touche d'option Alt enfoncée pendant que je fais glisser j'ai dupliqué cette forme. Alors je vais juste les chevaucher. Ils doivent se chevaucher pour qu'ils partagent cette ligne. Une fois que vous les avez chevauchés, vous pouvez simplement le vérifier avec les touches fléchées pour vous assurer qu'il se chevauche bien. Sélectionnez ces deux options et revenez à votre panneau Alignement et vous allez sélectionner cette option Centre vertical aligné. C' est juste pour s'assurer qu'ils sont parfaitement alignés les uns aux autres. Dès qu'ils le sont, vous voulez les regrouper. Objet, groupe. Ces deux-là vont voyager ensemble. Où qu'ils aillent, ils vont voyager en couple. Maintenant, vous allez tout sélectionner et cliquer sur le Centre horizontal aligné, parce que cela va centrer le groupe et cette forme l'un avec l' autre . Je retourne à mon groupe en haut et je vais juste zoomer ici encore une fois afin que je puisse tout voir vraiment clairement. Je vais le déplacer jusqu'à ce que je dise « espace blanc ». Quand je dis « espace blanc », je vais l'abaisser juste pour qu'il soit en position. C' est parfait. Je vais appuyer sur Ctrl Zero pour faire un zoom arrière. Maintenant, je veux dupliquer mon groupe. Je vais attraper mon groupe et je vais le glisser et le déposer sur la nouvelle icône ici et cela fait un duplicata de celui-ci. Je peux verrouiller une copie afin qu'elle ne bouge pas et ne va pas et sélectionne l'autre copie et la déplace. C' est en train de tomber. Je vais juste le tirer ici pour qu'on puisse parler de ce qui va se passer avec ça. Allons juste zoomer ici. Ce qui va se passer avec ce groupe d'objets ici, c'est que cette barre bleue et cette barre bleue vont être les mêmes. Nous devons déplacer cet ensemble d'objets pour que cette ligne soit alignée ici. C' est la partie délicate du modèle, c'est de travailler exactement où tout doit finir. Encore une fois, nous allons zoomer de très près pour assurer que nous les avons parfaitement alignés. Déplacez le vers le bas jusqu'à ce que le bleu commence à passer et puis repoussez-le vers le haut. Contrôle ou Commande Zero pour effectuer un zoom arrière. Sélectionnez sur tout. Encore une fois, appuyez sur ce Centre horizontal aligné, juste pour vous assurer que tout est bien aligné. À ce stade, vous devriez enregistrer le fichier car l'étape suivante sera de créer les rectangles NoFill, NoStroke afin que nous puissions créer notre modèle. 5. Pt 4 - Révélez le motif: La dernière étape de ce modèle consiste à créer un rectangle sans remplissage, sans contour. Je vais cliquer sur l'outil Rectangle. Je vais m'assurer de commencer sans remplissage ni accident vasculaire cérébral, donc rien ne va me gêner ici. Je vais passer la souris ici pour prendre le centre de cet hexagone. Maintenant, si vous ne les avez pas déjà activés, vous devriez avoir des guides intelligents activés car vous devez accrocher à ces objets et accrocher au point aidera également. Je ne recommande pas d'accrocher à la grille. Ça ne va probablement pas t'aider du tout. Retournons de là. allons zoomer un peu afin que nous puissions voir la zone que nous allons utiliser pour notre rectangle sans remplissage, pas de contour. Ça va commencer ici au milieu de cette forme. Il va aller jusqu'au milieu de cette forme, et ensuite il va descendre au milieu des formes en bas. Vous devriez être capable de globe oculaire assez précisément. avoir mis en position, vous devriez alors le vérifier. Encore une fois, zoomer encore plus près cette fois. Faites simplement glisser sur ce rectangle pour vous assurer qu'il s'accroche en position. Vérifiez qu'il est à mi-chemin de cette ligne ici, puis vérifiez en bas pour vous assurer qu'il s'aggrave correctement en position. Il y a un point d'accrochage. Tu devrais être capable de le sentir. Passons à notre dernière palette et vous verrez qu'il n'y a pas de remplissage, aucun rectangle de contour n'est en haut du calque. Eh bien, il doit être au fond. Je vais le déplacer jusqu'au bas. Je vais aussi débloquer ce groupe. Je vais appuyer sur Ctrl ou Commande 0 pour effectuer un zoom arrière. Je vais sélectionner sur tout, et je vais faire glisser et déposer toute la sélection dans le panneau des nuanciers comme motif. Maintenant, je vais créer un rectangle pour mon motif ici. Il n'a pas besoin d'être sur le tableau d'art. Je veux garder ma pâte de motif originale juste au cas où il aurait besoin de peaufiner. Vous ne voudriez certainement pas supprimer cela jusqu'à ce que vous soyez sûr que votre modèle fonctionne bien. J' ai mon plein aux quatre ici, donc je vais juste cliquer sur mon rythme de modèle. Je peux l'dimensionner en choisissant l'échelle de transformation d'objet. Je vais désactiver les objets de transformation, puis juste ajuster l'échelle du motif. Parfois, vous pourriez avoir besoin de le faire pour vous débarrasser des lignes de fracture dans le motif si vous avez des lignes de fracture. Je vois une légère ligne de fracture ici. Je vais cliquer sur « OK ». Allons juste zoomer. En zoomant, la ligne de fracture disparaît. Il y avait une petite ligne ici au milieu de cette droite, mais elle disparaît. Il y en a un autre là aussi, mais encore une fois, si vous zoomez assez près, il disparaît aussi. Si vous rencontrez beaucoup de problèmes avec ces lignes de fracture, et si elles n'apparaissent pas là où se trouvaient les mécénats, vous pouvez essayer de désactiver l'illustration anti-alias, choisissez les préférences d'édition sur une marque qui serait illustrateur et préférences. Allez dans la zone générale et désactivez l'illustration anti-alias et cliquez sur « OK ». Cela vous permettra de dire si ces lignes de fracture sont en fait dans le motif et généralement il s'agit d'un problème d'affichage illustré, pas le vôtre. Voilà notre modèle. À première vue, il semble assez simple, mais quand vous le regardez vraiment en profondeur, vous verrez qu'il a une certaine complexité dans la façon dont tout se déplace à travers le motif. Maintenant, quand je crée le motif, tu te souviendras que j'ai fait du milieu une couleur différente. C' était parce que je voulais la flexibilité de pouvoir avoir un motif de trois couleurs. Mais dis que je veux un motif bicolore. Voyons comment on va faire ça. Je vais sélectionner sur cette forme, et je vais cliquer sur recolorer l'illustration. Ce que je veux faire, c'est que je veux faire ce rose, ce vert. Je vais double-cliquer sur le rose. Je vais choisir « Nuanciers de couleur », et je vais aller sélectionner le même vert que j'utilisais pour le reste de la forme, et je vais cliquer sur « OK ». Ça remappe juste le rose au vert. Si je clique sur « Okay », vous remarquerez que dans la palette de motifs, j'ai toujours mon modèle original et j'ai mon modèle recolored. C' est le recolored et c'est l'original. On a donc deux versions du modèle. Mais prendre le temps de m'installer pour faire de l'hexagone moyen une couleur différente m' a donné beaucoup de flexibilité dans la re-coloration de ce motif plus tard, parce que je peux faire n'importe quoi avec. Bien sûr, je peux aller à l'outil d'édition ici et juste recolorer de cette façon. Votre projet pour cette classe va être de créer ce modèle. Passez à travers. Prenez soin de mettre les pièces ensemble. Assurez-vous que tout s'aligne et crée votre motif. Publiez une image de votre modèle terminé dans la zone du projet de classe. J' espère que vous avez apprécié cette classe et que vous avez appris quelque chose sur la création de motifs complexes dans Illustrator. Pendant que vous regardiez ces vidéos, vous aurez vu une invite qui vous permettra de recommander cette classe aux autres. vous plaît, si vous aimez le cours, faites deux choses pour moi. Tout d'abord, donnez-lui un pouce et deuxièmement, écrivez en quelques mots pourquoi vous avez apprécié cette classe. Des recommandations comme celle-ci aident d'autres élèves à dire que c'est une classe qu'ils pourraient aussi apprécier. Si vous souhaitez laisser un commentaire ou une question, veuillez 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 de m'avoir rejoint pour cet épisode de design graphique pour le déjeuner. J' ai hâte de vous voir dans un prochain épisode.