Créer un vecteur à partir d'une image dessinée à la main dans Affinity Designer

1. Bienvenue !: Bienvenue dans la classe. Créez un vecteur à partir d' image dessinée manuellement dans Affinity Designer. Dans ce cours, nous allons utiliser une image pixellisée que j'ai dessinée, recréer et la transformer en vecteur dans Affinity Designer. Si nous nous sommes déjà rencontrés. Bonjour, je m'appelle Maria. Je suis artiste, graphiste et professeur. J'adore dessiner et transformer tout ce que art vectoriel dessiné à la main dans ce cours est utilisé pour programmer Affinity Designer pour cela, nous ne tracerons pas notre enfant automatiquement ou manuellement. Et je vous montre comment, étape par étape vous avez découvert la différence entre les pixellisées et les images vectorielles. Et vous découvrirez l' outil de stylet d'Affinity Designer. Vous pouvez appliquer vos nouvelles connaissances à n'importe quelle peinture que vous souhaitez vectoriser. Si vous n'avez pas votre propre image. Maintenant divers, vous trouverez le mien dans la classe pour pouvoir commencer tout de suite. Alors rejoignez-moi maintenant et amusons-nous ensemble. 2. Vecteur vs Pixel: Dans cette leçon, nous avons parlé basées sur des pixels et des images vectorielles. J'ai ouvert les deux maintenant. Celle-ci est une image basée sur des pixels, alors que c'est une image vectorielle, et je ne peux la voir que parce que lorsque je clique sur mon outil de sélection ici, et que je clique ici, je double-clique. Vous pouvez voir les différents points ici. C'est là que la magie du vecteur opère car cela signifie que je peux tout changer ici. Il suffit d'appuyer sur la commande Z pour revenir ici. Mais cela vous permet de savoir que nous sommes dans une image vectorielle. Revenons donc rapidement à l'image basée sur les pixels. Ainsi, lorsque je zoome, je peux utiliser la loupe ici et simplement cliquer ici sur mon image. Ou je le fais avec mon trackpad. Et vous voyez ce qui se passe, les éviers deviennent flous au fur et à mesure que je zoome, plus les choses deviennent floues. Vous pouvez donc voir ici que ces pixels apparaissent déjà. Nous pouvons éviter cela. Je fais juste un clic droit et dis zoom, et ça revient à la normale. Passons maintenant à l'image vectorielle et zoomons comme nous le faisions auparavant. Accédez à la loupe, puis zoomez ou je le fais avec ma souris. Et vous voyez, peu importe la distance que j'ai parcourue, aucun pixel n' apparaît ici. C'est parce que nous parlons ici d'une image vectorielle. Cliquez avec le bouton droit et zoomez pour Et vous ne voyez aucune différence pour le moment, si je les ai tous les deux dans cette taille, mais une fois que j'ai zoomé, il y a une différence. Et lorsque cela est utile, c'est quand vous voulez imprimer ces chats sur un très gros morceau de quoi que ce soit, une affiche ou quelque chose comme ça, alors c'est important. Et en plus de cela, vous pouvez également avoir ici, vous avez ici chacune des couches sur lesquelles vous pouvez travailler et les modifier ou changer les couleurs. Donc, le simple fait d'avoir toutes ces couches est très utile lorsque vous souhaitez changer la couleur de votre vecteur ou autre. Vous enregistrez donc généralement ce fichier en tant que fichier Affinity Designer , car vous disposez alors toutes ces couches et pouvez modifier tout ce qui est nécessaire. Il est très important que lorsque nous avons une image au format PNG ou JPEG, ces pixels s'affichent. Bien que cela ne soit pas le cas lorsque nous avons un vecteur ici. Et nous pouvons également changer cela. Il s'agit donc d'une différence très importante. C'est pourquoi nous voulons maintenant créer une image vectorielle et utiliser notre chat, que j'ai dessiné dans Procreate comme base. Ensuite, nous partons de là et essayons de le retracer dans la leçon suivante. 3. Tronçons le chat dans Affinity Designer: Dans cette leçon, nous allons suivre la trace d'un chat. Cliquez donc sur Fichier , puis sur Importer. Ensuite, nous sélectionnons le fichier sur notre ordinateur. Cliquez simplement dessus en bas, cliquez avec le bouton droit Ouvrir et cliquez dans votre document pour l'avoir ici. Vous pouvez maintenant le centrer dans votre document , puis cliquer sur Appliquer et vous l'avez là. Maintenant, verrouillez votre fichier. Pour ce faire, accédez à votre palette de calques. Ensuite, vous cliquez sur la droite, sur la touche. Et comme il est verrouillé, vous ne pouvez plus rien changer ici , sauf la capacité de le faire , nous passons en revue le mot opacité et nous le faisons simplement glisser vers la gauche afin de réduire facilement l'apparence de votre chat. Et c'est important parce que nous voulons la retrouver. Nous avons donc besoin d'elle en arrière-plan, mais nous n'avons pas besoin qu'elle soit mise en évidence pour voir ce que nous faisons. Nous créons maintenant une nouvelle couche. Il vous suffit de cliquer dessus dans votre palette de calques. Et je zoome avec Command Plus, ou vous pouvez le faire sur votre souris ou votre trackpad. Ensuite, nous commençons à tracer. Tout d'abord, passez au trait et augmentez-le jusqu'à 3,5. Si vous ne disposez pas de la palette, allez dans Affichage, puis dans Studio. Ensuite, vous pouvez le trouver ici dans le menu déroulant. Et quelque part, c'est un accident vasculaire cérébral et tu peux ouvrir ton palais. Nous commençons maintenant par cliquer sur l'outil Stylo ou simplement sur P. Vous pouvez le voir dans votre barre d'outils. Et quand tu auras passé en revue ton chat avec ton garde-manger, tu vois que je dois tracer une courbe tout de suite. Je clique donc deux fois et je fais glisser la souris avec la touche gauche de la souris enfoncée vers le bas. J'ai donc la courbe. Cela demande un peu d'exercice, mais je vous promets qu'une fois habitué, c'est assez facile. Il suffit donc de passer en revue les traits impairs et de les faire apparaître sur votre document. On trace un enfant pour l' avoir sous forme vectorielle. Et l'avoir en vecteur signifie dans ce cas que vous pouvez le rendre aussi grand que vous le souhaitez. vectorisation signifie que c'est, oui, comme le résultat scientifique d'un fichier. Vous pouvez donc le faire aussi grand que vous le souhaitez. C'est très intéressant. Cela dépend de ce que vous créez, mais ce n'est pas une erreur de l'avoir en vecteur. Voyons voir, juste, je passe et quand je dois changer de direction, j'appuie sur la touche Alt pour le faire. Ensuite, je peux continuer à cliquer ici et contourner mon chat. Dans ce cas, les lignes extérieures suivent seraient les meilleures car vous avez des arêtes délicates. Donc, si vous suivez, appuyez longuement sur Pause, et vous pourrez faire ce que je fais. Ensuite, nous suivons. Comme je l'ai dit, une fois que vous aurez un peu de pratique, vous pourrez le faire vous-même, quel que soit le document ou la peinture que vous possédez. Mais je suppose que pour la première fois, on pourrait le faire ensemble. Vous avez donc tous ces bords parfaitement tracés. Chaque fois que vous changez de direction, n'oubliez pas d' appuyer sur la touche Alt et de continuer à cliquer. Ici, vous pouvez voir que j'ai une assez grande surface parce que c'est un peu comme un cercle ou un demi-cercle. Je clique donc des deux côtés et je le fais glisser vers le bas. La courbe s'adapte donc à ce dont j'ai besoin ici. Encore une fois, je peux parcourir une zone plus vaste. Tu le fais comme ça. Ça devient assez fluide. Et maintenant, nous n'allons pas tirer les ronds de son visage d'un seul coup, alors il suffit de cliquer dessus et de le faire dans un deuxième temps. Je vais vous montrer comment faire en quelques minutes. Mais pour l'instant, je m' assure simplement d'avoir suffisamment d'ancres ici. Je continue donc à cliquer ici. Suivez-moi car vous avez tous besoin de toutes ces petites ancres pour y parvenir. Ce que je ferai plus tard. Hey, si je me trompe, j'appuie simplement sur la commande D. Revenez en arrière et recommencez à zéro. Nous y sommes presque. Nous pouvons fermer notre forme ici. Donc tu vois, maintenant je fais le tour du chat et j' ai une tache noire ici. Et maintenant, nous allons l'adapter un peu en appuyant, en allant pas trop loin, appuyant sur N sur mon clavier pour que je puisse adapter les petits nœuds ici, les ancres un peu pour les créer s'adapte parfaitement à mon chat. Faites le tour si tout est correct et sinon, modifiez-la légèrement, faites glisser votre ancre là où vous en avez besoin et continuez. Vérifiez simplement si tout est correct et quand vous êtes sur le fil, oui. Ensuite, nous pourrons réellement commencer à faire les pieds. Donc pour cela, parce que nous avons deux ancres, c'est assez simple. Nous avons juste besoin de le faire glisser vers le bas, mais je vais vous le montrer dans une seconde. Vous y voilà. Faisons un zoom avant. Et maintenant, je le fais glisser du milieu vers le bas. Et vous y voilà. Vous avez une alimentation parfaite. Faites-le pour chacun de ces points. Pour chacun de ses pieds. En fait. Cliquez sur l'outil d'arrondi pour l' avoir un peu plus rond, ce qui vous facilitera la vie. Ok, fais le tour d'ici et vois qu'il y a un petit avantage, donc je vais juste le rendre un peu plus rond. vous l' avez en ce moment, mieux c'est pour l'ensemble de votre chat. Sinon, cela pourrait paraître un peu étrange. Assurez-vous donc que les lignes sont parfaitement définies. OK, faisons un zoom arrière et jetons un premier coup d'œil. Vous voyez que les bords extérieurs ne sont pas parfaits. Nous pouvons le remplir rapidement pour voir si tout est correct. Et oui, ça a l'air bien. Et maintenant, je vais le désactiver à nouveau parce que nous avons besoin de voir jusqu'au bout. Nous avons donc notre chat là-bas. Assurez-vous de cliquer sur la couche. Vous pouvez désactiver la couleur d'arrière-plan. Nous revenons donc à l'outil à stylet. Cliquez simplement sur P sur votre clavier ou dans votre barre d'outils. Ensuite, nous devons continuer. Cela passe donc automatiquement sur une nouvelle couche maintenant. Mais plus tard, nous devrons mettre le reste de ces petits bords noirs ou elle car c'est vraiment le cas. Nous devons donc les réunir tous sur une seule couche afin de pouvoir changer la couleur en une seule fois. Je vais donc vous montrer que dans une seconde, lorsque nous aurons arrondi ce premier, ne variez pas si vous dépassez le bord maintenant avec votre trait, nous allons le corriger en une seconde également si ce n'est pas le cas convient à cent pour cent. Donc, vous n'avez pas de traits dupliqués ici, nous allons le découper. Nous prenons la couche et la glissons et la déposons. Vous voyez qu'il est coupé et rien ne se passe lorsque vous passez par-dessus le bord extérieur. Maintenant, assurez-vous de cliquer dessus, Ajouter une nouvelle courbe pour sélectionner l'objet des courbes. Et puis, comme je viens de le dire, il suffit de continuer sur la même couche pour que nous puissions changer toutes les couleurs plus tard en même temps. Donc, assurez-vous de faire le tour d'ici à nouveau. Nous n'avons pas besoin de garniture, alors laissez-moi l'éteindre. Mais je continue, un accident vasculaire cérébral. Certains éléments se retrouveront sur leur propre couche, comme nos moustaches. Nous nous occuperons d'eux plus tard. Pour l'instant, je crée juste les petites zones, les zones noires ici, et je les échange. Vous voyez qu'il n'y a plus de calques dans la palette Calques. Nous continuons à avoir celui où se trouvent toutes ces petites zones. Je peux ici appliquer le masque de clipsage. Donc, au cas où vous allez trop loin, ne vous inquiétez pas, nous l'avons découpé. Tu vois, je le fais juste pour les zones, notre vie est un peu décalée pour le moment. Passez au naturel. Faites-le glisser un peu vers le bas. Et adapté. Il faut toujours fermer la forme. C'est pourquoi je dois toujours rechercher un point de départ et un point final et voir comment cela se passe ensuite parce que je dois faire le tour, comme je l'ai dit, j'ai besoin d'une forme complète, puis de la fermer. OK. En fermant à nouveau la forme, vous voyez une tentative d'être en ligne sur la ligne. Mais si ce n'est pas le cas, c'est de la coupure, donc ça n'a pas trop d'importance. Nous pouvons toujours vérifier si tout va bien en remplissant simplement toute la zone avec la couleur. Et vous voyez, cela fonctionne très bien. Nous pouvons donc continuer. Passez à la bonne couche et désactivez le remplissage. Et on peut y aller. Pas de soucis, si les choses ne vont pas à 100 %, nous allons régler ce problème. Juste au moment où nous sommes presque en forme. Encore une fois, lorsque je change de direction, j'appuie sur la touche Alt et c'est assez simple. OK, la forme est fermée. Nous devons maintenant corriger les flèches ici avec un autre outil. Appuyez donc sur N sur p et accédez à votre barre d'outils. Ensuite, nous pouvons l'adapter. Donc, pour les deux dernières rayures de sa première, revenons là-dessus. Oups. Commande Z. Pour s'en débarrasser. On dirait que nous sommes encore presque en forme. Essayons encore une fois. OK. Et comment nous continuons à tracer nos oreilles pour qu'elles soient proches. C'est pour ça qu'ils ressemblent à ça. Je suppose que cela peut également être placé sur cette couche car elles sont toutes remplies d'une seule couleur. Ajoutons son tibia à cette couche avant d'entrer dans le visage. OK, essayons ça. Entrez dans cette couche et remplissez-la de noir. Nous voyons donc que tout est correct. Vous voyez son tibia sur cette couche séparée par erreur, mais cela n'a pas vraiment d' importance de fusionner ou quoi que ce soit d'autre ou de le laisser tel quel. Ça, ça n'a vraiment pas d'importance. Assurez-vous simplement que tout ce dont vous avez besoin pour être noir est proche ou mieux, même sur une seule couche. Éteignez à nouveau la garniture. Vous voyez l'avantage de tout avoir sur une seule couche. Nous n'avons donc pas besoin de cliquer sur chacune d'elles. Maintenant, nous allons refaire les moustaches avec un stylo. Mais cela devient un peu plus délicat car nous avons besoin d'un film fin à l'intérieur et un peu plus large à l'extérieur. Donc, ce blanc, ils doivent être placés sur une couche séparée. Voir les outils sur lesquels je clique. Ça n'a pas marché. Revenons donc en arrière et recommençons. OK, toutes les moustaches sur une seule couche. Et maintenant, voyez où cela va. Je vais faire un caressage, puis je vais ici pour faire pression et le faire glisser vers le bas. Vous voyez donc ce qui se passe quand on fait passer le péché d'un côté et l'étendre de l'autre. Maintenant, nous faisons l'alimentation. Vous voyez qu'il ne reste plus grand-chose à faire, il suffit donc de suivre la ligne. OK, maintenant, faisons le nez assez rapidement. Il suffit donc de faire le tour et d'ajouter le petit triangle ou son nez. Mettez-le à nouveau sur une couche. Pour cette zone, nous augmentons la course. Alors tu vois ce qui se passe ? Il reste un peu d' espace sur son nez, mais pas tant que ça. Dans le meilleur des cas, nous ferions passer cette petite zone gauche en blanc. Le truc c'est que tu ne verras pas ça parce que son corps est blanc de toute façon. Mais pour l'instant, je trouve que c'est beaucoup mieux. D'une certaine façon, c'est ma perfection, mon perfectionnisme en fait. OK. Continuons. Ça a l'air plutôt bon. Maintenant. Les oreilles et la bouche sont laissées. Ensuite, c'est terminé. Je désactive tout et je vous montre à nouveau le zoom avant. Accédez à l'outil du stylo et commencez à créer notre triangle, qui est l'oreille. Et lorsque vous avez créé le triangle, il vous suffit de le remplir avec une couleur. C'est donc quelque chose de nouveau que vous apprenez ici. Il suffit de faire le tour et de fermer la forme. Une fois que vous avez fait cela, vous devez sélectionner la couleur de la couche d'origine dans le meilleur des cas, en pleine opacité. Premier à poser, il est plus facile de les remplir toutes les deux à la fois. Tu sais juste d'où je viens. Je clique donc sur tout ce qui devrait être maintenant, mon chat. J'active donc le calque, le calque d'origine à nouveau, je choisis la couleur, puis je reviens à mon calque, reprends l'opacité du chat, reviens à mon calque d'origine, puis je le remplis avec un couleur que je viens de choisir. OK. Je dois le rallumer plus tard. Pour l'instant, je prends juste sa bouche. Tu vois, ça peut arriver. Ça ne se passe pas parfaitement. Donc, on change tout simplement. Comment créons-nous l'ensemble du parcours et l' adaptons-nous à nos lignes ? Ce que vous apprenez ici est assez puissant parce que maintenant vous pouvez transformer n'importe quel graphique en vecteur, vous avez besoin d'un graphique beaucoup plus grand, c'est, vous savez, c'est du travail. Oui. Mais ça vaut vraiment le coup. Ainsi, vous pouvez simplement vous assurer d'avoir votre image basée sur des pixels dans un vecteur. Encore une fois, nous choisissons la couleur de sa bouche. Revenez à la couche de droite. C'est un peu délicat parce que maintenant nous en avons d'autres. Je me suis aidée en les éteignant et en les rallumant. Je sais que je suis sur la bonne couche. OK. Tu peux le voir maintenant ? La couche de la langue se trouve sous la couche de la bouche. Maintenant, nous devons le déplacer en une seconde. Sinon, tu ne verras plus sa langue. OK, il suffit d'éteindre les couleurs. Maintenant. Voyons comment ça se passe. Nous ajoutons quelques détails supplémentaires ici, comme vous pouvez le voir sur sa queue. OK, tuons la chatte avec ses couleurs. Ok, maintenant tu peux voir que l' anti-chaton est prêt. J'ai éteint l' autre couche, celle-ci. Nous n'en avons plus besoin car nos reins sont prêts maintenant. Et maintenant, nous pouvons simplement l' exporter, aller dans Fichier, puis cliquer sur Exporter. Et assurez-vous que c'est en PNG. Vous pouvez désormais choisir l'ensemble du document ou simplement la zone sélectionnée. Peu importe, c'est vraiment récurrent. Vous avez peut-être choisi la zone sélectionnée parce qu'elle est aussi grande qu'un chat est un autre document SPS. Cliquez maintenant sur Exporter, et vous pouvez l'enregistrer sur votre bureau comme chat ou quel que soit le nom que vous choisissez ici. 4. Enregistrer votre fichier: Passons donc à une autre leçon sur l'exportation de votre document. J'ai déjà dit que vous l'enregistrez au format PNG. Mais si vous le faites, vous perdez la capacité vectorielle, ce qui signifie qu'au final, vous enregistrez dans une image basée sur des pixels et ce n'est pas ce que nous voulons. Vous pouvez donc le faire en fonction du projet sur lequel vous travaillez. Mais sachez également que c'est toujours une bonne idée d' avoir vos couches ici. Cela signifie que vous devez l'enregistrer en tant que fichier d'affinité. Vous pouvez donc toujours le remonter et la moitié de vos couches. Et avec une couche, vous pouvez facilement changer les couleurs ou les modifier. Ou si je me décide et que je dis que je veux changer de ton ou d'œil ou quoi que ce soit d'autre. Je clique sur mon calque et je vais ici dans mon outil de nœuds, puis je commence à changer les notes ici, ou à changer les couleurs ou ce que je veux. Ensuite, je peux, je peux l'exporter de cette façon afin de pouvoir changer l'ensemble du chat, sa couleur et sa forme si je le souhaite. Mais pour cela, je dois l' enregistrer en tant que fichier d'affinité. Il vous suffit donc d'aller ici, cliquer sur Enregistrer sous et lorsque vous le sélectionnez sous, vous enregistrez simplement le document et vous dites : «  D'accord, Teresa se soucie des affinités ». Je sais que c'est mon nom. Vous le nommez comme vous le souhaitez, puis il vous suffit de cliquer sur Enregistrer. Et s'il vous plaît, ayez un EIE là-dessus. Voici un petit astérix, une petite étoile. Et quand je vais l'enregistrer maintenant, cela disparaîtra parce que lorsque le document sera enregistré, alors laissez-moi le faire. Vous pouvez donc voir qu'il a disparu et j'ai maintenant mon affinité File Save. Une fois que vous avez fait cela, vous pouvez revenir à l'exportation. Allons-y. Nous avons parlé du format PNG car vous avez alors un arrière-plan transparent. Vous pouvez utiliser votre chat pour de nombreux projets. Donc oui, c'est assez gros, donc cela peut suffire pour la plupart de vos projets. C'est pourquoi nous l'enregistrons au format PNG. Mais si vous souhaitez conserver la capacité d'un fichier vectoriel, vous devez le changer en SVG et l'enregistrer au format SVG. Ensuite, vous perdez également vos couches. C'est pourquoi nous l'enregistrons toujours en tant que fichier d'affinité. Ensuite, nous pouvons facilement l'exporter dans le format de notre choix. Donc, assurez-vous simplement que vous l' avez bien compris. Et j'utilise généralement 300 DPI au cas où. Alors tu peux entendre. Choisissez si vous souhaitez exporter l'ensemble des documents, la zone sélectionnée ou la sélection uniquement, ce que vous pouvez faire plus tard. Pour le moment, j'exporterais simplement ma langue. Ce n'est donc bien sûr pas ce que je veux. Donc, je choisirais simplement SVG, je cliquerais sur Exporter et je l' enregistrerais sur mon ordinateur. 5. Votre projet: Passons maintenant au projet. Vous pouvez imaginer que je veux que vous traciez quelque chose, peu importe comment vous l' insérez dans votre ordinateur, que vous le dessiniez sur du papier, que vous le dessiniez dans Procreate ou que vous fassiez quoi que ce soit d'autre, que vous mettiez simplement dans vos ordinateurs. Peut-il le prendre en photo et commencer à le tracer ? Vous pouvez, bien sûr, vous rendre sur mon site Web et télécharger le chaton à partir de là. Je l'ai ajouté à la boîte à outils du concepteur. En fait, vous pouvez télécharger tous les fichiers dont vous avez besoin et commencer à tracer votre image. Donc, une fois que vous avez votre matériel, qu'il s'agisse de mon chat ou de ce que vous avez dessiné, commencez à tracer votre projet. Alors allez-y, utilisez le stylo, parcourez tout ce que vous avez dessiné et commencez à le tracer. Une fois que vous avez fait cela, veuillez télécharger votre fichier notre galerie de projets afin que nous puissions tous voir ce que vous avez fait. J'ai vraiment hâte de voir vos étapes vers votre conception vectorielle.