Comment créer un fond de jeu vidéo vif dans CorelDRAW

Ce que vous allez créer

Obtenez votre essai gratuit de 30 jours maintenant! Vous allez télécharger une version d’essai de 30 jours entièrement fonctionnelle de CorelDRAW Graphics Suite X7. Cette version d'évaluation est disponible dans les versions 32 bits et 64 bits. La version 64 bits a été optimisée pour les versions 64 bits de Microsoft Windows 8 / 8.1 ou Windows 7..

L'apparence visuelle est l'un des aspects principaux de tout jeu parallèle au gameplay. Dans ce didacticiel, nous incarnerons le concepteur de jeux vidéo et créerons notre propre arrière-plan répétitif, représentant un verger coloré. Nous allons travailler avec des formes de base et utiliser Mesh Fill pour animer nos objets dans CorelDRAW® X7. Commençons!

1. Préparez la base pour le fond du verger

Étape 1

Tout d’abord, créons un Nouveau document de 1280 x 768 px Taille.

Étape 2

Trouvez le Outil Rectangle (F6) dans le Outils panneau et double-cliquez dessus pour créer un rectangle centré sur la page, de la même taille que votre document. 

Sélectionnez le Outil de remplissage interactif (G) et appliquez un dégradé linéaire à la forme créée. Si vous venez tout juste d’apprendre à utiliser les outils CorelDRAW ou si vous avez oublié quelque chose, rendez-vous au Astuces panneau (Fenêtre> Dockers> Conseils) pour trouver des conseils informatifs avec des illustrations et des descriptions sur l'utilisation de n'importe quel outil.

Étape 3

Animons l’image en créant un ciel d’été saisissant. Sélectionnez le noeud carré supérieur de notre remplissage en dégradé et appliquez une couleur bleu ciel (R = 0, G = 204, B = 255) à partir de la palette de couleurs par défaut située dans la partie droite de notre espace de travail. Vous pouvez voir les variations de couleur si vous cliquez et maintenez le carré de la palette. 

Une autre façon d'appliquer la couleur souhaitée aux nœuds consiste à cliquer sur un carré du remplissage interactif et à sélectionner la couleur directement dans la fenêtre contextuelle. Couleur du noeud panneau. Appliquez une couleur blanche pure au noeud inférieur. Vous pouvez cliquer avec le bouton droit de la souris sur un carré en haut de la page. Palette de couleurs panneau pour changer le Contour couleur à aucun, et faire la même chose pour Remplir colorier avec le bouton gauche de la souris.

Étape 4

Double-cliquez sur le Outil Rectangle (F6) encore une fois, appuyez sur Maj-Page Up placer la forme créée sur le dessus et l’écraser, en formant une bande étroite dans la partie inférieure de la page. Remplissez la forme avec la couleur verte vif, créant une pelouse. Convertir le rectangle à Courbes (Control-Q) et placez plusieurs nœuds supplémentaires sur le côté supérieur de la forme en double-cliquant dessus avec le bouton Outil de forme (F10). Déplacez les points de haut en bas, créant ainsi une ligne en zigzag.

Étape 5

Copie et Coller (Contrôle-C> Contrôle-V) la forme et Miroir il horizontalement en cliquant sur le bouton approprié dans le panneau de commande supérieur pendant que la forme est sélectionnée. Remplissez la copie en vert plus foncé en cliquant sur le bouton Remplir icône de seau au bas de votre espace de travail pour révéler le Modifier le remplissage fenêtre d'options.

2. Créer les nuages ​​avec l’outil à main levée et l’outil de remplissage de maillage

Étape 1

Commençons à remplir l'espace vide en ajoutant des nuages ​​dans le ciel. Prendre le Outil à main levée (F5) et dessinez une forme incurvée, ressemblant à un nuage de laine touffue. Remplissez la forme avec la couleur blanche et appliquez le Outil de remplissage de maillage (M) en cliquant sur la forme du nuage. Supprimons le noeud central qui est apparu après avoir transformé la forme en un maillage. Pour cela, il suffit de double-cliquer dessus, tandis que le Outil de remplissage de maillage (M) est toujours sélectionné.

Étape 2

Formons la grille de maillage en ajoutant de nouvelles lignes et colonnes à notre nuage. Nous pouvons le faire de plusieurs manières. La première façon de former une grille consiste à ajouter des lignes et des colonnes dans Taille de la grille panneau de la barre de propriétés dans la partie supérieure de votre espace de travail. 

Cliquez sur les flèches pour ajouter la quantité souhaitée de cellules de maillage.. 

De cette façon, les lignes et les colonnes seront automatiquement ajoutées à l’objet, formant ainsi la grille. Toutefois, si nous souhaitons modifier la position des lignes et des colonnes, nous ferions mieux d’utiliser une autre façon de rendre notre grille.

Essayons d'ajouter des lignes et des colonnes manuellement. Assurez-vous d'avoir le Outil de remplissage de maillage (M) choisi,déplacez le curseur dans la partie inférieure gauche de notre nuage et double-cliquez pour créer un point de passage, formant ainsi la première ligne et la première colonne de notre grille. 

Une autre façon d’ajouter des rangées et des colonnes consiste à cliquer une fois sur un emplacement où vous souhaitez créer un nœud et utiliser le Ajouter une intersection fonction dans la barre de propriétés ci-dessus. 

Étape 3

Maintenant que nous avons assez de lignes et de colonnes, trouvons le Mode de selection menu déroulant dans le panneau de commande supérieur et basculez vers le À main levée sélection, alors que nous sommes encore armés du Outil de remplissage de maillage (M). Sélectionnez ensuite tous les nœuds du nuage, à l'exception des nœuds situés le long du bord..


Ouvrez le Color Docker (Fenêtre> Dockers> Couleur) et remplissez les nœuds sélectionnés avec une couleur bleu clair en définissant la couleur souhaitée dans la palette et en cliquant sur le bouton Remplir bouton pour appliquer un nouveau remplissage. 

Sélectionnez ensuite un groupe de nœuds en plein centre de notre nuage, ce qui les rend un peu plus sombres.. 

Maintenant, notre nuage a une apparence plus tridimensionnelle car il a une nuance bleue du ciel et un éclairage ambiant lumineux sur ses bords..

Étape 4

Créons un nuage plus petit et remplissons-le de couleurs violettes et bleues vives, en utilisant les mêmes techniques que le Outil de remplissage de maillage (M).

Étape 5

Placez les nuages ​​dans la partie supérieure de notre image et déplacez-vous vers le fond du ciel. Ajoutons quelques détails de manière plus complexe. Ajoutez un maillage au ciel et créez plusieurs lignes et colonnes supplémentaires. Faites en sorte que l’une des lignes de maillage créées soit légèrement incurvée en faisant glisser ses parties de haut en bas avec Outil de remplissage de maillage (M), former une vague.

Étape 6

Sélectionnez le nœud de la ligne incurvée et changez sa couleur de remplissage en blanc pour créer un joli flou en dégradé. Courbez également les lignes de maillage inférieures.

Nous avons maintenant un ciel lumineux et tranquille avec de légers coups d’air. Passons à l'élément suivant de notre composition!

Dupliquer (Control-D) plusieurs fois et placez les copies comme indiqué dans la capture d'écran ci-dessous pour rendre la composition plus intéressante. Vous pouvez reproduire les objets en sélectionnant la Outil de sélection puis en maintenant et en faisant glisser le bord du nuage vers le côté opposé. Groupe les nuages ​​en cliquant Contrôle-G combinaisons de touches ou en utilisant simplement le Objets de groupe fonction dans la barre de propriétés. 

En utilisant le Gestionnaire d'objets (Fenêtre> Dockers> Gestionnaire d'objets) est très utile si vous voulez garder votre travail propre et vos objets bien ordonnés. Cliquez avec le bouton droit de la souris sur l’objet ou le groupe d’objets dans la liste. Gestionnaire d'objets et utiliser le Renommer utilisez le menu déroulant ou cliquez deux fois sur l'objet pour lui attribuer un nom, de manière à pouvoir le retrouver facilement parmi d'autres objets et groupes.

3. Former un pommier avec l’outil Remplissage du treillis et restituer un verger

Étape 1

Pour commencer, prenez le Outil Ellipse (F7) et faire un cercle pair en tenant le Contrôle clé. Faites des cercles de tailles plus petites et placez-les autour du cercle initial. Remplissez les formes avec la couleur verte fraîche et fusionnez les cercles en une seule forme à l’aide du Souder fonction dans le panneau de commande ci-dessus (ou dans Objet> Mise en forme> Soudure), formant ainsi une cime d'arbre.

Étape 2

Prendre le Outil de remplissage de maillage (M) et double-cliquez sur l'objet pour ajouter une intersection de ligne et de colonne, formant ainsi la grille de maillage de la même manière que nous l'avions fait avec les nuages. Sélectionnez un groupe de nœuds à l'intérieur de la forme avec le À main levée Sélectionnez le chapiteau et remplissez-le de couleur vert plus clair, ce qui rend la cime de l'arbre plus sphérique et dimensionnelle..

Étape 3

Ajoutons un tronc d’arbre en utilisant le Outil Rectangle (F6) et le remplir avec une couleur de bois brun-rouge.

Nous devons placer le tronc sous la cime des arbres. Nous pouvons simplement changer l’ordre des objets en cliquant dessus et en les faisant glisser dans le Gestionnaire d'objets docker ou en utilisant le Control-Page Down combinaison de touches pour déplacer l'objet vers l'arrière d'une position. Vous pouvez trouver le Ordre options du menu déroulant si vous cliquez avec le bouton droit de la souris sur l'objet dans la Gestionnaire d'objets.

Placer un objet derrière ou devant l’autre (Commande> Derrière et Commande> Devant dans le menu déroulant de Gestionnaire d'objets) est une autre option pratique si vous avez un tas d’objets. Sélectionnez le Derrière fonction et vous remarquerez que le curseur se transforme en une épaisse flèche noire. Cliquez sur l'objet sur lequel vous souhaitez rester en haut (dans notre cas, il s'agit de la cime de l'arbre) et le tour est joué!.

Convertir le coffre aux courbes (Control-Q) et rendez la partie supérieure plus étroite en rapprochant les nœuds supérieurs. Continuez en appliquant le remplissage en treillis pour alléger la partie centrale du tronc afin que la forme ressemble davantage à un cylindre..

Étape 4

Passons à autre chose et rendons notre arbre plus détaillé en ajoutant une ombre simple.

Copie et Coller (Contrôle-C> Contrôle-V> Contrôle-V) la forme de la couronne deux fois, déplaçant la copie supérieure vers le haut et à droite un peu. Sélectionnez les copies créées et Maille claire en cliquant sur l'icône représentant un cercle croisé dans le panneau de commande supérieur, transformant ainsi les formes en silhouettes plates. Sélectionnez les copies et appliquez le Dos moins avant fonction, coupant ainsi les parties inutiles. 

Enfin, sélectionnez l’élément créé, prenez le Outil de transparence et baisser l'opacité de notre objet en déplaçant le curseur.

Étape 5

Décorons notre arbre avec des pommes mûres et juteuses. Formez une base de pomme à partir du cercle rouge uniforme et appliquez le remplissage en filet, en assombrissant la partie inférieure de la pomme et en ajoutant un surlignage jaunâtre lumineux.

Rendez notre pomme brillante et lisse en ajoutant une petite ellipse écrasée sur le dessus pour le mettre en valeur. Remplissez la forme de surbrillance avec la couleur blanche en utilisant le Couleur docker et puis juste diminuer son opacité en déplaçant le Transparence curseur pendant que vous avez le Outil de transparence choisi.

Étape 6

Rendons notre arbre plus vivant en ajoutant une légère touche de soleil à sa couronne. Créez une copie de la couronne et Maille claire, en le transformant en une forme plate. Placez une ellipse au-dessus et appliquez le Mise en forme d'intersection fonction, tandis que les deux formes sont sélectionnées. Remplissez la forme créée avec une couleur jaune clair et utilisez le Outil de transparence pour que la forme se mélange doucement avec la cime de l'arbre.

Étape 7

Ajoutez une ombre elliptique sous l’arbre et déposez quelques pommes tombées au sol. Créez une copie de notre pommier et rendez-le beaucoup plus petit pour faire varier la composition. N'hésitez pas à modifier la position des pommes afin que les arbres ne ressemblent pas à des clones identiques. Ajoutez quelques copies supplémentaires pour former un verger.

4. Ajouter des détails mineurs à la composition

Étape 1

Approfondissons notre expérience en ajoutant plus de détails. Double-cliquez sur le Outil Rectangle (F6) et placez la forme entre le ciel et la pelouse en utilisant le Control-Page Up clés pour réorganiser les objets. Écraser la forme et Convertir il aux courbes (Control-Q). Remplissez la forme avec une couleur bleu grisâtre, la rendant plus sombre que le ciel. Créez une belle courbe lisse à l'aide du bouton Outil de forme (F10), formant une silhouette lointaine de la crête de la montagne.

Ajoutez des formes plus courbes, les unes sous les autres, pour alléger les formes les plus éloignées et créer un sentiment de distance entre les montagnes..

Étape 2

Ajoutez un groupe de points elliptiques vert foncé avec le Outil Ellipse (F7) tacher le sol, le rendant plus détaillé.

Étape 3

Formons quelques branches simples sur nos arbres. Commencez par créer un rectangle et faites-le pivoter à environ 45 degrés en cliquant deux fois dessus avec le bouton Outil de sélection jusqu'à ce que les bords de la sélection basculent en flèches de rotation. Convertir la forme Courbe (Control-Q) et utiliser le Outil de forme (F10) plier la forme en la rendant légèrement arquée. Ajoutez des branches à chaque arbre de la même manière, en modifiant leur longueur et leur position et en dynamisant notre image..

Étape 4

Rendez les arbres plus détaillés et plus réalistes en formant un feuillage vert frais. Commencez par créer une ellipse, puis sélectionnez ses nœuds latéraux à l'aide du bouton Outil de forme (F10) et les transformer en angles vifs à l'aide de la Nœud de la cuspide une fonction. Placez les feuilles sur la cime de l'arbre, à côté des pommes.

Voici comment notre arrière-plan regarde cette étape. Presque terminé!

Étape 5

Étant donné que nous créons un arrière-plan pour un jeu vidéo, nous ne devons pas oublier qu'il évoluera parallèlement au personnage ou à l'action qui le traverse. Assurons-nous que les bords de l'arrière-plan correspondent les uns aux autres, ce qui permet des répétitions transparentes. 

Pour cela, sélectionnez les nœuds supérieurs gauche et droit de la première forme de montagne. Trouvez le Aligner les nœuds dans le panneau de commande ci-dessus et appliquer Aligner horizontalement aux nœuds sélectionnés, en les plaçant à la même hauteur. Répétez la même action pour tous les autres nœuds situés aux bords de notre image (les montagnes et les deux pelouses vertes)..

Étape 6

Enfin, désélectionnez tout et dirigez-vous vers le panneau de commande supérieur. Trouvez le Dupliquer la distance fenêtre et modifier les valeurs à 1280 px pour le X axe et 0 px pour Y. Maintenant, sélectionnez notre fond et Dupliquer (Control-D) plusieurs fois pour voir à quoi ressemblent les répétitions.

Impressionnant! Notre fond de jeu vidéo vif est terminé!

Toutes nos félicitations! Vous avez fait un excellent travail et créé un arrière-plan détaillé sur la nature en vous habituant à des outils et fonctionnalités CorelDRAW pratiques. J'espère que vous avez aimé travailler avec le maillage et créer des éléments de fantaisie. Bonne chance avec votre art!