Géométrique facile à l'aide de Procreate + Illustrator

1. Final d'introduction: Bienvenue dans Easy Geometrics. Il s'agit de votre classe Procreate et Adobe Illustrator. Je suis un artiste, illustrateur et professeur basé à New York , et je suis ma 12e classe de Skillshare. La géométrie joue un rôle très important dans le monde du design. Que vous conceviez un design autonome ou que vous conceviez [inaudible], géométrie joue un rôle essentiel dans le monde créatif. C' est un outil important à avoir dans votre boîte à outils. Dans cette classe, nous allons couvrir certains outils Procreate, le contour de la conception, comment préparer le fichier et l'exporter dans Illustrator, et une fois dans Illustrator, nous allons couvrir la trace de vie, nous colorions notre design, nous allons créer un modèle, et nous allons le recolorer ; et enfin, nous allons couvrir le projet de classe. Pour ce cours, vous aurez besoin d'un iPad et de l'application Procreate. Vous aurez également besoin d'un stylet. J' utiliserai moi-même le crayon Apple. Vous aurez besoin d'Adobe Illustrator. J' utiliserais Adobe Illustrator CC, et aux fins de cette classe, nous déclenchons en utilisant une version qui a l'outil de motif. Si vous n'avez pas Adobe Illustrator, pas de soucis. Vous pouvez télécharger une version d'essai gratuite sur Adobe.com. Nous allons explorer quelques couleurs, et enfin, nous allons créer un projet de classe et vous aussi serez en mesure de créer de belles géométriques à ajouter à votre boîte à outils. J' espère vraiment que tu me rejoindras et je te verrai en classe. 2. Ébaucher final: Nous allons commencer par ouvrir Procreate, nous allons sélectionner un nouveau Canvas en appuyant sur le signe plus dans le coin supérieur droit. À ce stade, peu importe la taille du canevas ou la résolution, car nous allons l'amener dans Illustrator pour le tracer en direct et le vectoriser. À ce stade, peu importe, où cela importe, où cela importe, si vous apportez cela dans Photoshop, puis dans le raster d'images. Vous devez vous assurer que vous sélectionnez la bonne taille de canevas et la bonne résolution à ce stade. Mais pour notre classe, amenant dans Illustrator, nous n'aurons pas à nous en soucier. Je vais juste sélectionner une toile carrée, 3 000 x 3 000 pixels. Nous allons appuyer sur le bouton Clé en haut, et c'est le bouton Actions, nous allons activer, serons dans l'onglet Canvas et nous allons basculer sur Guide de dessin, puis nous allons sélectionner juste en dessous de cela, Modifier Guide de dessin. Cela nous amène à un sous-menu et vous verrez qu'il y a Grille 2D, il y a un Isométrique, il y a Perspective, et il y a Symétrie. Pour ce cours, nous allons travailler en symétrie seulement. dessous de la symétrie il y a, différentes options, nous avons l'épaisseur de la ligne, l'opacité de la ligne, dessin assisté, que nous avons déjà activé, et il y a la symétrie rotationnelle, que nous allons ne pas utiliser dans cette classe, mais c'est une fonctionnalité amusante à jouer avec, il fait pivoter toutes vos lignes, au fur et à mesure que vous les dessinez. symétrie rotationnelle est amusante quand vous avez terminé. Vertical, au-dessous de cela, est ce que nous sommes maintenant, Horizontal change la ligne, Quadrant et Radial. Radial est ce que nous allons utiliser dans cette classe. Ici, sur la barre de couleurs, vous pouvez changer la couleur en une couleur qui vous convient. Nous allons dessiner en noir, assurez-vous que vous ne le faites pas directement au noir, car alors il sera difficile de voir la ligne, j'aime rester quelque part dans les verts. Ensuite, vous pouvez sélectionner Terminé et nous sommes prêts à commencer. Nous allons sélectionner une ligne Monoweight, nous voulons nous assurer que nous n'avons pas de pinceau qui commence mince, épaisse, puis mince, parce que nous voulons nous assurer que nous avons des bords vraiment propres. Essayez de trouver une brosse monoweight qui le fera pour vous. Le pinceau fin sous l'encrage, fourni avec Illustrator, fera l'affaire, ou un stylo, n'importe lequel qui est juste une ligne droite. J' utilise la ligne mono 1, et j'ai choisi le noir, et maintenant on peut commencer. Tout ce que vous dessinez dans la forme d'une tarte, je vais appeler ça, même si ce n'est pas vraiment une tarte, c'est comme un triangle isocèle. Tout ce que vous dessinez dans un triangle, réfléchira sur tous les autres. En gros, on dessine juste sur le triangle unique, et on verra ce qu'on va trouver. Je vais commencer ici, au centre, et ensuite je vais me brancher. C' est évidemment juste moi qui joue. Si tu le tiens, tu auras des lignes assez propres. Je vais le faire à nouveau, ajouter un autre élément, je vais en ajouter un petit ici. C' est juste une question de préférence, vous voudrez juste jouer avec elle, et à mesure que vous le faites de plus en plus, vous verrez que vous savez où vous voulez combler vos lacunes lorsque vous l'apporterez dans Illustrator. Tout cela, vous apprendrez à travers le temps, à travers les essais et les erreurs. Juste un de plus là-bas, et ensuite je vais juste faire quelques lignes à remplir. Si vous remarquez, je ne dessine que sur le quadrant, et ça réfléchit sur tous les autres. J' en ajouterai peut-être un autre ici, et un autre ici. Vous voulez vous assurer que toutes vos lignes sont en contact, car si elles ne le sont pas, alors vous aurez un problème lorsque vous passez à la couleur. Vous voulez vous assurer que toutes vos lacunes sont fermées. Ça a l'air plutôt bien. Je vous rejoindrai dans la prochaine leçon, où nous commencerons à colorier. 3. Ajouter de la couleur à l'ébauche: Maintenant, sur la partie amusante de la colorier dans. Pour que les illustrateurs puissent identifier cette image et qu'elle soit vraiment nette, vous ne voudrez utiliser que du noir. Si vous commencez à colorier au moment où vous entrez et vivez le tracer, illustrateur ramasse sur différentes teintes et tons, et vous finirez avec quelque chose qui n'est pas très net. Tout ce que nous faisons va être en noir et ensuite nous pourrons colorier une fois que nous vivrons le tracer. Pour ce faire, je vais d' abord renommer ce premier calque, et appeler ce croquis, et nous allons créer un deuxième calque, et nous allons nommer celui-ci, couleur 1. En couleur 1, nous voulons nous assurer que le noir est sélectionné, et nous utilisons toujours ce même pinceau monopoids ou n'importe quel pinceau assez précis, et nous allons commencer à colorier. On ne travaille que dans le quadrant unique et ça remplira tout le reste. Je vais commencer, allons juste nous assurer que nous sommes sur cette couleur 1 et que nous devons être en dessin assisté. Nous devons juste nous assurer que c'est activé. Maintenant, je vais aller et juste esquisser une fois de plus. Je vais zoomer pour que tu vois très bien. Je vais encore esquisser, vais juste aller mais juste contre cette ligne de croquis et m'assurer que je n'y vais pas et ensuite, je vais juste apporter et colorer. Je vais laisser tomber la couleur. Je vais faire la même chose pour celle-là, et je sais que ça semble fastidieux, mais ça aura du sens que je le fasse de cette façon, et vous ne pouvez pas entrer et laisser tomber la couleur parce que nous ne travaillons pas dans le calque d'esquisse. Si vous regardez dans le panneau Calques, vous remarquez que nous créons de nouvelles formes au lieu de simplement remplir le calque d'esquisse, et il y a une raison pour laquelle je le fais, c'est parce que je veux pouvoir colorer mes calques d'esquisse séparément. Tout cela aura du sens, suivez et vous verrez une fois que tout sera fait. Et maintenant, la clé est nous ne voulons pas colorer quoi que ce soit qui va toucher la forme noire que nous avons déjà créée dans ce calque. Par exemple, celui-ci ici, je peux colorer maintenant dans ce calque parce qu'il ne va pas interférer avec le noir que j'ai déjà créé, et c'est à peu près tout pour ce calque. Si je devais colorer dans l'une de ces autres formes, il sera automatiquement reconnu comme un seul gros BLOB avec la forme à côté parce qu'ils sont tous noirs. Maintenant, nous pouvons aller et commencer un nouveau calque, et cela deviendra la couleur 2. Parfois, c'est plus facile si je baisse juste l'opacité sur le dernier calque juste pour que je puisse voir ce qui doit être coloré. Maintenant, je peux aller de l'avant et la couleur. Désolé. Comme vous pouvez le voir, je n'ai pas activé l'aide au dessin, ce qui réduit le travail. D' accord. Drop et couleur, et nous allons juste continuer à le faire jusqu'à ce que tout soit rempli. Encore une fois, nous trouvons une forme qui ne touchera pas les formes de ce calque. Nous pouvons et nous pouvons sélectionner cette forme aussi, parce que celle-ci ne touchera pas le noir de ce calque, et c'est à peu près tout. Maintenant, nous pouvons aller dans la couche suivante. Cela deviendra la couleur 3. Assurez-vous que l'aide au dessin est activée. Revenons à notre dernier calque et abaissons l'opacité, et nous pouvons colorier ce suivant. Cela aide lorsque vous effectuez un zoom avant. Si vous ne zoomez pas, une fois que vous le ferez, vous réaliserez que vous avez laissé quelques lignes derrière vous et que ce n'est pas bon. Dans ce calque, c'est à peu près tout ce que nous pouvons colorier parce que le dernier cercle va toucher celui-ci. Faisons juste en créer un autre. Tout cela semble vraiment déroutant je sais, mais vous remarquerez à la fin que c'est tout à fait logique parce que c'est la seule façon dont Illustrator pourra lire chacune de ces formes sans, nous allons juste plus bas l'opacité. Illustrator réalisera les formes sans avoir à créer des teintes et des tons différents. De cette façon, nous pouvons garder nos calques séparés et chacun d'entre eux sera d'une couleur différente. C' est à peu près tout. Je vais revenir en arrière et augmenter l'opacité sur tous et dans la prochaine vidéo, nous allons exporter. 4. Exportez: Maintenant, nous nous préparons à exporter notre image. Nous allons sélectionner l'onglet Actions et cliquer sur Partager. Nous allons sélectionner PSD et la raison pour laquelle nous voulons l' exporter en tant que PSD est parce que nous voulons nous assurer que nos couches restent intactes. Vous devez sélectionner l'endroit vers lequel vous souhaitez l'exporter. Je vais l'envoyer directement sur mon bureau que j'ai ouvert. Vous pouvez choisir de l'envoyer par e-mail ou de le télécharger sur Dropbox ou tout autre système de partage de fichiers dont vous disposez. Dans la vidéo suivante, nous commencerons à vivre des traits. 5. Trace d'image: Nous allons commencer par ouvrir Adobe Illustrator et nous allons trouver le fichier que nous avons téléchargé. Mon fichier, j'ai AirDrop sur mon ordinateur et cela irait dans mon fichier Téléchargements. Quelle que soit la méthode que vous utilisez, vous auriez pu l'envoyer par e-mail ou le mettre dans Dropbox et le faire glisser à partir de là. Si vous l'avez laissé tomber, il se trouverait dans votre dossier Téléchargements. Sur le côté gauche, vous verrez « Téléchargements », et voici mon œuvre d'art. Maintenant, à partir de ce sous-menu, nous voulons nous assurer que « Convertir des calques en objets » est sélectionné. Nous ne voulons pas aplatir les calques en une seule image parce que nous voulons garder ces calques sympas et séparés. Maintenant, vous verrez que j'ai la palette Calques, le calque « Arrière-plan » est vraiment juste un calque vide, donc je vais supprimer cela, je ne l'utiliserai pas. Ensuite, mon calque « Sketch Image », je vais juste faire glisser cela vers le haut parce que je veux que ces lignes apparaissent en haut. En commençant par l'image d'esquisse, je vais cliquer pour sélectionner ce calque, puis je vais aller à mon bouton « Image Trace », qui est automatiquement ici. le menu déroulant à bascule, je vais sélectionner « Couleur graphique », et c'est un préréglage que j'ai et je vais partager avec vous les préréglages que j'ai là-dedans et je vais aussi le mettre dans un PDF pour que vous l'ayez. Comme vous pouvez le voir, vous pouvez jouer avec le « Threshold » et puis il y a quelques options avancées que vous pouvez également utiliser. Assurez-vous que, quelle que soit la façon dont vous mettez le vôtre, vous assurez-vous que « Ignorer le blanc » est toujours sélectionné parce que vous ne voulez pas que le blanc apparaisse à travers. Comme vous pouvez le voir, certains de ces bits et pièces qui sont ici apparaîtront comme une couleur réelle si vous ne sélectionnez pas « Ignorer White ». Vous pouvez jouer avec les presets, mais si vous voulez utiliser celui que j'ai, je vais presque certainement mettre cela dans un PDF séparément pour vous dans le dossier. Nous avons déjà cliqué sur « Image Trace », et maintenant vous devez vous assurer que vous appuyez sur « Développer ». Cela l'étend en une image vectorisée. Nous allons faire la même chose avec le reste d'entre eux, je vais à « Image Trace » mon préréglage appelé Graphic Color et puis je vais cliquer sur « Développer ». Continuez simplement à descendre la ligne, c'est un processus assez simple une fois que vous avez compris votre préréglage. Mon préréglage peut nécessairement ne pas fonctionner pour vous, vous pouvez être à la recherche de quelque chose de plus d'un carnet de croquis et simplement créer autant que vous le souhaitez pour différents projets, vous trouverez probablement que vous aurez besoin différents types de pour obtenir un look différent. Maintenant qu'ils ont tous été sélectionnés, tout a été vectorisé, dans la prochaine vidéo, nous allons aborder la couleur. 6. Couleur: Maintenant, nous allons commencer à colorier. J' ai déjà une palette que j'ai p-re sélectionné et je l'ai amené ici. Je vais tout sélectionner et je vais l'ajouter en tant que groupe de couleurs à ma palette de nuances. En sélectionnant un nouveau groupe de couleurs, cliquez sur OK et maintenant il est ajouté ici à ma palette. Je vais supprimer ça pour qu'il n'interfère pas avec nos couches. En commençant par l'image de croquis, nous allons colorier celle-ci en premier. En le sélectionnant, il sélectionne tout ce qui se trouve dans ce calque. Habituellement, je voudrais faire mon image de croquis ou mon image de contour dans une couleur vraiment claire. Je vais sélectionner la couleur la plus claire de la palette. Ceci est évidemment par goût, vous pouvez sélectionner une couleur plus foncée pour ce croquis si vous voulez un look plus audacieux. Nous allons juste continuer à descendre la ligne, en coloriant tous les éléments de chaque couche. Ça a l'air plutôt bien. Nous pouvons toujours dans l'une des vidéos suivantes, je vais vous montrer comment la recolorer pour jouer et peut-être déplacer certaines des couleurs en utilisant le même schéma de couleurs. Dans la vidéo suivante, nous allons créer le motif. 7. Motif: Maintenant, nous allons créer notre modèle. Pour cette partie, nous utiliserons l'outil de création de motifs qu'Illustrator a intégré. Pour ce faire, nous allons sélectionner tous les calques en cliquant et en faisant glisser, puis nous allons à Object, Pattern, Make. Cela vous permet simplement de savoir que le motif a été ajouté au panneau Nuancier. Laisse-moi zoomer. Comme vous pouvez le voir, c'est déjà un bon modèle comme il est. Il y a d'autres options que vous pouvez aller dans l'onglet Options de motif et vous pouvez aller dans Brick by Row, peut-être que vous voulez une demi-goutte. C' est des choses différentes que vous pouvez faire ici. Par exemple, disons ici lorsque j'ai sélectionné Hex by Column, vous verrez que le motif se chevauche et il y a deux façons de corriger cela. Vous pouvez soit aller ici à la largeur et la hauteur et en utilisant les touches fléchées vers le haut ou vers le bas, vous pouvez soit l'amener plus loin vers ne plus toucher et ensuite vous pouvez faire la même chose avec la hauteur. Une autre façon de le faire est si vous cliquez sur ce bouton ici l'outil de tuile de motif, qui vous permet alors de déplacer le cadre de sélection réel et qui fait la même chose que les boutons de bascule. Je trouve que la largeur et la hauteur en utilisant les touches fléchées est plus facile. Vous avez juste un peu plus de contrôle parce que vous pouvez juste les chatoyer un peu à la fois. Je vais l'amener un peu plus bas, donc c'est un peu plus proche, et celui-là a l'air assez bien. Je vais frapper Terminé, et maintenant le motif a été ajouté à ma palette Nuancier. Nous allons tester notre modèle pour nous assurer que c'est exactement la façon dont nous voulons qu'il ressemble, et il suffit de sélectionner une autre couleur ici. Nous allons juste copier une autre boîte sur le dessus, espérant que ça n'a pas collé sur le dessus. Mais il n'y a pas de problème, je vais le mettre sur le dessus. Maintenant, nous allons remplir cette boîte avec le motif. Maintenant, c'est un peu trop grand, mais en l'ayant sélectionné, je vais aller à Objet, Transformer, Échelle et désactiver Transformer des objets, puis nous allons l'échelle à 60 pour cent juste pour que nous puissions voir à quoi il ressemble. Cette couleur de dos, nous pourrions vouloir le changer en quelque chose de plus léger, peut-être gris clair, que le braille verdâtre font. Comme vous pouvez le voir, c'est assez simple. Dans la vidéo suivante, je vais vous montrer comment jouer avec les couleurs et la recolorer si le jeu de couleurs que vous avez sélectionné initialement n'est pas à votre goût. 8. Recoloration: Maintenant, nous allons jouer un peu avec l'outil de recolor. Lorsque j'ai sélectionné cette nuance pour la première fois et que j'ai ajouté ce fond gris, pas vraiment friands de la façon dont les couleurs sont toutes coupées. Alors je vais les recolorer. J' ai également apporté quelques échantillons supplémentaires que j'ai maintenant dans ma palette d'échantillons ici. Vous voulez juste vous assurer que vous disposez de la bonne quantité de couleurs dont vous avez besoin pour recolorer votre illustration. Par exemple, nous avons cinq couches. Chacun a des couleurs individuelles, donc nous avons besoin d'un minimum de cinq, plus la couleur de fond nous donnera six. Vous voulez vous assurer que lorsque vous recoloriez, vous avez un minimum de six couleurs pour jouer, parce que sinon, ce qui se passe est disons que vous n'avez que cinq couleurs et que vous en avez six sélectionnées. Illustrator attribuera automatiquement une couleur, dupliquera l'un de ces autres éléments, et nous avons vraiment aimé la façon dont nous avons séparé nos calques ici. Nous voulons nous assurer que nous avons la bonne quantité de couleurs, afin que l'illustrateur puisse attribuer la bonne quantité. Avec le motif et l'arrière-plan sélectionné, je vais cliquer sur le groupe de couleurs trois ici, puis je vais descendre ici dans le groupe de couleurs Modifier ou Appliquer. Et ça va commencer à changer toutes les couleurs. Parfois, lorsque vous utilisez du blanc, vous constaterez qu'Illustrator y placera une ligne, blanche ou noire. Cela fait généralement que lorsque vous jouez avec les couleurs, cette couleur ne changera pas parce qu'elle suppose qu'il s'agit d' un contour ou d'un arrière-plan parce qu'il est blanc ou noir. Si cela se produit lorsque vous allez recolorer la vôtre, assurez-vous simplement que vous cliquez sur la ligne droite, puis tant que vous obtenez la flèche, cette couleur sera incluse dans le recoloring. Je vais sélectionner changer de couleur aléatoirement, et continuer à cliquer jusqu'à ce que vous trouviez une combinaison de couleurs qui vous convient. C' est là que cela prend du temps parce que je peux cliquer dessus toute la journée, parce que toutes les couleurs sont jolies, mais alors vous voulez juste continuer à chercher plus. En fait, j'aime la façon dont on a l'air. Comme je l'ai dit, je peux faire ça toute la journée. Allons-y pour cette couleur. En fait, c'est sympa. Disons par exemple, maintenant, je veux garder le blanc que j'avais. Je peux désactiver cela en cliquant dessus, et voir à quoi ça ressemble. Peut-être, je ne veux pas que cette couleur foncée soit blanche. Peut-être que je veux qu'il fasse sombre. Je soupçonne que tu aimes la combinaison de toutes les autres couleurs. Vous pouvez activer ou désactiver l'une de ces flèches pour sélectionner une nouvelle combinaison. Une fois que vous êtes satisfait de ce que vous avez, cliquez sur OK. Ensuite, il vous demandera, voulez-vous enregistrer les modifications apportées au groupe de couleurs d'échantillon trois avant de fermer ? Il suffit de cliquer sur « Non », car vous ne voulez pas qu'il modifie votre palette de couleurs. Vous vouliez juste ajouter une nouvelle couleur pour cette nuance. C' est à peu près tout ça. Vous pouvez ensuite accéder à l'outil Recolor et recolorer aussi souvent que vous le souhaitez. Je te vois dans la prochaine vidéo. 9. PROJET DE CLASSE: Maintenant sur les projets de classe. Pour votre projet de classe, je veux juste que vous montiez sur une page, votre modèle original et ensuite quelques variantes de celui-ci. Les variations peuvent être jouer avec différentes palettes de couleurs ou jouer dans l'outil de motif, en sélectionnant différents motifs de brique, un motif hexagonal. Vous seriez surpris quand vous changez autour ces éléments sur la façon dont le motif prend une toute nouvelle vie. Je suis vraiment excité de voir ce que vous venez avec. Assurez-vous de l'afficher dans la section du projet. J' aurai aussi quelques ressources à télécharger. Je suis si contente que tu m'aies rejoint dans ce cours. C' est un outil très rapide et facile et c'est un atout formidable de savoir comment créer des géométriques pour compléter n'importe lequel de vos travaux. Merci beaucoup et je vous verrai en classe.