Share
Ce que vous allez créerLorsque vous parlez de M & Ms ou de Pringles, tout le monde se souvient des personnages colorés en chocolat en forme de bouton et de l'homme moustachu, qui nous incitent naturellement à nous rappeler les marques auxquelles ils sont associés. Les mascottes sont un excellent moyen de garder les entreprises dans l'esprit des clients.
Les mascottes sont des ambassadeurs amusants et utiles de marques / services et d’événements. Ils doivent donc être attrayants pour attirer l'attention de leur public cible et refléter l'esprit et la nature du "produit"..
Envato Market propose une large gamme de designs de mascottes et de kits de mascottes que vous pouvez acheter ou parcourir pour vous inspirer..
Dans la plupart des cas, les mascottes sont utilisées à des fins éducatives, de divertissement ou les deux..
Dans ce didacticiel, vous en apprendrez plus sur la manière de passer un brief client d'une illustration à la conception finale de la mascotte..
Commençons à créer!
Je reçois beaucoup de demandes de design de personnage pour plusieurs types d'entreprises, mais je peux vous dire qu'il n'y a pas d'étapes correctes à suivre lors de la conception d'un personnage, mais il existe quelques astuces que vous pouvez suivre pour obtenir le bon look..
Un dossier client que j'ai traité était axé sur la création «d'un personnage fictif et soucieux de sa santé, censé apporter du plaisir et de l'excitation aux choix de repas des enfants tout en servant d'ambassadeur à une alimentation saine et équilibrée»..
Ainsi, vous commencerez généralement par quelques recherches rapides sur les tendances actuelles des personnages, des avatars de marques similaires et une analyse de ce qui pourrait fonctionner et refléter la personnalité de la marque, en gardant à l'esprit que celle-ci cible les enfants au niveau éducatif.
Voici quelques conseils pour concevoir des personnages pour enfants:
Garde l'esprit ouvert. Les clients ont tendance à avoir leur propre vision et à vous orienter de la manière dont ils ont besoin du personnage développé pour convenir à leur entreprise. Ce que vous commencez peut varier à la fin du processus.
Esquissez au moins trois concepts approximatifs que le client peut réviser.
Une pomme sportive, un garçon à la tête toastée et un sac à lunch figuraient parmi les croquis.
La réaction du client était de créer un "garçon de sandwich", avec bras et jambes, mais pas de corps. Alors j'ai dessiné une version nettoyée, et elle a été immédiatement approuvée.
J'ai illustré un sandwich avec de grands yeux de bulles, un large sourire, une casquette de sport, des baskets et une pose du pouce levé.
Une fois approuvé, enregistrez votre image sous JPG, pour le placer dans Adobe Illustrator.
Ouvrir Adobe Illustrator et créer un Nouveau document, Prénom: Mascotte sandwich, Profil: Imprimer mesure A4 taille, et Orientation: paysage,et sauvegarder.
La taille de la planche graphique n'a pas d'importance, car avec le vecteur, toutes les illustrations sont infiniment évolutives.
Fichier> Place (Commande-Shift-P), et une icône de prévisualisation de votre fichier d’esquisse apparaîtra. Cliquez sur la planche pour placer l'image sur la planche.
Ouvrez le Couches panneau, Fenêtre> Calques.
Double-cliquez sur le premier calque du Couches panneau, et nommez-le "Esquisse".
Vérifier Fermer à clé, Dim Images to: 20% et cliquez D'accord.
Créer un nouveau calque, au-dessus de la Esquisser couche, et nommez-le "Contour".
Fichier> Enregistrer (Command-S) et D'accord.
Commençons à décrire l’œuvre. Il y a plusieurs façons de le faire.
Sélectionnez votre Outil stylo (P). Ouvrez le Accident vasculaire cérébral panneau. Sélectionnez un noir Accident vasculaire cérébral de 0,75 pt, Remplir à Aucun, Coins arrondis et commencer à tracer sur les parties principales de l'œuvre.
Pour commencer, tracez le travail de base des lignes et laissez de côté les formes organiques, les lignes courbes et les ellipses..
Ensuite, sélectionnez le Outil Ellipse (L) avec Remplir à Aucun et noir Accident vasculaire cérébral, et tracez les ellipses dans l’illustration. À certains moments, vous devrez peut-être sélectionner le Outil à ciseaux (C) diviser les chemins aux points d'ancrage ou le long des segments, puis supprimer les chemins en excès.
Comme vous pouvez le constater, l’illustration semble rigide et sans vie, avec des traits simples de 0,75 point. Nous devons le rendre vivant en créant une certaine épaisseur pour les lignes. Cependant, avoir la même épaisseur ne contribue pas à soulager les yeux, pas plus que le mince trait. Au lieu de cela, nous devons ajouter de la variation aux largeurs de ces lignes. Nous pouvons le faire en jouant avec l'épaisseur de trait.
L'épaisseur de trait est une forme de style et d'expression.
Il peut distiller des images dans notre cerveau, en prenant des données visuelles de masse et en les transformant en une interprétation simplifiée de cette forme. En modifiant simplement l'épaisseur des lignes et des contours de l'illustration, nous pouvons donner du mouvement, du caractère et de la solidité à une œuvre d'art pour créer un type de troisième dimension.!
C'est certainement une technique de style que tout le monde devrait expérimenter, afin de mieux comprendre pourquoi l'importance de la ligne est importante..
En ce qui concerne l'épaisseur de ligne, il n'y a pas de règle sur l'utilisation ou non du travail en ligne. Ne pas utiliser de travail en ligne peut donner à la mascotte une apparence visuelle légère, mais en même temps, elle peut en limiter l'utilisation. L'utilisation de lignes variées peut donner à l'image plus de présence et de définition..
Pour obtenir l’effet d’épaisseur, saisissez le Outil de largeur de la palette d'outils (Maj-W), et cliquez simplement et faites glisser n'importe où sur le trait pour changer la largeur de ce point.
Cliquez et faites glisser pour contrôler la largeur à chaque point souhaité. Faites glisser vers l'intérieur pour réduire l'épaisseur de trait et faites-le glisser pour l'augmenter. Ce qui est amusant, c’est que les transitions sont instantanées et régulières, vous évitant ainsi de perdre du temps à peaufiner.
Peu à peu, vous commencerez à voir le personnage se développer magnifiquement.
Pour les courbes, j'aime créer des pinceaux personnalisés.
Plutôt que de superposer des poids de ligne, vous pouvez configurer Profils à largeur variable qui s'applique automatiquement à une ligne.
Sélectionnez le Outil de segment de ligne (\) et tracez trois à cinq lignes en tenant le Décalage clé pour garder la ligne fixe horizontalement.
Puis sélectionnez le Outil de largeur (Maj-W) et créez des profils de largeur différents pour les traits. Cela vous permettra d’ajuster les paramètres que vous souhaitez que le profil soit dupliqué..
Ensuite, appuyez sur le Ajouter aux profils bouton au bas de la Profil panneau, dans le Accident vasculaire cérébral panneau.
Cela va ouvrir le Profil à largeur variable fenêtre, pour vous permettre de nommer le trait. Cliquez sur D'accord.
Supprimer les chemins de ligne personnalisés créés après l'enregistrement de leurs profils.
Maintenant, prenez le Outil Crayon (N), et trace dans les courbes restantes, avec le Profil de course et Largeur du trait de votre choix.
Il est important de comprendre que lorsque vous postulez Courses à largeur variable, la nature du chemin reste la même. Il édite le trait indépendamment du chemin.
Pour finaliser les contours, prenez la Outil stylo (P) et remplissez les zones noires de l'illustration pour lui donner de la profondeur, le cas échéant.
Puis ajustez les chemins à votre convenance visuelle.
Une fois que vous êtes satisfait du résultat, Fichier> Enregistrer.
Nous devons développer notre artboard afin de créer différentes versions de notre personnage.
Quatre versions du personnage de mascotte sont généralement livrées aux clients:
Fichier> Configuration du document> Modifier des planches
Développez la planche graphique aux dimensions qui correspondent à deux caractères au-dessus et à deux dessous..
Objet> Tout sélectionner (Commande-A) sélectionner tous les éléments.
ensuite Objet> Développer l'apparence transformer les traits en formes pleines. Cela vous permettra de redimensionner l'illustration à n'importe quelle taille sans perte de qualité..
Command-G à Groupe les éléments ensemble.
ensuite Dupliquer le groupe, afin de créer trois autres copies de la mascotte sur le tableau. Sélectionnez le groupe, maintenez la touche Optionet Décalagetouches, et faites glisser pour copier et contraindre votre sélection.
Fermer à clé le calque "Outline". Du Couches panneau, Créer un nouveau calque sous "Contour" et nommez-le "Versions". Ici, nous allons créer les quatre autres versions de notre mascotte.
Commencez avec le noir et blanc. Sélectionnez le Outil stylo (P), avec blanc Remplir et Accident vasculaire cérébral à Aucun. Tracez le contour des contours de la mascotte. Cela créera la base blanche dans notre version de personnage en noir et blanc.
Dupliquer le fond blanc que nous avons créé, à la mascotte à droite, en maintenant le Optionet Décalagetouches et en le faisant glisser, afin que nous puissions créer la version en niveaux de gris.
Créons notre mascotte "Niveaux de gris".
Ouvrez le Échantillons panneau. Vous trouverez dans la bibliothèque un dossier "Gris" avec une gamme de nuances de gris.
Sélectionnez le Outil stylo (P), et expérimenter avec les tons de gris de la Échantillons panneau,remplir les espaces blancs entre les contours noirs, avec Accident vasculaire cérébral à Aucun.
Votre personnage va commencer à apparaître vivant.
Permet de prendre à un autre niveau.
Ouvrir la couche "Outline" de la Couches panneau. Sélectionnez le Outil de sélection directe (A), et expérimentez la commutation de certains chemins ou formes noirs en tons blancs ou gris.
Changer les couleurs de contour et les formes noires diminuera l'agressivité du contour noir.
Verrouillez le calque "Contour" de la Couches panneau. Avec le Outil de sélection (V), saisir toutes les couches grises que nous avons créées.
Dupliquer les formes grises que nous avons créées pour la mascotte ci-dessous, en maintenant la Altclé et glisser, nous pouvons donc créer la version couleur sans avoir à repérer sous le contour.
Ici nous allons donner la couleur à notre mascotte.
Sélectionnez le Outil stylo (P), et expérimentez les nuances de couleur pour remplir les espaces blancs entre les contours noirs. Assure-toi Accident vasculaire cérébral est réglé sur Aucun.
Ouvrir la couche "Outline" à partir de la Couches panneau.
Dissocier (Commande + Maj + G) le contour groupé, afin que nous puissions donner une couleur à chaque trait. Sélectionnez le Outil de sélection (V), et modifier la couleur des contours et des formes.
Cela atténuera l'effet de contour noir.
Impressionnant! A l'air super.
Pour créer la version "Effets", Effacer le quatrième contour de la mascotte, en sélectionnant toutes ses parties dans les calques "Contour" et "Versions".
Ensuite, avec le Outil de sélection (V), sélectionnez toutes les composantes de couleur de notre mascotte "Version couleur", maintenez la Option-Décalagetouches, et faites glisser pour copier et contraindre la sélection.
La partie la plus délicate à propos des effets est que vous devez prendre des décisions en matière d’éclairage, déterminer les endroits où il peut y avoir des ombres et pouvoir ajouter des effets de lumière..
Commençons par les ombres.
Fermer à clé les deux couches de la Couches panneau, et Créer un nouveau calque entre "Contour" et "Versions", appelé "Shadow".
Sélectionnez le Outil stylo (P) avec une nuance gris moyen, et dessinez dans les zones où il pourrait y avoir des ombres.
Ouvrez le Transparence panneau.Sélectionner tout (Commande-A), et changer le Mode de fusion à Multiplier.
Cela aura l'air sombre et ne correspond pas, mais cela vous aidera à déterminer si l'ombre tombe au bon endroit..
Ensuite, vous devez changer les tons de gris en une version plus claire de la couleur en dessous. Donc, si c'est marron, optez pour une altération brun pâle. Tweak que vous trouvez approprié.
À présent Fermer à clé la couche "Shadow" de la Couches panneau, et Créer un nouveau calque au-dessus de "Outline" et nommez-le "Light".
Sélectionnez le Outil stylo (P) et ajoutez de la lumière blanche, mais n'en faites pas trop. Juste de petites touches.
finalement,prendre le Outil de sélection (V).
Faites glisser chaque version de la mascotte et Groupe (Command-G) à ses composants relatifs, chaque version de couleur est donc regroupée, et rien n’est égaré lorsque le client accède au fichier.
ensuite Sélectionner tout (commande A), et déplacez-les vers le calque "Light", et renommez-le "Mascot" pour qu'ils soient tous sur un calque unifié.
Nous avons fini! En utilisant des outils et des raccourcis Adobe Illustrator de base, nous avons appris à créer un dessin de mascotte simple, pour enfants, en quatre versions de couleurs différentes..
Voyons ce que vous pouvez créer aussi!
Accentsconagua