Affinity Designer V2 | Forme de cœur vectorielle en verre teinté

1. Bienvenue dans ce cours !: Salut, tout le monde. Bienvenue dans Affinity in 15, où nous allons créer des projets rapides ensemble dans Designer, Photo ou Publisher. Dans cet épisode, je vais vous montrer comment créer le vitrail en forme de cœur vectoriel dans Designer, qui peut être utilisé à la fois dans des projets imprimés et numériques Nous allons nous concentrer sur l'outil de dégradé, le panneau d' apparence et l'outil couteau, mais nous en utiliserons également quelques autres. Maintenant, je suis dans la version de bureau de la version 2 de Designer, mais vous pouvez facilement suivre le cours sur iPad tant que vous savez où se trouvent les outils. Cette classe est importante pour AnderFriendly, mais elle suppose une certaine familiarité avec la mise en page du designer, car je ne vais pas passer par l'interface utilisateur Es-tu prêt ? Commençons. 2. Créer un cœur en vitrail dans Designer: Création d'un Canvas de 4 000 x 4 000 pixels réglé à 300 DPI. Cela me permet de l'imprimer en grand ou de l'utiliser plus petit. Maintenant, comme j'utilise des textures, je peux toujours les réduire sans problème, mais l'augmentation d'échelle est toujours risquée Je veux donc m' assurer de réfléchir à avance à la manière dont je pourrais les utiliser. Je vais utiliser une forme intégrée pour créer mon cœur initial, et sur la version de bureau, je peux maintenir le clavier Command Down Mami Appuyez sur le canevas, et il me donnera cette boîte de dialogue. Maintenant, 3 600 x 3 600 pixels, c'est très bien. Je vais donc cliquer sur OK, je vais utiliser l' outil couteau pour le découper en plusieurs formes qui deviendront des vitraux Et cet outil fonctionne de deux manières. Si je sélectionne ma forme, que je passe le curseur sur le chemin entre les nœuds et que je clique, le chemin entre ces deux points sera coupé Dans ce cas, je veux le découper en plusieurs morceaux. Au lieu de cela, je vais passer le curseur en dehors du chemin, et vous pouvez voir que j' ai l'icône du couteau Et quand je le fais glisser, il le coupe en deux parties, comme vous pouvez le voir ici dans mon panneau de calques. Quelles que soient les formes sélectionnées elles sont candidates pour l'outil à couteaux. En d'autres termes, si je le découpe en un troisième morceau et que je veux seulement découper davantage les deux, je peux les sélectionner, en laissant le troisième désélectionné Et quand je passe le couteau dessus, cela n'aura d' impact que sur ces formes, pas sur celle que je n'ai pas sélectionnée. Si je fais une erreur de calcul et que je souhaite recombiner une forme, je peux sélectionner les deux formes, aller en haut, choisir Ajouter et les recombiner Je vais donc commencer par quelques gros coups avec un couteau, puis approfondir pour obtenir des pièces plus petites en sélectionnant certaines formes Je vais accélérer les choses, et je vais économiser de l'autre côté. Maintenant que mes multiples pièces sont en place, je souhaite changer certaines couleurs. Et j'ai fourni la palette que j' utiliserai pour le projet dans les téléchargements, ainsi que des instructions sur la façon de l'importer. Je vais sélectionner des groupes de formes et les additionner. L'avantage de cela n' est pas seulement que je ne dois travailler qu'avec une seule courbe, mais que je dois simplement ajouter la même texture à une seule courbe plutôt que des multiples, ce qui permet de réduire la taille de mon fichier. Je vais donc commencer à sélectionner ce type, maintenir la touche Shift enfoncée, sélectionner les deux, puis cliquer sur AD en haut. Je vais sélectionner celui-ci, celui-ci. Et celui-ci. Et encore une fois, appuyez sur Ajouter. Et je vais continuer comme ça jusqu'à ce que je n' aie plus que des groupes et pas de formes uniques. Je vais donc commencer ici, et avec ma palette d'échantillons, je vais ajouter ce dégradé de rouge plus foncé Je veux m'assurer que c'est sur le fond et non sur le contour. Essayez plutôt celui-ci. D'accord, je peux donc toujours prendre mon outil de dégradé et je peux le faire glisser vers l'extérieur, le repositionner si je le Je peux même changer le manche ici. Je peux ajouter des points de couleur. Je vais le laisser tel quel parce que d'habitude je reviens une fois que j'ai ajouté la texture pour voir si je dois changer quoi que ce soit. Donc, avec celui-ci, je vais le remplacer par un rouge plus clair. Pour celui-ci, je préfère le solide rose. Je vais créer une sorte de texture laiteuse et opaque. Et enfin, ce sera une sorte de dégradé de blanc cassé plus clair. Bien, avec tout cela en place, je suis prêt à ajouter les lignes de soudure qui maintiendraient tout cela ensemble J'ai sélectionné toutes mes formes et je vais ajouter un trait à chacune d'entre elles. Je veux que cela ait une couleur cuivrée, je vais donc sélectionner ce dégradé de cuivre ici dans la pastille d'échantillon En fin de compte, je veux que cela soit placé au-dessus de toutes les formes individuelles sous la forme d'une grande courbe afin pouvoir leur ajouter de la texture et des effets sans qu' elles ne se répercutent sur les zones jointes parce qu'elles sont séparées Une fois cette option sélectionnée, je vais monter en haut, choisir une couche et descendre pour agrandir le contour. Cela va créer des remplissages à partir de ceux-ci. Tant que je les ai sélectionnés, je vais les ajouter ici dans le menu contextuel puis me déplacer vers la gauche et choisir Déplacer vers l'avant C'est bon, mais c'est un peu trop parfait. Le cuivre soudé ne sera pas parfait, et je veux que cela soit un peu plus réaliste Je vais donc diviser cette ligne parfaite de deux manières. Tout d'abord, je voudrais ajouter un trait. Je vais donc m' assurer que mon trait est sélectionné et simplement sélectionner cette couleur cuivrée. La prochaine chose que je veux faire est de passer à mes pinceaux, et j'ai un ensemble de pinceaux TruGrit Texture Supply appelé Bezier C'est l'un de mes outils préférés pour ajouter un peu de réalisme aux vecteurs que je crée, juste pour les rendre un peu plus réalistes. Vous pouvez choisir n'importe quel pinceau vectoriel pour obtenir le même effet. Je vais choisir cette monoline large. Maintenant, cela va changer la taille du trait. Je zoome pour que vous puissiez voir ce qui se passe ici. Vous pouvez voir que c'est une jolie ligne bancale, mais je voudrais à nouveau ramener la taille du trait à environ cinq C'est un bon début, mais mes virages sont encore un peu trop parfaits. Donc, ce que je vais faire, c'est prendre mon outil à crayons et je vais utiliser le mode sculpture Je veux donc m'assurer que la sculpture est ici en haut. Et je veux juste aller dans mes coins et repousser un peu la limite . Je survole donc ma trajectoire, et je vais juste y tracer une sorte de ligne bancale Il s'agit de couper le chemin et de le repousser, de sorte que cela brise la forme parfaite en V dans les coins. Je vais juste faire le tour du tout, et je vais le faire hors caméra parce que cela prendra un peu de temps, puis je reviendrai et nous passerons à l' ajout de notre texture. Une fois que tout est en place, je suis prêt à commencer à ajouter ma texture et mes effets, et je vais commencer par les vins à souder Je veux conserver le dégradé, mais ajouter une texture métallique sur le dessus. pourrais utiliser le panneau d'apparence pour ajouter un deuxième remplissage, ce que je vais faire avec ces autres pièces. Mais dans ce cas, je veux pouvoir contrôler l'opacité de la texture Et c'est quelque chose que vous ne pouvez pas faire avec remplissages bitmap lorsque vous utilisez le panneau d'apparence Vous pouvez uniquement régler le mode de fusion. Je vais donc plutôt récupérer une copie de la texture et utiliser une copie de la forme dure comme masque de découpage vectoriel Je vais sélectionner cette couche et appuyer sur Dupliquer pour en avoir une deuxième, je vais utiliser mon outil de rectangle, et je vais simplement faire glisser un rectangle au-dessus de la forme du cœur. Je vais sélectionner mon outil de dégradé et je vais me rendre dans mon studio de stock où j'ai saisi du métal Et il y en a un en particulier que j'aime bien ici, en pexels. Je vais donc appuyer sur celui-ci. Il est évidemment très grand, donc je vais aller en haut et choisir de réinitialiser J'aime bien l'endroit où il est placé, mais si je le voulais , je peux le déplacer, l'agrandir un peu, mais je vais le laisser tel quel. Ce que je veux faire, c'est revenir au panneau des couches. Et avec cette double forme de cœur, je vais la faire glisser vers le haut sur la miniature de cette couche Je ne veux pas le faire glisser vers la droite. C'est un masque à clipser normal. Je vais le faire glisser vers la gauche jusqu'à ce que la miniature s'allume, relâche, et vous pouvez voir qu'il a tout découpé en dehors de Ensuite, je vais sélectionner la couche entière et je souhaite changer le mode de fusion en mode superposition J'aime bien son apparence, mais vous pourriez jouer avec le mode blend. Et je vais changer l' opacité à environ 75. Je peux toujours l'ajuster plus tard si j'en ai besoin. La prochaine chose que je veux faire est d'ajouter des ombres tombées et un effet en trois D pour lui donner un peu plus de dimension. Mais avant cela, je voudrais regrouper ces deux couches. Je les ai donc sélectionnés tous les deux, et je vais commander G sur mon clavier et appuyer sur groupe. Une fois cette option sélectionnée, je vais passer au panneau FX ici, et je vais commencer par l'ombre extérieure. Je vais donc cliquer puis appuyer pour m'assurer que j'ai le menu contextuel Chaque fois que vous ajoutez des ombres, vous devez penser à deux choses. La première est de quelle direction vient votre lumière ? Dans ce cas, cela dépend entièrement de moi, et je vais le faire en haut à gauche, ce qui signifie que mes ombres les plus profondes tomberont vers la droite. La deuxième chose à laquelle vous voulez réfléchir est de savoir quelle est la profondeur de l' objet dans la vie réelle. Dans ce cas, les lignes de soudure seraient surélevées quelques millimètres de la surface du verre Je n'ai donc pas besoin d'une ombre profonde, mais j'en veux suffisamment pour qu'elle trace les lignes depuis le verre. Je vais donc ramener mon décalage à environ 12 pixels, et je vais augmenter mon rayon un peu plus haut que cela. Je veux une légère ombre de l'autre côté car elle ne serait pas parfaitement plate si vous la regardiez de haut en bas. Donc, ce que je vais faire, c'est appuyer sur signe plus qui va dupliquer l'ombre initiale, et je vais juste faire pivoter l'angle de l'autre côté. Je voudrais réduire le décalage un peu parce que, encore une fois, ce ne serait pas aussi profond que l'autre, et je vais juste augmenter un peu le rayon également. Pendant que j'y réfléchis, je veux aussi augmenter l' échelle avec un objet. De cette façon, si je le redimensionne vers le haut ou vers le bas, les ombres s'adapteront à l'ensemble de l'objet. C'est donc très bien jusqu'à présent, mais je souhaite ajouter un effet 3D. Donc, pendant que je l'ai encore ouvert, je vais cliquer pour activer les trois D et appuyer pour obtenir le menu contextuel Et la première chose que vous remarquerez , c'est que cela met en valeur le côté droit de toutes mes lignes. N'oubliez pas que ma lumière vient du haut à gauche, ce qui signifie que mes ombres tombent vers la droite. Cela signifie que mes points forts devraient être situés sur la gauche. Et voici Azimuth dans le menu contextuel. Donc, en ce moment, il affiche 45 degrés, donc il l'envoie vers la droite. Ce que je veux faire, c'est cliquer et faire glisser jusqu'à 145, vous pouvez également le saisir si vous le souhaitez. Je vais également faire quelques autres ajustements, comme augmenter un peu l' adoucissement, et je vais jouer un peu avec le rayon. Je ne veux pas qu'il soit si arrondi qu'il ressemble à des bulles. Mais je veux qu'il soit un peu moins plat qu'il ne l'est. Tout cela n'est pas destructeur, donc je peux toujours y revenir et le modifier si j'en ai besoin. Mais je vais laisser ça tel quel pour le moment et je vais cliquer sur Fermer. Bien, une fois les lignes de soudure terminées, je vais commencer à ajouter de la texture à mes pièces en verre Maintenant, au lieu d'utiliser des masques de découpage vectoriels, je vais utiliser le panneau d' apparence pour ajouter un deuxième remplissage afin d'avoir une couleur unie en bas et un dégradé bitmap dans le remplissage au-dessus Si vous pensez avoir besoin de modifier l'opacité de vos textures, il vous suffit de suivre les mêmes étapes que pour les lignes de soudure et de créer des masques vectoriels J'utilise un ensemble de textures que j'ai extraites des laboratoires de texture et de Splash. Je les ai regroupés et fournis dans les téléchargements. Vous pouvez également le récupérer directement depuis le studio d'origine si vous le souhaitez. Je vais commencer par cette couche supérieure. Vous pouvez voir ici, dans le panneau d'apparence, qu'il montre ce remplissage dégradé initial. Je veux appuyer sur AddFll et m'assurer que le deuxième nouveau remplissage est sélectionné Vous pouvez voir les points à côté. Une fois mon outil de dégradé sélectionné, je vais monter en haut et, sous taper, choisir Bitmap Cela va m'amener à mes dossiers. Et je pense que je vais commencer par ce type ici. Cliquez sur Ouvrir. Et il va le placer. Maintenant, je peux utiliser ces poignées pour évoluer un peu. Une chose dont je veux m' assurer, c'est que je n'ai pas de telles coutures parce que je couvre des formes non contiguës Je veux juste déplacer ça. Je vais passer à mon mode de fusion ici, dans mon panneau d'apparence, et je vais juste voir ce qui fonctionne le mieux. La superposition est un peu trop claire. Dans ce cas précis, je vais opter pour une lumière douce, mais je recommande toujours de jouer avec différents modes de fusion pour voir ce qui convient le mieux la couleur et à la texture que vous utilisez. Je vais donc passer à cette couche rouge. Je vais faire la même chose, ajouter un remplissage, le sélectionner. Avec mon outil de dégradé, je vais passer à Bitmap. Et je vais juste accélérer les choses jusqu'à ce que j'arrive à la dernière où je vais créer une forme opaque. J'ai donc ajouté la texture du verre à tout cela. Pour ce dernier, ce rose, je veux en fait créer une sorte de texture laiteuse. Avec beaucoup de vitraux, vous verrez toujours une sorte de vitrail opaque qui correspond aux vitraux les plus translucides. Il a généralement une texture marbrée, et c'est exactement ce que je vais utiliser pour le créer, une texture marbrée. Je souhaite suivre les mêmes étapes et ajouter un remplissage. Et cette fois, je vais choisir cette texture marbrée que j' ai et la faire glisser. Encore une fois, je veux m' assurer qu'il n'y a pas de coutures. Il suffit de l'amener à peu près là. Ensuite, je vais changer le mode de fusion en mode superposition. Et vous pouvez voir que, contrairement à ceux qui sont traversés par des points lumineux, ce n'est pas le cas. C'est un peu plus opaque. Et j'aime vraiment ça. Je pense que cela le décompose un peu et ajoute un peu plus de dimension. Avant de terminer, je voudrais prendre du recul et voir s'il y a quelque chose que je dois changer. Donc, si je veux changer quelque chose, je peux simplement accéder au panneau d' apparence. Disons que je souhaite ajuster mon remplissage ici. Donc, si je veux le déplacer un peu, peut-être ajouter un autre point de couleur, je pourrais le faire, le baisser ou le monter peut-être. Et pareil ici. Je vais juste choisir celui-ci et peut-être le réduire. Je peux aussi changer le type de dégradé si je le souhaite. Et peut-être baisser un peu ce rouge. Une dernière chose que je dois faire est d'ajuster ma texture ici car vous pouvez voir quelques lignes. Je vais juste en parler. J' aime son apparence. Je vais dire que c'est fait. Une dernière chose que je veux faire est de sélectionner toutes mes couches, y compris les lignes de soudure Je vais créer un dernier groupe, et je vais ajouter une ombre déroulante plus grande vers la droite. Je vais donc appuyer sur FX. Maintenant, il y a déjà une petite ombre lorsque je l' ai ajoutée aux lignes de soudure, mais je vais juste en ajouter un peu plus Allez dans Outer Shadow. Et encore une fois, je veux que cela soit un peu plus profond que les autres. je vais réduire l' opacité d'une touche Mais je vais réduire l' opacité d'une touche et augmenter le rayon. Et encore une fois, je veux redimensionner avec l'objet et appuyer sur Fermer. Et c'est tout. Je peux l'utiliser dans un objet aussi grand qu' une illustration ou une carte de vœux imprimable, ou même le réduire et l'utiliser comme motif dans un motif de surface ou comme autocollant numérique dans mon agenda Si vous avez des questions sur ce que vous avez appris, n'hésitez pas à me contacter. J'adorerais voir ce que vous allez créer à partir de ce cours, alors pensez à partager votre projet dans la section projets et ressources. Merci beaucoup de m'avoir rejoint dans Happy Creating, et je vous verrai dans la prochaine affinité dans 15.