Canva + Adobe Illustrator : Créer des cadres d'image personnalisés pour Canva

1. Présentation de la classe: Bonjour et bienvenue dans mon nouveau cours Skillshare, où je vais vous apprendre à créer des cadres Canva personnalisés dans m'appelle Michelle Marx, je suis graphiste professionnelle et illustratrice de motifs de surface avec près de 20 ans d'expérience dans le secteur du design. Dans ce didacticiel, je vais utiliser mes compétences pour vous apprendre à transformer rapidement des formes vectorielles dans Adobe Illustrator en cadres photo compatibles avec Canva Grâce à cette compétence, vous pouvez transformer n'importe quelle forme vectorielle que vous avez créée en un cadre d'image entièrement fonctionnel dans Canva Pour ce cours, vous aurez besoin de deux logiciels. L'un d'eux est un abonnement à Adobe Illustrator, et vous aurez également besoin d'un compte Canva Maintenant, peu importe que vous ayez un compte Canva gratuit ou professionnel, car vous pouvez effectuer ce processus avec l'un ou l'autre Vous aurez également besoin de connaissances de base sur l'utilisation de Canva et d'Adobe Illustrator pour pouvoir suivre ce processus Si vous êtes prêt à créer vos propres cadres Canva personnalisés, alors commençons 2. Setup votre tableau d'art: La première étape de ce processus consiste à démarrer dans Illustrator. Nous allons donc créer notre plan de travail, et si vous me suivez, commençons simplement par nommer notre fichier Je vais donc y mettre peut-être des cadres Canva OK, vu la taille de votre plan de travail, vous n'avez pas besoin d'être trop pointilleux à ce stade Nous avons juste besoin d'un plan de travail sur lequel nous pouvons créer nos œuvres d'art. Donc, ce que je vais faire, c'est que j'aimerais avoir plusieurs cadres dans un même plan de travail. Au lieu d'avoir plusieurs plans de travail. Et cela aura du sens plus tard lorsque nous les importerons dans Canva En gros, ce que je vais faire, c'est juste opter pour un A quatre. Je suis en Australie, donc nous utilisons un quatre, mais si vous êtes aux États-Unis, vous pouvez utiliser une lettre américaine. Mais honnêtement, n'importe quelle taille, car vous pouvez toujours redimensionner vos plans de travail depuis Canva, et je vais simplement les régler sur écran et RGB D'accord, alors ne soyez pas trop pointilleux à ce stade avec ces paramètres car cela n'a pas vraiment d'impact énorme sur le résultat final Nous y avons donc configuré notre plan de travail. Si vous souhaitez en créer plusieurs, nous pouvons toujours créer de nouveaux plans de travail. Tu peux en avoir autant que tu veux. Mais je trouve que pendant que nous apprenons, restons-en à un seul plan de travail afin de réduire minimum les chargements, les téléchargements et ce genre de choses 3. Conformez vos éléments vectoriels: OK. Dans cette leçon, nous allons commencer à créer les formes ou les éléments qui deviendront nos cadres Canva La clé de ce processus est que chaque élément avec lequel vous travaillez doit être un élément vectoriel, peu importe sa forme. Le monde vous appartient donc en termes de création Je vais suivre différentes méthodes. Je vais vous montrer des formes de base. Je vais vous montrer l'outil stylo, le pinceau blob, puis l'outil de saisie Créons-les donc pour le moment. Tu peux les créer avec moi. Commençons par notre outil de formes. Nous avons l'outil carré ou rectangulaire, le circulaire ou l'ellipse, et tous les différents outils de forme Dans un cas, vous souhaiterez peut-être créer un cadre, si vous créez des maquettes pour des cartes de visite ou des pages, etc. Donc, si nous voulons créer une forme, c'est la forme d'une carte de visite. En Australie, les dimensions standard de nos cartes de visite sont de 9 centimètres sur 5,5 centimètres. Maintenant, cela ne signifie pas que je dois créer une forme de la taille exacte. Il n'est pas nécessaire que ce soit 9 centimètres sur 5,5, mais le ratio doit être le même. Ce que je vais faire, c'est faire 90 points sur 55 points, et c'est une toute petite forme. Mais l'essentiel est que mon ratio soit correct. Peu importe si je redimensionne tant que je redimensionne avec des proportions limitées L'autre point essentiel est que nous devons nous assurer qu'il n' y a pas de traits, alors allons-y, supprimons le trait, et nous voulons nous assurer que nous pouvons réellement voir notre couleur de remplissage. Permettez-moi de vous apporter mon panneau de couleurs. Ça fait un joli petit sarcelle. Maintenant, l'un des défis à ce stade, si vous créez des formes rectangulaires c'est que lorsque nous les introduisons dans Canva, Canva les reconnaîtra comme un cadre redimensionnable Maintenant, ce n'est généralement pas ce que nous voulons. Donc, pour contourner ce problème et éviter des problèmes plus tard, je vais simplement zoomer directement et courber légèrement les bords. Cela permet d'ajuster suffisamment la forme pour que CVA ne la reconnaisse pas comme un cadre Si ces arêtes vives ne vous importent pas, ne vous inquiétez pas, ou si cela ces arêtes vives ne vous importent pas, ne vous inquiétez pas, ne vous inquiétez pas, ne vous dérange pas d'avoir le cadre redimensionnable, la seule chose est qu' il y a déjà un cadre dedans où vous pouvez le redimensionner Si vous cherchez à créer une maquette de carte de visite comme celle-ci ou une maquette de page, disons simplement que vous voulez faire comme un cadre A quatre. En Australie, nous en avons 210 sur 297. Ces dimensions, bien qu'il ne s'agisse pas de la taille réelle, sont correctes. Si j'avais besoin de créer un cadre de quatre pages A, voici comment je le ferais. Plus important encore, ajustez le coin de manière à ce qu' il change suffisamment de forme pour que Canva ne le reconnaisse pas comme son propre cadre Cela utilise l'outil de formes. Maintenant, nous pouvons également créer des cercles. Cependant, il existe déjà des formes de cadre circulaires à l'intérieur de Canvas, je doute que vous ayez besoin de les utiliser. C'est là que ça devient très amusant. Utilisons l'outil stylo pour créer des formes personnalisées. En utilisant les formes personnalisées. L'outil stylo est ce qui crée votre vecteur, car il est composé de courbes et de coins plutôt que de pixels. Quel que soit le cadre ou la forme que vous souhaitez créer, vous pouvez le créer depuis Canva Jouons peut-être un peu avec les deux. Peut-être que je veux un coin incurvé. Où je veux aller. C'est peut-être ça. J'ai utilisé une combinaison de mon stylo et des formes pour créer un joli cadre d'angle. Supposons que vous souhaitiez tracer une image à l' aide de votre stylet ou même de votre outil crayon, vous pouvez créer n'importe laquelle aide de votre stylet ou même de votre outil crayon, de ces formes à l'aide de cet outil. Un autre outil que vous voudrez peut-être utiliser est l'outil blob brush, car nous aimons peut-être simplement l'idée d' avoir un cadre en forme de blob Ce qui est plutôt cool. Je vais juste m'assurer que nous sommes complètement pourvus car je peux y voir quelques places supplémentaires. L'essentiel est simplement de s'assurer que le cadre est façonné à votre goût. Voici l'outil Blob Brush. Imaginons que vous souhaitiez créer un cadre à lettres. Je vais prendre l' outil de saisie et je vais juste dire la lettre M pour Michel. Non Passons au S pour le partage des compétences parce que nous nous amusons. Je vais juste augmenter la taille. Maintenant, il y a une chose à laquelle vous devez faire attention en ce qui concerne les cadres lorsque vous utilisez des polices comme cadres. Généralement, lorsque nous utilisons des lettres comme cadre, nous voulons qu'elles soient belles et épaisses. Nous voulons choisir une jolie police en gras. Disons que Monsat va en avoir un assez épais, où avons-nous un verrou supplémentaire ou du noir ? Choisissons le noir. Nous avons notre outil de courrier ici, notre cadre à lettres ici. Cependant, nous voulons nous assurer de ne pas le laisser tel quel. Nous voulons créer des contours, nous voulons les développer. Avant de les transformer en cadres, il vous suffit de cliquer avec le bouton droit de la souris, créer des contours ou de créer un objet, de développer et. Vous pouvez maintenant voir comment il est passé du type à une forme vectorielle. C'est très important pour ce processus. Comme vous pouvez le constater, il existe de nombreuses façons créer des formes à utiliser à l'intérieur de l'ambre. Allez-y, amusez-vous bien et en fait, je vais même créer l'un de mes favoris à l'aide de l'outil Blobrush, qui est une feuille de monstera. OK. Je vais utiliser l'outil d' effacement juste pour créer les feuilles du monstera C'est très difficile, mais je veux juste vous montrer qu'il peut vraiment apprécier ce processus. Je m'amuse bien avec le processus. Nous avons donc notre forme dessinée, notre lettre, notre carte de visite, notre cadre de page et dans l'ordre. Dans la leçon suivante, je vais vous parler un peu des bordures , car parfois vous aimeriez avoir une bordure autour de votre cadre. 4. Travailler avec des frontières: C'est bon. Dans cette leçon, je voudrais vous parler de la gestion des bordures, car vous souhaiterez peut-être créer un cadre contenant une bordure. Je veux donc vous expliquer le processus pour y faire face. Supposons donc que nous voulions prendre la forme de notre lettre, notre cadre à lettres, et que nous voulions y ajouter une bordure noire. Donc, à l'aide de l'outil d'illustration, ajoutez simplement le trait à la largeur que vous souhaitez Et je vais juste le transformer en noir pour que je puisse vraiment le voir. Apportez simplement vos ajustements à votre trait. Si vous voulez les angles vifs ou vous voulez des coins arrondis au trait. Appliquez simplement les paramètres comme vous le souhaitez car dans votre cadre, où vous pouvez voir la couleur sarcelle, c'est là que se trouvera le cadre Le noir restera une bordure noire autour de votre cadre si nous prenons les mesures suivantes. Une fois que vous avez appliqué votre trait, nous voulons nous assurer de l' étendre. Nous voulons nous assurer que nous étendons le trait manière à ce qu'il ne s'agisse pas d'un trait, mais simplement d'une extension sous forme de forme distincte. Ce que je vais faire, c'est accéder à l'objet, l'agrandir, puis utiliser mon outil de création de formes pour relier les deux traits ensemble. Je vais juste le transformer en noir comme ça. Maintenant, ce que j'ai ici, c'est que j' ai deux éléments distincts regroupés. Si je les dissocie pour vous les montrer, dissociez-les. voyez, nous avons la forme en S , puis nous avons la bordure noire qui l'entoure. C'est ainsi que nous voulons y faire face. Maintenant, si je les regroupe, cela supprimera l'un des éléments à l'étape suivante, ce qui aura du sens pour vous alors. Assurons-nous simplement de vouloir les faire. Nous voulons sélectionner la bordure et nous assurer qu'elle est renvoyée au verso. OK. Juste ces deux points essentiels à retenir assurez-vous de développer le trait pour qu' il apparaisse sous la forme d'une forme plutôt que d'un trait, et vous voulez le renvoyer au dos et vous assurer qu' il n'est pas groupé 5. Créer des masques de découpage: Il suffit de s'enregistrer dans le cadre de notre processus. Ce que nous avons fait jusqu'à présent, c'est créer un ensemble de formes que nous allons transformer en cadres que nous pouvons utiliser depuis l'intérieur de Canva Donc, en gros, nous n'avons qu' un ensemble de formes vectorielles ici, et notre prochaine étape consiste à créer des masques de découpage pour celles-ci C'est ici que nous allons essentiellement transformer chacun de ces éléments dans le format que Canva reconnaîtra comme un cadre Ce dont nous avons besoin pour cette étape, c'est d'avoir nos formes prêtes, mais nous devons également placer un fichier image. Peu importe l'image que vous utilisez, car nous allons la supprimer de toute façon. Donc, en gros, je vais cliquer sur File Place, et je vais juste choisir une image que je peux placer ici. C'est juste un carreau verni que j'ai. Il doit s'agir d'un fichier PNG ou JPEG. Ayez votre image ici. Tu peux utiliser une photo. Vous pouvez même simplement faire une capture d'écran et la coller dans Illustrator. Cela n'a pas vraiment d' importance tant qu'il s'agit d'un fichier image matriciel que vous pouvez utiliser. Dans cette étape, nous devons placer l'image de manière à ce qu'elle couvre chaque forme individuelle que nous avons. Mais nous devons le renvoyer au verso pour que vous puissiez voir la forme devant votre fichier image. D'accord ? Ça ne marchera pas. Si le fichier image se trouve devant la forme, il doit se trouver derrière celle-ci. Dans cette étape, nous voulons mettre en évidence. Nous voulons sélectionner à la fois l'image et la forme. Cliquez avec le bouton droit de la souris, créez un masque de découpage. Ici, il s'agit essentiellement de bloquer tout ce qui se trouve en dehors de la forme grâce à ce masque de découpage Je vais simplement répéter ce processus parce que j'ai besoin d' une copie de mon image, et nous allons répéter ce processus pour chaque forme individuelle. Je vais sélectionner les deux éléments, cliquer avec le bouton droit de la souris, créer un masque de découpage Je veux répéter cela pour chaque forme que j'ai, sélectionner, créer un masque de découpage Sélectionnez Créer un masque de découpage. Nous le faisons pour le masque à clipser Monstera Make. Lorsque vous avez affaire à celui qui a la frontière, nous devons être prudents. Si je les sélectionne toutes et que je crée le masque de découpage, vous remarquerez que la forme de la lettre ou la bordure, cela dépend de la première qui sera supprimée. Si je prends juste du recul, si je surligne la bordure, que j'en fais le masque de découpage, puis là où vous pouvez voir l'image, c'est ce que nous transformons en cadre dans Canva Ce n'est pas ce que je recherche, peut-être ce que vous recherchez, mais ce n'est pas ce que je recherche. J'aimerais que la partie bleu sarcelle du S soit ce qui crée le cadre. Je vais le sélectionner, sélectionner également mon cadre d'image, puis créer un masque de découpage Vous pouvez voir que j'ai forme de mon cadre avec la bordure bleue séparément. OK. Cette étape est donc la partie la plus vitale de tout ce processus car là où le masque de découpage a été créé, c'est ce qui le transformera en cadre une fois que nous les aurons importés dans Canva cadre une fois que nous les aurons importés dans Canva 6. Importer des éléments dans Canva: Nous avons maintenant nos éléments et nous avons préparé le masque de découpage La prochaine étape consiste à les exporter depuis Illustrator et à les importer dans ba. Faisons donc d'abord quelques vérifications. Assurons-nous d' avoir des masques de découpe sur tout et veillons tout et veillons à ce que tous les éléments en deux parties veillons aient notre forme en S ou notre élément entouré d'une bordure, ou peut-être que vous ayez un élément comportant plusieurs couleurs Supposons que vous ayez créé un cadre carré et que vous l'ayez coupé en deux et que vous vouliez qu' une partie soit colorée et une partie encadrée. Donc, assurez-vous qu'ils sont regroupés pour qu' ils soient en place, comme si ce n'était pas banal ou quoi que ce soit d'autre, et assurez-vous simplement qu' ils ne sont pas groupés Nous voulons qu'ils soient séparés. Et il ne s'agit que de quelques vérifications avant d' exporter le fichier. Une fois que vous en serez satisfait, transformons-les en PDF Nous allons donc simplement les archiver et les enregistrer. Laisse-moi juste t'apporter ça. Nous allons simplement l' enregistrer sous forme de fichier PDF. Les paramètres eux-mêmes n'ont pas vraiment d'importance tant que vous les enregistrez au format PDF. Encore une fois, les paramètres n'ont pas vraiment d'importance. Cela peut être aussi petit que la taille du fichier ou simplement ce que vous avez à l'écran. Cela n'a pas vraiment d'importance. Il ne reste plus qu'à enregistrer le PDF. Ensuite, nous pourrons accéder à Canva, et vous commencerez par le tableau de bord Comme je l'ai mentionné plus tôt, peu importe que vous utilisiez le Canva free ou le Canva pro Peu importe non plus que vous utilisiez, disons, au moment de l'enregistrement, c'est juillet. Canva est toujours en train de déployer la nouvelle interface. Ce que vous regardez peut sembler légèrement différent. Il s'agit de mon compte de formation et je pense qu'il se trouve peut-être toujours sur l'ancienne interface. Mais la plupart des boutons et de l'application sont identiques. Peu importe la version que vous utilisez, qu'elle soit gratuite, pro, nouvelle ou ancienne, le processus est le même. Essentiellement, ce que nous devons faire ici est télécharger notre PDF dans Canva Vous pouvez simplement cliquer, charger, sélectionner des fichiers, puis rechercher les cadres Canva que vous venez de créer, vous venez d'exporter depuis Illustrator, et vous verrez qu'ils apparaîtront ici dans votre design récent Cela crée essentiellement un nouveau plan de travail dans Canva avec lequel vous pouvez travailler Allez-y, ouvrez-le. Et vous avez vu le clignotement rapide de l'image emblématique du cadre Canva. En gros, tous les éléments que nous venons de créer dans Canva dans Illustrator apparaissent désormais dans Canva Il nous reste encore une étape à franchir. Pour chacun d'eux, il suffit de cliquer sur l'élément, cliquer avec le bouton droit de la souris et de détacher l'image, puis de supprimer votre image Faites-le pour chacun d'entre eux. Et vous pouvez voir maintenant que vous avez des cadres. Il suffit de regarder notre forme en S constater que les deux éléments sont séparés. Mais vous pouvez désormais les regrouper afin de pouvoir les déplacer à l'unisson Chacun d'entre eux agit désormais comme un cadre entièrement fonctionnel à l'intérieur du MVA Si je tombe sur deux éléments, je trouverai juste quelque chose. Allons-y dix. Si nous avons des photos, nous pouvons y déposer des vidéos, mais il suffit de cliquer et de faire glisser vos photos dans chaque cadre voir où nous avons défini le masque de découpage là où le cadre existe Pour chacune d'entre elles, nous pouvons simplement continuer. Ensuite, insérez-le. Avec notre couleur de fond ici, vous pouvez changer la couleur de l'arrière-plan si vous le souhaitez. Si nous le sélectionnons, choisissons la couleur, nous voulons un fond rose ou bleu ou un dégradé, il est entièrement fonctionnel. Avec ces cadres, comme nous sommes toujours accord, nous avons toujours affaire à un vecteur. Peu importe où je l'ai mentionné au début, peu importe la taille tant que vos dimensions sont correctes. Nous pouvons les redimensionner et ce sera beau, net et clair Vous pouvez donc vraiment les utiliser pour n'importe quoi. Maintenant, à partir de ce moment, il se peut que vous souhaitiez les utiliser pour différentes choses . Vous pourriez donc les créer pour qu'un client puisse les utiliser. Et pour en transférer la propriété à votre client, il suffit de détacher chaque image Pour les transférer au client, vous devez créer un modèle tel un lien modèle dans lequel qu' un lien modèle dans lequel vous pouvez le transférer au client. De cette façon, vous avez une copie des cadres, ils ont une copie du cadre sorte que s'ils les perdent, vous pouvez les leur retransférer . Vous voudrez peut-être les transformer, disons, en un simulacre. Disons simplement bureau, d'accord. Imaginons que nous voulions créer une maquette, par exemple. Nous pouvons copier. Cliquez donc et copiez le cadre, puis collez-le à nouveau. Nous pouvons redimensionner pour y déposer le morceau de papier. Voilà votre maquette, vous pouvez également ajouter une ombre portée Vous pouvez également copier et coller. Si je veux créer un modèle complètement différent. Supposons que je souhaite créer un modèle de réseau social. Je vais contrôler C ou commander C pour copier celui-ci. Ensuite, je vais passer à un nouveau design, et je vais le coller dedans. OK, taille personnalisée. Faisons simplement une publication sur Instagram. N'oubliez pas que je l' ai toujours dans mon presse-papiers, donc je vais contrôler V ou commander V pour le coller, et peut-être que je veux juste y ajouter ce magnifique bord OK, allons-y. Passons à la feuille d'or. Oups, je parle de la mauvaise. Éléments. Fleuret de golf. Peut-être que je veux juste y ajouter un peu d'or. Parce que c'est une photo. Allons-y. Tu peux les utiliser. Vous n'êtes pas limité à un seul design, vous pouvez également les copier et les coller dans d'autres designs. Une autre chose que vous pourriez faire est que vous voudrez peut-être les vendre sous forme de cadres personnalisés sur Etsy Votre prochaine étape consiste simplement à les disposer, peut-être à en mettre, comme de petites étiquettes dessus. Il s'agit d'une carte de visite de 9 x 5,5. Il s'agit d'un monstre plein format , juste pour leur donner des étiquettes, ou vous pouvez les déplacer pour en avoir une par page, ou vous pouvez redimensionner la page Mais en gros, les cadres sont là pour que vous puissiez faire ce que vous voulez dans Canva Malheureusement, à ce stade, vous ne pouvez pas les enregistrer dans un kit de marque ou quelque chose comme ça. Vous ne pouvez pas enregistrer les éléments pour les extraire de l'onglet Éléments. Je ne sais pas si cela va changer à l'avenir, mais au moment de l'enregistrement, ce n'est pas une option pour nous pour le moment. 7. Votre projet de cours: J'espère vraiment que vous avez apprécié l'apprentissage de cette nouvelle compétence. Et je vais vous dire quoi, je pense que cela ouvre de nombreuses nouvelles options depuis Canva lorsque vous pouvez créer vos propres cadres C'est idéal pour peut-être les vendre sous forme de produits numériques ou les créer pour des clients. C'est tellement beau si vous êtes graphiste ou designer de marque et que vous souhaitez tirer parti de vos compétences d'Illustrator, un et que vous souhaitez tirer parti de vos compétences d'Illustrator, logiciel assez avancé, vos clients ne l'utilisent probablement pas, mais vous pouvez utiliser vos compétences depuis Illustrator et intégrer à Canvas afin que vos clients puissent également l'utiliser. Maintenant, pour votre projet pour ce cours, j'adorerais vraiment voir une capture d'écran ou une image de votre cadre côte à côte avec le cadre utilisé. Donc, j'adorerais que vous fassiez, c'est disposer tous les cadres que vous avez créés, en créer un duplicata. Si vous y avez des couleurs, changeons-les peut-être. Alors j'adorerais vous voir y déposer une image. Donc, faites une capture d'écran parce que je suis tellement impatiente de voir vos créations. Maintenant, ce processus fonctionne vraiment très bien. Mais parfois, il y a quelques petites nuances, comme création de formes rectangulaires ou carrées, et Canva ne les reconnaît pas correctement. Donc, si vous rencontrez de tels problèmes, veuillez me le faire savoir car je peux vous aider à les résoudre. Alors laissez-moi savoir dans les commentaires, nous allons entamer une discussion. N'oubliez donc pas de vous rendre dans la section des projets et télécharger votre projet afin que je puisse voir vos magnifiques créations. Merci beaucoup de m'avoir rejoint pour ce cours, et j'espère vraiment que vous avez aimé acquérir de nouvelles compétences.