Share
Nous sommes actuellement dans le saison froide, pour cela, nous sommes sur le point de créer une belle icône sur le thème de l’hiver pour une application de jeu basée sur Android. Dans ce didacticiel, je vais illustrer le processus de développement visuel d'une illustration entièrement vectorielle dans CorelDRAW, que nous pourrons ensuite utiliser comme icône pour une application de jeu. Par souci de simplicité, je ne me concentrerai que sur une seule taille, qui passera de 512 à 512 px (les icônes de l'App Store sur Google Play Market sont demandées dans cette taille), afin que nous puissions en déduire les plus petites icônes requises ultérieurement, avec les mêmes approches.
J'aime travailler à la manière traditionnelle, en cernant quelques idées rapides et de préférence je travaille dans un carnet de croquis avec du papier teinté brunâtre. De cette façon, je peux utiliser des stylos ou crayons foncés ainsi que des crayons blancs, ce qui évite de surcroît de travail sur les tons moyens, car ils sont déjà fournis par le papier. C'est appelé Esquisse de ton moyen.
Dessine rapidement des croquis sur du papier brun Une fois que j'ai eu quelques idées en vrac, j'en discute habituellement avec le client, jusqu'à ce que nous ayons une dernière idée. Le résultat dans ce cas était une combinaison de plusieurs éléments des croquis miniatures.
Une fois que l'idée est claire, je commence à dessiner un rapide dessin au crayon, qui sera ensuite scanné, retouché et le plus rapidement possible, je parviendrai à le faire entrer dans l'application de dessin vectoriel de mon choix, CorelDRAW..
Ouvrez CorelDRAW et créez un Nouveau document avec les paramètres suivants, en fonction de la taille de notre icône souhaitée:
Créer un carré avec le Outil Rectangle, ayant les mêmes dimensions que la taille du document (1). dans le Barre des propriétés, activer le Coins arrondis (2) et assurez-vous que tous les coins sont réglés sur 50px (3), mais le petit icône de cadenas au milieu doit être verrouillé en premier. De cette façon, vous pouvez vous assurer que tous les coins sont ajustés à la fois.
Après avoir fait glisser l’esquisse dans le document, appliquez une Transparence uniforme de 80% avec le Outil de transparence (1). Basculer vers le Gestionnaire d'objets Docker (Aller à Menu> Windows> Dockers> Gestionnaire d'objets s'il n'est pas encore ouvert), sélectionnez le bitmap, cliquez sur le bouton clic-droit et traîne sur le rectangle (2). le Menu contextuel ouvre, sélectionnez ici Powerclip à l'intérieur. Vous pouvez maintenant entrer dans le conteneur Powerclip et ajuster la taille du bitmap en fonction des limites du rectangle..
Vous pouvez créer une jolie bordure à l'intérieur de l'arrière-plan de l'icône avec le Outil de contour, que vous ajustez jusqu’à ce qu’il épouse le contour intérieur de l’esquisse (1). Une fois que cela est fait, casser le Groupe de contour à part avec Control-K et laissez-le sur ce calque, mais pour le travail à venir, créez un nouveau calque en cliquant sur l'icône en bas à gauche de la Gestionnaire d'objets. Prenez le Outil à main levée (Touche F5) ou la Outil Bézier, et commencez à tracer l'image (2). Vous n'avez pas besoin d'être flou au sujet des lignes qui se chevauchent, se débarrasser d'eux avec la magie Outil de suppression de segment virtuel, après le traçage est fait.
Commencez à bloquer l'illustration avec le Outil de remplissage intelligent sur un nouveau calque. dans le Bar de la propriété choisissez une couleur gris-bleu froide pour tracer les couleurs plates du bonhomme de neige et de l'arrière-plan. Ne vous inquiétez pas pour la couleur exacte, elle doit être modifiée de toute façon à l'étape suivante. C'est juste pour obtenir l'illustration bloquée. Pour simuler une brume atmosphérique dans l’air froid, remplissez les arbres proches plus sombres que les arbres suivants.
Pour donner plus de volume aux formes, utilisez des remplissages de fontaine au lieu des couleurs plates. Le type de remplissage radial pour fontaine convient le mieux aux formes arrondies. Pour accélérer les choses, vous pouvez commencer par créer un carré où vous pourrez tester les couleurs et les fontaines. J'ai choisi un remplissage bleu clair avec un centre blanc pouvant être déplacé vers le coin supérieur droit pour simuler de la lumière de haut en bas..
Simplement cliquer-glisser avec le Bouton droit de la souris sur la forme de destination. Avec le relâchement du bouton de la souris, le Menu contextuel s'ouvre et vous pouvez sélectionner Copier remplir ici. Ce processus permet d'appliquer rapidement le même remplissage à différentes formes.
Pour colorer le sol, appliquez simplement un remplissage linéaire de la fontaine, en partant du bleu vert clair au bleu vert jusqu'au centre. La fontaine va de la gauche vers la droite de la zone visible de la forme du fond, un léger angle est utilisé pour rendre le centre de la composition un peu plus lumineux.
Plus tard, cela offre un bon contraste avec le bonhomme de neige et les arbres, pour attirer davantage l’attention au centre de l’image. Conservez la couleur bleue verte froide initiale, car elle constitue une bonne base derrière le bonhomme de neige, afin de le laisser ressortir un peu plus - cela rend l'icône plus lisible pour les tailles plus petites..
Ajoutez quelques bosses sur le sol, en simulant des choses cachées sous la couverture de neige. Quelques formes dessinées avec le Outil à main levée devrait être suffisant. Pour les fondre dans le sol, appliquez une fontaine avec le Outil de remplissage du blanc en haut à la même couleur bleue verte, que nous pouvons choisir avec le Pipette à couleurs de ce dialogue des côtés du sol. Bien joué!
Pour les ombres, vous pouvez utiliser une technique permettant de créer des formes invisibles avec des ombres portées; tout ce qui reste à voir, c'est l'ombre elle-même, qui donne un ombrage lisse, parfait pour les ombres. Dessinez d'abord la forme d'ombre avec le Outil à main levée à nouveau, à peu près pour correspondre à une sorte d'ombre portée sous les arbres.
Nous pouvons laisser la forme chevaucher les arbres, vous pouvez quand même Powerclip le résultat plus tard. La couleur n'est pas nécessaire à ce moment, appliquez un Transparence uniforme de 100% au lieu.
Avec la forme toujours sélectionnée, appliquez également un Effet Ombre portée, et dans le Barre des propriétés choisir la Grande lueur préréglé. Appliquez les paramètres suivants:
Le même processus est répété pour l'ombre portée sous le bonhomme de neige et, en outre, placez une autre forme dessus pour faire ressortir un peu plus l'ombre et rendre la texture sur le sol plus crédible. Enfin, appliquez-lui une transparence radiale pour l’intégrer davantage dans le sol..
Avec un résultat satisfaisant pour le sol, nous avons également une approche pour l'ombrage en volume du bonhomme de neige. Peut-être qu'il a besoin d'un peu plus d'ombrage pour venir vivre. Mais ici, une méthode différente peut être utilisée pour obtenir des nuances lisses, une méthode qui permet plus de contrôle sur la forme et le dégradé de la nuance elle-même..
Commencez avec une forme grossièrement dessinée, créée avec le Outil B-Spline, pour la zone, qui devrait être recouverte par l'ombre - la couleur est un bleu ciel chaud. Bien sûr, faites une forme à la fois, l'autre bras par exemple. La raison pour laquelle utiliser l'outil b-spline à cette fin est la suivante: la forme doit être dupliquée, sa forme doit être modifiée et, enfin, elle doit comporter exactement le même nombre de nœuds que la forme par laquelle vous avez commencé..
Maintenant, poussez les nœuds de la forme dupliquée vers son centre pour obtenir une forme beaucoup plus petite à la fin. Ce sera la forme et la couleur de l'ombre la plus sombre. Pour la couleur, sélectionnez les deux mêmes couleurs que le remplissage linéaire de la fontaine, la forme de base est: bleu et blanc, mais la direction doit être opposée à celle-ci..
Après cela, choisissez le Outil de mélange, et faites glisser sur le noyau ainsi que sur la forme d’ombrage pour obtenir à la fois une capture et une conversion interactive en un Groupe de mélange. En fait, vous ne devez modifier aucun des paramètres de la Barre des propriétés, mais si le Pas sont trop peu nombreux, vous pouvez les augmenter.
Nous passons maintenant au Gestionnaire d'objets et ouvrez notre groupe de mélange et sélectionnez la forme inférieure. Il vous suffit de définir le Transparence à Uniforme, et le Mode de fusion à Si plus sombre qui mélange bien l'ensemble du groupe de mélanges à la couleur de la forme de base.
Pour finir le bel effet d’ombrage, placez quelques reflets blancs avec le Outil Bézier sur les bords en haut à droite des formes de base, avec une transparence de fontaine linéaire vers les nuances plus sombres. Tout ce qui reste est powerclipping les nuances et met en évidence dans les formes de base et - terminé.
Les arbres à l'arrière-plan ont toujours l'air nus d'une manière ou d'une autre et ne rentrent pas encore dans la scène enneigée.!
Prenez le Outil à main levée encore une fois, et dessinez des formes horizontales sur les arbres, avec des bords fortement déchiquetés en haut et des bosses arrondies en bas. Combinez toutes ces formes en les sélectionnant et en appuyant sur Contrôle-L et appliquez un remplissage linéaire de la fontaine du haut vers le bas, avec le même vert que l’arbre comme couleur de départ et un blanc comme couleur d’arrêt. Après cela, séparez à nouveau toutes les formes avec Control-K, grouper avec Contrôle-G et powerclip dans les formes d'arbre de base.
Dupliquer la forme de base de la boule de neige et appliquer un Effet Ombre portée avec le préréglage Grande lueur et Couleur blanche. Jouez un peu avec les réglages pour obtenir l’effet de laisser la boule de neige ressortir davantage contre le fond et le bonhomme de neige. Pour une meilleure visualisation, vous pouvez définir le calque avec les formes de contour temporaires à invisibles.
Vous devez toujours avoir toutes les lignes tracées de la trace initiale sur un calque séparé. Il vous suffit donc de les dupliquer sur un nouveau calque et de sélectionner les contours les plus proches du visualiseur (c'est-à-dire la boule de neige avec les éclaboussures), à l'exception des lignes à l'intérieur de la boule de neige. le Barre d'état montre deux petites icônes dans le coin en bas à droite, une pour le remplissage et une pour le contour. Avec un double-cliquez sur l'icône de contour, vous pouvez ouvrir le Propriétés du contour, et ici vous pouvez définir
Pour les arbres de devant et le bonhomme de neige, répétez cela avec un Largeur du contour de 4px, le reste des contours de l'arrière-plan sera fait en 3px. Après cela, sélectionnez tous les contours et appuyez sur Control-Shift-Q, qui convertit tous les contours en formes. Vous pouvez maintenant appliquer un remplissage linéaire de la fontaine aux contours, en fonction de la couleur de la forme de base correspondante. Pour la boule de neige, par exemple, elle commencerait par un bleu foncé en bas et se terminerait par la couleur foncée réelle de la forme de base, dans ce cas un bleu clair..
Avec les lignes intérieures comme dans la boule de neige et les rameaux supérieurs, vous pouvez utiliser une commande personnalisée. Media Stroke Preset, pour atteindre les fins épineuses. Le casser et le remplir de la même manière.
Choisissez la forme powerclip avec le croquis dedans, et dans le Gestionnaire d'objets vous pouvez Extraire le contenu avec un Clic droit de la souris supprimer l'esquisse. Maintenant, appliquez un Effet de contour, mis à Interne, et un Distance de 6px. Avec la forme toujours sélectionnée, casser le Groupe de contour avec Control-K et combiner à nouveau les deux éléments avec Contrôle-L, de sorte que seul le petit contour reste, sans arrière-plan. Il reçoit une fontaine linéaire allant du bleu clair en haut à gauche au bleu vert foncé en bas à droite..
Presque fini. Recherchez dans l’ensemble de l’illustration les contours visibles et définissez-les sur invisible, puis exportez l’icône au format JPEG avec Contrôle-e. Les paramètres d'exportation:
Le reste reste intact.
Le résultat final devrait ressembler à celui ci-dessous. J'espère que vous vous êtes amusés à créer votre icône sur le thème du bonhomme de neige. CorelDRAW a beaucoup à offrir, alors gardez l'oeil ouvert pour plus de tutoriels à l'avenir!
Accentsconagua