Effet d'image croquée dans Adobe Illustrator - Un cours de graphisme pour le déjeuner™.

1. Effet d'image en ébauche dans Illustrator - introduction: Bonjour, je suis Helen Bradley. Bienvenue dans ce cours de conception graphique pour le déjeuner : Effet d'image croquis 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 passons d'une photo à un effet d'image sommaire dans Illustrator. En chemin, vous allez apprendre des tas sur l'illustrateur. J' ai beaucoup appris en essayant de faire cette vidéo et de rendre l'effet vraiment efficace à créer, donc je suis sûr que vous allez apprendre des tas, aussi. vous travaillez sur ces vidéos, vous pouvez voir une invite qui vous permet de recommander cette classe à d'autres personnes. Quand vous le voyez, si vous aimez la classe, faites deux choses pour moi : donnez-lui un pouce et écrivez juste quelques mots sur les raisons pour lesquelles vous appréciez la classe. Ces recommandations mettent mes cours en face d'un plus grand nombre de personnes qui, tout comme vous, veulent en savoir plus sur Illustrator. Si vous souhaitez laisser un commentaire, veuillez le faire. J' ai lu et répondu à tous vos commentaires et à vos questions, et je regarde tous vos projets de classe. Maintenant, si vous êtes prêt, commençons à créer un effet d'image sommaire à partir d'une photo dans Illustrator. 2. Effet d'image ébauche - Partie 1: Pour ce projet, nous devons commencer par une photo. J' ai donc trouvé une très bonne photo à utiliser sur unspliced.com. Pour la photo, vous voulez probablement quelque chose avec des lignes assez simples, mais je vais vous donner le lien de téléchargement pour cette image. Il suffit de cliquer sur le bouton de téléchargement. Maintenant, je l'ai déjà fait, alors débarrassons-nous de ça, et je vais créer un nouveau document. Je ne sais pas à quel point cette image était grande, mais je vais commencer par une image de 2 000 pixels sur 1 000qui va gérer une image de paysage assez bien,en qui va gérer une image de paysage assez bien, mode couleur RVB, et je vais cliquer sur « OK ». Ensuite, nous devons aller chercher l'image. Nous allons le faire en choisissant le fichier et ensuite placer. Je vais sélectionner l'image que j'ai choisi d'utiliser, et ici, il est important que vous désactivez le mot lien. Donc, vous voulez réellement intégrer ceci dans l'image. Donc, je vais cliquer sur place. Maintenant, vous pouvez faire glisser l'image, et vous pouvez voir que nous avons assez bien fait avec notre taille de fichier. Nous n'avons pas besoin que cette image soit aussi détaillée qu'elle l'est et elle va juste arrêter votre machine si elle l'est. Commençons donc par rationaliser cet objet. Rasterize, et nous allons choisir RVB, nous allons choisir une résolution d'écran, et nous allons nous assurer que nous n'avons aucun anti-aliasing du tout. Nous n'avons pas de tons directs de toute façon, donc vous pouvez simplement supprimer ce clic « OK ». Cela simplifie simplement l'image. Nous avons besoin que ce soit une échelle de gris, donc nous allons choisir éditer, puis éditer les couleurs, puis convertir en échelle de gris. Ceci est juste converti en une image en échelle de gris. Ensuite, nous devons le simplifier encore plus, et pour cela, nous allons utiliser un filtre. Je vais choisir l'effet, puis la galerie d'effets. J' utilise le filtre découpé, vous pouvez voir qu'il est déjà appliqué à cette image. Le filtre découpé simplifie l'image, et donc ce que nous recherchons, c'est des couleurs intéressantes et des formes intéressantes dans l'image. Là, vous pouvez définir le nombre de niveaux ici, et je veux un peu de lumière dans cette image. Donc je pense que ce sera probablement un meilleur cadre à quatre heures qu'à cinq ou six heures. Ils sont un peu détaillés et peut-être pas aussi légers que je le veux. La simplicité des bords sera juste la simplicité ou non des bords. Vous pouvez le prendre de ridicule à sensé ou d'une certaine façon entre les deux. Donc, je vais pour une simplicité de bord d'environ cinq, puis la fidélité de bord va vous donner beaucoup plus de détails. Probablement, je ne veux pas ça, je vais vraiment reculer la fidélité hors bord à peu près tout. Tout ce que vous cherchez à ce stade est de belles formes et quelque chose qui est vaguement reconnaissable comme une voiture et peut-être un bâtiment derrière elle dans cette image. Donc c'est vraiment tout ce que tu cherches. En seconde réflexion, je pense que je vais juste augmenter un peu la fidélité de mon bord. Je voudrais voir un peu autour de l'avant de la voiture. Donc je vais juste cliquer sur « OK ». Maintenant, j'ai mon image simplifiée un peu, et je veux aller la tracer. Le problème, c'est que même si nous n'avons que quelques couleurs dans cette image, si nous allons de l'avant et tracons ceci maintenant, Illustrator, même si nous lui demandons de choisir comme quatre ou cinq nuances de gris, ça va se déclencher tout seul. Ça va juste créer quelque chose comme environ 200 nuances de gris. Donc ça va être un cauchemar total. Avant de le faire, ce que nous devons faire est de créer une palette de couleurs. Je vais au panneau des nuanciers qui est juste [inaudible], alors allons chercher mon panneau des nuanciers. Je vais faire un jeu d'échantillons en écailles de gris. Je vais cliquer ici sur le nouveau groupe de couleurs, puis je vais ajouter une couleur. Donc je vais aller ici et créer mon blanc tout d'abord. Je vais traîner du blanc ici. Maintenant, je vais aller créer quelque chose qui ressemble plus à environ 15 pour cent de gris, et je vais le placer à côté du blanc. Allons pour quelque chose ici qui ressemble plus à environ 60 ici, déposez-le, passons ici, en regardant cela faisons 30 pour cent de luminosité qui est d'environ 70 pour cent de gris. Nous avons quatre couleurs jusqu'à présent, et maintenant frappons pour presque noir mais pas calme. Appelons ça noir même si ce n'est pas tout à fait noir. Donc, nous avons cinq couleurs ici. C' est essentiel ce sont les cinq couleurs que nous allons sortir de cette image. Maintenant que nous avons notre échantillon prêt, et que nous avons notre image prête. Dans la prochaine vidéo, nous allons aller de l'avant et faire la trace. 3. Effet d'image ébauche - Partie 2: Pour essayer de voir l'image, vous devez vous assurer que l'image elle-même est sélectionnée. Donc, j'ai sélectionné ici sur la barre d'outils, vous avez l'option de trace d'image. Si vous ne l'avez pas, vous pouvez aller à l'objet et juste choisir image trace make. Mais je vais juste cliquer sur le bouton « Image Trace » ici. La première trace va toujours avoir l'air absolument horrible et c'est bon. Ce que vous devez faire est de saisir ce dialogue ici, le panneau de suivi de l'image. Nous allons désactiver l'aperçu et nous allons nous assurer que l'option avancée est ouverte ici. Vous voulez voir l'avancé. Nous désactivons l'aperçu parce que sinon, l'Illustrator ne fait que suivre continuellement pendant que nous effectuons nos réglages, et nous ne voulons pas le faire tant que nous ne sommes pas prêts. Je vais sélectionner la couleur du mode même si je travaille dans une image en niveaux de gris. la palette, je veux sélectionner Bibliothèque de documents, puis à partir des couleurs, je vais sélectionner la palette de couleurs que j'ai créée. Maintenant, ce que nous faisons ici, c'est que nous disons à Illustrator, nous savons que vous avez votre propre opinion sur les couleurs à utiliser dans cette image, mais nous voulons que vous utilisiez les couleurs que nous prescrivons. Cela limitera Illustrator à utiliser uniquement ces couleurs. Si nous ne faisons pas ça, ça va jeter des centaines de nuances de gris même si nous n'avons demandé qu'une poignée. Je ne sais pas pourquoi ça arrive, mais c'est ce qui le fait, et c'est comme ça que nous allons le résoudre. Maintenant, avec des chemins et des coins, nous allons faire glisser chacun de ceux de ce côté et le bruit va dans la direction opposée. Typiquement, ces deux diapositives vont la même direction et celle-ci va dans la direction opposée complète, pour les paramètres que nous voulons utiliser. Si vous définissez cela trop haut, vous définiriez celui-ci bas, mais cela vous donnera une analyse plus détaillée. Nous voulons la simplicité aujourd'hui. Je vais cliquer sur « Aperçu », et maintenant Illustrator peut aller de l'avant et faire le scan. Voici le scan, et Illustrator a donc utilisé une autre couleur que nous lui avons demandé d'utiliser. Maintenant, à ce stade, si vous le souhaitez, vous pouvez tester quelques paramètres différents ici. Dites simplement si ajouter un peu aux chemins ou supprimer un peu des chemins vous donnera un meilleur effet. Un qui me préoccupe un peu, c'est l'avant de cette voiture. Je voudrais qu'il soit un peu plus défini, ce qui semble me demander d'avoir passé ensemble un peu plus haut et peut-être même des coins. Ça n'aide pas vraiment. Mais je pourrais augmenter un peu les chemins et voir si ça va aider juste un peu à l'avant de la voiture. Tu peux juste expérimenter avec ça. Une fois que vous êtes satisfait de ce que vous avez, vous pouvez fermer la boîte de dialogue, puis vous allez cliquer sur « Développer ». Cela élargit ces formes tracées en formes réelles, et maintenant nous avons une série d'objets vectoriels. On a juste besoin de les dégrouper parce qu'ils sont tous dans un grand groupe. Cliquez sur « Dégrouper », et si nous allons dans le panneau Calques, nous avons un calque avec beaucoup et beaucoup de formes dessus. Ce qu'il faut faire, c'est les briser. Je vais commencer tout d'abord par ajouter un calque et cela va être léger. Ce sont les objets les plus légers qui passent à ce calque ici. Je vais simplement cliquer sur « Away », donc je ne veux rien sélectionner à ce stade. Je vais cliquer sur quelque chose qui est vraiment léger, une forme. Je vais choisir « Select », « Same », « Fill Color », et tout ce qui est blanc est maintenant sélectionné et vous pouvez dire tout au long de ce calque, il y a beaucoup de petites pièces qui sont en quelque sorte de couleur claire. déplacer sur cette couche de lumière à l'aide du panneau de laboratoire, voici un cauchemar total. Il y a un moyen beaucoup plus rapide et plus facile de le faire. Ce que vous faites, c'est que vous cliquez sur le calque sur lequel vous voulez les déplacer, il est toujours sélectionné ici, et vous choisissez « Objet », « Arrangement », « Envoyer au calque actuel », et parce que c'était le calque ciblé, maintenant tous les objets lumineux des calques se trouvent sur ce calque ciblé. Vous pouvez l'éteindre ou l'activer comme vous le souhaitez. Allons créer un nouveau calque pour les gris clairs. Pour revenir à notre image principale, sélectionnez quelque chose qui est un gris clair. Sélectionnez « Même, « Couleur de remplissage ». Ciblez le laboratoire dans lequel nous voulons les déplacer, « Objet », « Arrangement », « Envoyer au calque actuel ». Je vais le faire jusqu'à ce que je finisse avec toutes les couleurs de cette image. Si vous êtes un peu confus, vous pouvez toujours désactiver la visibilité des deux calques que vous avez créés, ce qui permet de clarifier les couleurs avec lesquelles vous devez toujours travailler. Ce qu'il me reste maintenant, c'est que j'ai une couche ici qui a des allures légères dessus. Je vais juste appeler ça blanc parce qu'ils vont être les pas les plus légers l'image et c'est maintenant notre image, et nous l'avons divisée en cinq couches, qui correspondent aux cinq nuances de gris que nous avons fait une demande plus tôt. Maintenant, à ce stade, si vous n'êtes pas vraiment satisfait de la nuance de gris, vous pouvez en faire quelque chose. Je vais aller à ces gris clair. J' ai sélectionné ce calque et qui sélectionne absolument tout ce qui se trouve sur ce calque. Maintenant, je pourrais venir ici et je pourrais juste ajuster cette couleur si je le voulais, et cliquer sur « OK », et puis tout ce qui était coloré cette nuance de gris, a été allégé un peu parce que j'ai rendu la couleur un peu plus claire. Vous avez un peu de flexibilité ici pour ajuster l'image à ce stade. Maintenant, nous avons une image tracée jusqu'aux quelques couleurs avec lesquelles nous voulons travailler, maintenant nous sommes prêts à aller de l'avant et à créer le look esquissé pour elle. 4. Effet d'image ébauche - Partie 3: À ce stade, avant d'aller et de créer mon look esquissé, je vais au dernier panneau et je me demande si à un stade quelconque je voulais que ces formes remplies de ces couleurs aident avec mon image. Je ne veux pas les perdre. Ce que je vais faire, c'est que je vais sélectionner tous ces calques, je vais les déposer sur la nouvelle icône, et cela crée deux ensembles de calques. Ils sont tous les deux identiques. Je vais ajouter un autre calque juste au-dessus du deuxième ensemble, et je vais déplacer tous ces calques dupliqués dans ce calque. Ce que j'ai est le calque 13, que je vais appeler la couleur principale parce que ce sont toutes les formes remplies de couleur. J' ai le noir, gris moyen, gris clair, clair et blanc et c'est un ensemble en double. Ce que je vais faire, c'est les éteindre, les verrouiller et fermer cette couche. Nous allons travailler sur cette couche supérieure, mais ce que nous avons effectivement fait est d'enregistrer une copie de cette image juste au cas où nous voulions en emprunter des morceaux plus tard. Probablement, je ne le ferai pas dans cette vidéo, mais je veux juste que vous sachiez que ce sera vraiment difficile de déchiffrer ce que nous allons faire ensuite. Si vous pensez qu'il y a une chance que vous vouliez que ces couches soient intactes, faites-le avant de passer à l'étape suivante. Commençons par le gris clair parce que cela va être très visible. J' ai sélectionné le calque, ce qui signifie que les modifications que je fais maintenant affectent tout ce qui se trouve sur ce calque, toutes ces formes gris clair. C' est pourquoi nous avons pris la peine de les décomposer en différentes couches, juste pour rendre la vie beaucoup plus facile. Nous allons choisir Effet, Styliser, Scribble. Dans les paramètres Scribble, je vais utiliser quelque chose comme ça. Je vais le faire à 30 degrés, donc ça va aller à cet angle. Vous pouvez voir le paramètre précédent ici. Path Overlap est la distance à l'intérieur ou à l'extérieur du chemin. Maintenant, je ne veux pas qu'il soit hors du chemin du tout. Si quelque chose, je voudrais qu'il soit un peu à l'intérieur, que vous puissiez jouer avec ces valeurs, par lesquelles je vais mettre la mienne à zéro. Mais sachez simplement que vous pouvez également obtenir un bon kilométrage d'un réglage négatif ici. La variation est, ai-je le droit d'envoyer juste quelques lignes en dehors du chemin ? Eh bien, la réponse à cela est non. Nous ne voulons pas envoyer quelque chose de vraiment hors du chemin, peut-être une très petite valeur, mais je pense que c'est mieux sans. La largeur du trait est la largeur du trait. C' est une couleur assez claire. Je vais en fait ramener cela à peut-être 0,75 de pixel, ou vous pourriez même mettre 0,5 de pixel. Vous aurez juste besoin de taper ça là-dedans. courbure est à quel point les lignes sont courbées. Si on finit par être très sinueux, ce sont des lignes squiggly. Je ne veux pas de courbes là-dessus, donc je fais zéro. La variation est la quantité de variation que je peux avoir en disant que je ne voulais pas de courbure, mais maintenant je veux un peu. Eh bien, vous pouvez augmenter la variation pour obtenir un peu de courbure, mais pas beaucoup. Je vais finir ça à environ 15 pour cent. L' espacement est à quel point ces lignes sont serrées ou lâches. Vous pouvez les rendre vraiment lâches ou vous pouvez les rendre vraiment serrés. Vous pouvez les ramener à de petites quantités d'un pixel. Essayons 0,5 d'un pixel. C' est une bonne ligne spatiale ici. Vous pouvez essayer différentes valeurs ici, mais sachez juste que vous pouvez aller vraiment petit et que vous ne voulez probablement pas être beaucoup plus qu'environ un ou deux pixels d'espacement et de variation, vous pouvez simplement faire un petite quantité de variation. J' ai fait cinq pixels de variation, c'est la variation sur l'espacement. Après avoir fait ça, je vais juste cliquer, OK. Ces valeurs sont collantes, donc cela signifie que la prochaine forme que nous allons remplir lorsque nous avons demandé de griffonner, nous allons obtenir les mêmes options par défaut. Allons au gris moyen. Cliquez dessus, Effet, Styliser, Griffonner. Voici les mêmes paramètres que nous avons utilisés auparavant. À ce stade, parce que nous travaillons avec une ligne légèrement plus foncée, nous pouvons vouloir augmenter notre largeur de trait. J' ai mon espacement à 0,5, je pense que c'est probablement plutôt bon. En fait, je suis plutôt content de ça en ce moment, donc je vais cliquer sur OK sur ça. Ensuite, je vais sélectionner les zones noires ou les plus sombres et choisir Effet, Styliser, puis Griffonner. Je vais utiliser les mêmes paramètres que j'ai utilisés auparavant, mais je remarque qu'il n'y a pas beaucoup de différence entre les zones que je colore en ce moment et celles que j'ai colorées la dernière fois. Eh bien, nous pouvons résoudre ça d'une manière différente. Je vais juste cliquer sur OK. Je vais prendre ce calque de copie noire et je vais le faire glisser sur l'icône du nouveau calque. J' ai deux copies de cette couche. Maintenant, j'ai une version plus sombre de ce qui était en dessous, juste parce que j'ai mis deux couches l'un sur l'autre. Mais ce que je peux faire avec cette couche supérieure est de faire mes lignes aller dans l'autre sens, donc j'ai un motif de trappe croisée. Je passe par la couche supérieure et je la sélectionne. Je vais dans le panneau Apparence, parce que ce que je dois faire est que j'ai besoin d'accéder au griffonnage existant. Si je vais juste choisir Effect et essayer d'ajouter des gribouillis à cela, cela va ajouter un autre gribouillis au-dessus de celui-ci. Il va griffonner et griffonner ce qui va arrêter votre machine et causer toutes sortes de tensions et de stress. Ce que vous devez faire est que vous devez aller dans le Scribble, Effet existant , double-cliquez dessus, et cela ouvre cette boîte de dialogue. Maintenant, ce que nous faisons, c'est que nous changeons la version supérieure. Nous allons juste enrouler ça pour que ça vienne d'une direction différente, et maintenant nous avons notre look de trappe croisée. À ce stade, si vous vouliez réduire un peu votre largeur de trait, vous pouvez, sorte que vous obtenez un effet légèrement plus sombre si vous le souhaitez, et cliquez sur OK. J' ai commencé avec les gris clair. Si vous regardez ici, les gris clair ont un effet de gribouillis qui leur est associé. Les lumières ne le font pas. Lorsque je les sélectionne, vous pouvez dire dans le panneau Apparence qu'ils n'ont pas encore griffonnage associé à eux et que nous n'en voyons pas un à l'écran. Allons à notre copie légère et appliquons un effet de griffonnage à cela. Maintenant, je retourne à mes 30 degrés. Je suis assez heureux avec tous ces paramètres sauf que je ne peux rien voir parce que la couleur n'est pas bonne. Je vais cliquer sur OK. Je vais juste double-cliquer sur la couleur, ce qui va maintenant me permettre d'ajouter un peu de couleur aux lignes que je fais. Je ne veux pas qu'ils soient terriblement colorés. Il suffit de regarder ceci ici et cliquez sur OK, et cela ajoute un peu de couleur dans ces zones ombragées. Ceci est une image griffonnée. Il est créé à partir d'une photo, mais il a été fait à partir de lignes griffonnées. Maintenant, vous pouvez aller affiner ça comme vous le souhaitez. Vous pouvez utiliser la hachurage tout au long, vous pouvez aller et ajuster votre effet de griffonnage. Pour ce faire, il suffit d'afficher le panneau Calques, de sélectionner sur le calque contenant les éléments à ajuster, puis, si vous ouvrez le panneau Apparence, vous pouvez accéder au griffonnage qui a été appliqué à ces objets. Rappelez-vous aussi que vous avez ce calque de couleur rempli derrière tout. Si vous preniez ce calque et si vous deviez ajuster son opacité assez faible, vous pourriez obtenir un peu de couleur supplémentaire derrière l'effet griffonnage. C' est un autre effet potentiel que vous pouvez créer pour ramener une partie de la couleur d'origine de l'image ci-dessous. Bien sûr, si vous voulez un peu plus de détails, vous pouvez également, lors du traçage de votre image, utiliser plus que les cinq couleurs que nous avons utilisées. Mais il y a l'effet que nous sommes venus ici pour créer. Votre projet pour cette classe sera d'aller et obtenir une image, vous pouvez utiliser celle-ci ou vous pouvez utiliser n'importe quelle image de votre choix. Créer un nouveau document dans l'illustrateur, placer cette image dans votre document, la rastériser, transformer en échelle de gris, aller exécuter le filtre découpé dessus, créer un jeu de couleurs de nuances de gris que vous souhaitez tracer à, puis allez-y et faites votre trace. Divisez toutes les différentes nuances de gris en différentes couches, puis appliquez-leur votre effet de gribouillage. Publiez votre image finie dans la zone du projet de classe. J' espère que vous avez apprécié cette classe et que vous en avez appris beaucoup sur le traçage d'images, création de jeux de couleurs et l'application d'effets à des images dans Illustrator. Pendant que vous travaillez sur ces vidéos, vous avez vu une invite qui vous permet de recommander cette classe aux autres. vous plaît, si vous aimez la classe, faites deux choses pour moi ; donnez-lui un pouce et écrivez juste en quelques mots pourquoi vous avez apprécié la classe. Ces recommandations aideront d'autres étudiants de Skillshare à trouver mes cours afin qu'ils puissent eux aussi en apprendre davantage sur Illustrator. Si vous souhaitez laisser un commentaire, veuillez le faire. Je lis et réponds à tous vos commentaires et questions. Je regarde et réponds à tous vos projets de classe. Je m'appelle Helen Bradley. Merci beaucoup de m'avoir rejoint pour cet épisode de Graphic Design for Lunch. J' ai hâte de vous voir bientôt dans un prochain épisode.