1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

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

Scroll to top
Read Time: 14 min
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Obtenez votre essai gratuit de 30 jours maintenant! Vous allez télécharger un de 30 jours, la version d'essai entièrement fonctionnelle de CorelDRAW Graphics Suite X7. Cet essai est disponible en version 32 bits et les versions 64 bits. La version 64 bits a été optimisée pour ceux avec les versions 64 bits de Microsoft Windows 8/8.1 ou Windows 7.

L'aspect visuel est l'un des principaux aspects de n'importe quel jeu de côté le gameplay lui-même. Dans ce tutoriel nous allons prendre le rôle d'un concepteur de jeux vidéo et de créer notre propre répétition de fond, représentant les couleurs du verger. Nous allons travailler avec des formes de base et l'utilisation de Mailles de Remplissage pour animer nos objets dans CorelDRAW X7. Nous allons commencer!

1. Préparer la Base pour le Verger Fond

Étape 1

Tout d'abord, nous allons créer un Nouveau Document de 1280 x 768 px taille.

create a New Documentcreate a New Documentcreate a New Document

Étape 2

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

Sélectionnez Interactif de l'outil de Remplissage (G) et appliquer un dégradé linéaire à la création de la forme. Si vous avez juste commencé à apprendre à utiliser CorelDRAW outils ou oublié quelque chose, de la tête aux indicateurs du panneau (Fenêtre > Panneaux > Conseils) pour trouver quelques pointes d'information avec des illustrations et des descriptions sur l'utilisation d'un outil.

use the rectangle tool and Interactive Fill tooluse the rectangle tool and Interactive Fill tooluse the rectangle tool and Interactive Fill tool

Étape 3

Nous allons animer l'image par la création d'un vif ciel de l'été. Sélectionnez le carré supérieur nœud de notre dégradé et appliquer un ciel bleu (R=0, G=204, B=255) couleur de la palette de couleurs par défaut qui se trouve dans la partie droite de notre espace de travail. Vous pouvez voir les variations de couleur si vous cliquez et maintenez la palette carré.

Une autre manière d'appliquer la couleur désirée pour les nœuds est de cliquer sur un carré de interactif et sélectionnez la couleur directement dans le menu contextuel du Nœud de couleur du panneau. Appliquer de couleur blanc pur au fond de nœud. Vous pouvez cliquer sur votre bouton droit de la souris sur une traversé la place en haut du panneau Palette de Couleurs pour changer la couleur du Contour à aucun, et faire de même pour la couleur de Remplissage avec le bouton gauche de la souris.

 creating a vivid summer sky with interactive fill creating a vivid summer sky with interactive fill creating a vivid summer sky with interactive fill

Étape 4

Double-cliquez sur l'outil Rectangle (F6) de nouveau, appuyez sur Maj-Page Jusqu'à lieu à la création de la forme sur le dessus et de squash, formant une bande étroite dans la partie inférieure de la page. Remplir la forme avec la couleur vert brillant, la création d'une pelouse. Convertir le rectangle de Courbes (Ctrl + Q) et le lieu de plusieurs autres nœuds sur le côté supérieur de la forme en double-cliquant dessus avec l'outil Forme (F10). Déplacer les points haut et bas, créant ainsi une ligne en zigzag.

add green square for the grassadd green square for the grassadd green square for the grass

Convertir le rectangle de Courbes (Ctrl + Q) et le lieu de plusieurs autres nœuds sur le côté supérieur de la forme en double-cliquant dessus avec l'outil Forme (F10). Déplacer les points haut et bas, créant ainsi une ligne en zigzag. Étape 5

Copier et Coller (ctrl-C > ctrl-V) la forme et le Miroir horizontalement en cliquant sur le bouton approprié dans la partie supérieure du panneau de contrôle, tandis que la forme est sélectionnée. Remplir la copie d'un vert plus foncé de la couleur en cliquant sur la fonction de Remplissage icône dans le bas de votre espace de travail afin de révéler le Modifier les options de Remplissage de la fenêtre.

add a darker grass shapeadd a darker grass shapeadd a darker grass shape

2. Créer les Nuages Avec l'Outil dessin à main levée et le Maillage de l'Outil de Remplissage

Étape 1

Nous allons commencer à remplir le vide de l'espace par l'ajout de quelques nuages dans le ciel. Prendre l'outil dessin à main levée (F5) et tracer une courbe de forme, ressemblant à un laineux tufté cloud. Remplir la forme avec la couleur blanche et appliquer le Maillage de l'outil de Remplissage (M) en cliquant sur la forme du nuage. Débarrassons-nous de la le noeud central qui est apparu après la mise en forme dans une maille. Pour cela, il suffit de double-cliquer dessus, tandis que la Maille de l'outil de Remplissage (M) est toujours sélectionné.

draw a cloud with freehand tooldraw a cloud with freehand tooldraw a cloud with freehand tool

Étape 2

Nous allons former le maillage de la grille par l'ajout de nouvelles lignes et de colonnes de notre nuage. On peut le faire de plusieurs façons. La première façon à former une grille pour ajouter des lignes et des colonnes dans la taille de la Grille du panneau de la Barre de propriétés dans la partie supérieure de votre espace de travail.

use the Grid size panel to add rows and columns 1use the Grid size panel to add rows and columns 1use the Grid size panel to add rows and columns 1

Cliquez sur les flèches, ajouter la quantité souhaitée de la maille de la grille de cellules.

use the Grid size panel to add rows and columns 2use the Grid size panel to add rows and columns 2use the Grid size panel to add rows and columns 2

De cette façon, les lignes et les colonnes seront ajoutés à l'objet automatiquement, formant la grille. Cependant, si nous souhaitons modifier la position des lignes et des colonnes, nous ferions mieux d'utiliser un autre moyen de rendre notre grille.

use the Grid size panel to add rows and columns 3use the Grid size panel to add rows and columns 3use the Grid size panel to add rows and columns 3

Nous allons essayer d'ajouter des lignes et des colonnes manuellement. Assurez-vous que vous avez le Maillage de l'outil de Remplissage (M) est sélectionné, déplacez le curseur vers le bas à gauche de la zone de notre nuage et double-cliquez sur créer un point de passage, formant ainsi la première ligne et de colonne de la grille.

add some rows and columns manuallyadd some rows and columns manuallyadd some rows and columns manually

Une autre façon d'ajouter des lignes et des colonnes est à un simple clic sur un endroit où vous souhaitez créer un nœud et utiliser le complément d'intersection de la fonction dans la Barre de propriétés ci-dessus.

use the Add intersection function in the Property Baruse the Add intersection function in the Property Baruse the Add intersection function in the Property Bar

Étape 3

Maintenant que nous avons suffisamment de lignes et de colonnes, il nous faut trouver le Mode de Sélection du menu déroulant dans la partie supérieure du panneau de contrôle et de commutation pour la sélection à main levée marquise, alors que nous sommes encore armé avec la Maille, l'outil de Remplissage (M). Puis sélectionner tous les nœuds à l'intérieur du nuage, sauf les nœuds qui vont le long du bord.

use the Freehand selection marquee to select inner nodesuse the Freehand selection marquee to select inner nodesuse the Freehand selection marquee to select inner nodes

Ouvrir la Couleur Docker (Fenêtre > Panneaux > Couleur) et de remplir les nœuds sélectionnés avec de la lumière-couleur bleue par le réglage de la couleur désirée dans la palette et en cliquant sur le bouton Remplissage d'appliquer un nouveau fond.

add color to the cloud with the Color Dockeradd color to the cloud with the Color Dockeradd color to the cloud with the Color Docker

Ensuite, sélectionnez un groupe de nœuds à droite dans le centre de notre nuage, ce qui les rend un peu plus sombres.

add color to the cloud with the Color Docker 2add color to the cloud with the Color Docker 2add color to the cloud with the Color Docker 2

Maintenant, notre nuage ressemble de plus en trois dimensions, car il a une nuance bleu du ciel et de la lumière ambiante éclairage sur ses bords.

Cloud made with the Mesh fill toolCloud made with the Mesh fill toolCloud made with the Mesh fill tool

Étape 4

Nous allons créer un petit nuage et le remplir avec du violet et du bleu, en utilisant les mêmes techniques avec le Maillage de l'outil de Remplissage (M).

create smaller cloud with mesh fillcreate smaller cloud with mesh fillcreate smaller cloud with mesh fill

Étape 5

Lieu les nuages dans la partie supérieure de notre image et de se déplacer vers le fond de ciel. Nous allons le rendre plus finement en ajoutant quelques détails. Ajouter un filet de remplissage vers le ciel, et de créer plusieurs des lignes et colonnes supplémentaires. Faire une de la créé des lignes de maillage légèrement courbe en faisant glisser ses pièces en haut et en bas avec la Maille, l'outil de Remplissage (M), formant une vague.

Add a mesh fill to the skyAdd a mesh fill to the skyAdd a mesh fill to the sky

Étape 6

Sélectionnez le nœud de la ligne courbe et changer de couleur du blanc, faire un joli plumes flou. La courbe de la baisse des lignes de maillage.

create a feather effect with white colorcreate a feather effect with white colorcreate a feather effect with white color

Nous avons maintenant un lumineux, tranquille ciel avec l'air doux coups sur elle. Nous allons passer à l'élément suivant de notre composition!

make a bright tranquil sky make a bright tranquil sky make a bright tranquil sky

Dupliquer (ctrl + D) les nuages à plusieurs reprises et placer les copies, comme illustré dans la capture d'écran ci-dessous pour rendre la composition plus intéressant. Vous pouvez mettre en miroir les objets en sélectionnant l'outil de prélèvement et puis, en maintenant et en faisant glisser le bord du nuage vers le côté opposé. Groupe les nuages en cliquant sur le Contrôle-G combinaisons de touches ou simplement en utilisant les objets de Groupe de fonction dans la Barre de propriétés.

make more clouds and group themmake more clouds and group themmake more clouds and group them

En utilisant le Gestionnaire d'Objet (Fenêtre > Panneaux > Gestionnaire d'Objets) est très utile si vous voulez vous garder propres, et vos objets bien ordonné. Cliquez-droit sur l'objet ou le groupe d'objets dans le Gestionnaire d'Objets et d'utiliser la fonction Renommer à partir du menu déroulant ou cliquez deux fois sur l'objet afin de lui donner un nom propre, de sorte que vous pouvez le trouver facilement parmi d'autres objets et groupes.

rename the objects in the Object managerrename the objects in the Object managerrename the objects in the Object manager

3. Forme d'une Pomme de l'Arbre Avec la Maille, l'Outil de Remplissage et de Rendre un Verger

Étape 1

Pour commencer, prenez l'outil Ellipse (F7) et de faire un même cercle en maintenant la touche Contrôle enfoncée. Faire quelques cercles de tailles plus petites et les placer autour du premier cercle. Remplir les formes avec des produits frais de la couleur verte et de fusionner les cercles dans une forme unique avec l'aide de la Soudure de la fonction dans le panneau de contrôle ci-dessus (ou dans Objet > Façonner > Soudure), formant ainsi un arbre de la couronne.

form the tree baseform the tree baseform the tree base

Étape 2

Prendre le Maillage de l'outil de Remplissage (M) et double-cliquez sur l'objet à ajouter une intersection de lignes et de colonnes, formant ainsi le maillage de la grille de la même manière que nous l'avons fait avec les nuages. Sélectionnez un groupe de nœuds à l'intérieur de la forme avec le rectangle de sélection à main levée et le remplir avec le plus léger de couleur verte, rendant l'arbre de la couronne plus sphérique et dimensions.

make a mesh grid on the tree crownmake a mesh grid on the tree crownmake a mesh grid on the tree crown

Étape 3

Nous allons ajouter un tronc d'arbre à l'aide de l'outil Rectangle (F6) et de le remplir avec un rouge-brun en bois de couleur.

Lets add a tree trunk using the Rectangle toolLets add a tree trunk using the Rectangle toolLets add a tree trunk using the Rectangle tool

Nous avons besoin de placer le coffre sous le couvert de l'arbre. On peut simplement modifier l'ordre des objets en cliquant dessus et en les faisant glisser à droite dans le menu fixe Gestionnaire d'Objets ou à l'aide de la Page en Bas de la combinaison de touches pour déplacer l'objet de retour pour une position. Vous pouvez trouver la Commande options dans le menu déroulant si vous cliquez-droit sur l'objet dans le Gestionnaire d'Objets.

use the object manager to reorder the objects 1use the object manager to reorder the objects 1use the object manager to reorder the objects 1

Placer un objet qui se trouve derrière ou devant l'autre (de l'Ordre > Derrière et l'Ordre > En Face De la dans la liste déroulante du menu du Gestionnaire d'Objets) est une autre option très pratique si vous avez un tas d'objets. Sélectionnez la fonction Derrière 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 couronne de l'arbre) et - voila! - les objets sont réorganisés.

use the object manager to reorder the objects 2use the object manager to reorder the objects 2use the object manager to reorder the objects 2

Convertir le tronc de Courbes (Ctrl + Q) et de faire la partie supérieure de plus étroit en déplaçant les nœuds du haut rapprocher les uns des autres. Continuer en appliquant le maillage remplir pour faire la partie du milieu du tronc de l'arbre plus léger, de sorte que la forme ressemble plus à un cylindre.

apply the mesh fill to the trunkapply the mesh fill to the trunkapply the mesh fill to the trunk

Étape 4

Passons sur et faire de notre arbre plus détaillée par l'ajout d'une simple ombre.

Copier et Coller (ctrl-C > ctrl-V > ctrl-V) la couronne de forme à deux reprises, le déplacement de la partie supérieure de la copie et de la droite un peu. Sélectionnez les deux créé des copies Claires et mesh en cliquant sur le logo icône en forme de cercle dans la partie supérieure du panneau de contrôle, transformant ainsi les formes en plates silhouettes. Sélectionnez les copies et de les appliquer au Dos moins avant le Façonnement de la fonction, donc de couper les parties inutiles.

Enfin, sélectionnez le créé élément, prendre de l'outil de Transparence et de réduire l'opacité de notre objet en déplaçant le curseur.

make the tree more detailed by adding a shadowmake the tree more detailed by adding a shadowmake the tree more detailed by adding a shadow

Étape 5

Nous allons décorer notre arbre de mûres juteuses pommes. Forme d'une pomme de base à partir du même cercle rouge et appliquer le maillage de remplissage, rendant la partie inférieure de la pomme plus sombre et l'ajout d'un jaunâtre clair en évidence.

make a red apple basemake a red apple basemake a red apple base

Faire de notre pomme brillant et lisse, en ajoutant un petit écrasé ellipse sur le dessus pour la mettre en surbrillance. Remplissez le point culminant de la forme par la couleur blanche, à l'aide de la Couleur de Docker et puis il suffit de diminuer son opacité en déplaçant le curseur de Transparence alors que vous avez la Transparence de l'outil sélectionné.

make the apple glossymake the apple glossymake the apple glossy

Étape 6

Nous allons faire notre arbre plus vives, en ajoutant une touche de douceur, de lumière du soleil à sa couronne. Créer une copie de la couronne et Claire de maillage, en le transformant en une forme plate. Place une ellipse ci-dessus et appliquer l'Intersection de Lissage de la fonction, tandis que les deux formes sont sélectionnés. Remplissez le a créé forme avec la lumière jaune de la couleur et de l'utilisation de l'outil de Transparence pour faire la forme mélanger doucement avec l'arbre de la couronne.

add shiny highlight to the treeadd shiny highlight to the treeadd shiny highlight to the tree

Étape 7

Ajouter un vélo elliptique de l'ombre sous l'arbre et de mettre quelques pommes tombées sur le sol. Créer une copie de notre pomme de l'arbre et de le rendre beaucoup plus petite pour varier la composition. N'hésitez pas à changer la position de pommes, de sorte que les arbres ne ressemblent pas à des clones identiques. Ajouter un peu plus de copies, formant un verger.

add more apple treesadd more apple treesadd more apple trees

4. Ajouter les petits Détails de la Composition

Étape 1

Nous allons approfondir nos arrière-plan en ajoutant plus de détails. Double-cliquez sur l'outil Rectangle (F6) et de la place de la forme entre le ciel et la pelouse à l'aide de la Page des clés pour réorganiser les objets. Courge à la forme et à la Convertir en Courbes (Ctrl + Q). Remplir la forme avec la couleur gris-bleu, la couleur, la rendre plus sombre que le ciel. Créer une belle courbe lisse avec l'aide de l'outil Forme (F10), formant un lointain la silhouette de la crête de la montagne.

add mountains in the background 1add mountains in the background 1add mountains in the background 1

Ajouter plus de formes courbes, l'un sous l'autre, en faisant le plus éloigné des formes plus légères, la création d'un sens de la distance entre les montagnes.

add mountains in the background 1add mountains in the background 1add mountains in the background 1

Étape 2

Ajouter un groupe de dark-vert taches elliptiques avec l'outil Ellipse (F7) à speckle le sol, le rendant plus détaillée.

add spots to the groundadd spots to the groundadd spots to the ground

Étape 3

Nous allons former certains de simples branchages sur nos arbres. Commencez par faire un rectangle, et le faire pivoter à environ 45 degrés en cliquant deux fois avec la reprise de l'outil jusqu'à ce que les bords de la sélection de l'interrupteur de rotation de la flèche. Convertir la forme de la Courbe de Contrôle (- Q) et utiliser l'outil de Forme (F10) pour plier la forme, la rendant légèrement arqué. Ajouter les branches de chaque arbre de la même manière, en faisant varier leur longueur et de la position et de faire de notre image plus dynamique.

add tree branchesadd tree branchesadd tree branches

Étape 4

Rendre les arbres plus détaillée et fidèle à la vie en formant un feuillage vert et frais. Commencez par faire une ellipse, puis sélectionnez son côté nœuds avec l'outil Forme (F10) et de les transformer en angles vifs, avec l'aide de la Cuspide de la fonction du nœud. Placez les feuilles sur l'arbre de la couronne, à côté de la pomme.

add leaves to the treesadd leaves to the treesadd leaves to the trees

Voici comment nos arrière-plan ressemble à cette étape. Presque terminé!

video game backgroundvideo game backgroundvideo game background

Étape 5

Depuis nous faisons un arrière-plan pour un jeu vidéo, il nous faut garder à l'esprit que ça va bouger avec le caractère ou l'action de courir à travers elle. Assurez-vous que les bords de l'arrière-plan correspondent les uns aux autres, rendant transparente répète.

Pour cela, sélectionnez le coin supérieur gauche et à droite les nœuds de la première montagne de forme. Trouver Aligner les nœuds de fonctionnalité dans le panneau de contrôle ci-dessus et appliquer les Aligner à l'Horizontale, les nœuds sélectionnés, en les positionnant à la même hauteur. Répétez la même action pour tous les autres nœuds sont situés sur les bords de l'image (les montagnes et les deux pelouses vertes).

align the nodes at the edgesalign the nodes at the edgesalign the nodes at the edges

Étape 6

Enfin, désélectionnez tout et la tête à la partie supérieure du panneau de contrôle. Trouver le Double de la distance de la fenêtre et modifier les valeurs de 1280 px pour l'axe X et 0 px pour Y. Maintenant, sélectionnez nos arrière-plan et de les Dupliquer (ctrl + D) plusieurs fois pour voir comment le répète look.

duplicate the background duplicate the background duplicate the background

Génial! Notre Vivid Vidéo De Fond De Jeu Est Terminé!

Félicitations! Vous avez fait un excellent travail et a créé un caractère détaillé de fond, de s'habituer à un peu de pratique CorelDRAW d'outils et de fonctionnalités. J'espère que vous avez apprécié de travailler avec les maillages et la création d'éléments de fantaisie. Bonne chance avec votre art!

Video Game Background Video Game Background Video Game Background
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads