Comment concevoir une interface utilisateur de jeu mobile échangeant des gemmes dans Illustrator

Ce que vous allez créer

1. Créer le modèle

Étape 1

Commençons par un Nouveau document environ 4,75 "x 6,8". Avec le Outil Rectangle (M), dessinez un grand rectangle plus grand que la planche d’art et définissez la couleur de remplissage sur un gris foncé et chaud (R33 G29 B25). 

Dessinez deux rectangles supplémentaires, l’un occupant la majeure partie de la planche d’art et l’autre plus petit et plus fin en bas (voir ci-dessous). La couleur de remplissage sera changée en un dégradé dans Étape 3.

Étape 2

Utilisez le Outil de sélection directe (A) pour sélectionner les deux plus petits rectangles et tirez leur Coins vivants vers l'intérieur afin d'arrondir les coins des deux rectangles au même rayon et en même temps.

Étape 3

Définissez les deux rectangles arrondis comme Gradient linéaire en utilisant le Outil de dégradé (G). dans le Pente panneau, utilisez les couleurs suivantes: gris chaud (R57 G50 B40), gris clair chaud (R115 G104 B94), gris clair plus chaud (R184 G174 B159), gris clair chaud et gris chaud.

Étape 4

Conservez les rectangles arrondis sélectionnés et allez à Objet> Chemin> Chemin décalé. pour le Décalage, entrer -6px. Définissez la couleur de remplissage de la nouvelle forme sur le gris foncé et chaud de Étape 1.

2. Créer le fond matelassé

Étape 1

Commençons par utiliser le Outil de grille rectangulaire (vous le trouverez sous le Outil de segment de ligne (\) dans le Barre d'outils). pour Horizontal et Diviseurs verticaux, entrer 8 dans le Options de l'outil de grille rectangulaire. Traîne l’outil à travers le rectangle principal du modèle de jeu (la forme de décalage faite en Section 1, étape 4). 

Étape 2

Sélectionnez la grille et définissez la couleur de remplissage sur une couleur vive. Gradient linéaire dans le Pente panneau. Dans ce cas, j’ai choisi le rose vif (R238 G42 B123) Au magenta foncé (R164 G19 B86). Définissez l'angle du dégradé sur 45 °. Vous pouvez choisir la palette de couleurs qui vous convient le mieux..

Étape 3

Copier (Control-C) et Coller (Contrôle-V) la grille et Tourner il 45 °. Faites-le trois fois et déplacez chaque groupe afin que leurs bords se chevauchent légèrement (voir la première image ci-dessous). Groupe (Control-G) ensemble votre jeu de quatre grilles et placez-le sur le modèle de jeu. Sélectionner la Décalage rectangle arrondi (voir ci-dessous), copier, coller et Aligner à son original. 

Étape 4

Sélectionnez le rectangle nouvellement copié et le groupe de grilles (avec le rectangle en haut) et Faire une Masque d'écrêtage (Control-7). Copie et Coller le rectangle intérieur à nouveau et définissez la couleur de remplissage sur null et le trait sur noir et 1 pt de poids. Créez des contours pour les autres rectangles de la même manière. Ajouter une couche de lignes en pointillés en copiantet en collant le Masque d'écrêtage grouper et définir la couleur de remplissage (du groupe de la grille à l'intérieur) sur jaune, 1 pt traits tracés avec un 4 pt Dash et 4pt Gap (ou tout ce qui vous convient le mieux) dans le Accident vasculaire cérébral panneau. Réduire le groupe de lignes en pointillés Opacité à 30% dans le Transparence panneau.

3. Créer la barre de temps et les boutons

Étape 1

Tracez un rectangle fin entre les deux créés dans Section 1, étape 2 et appliquer le même gradient de Section 1, étape 3. Tirer le Coins vivants vers l'intérieur pour l'arrondir. Décalage le rectangle arrondi par -4px. Sélectionner les deux formes et frappé Minus Front dans le Éclaireur panneau. Copiez et collez cette nouvelle forme et définissez la couleur de remplissage sur null et le contour sur noir avec une 1 pt poids.

Étape 2

Dessinez un petit rectangle arrondi dans le petit cadre créé à l'étape précédente. Définissez la couleur de remplissage sur Gradient linéaire passant du gris foncé au gris vif à quelque chose de brillant qui contraste bien avec la couleur de fond matelassée. Dans ce cas, j'ai choisi la turquoise (R8 G255 B249).

Étape 3

Dessinez deux rectangles arrondis (soit avec le Outil Rectangle Arrondi ou manipuler le Coins vivants d'un Rectangle) de chaque côté du cadre rectangulaire inférieur. Applique le même dégradé que précédemment (Section 1, étape 3).

Étape 4

Encore une fois, Décalage le chemin par -4px. Définissez la couleur de remplissage de la forme intérieure sur gris foncé chaud.

Étape 5

Sélectionnez les deux formes internes créées à l'étape précédente et appliquez les deux instances de Ombres portées en allant à Effet> Styliser> Ombre portée comme on le voit ci-dessous. La première Ombre portée doit être gris foncé et chaud, réglé sur Multiplier, Opacité à 75%, Décalage X à 0in, Décalage Y à -0.03in, et Brouiller mis à 0. La deuxième Ombre portée devrait être gris clair plus chaud, réglé sur Écran, Opacité à 75%, Décalage X à 0in, Décalage Y à 0.03in, et Brouiller mis à 0.

Étape 6

Pour compléter les boutons, j’ai utilisé Leckerli One avec la couleur de remplissage définie sur R221 G213 B202. Lorsque satisfait de l'emplacement de mon texte, "Bouge 15", sur le premier bouton, je Étendu le texte dans Objet> Développer, Copié et Collé le texte et définissez la couleur de remplissage et de trait en noir et le poids de trait en 2pts dans le Accident vasculaire cérébral panneau. Aligne le texte copié derrière le mot original. Cela lui donne un contour net qui garde le texte lisible. Répétez sur les autres boutons. 

Enfin, copiez et collez la forme interne de chaque bouton et définissez le dégradé de remplissage sur R184 G174 B159 à 0%, 100% et 0% d'opacité (trois instances de la couleur) dans le Pente panneau. Placez ces formes sous le texte et réduisez le Opacité de la forme à 40% et le Mode de fusion à Écran dans le Transparence panneau. Garder votre Couches panel organisé par Regroupement vos boutons et leurs composants ensemble.

4. Créer une texture rapide semblable à du bois

Étape 1

Copiez et collez le rectangle d’arrière-plan à partir de la barre de boutons dans Section 3 et appliquer un Gradient linéaire venir de R107 G89 B80 à R57 G50 B40 à -90 ° angle. Utilisez le Outil Crayon (N) avec un marron quelques nuances plus sombres que celle utilisée dans le dégradé pour griffonner des lignes sinueuses autour du rectangle. 

Étape 2

Groupe ensemble les gribouillis et les mettre à Écran à 54% d'opacité dans le Transparence panneau. Copiez et collez le groupe et réglez ces gribouillis sur Multiplier. Placez le groupe le plus clair derrière le groupe le plus sombre, à droite et à droite. Groupe les deux groupes et le rectangle ensemble. 

Étape 3

Copiez et collez le rectangle en dégradé sur le groupe de texture du bois. Faire un Masque d'écrêtage (Control-7) et placez-le sous les boutons dans le modèle.

Étape 4

Sélectionnez le groupe de boutons et appliquez un Ombre portée comme suit:

  • Mode: Multiplier
  • Opacité: 40%
  • Décalage X: 0in
  • Décalage Y: 0.1in
  • Brouiller: 0in

Étape 5

Copier et collerla texture du bois de la barre de boutons vers le haut du modèle. La planche graphique découpera les parties indésirables du groupe, de sorte que le masquage n'est pas nécessaire à cette étape..

5. Dessinez le charme de coeur pourpre

Étape 1

Pour dessiner un coeur simple et arrondi, utilisez le Outil Ellipse (L) dessiner deux cercles se chevauchant légèrement. 

Avec le Outil stylo (P), dessinez une forme à cinq côtés pour créer le reste du cœur. Tirer le Coins vivants vers l'intérieur pour arrondir le bord inférieur et manipuler les poignées des points d'ancrage latéraux avec le Outil de sélection directe afin d'amener les côtés aux cercles pour une forme de coeur lisse. 

Zoom lors de la manipulation des points d'ancrage afin que vous puissiez facilement voir les bords de vos formes. Unir les trois formes du Éclaireur panneau. Définissez la couleur de remplissage sur un violet brillant (ou une couleur vive de votre choix)..

Étape 2

Le rendu d'un bijou à facettes consiste à superposer des formes et à jouer avec l'opacité et le mode de fusion de ces formes. Les couleurs que j'ai utilisées peuvent différer de celles que vous utilisez si la couleur de base de votre cœur est différente. Les étapes que j'ai prises avec le coeur violet sont les suivantes:

  1. Tracez deux longs rectangles de chaque côté du bord inférieur du coeur.
  2. J'ai utilisé le Outil de création de forme (Maj-M) pour supprimer les composants non intersectants de ces rectangles. Je l’ai fait en sélectionnant les trois formes et, avec le Outil de création de forme, en sélectionnant les parties des rectangles qui ne chevauchent pas le cœur. J'ai ensuite désélectionné et supprimé ces composants.
  3. Diminuer Opacité des rayures à 50%, ou alors, dans le Transparence panneau.
  4. Dessinez quatre rectangles qui se croisent au sommet des courbes du cœur. Vous pouvez le supprimer avec le Outil de création de forme ou attendre la fin de cette section et Masque le cœur.
  5. Dessine un rectangle qui descend au centre du coeur.
  6. Créez quatre rectangles minces, chacun Tourné vers l'extérieur sur les côtés du coeur. Unir les cinq de ces rectangles dans le Éclaireur panneau.
  7. Copiez et collez le coeur de base et Échelle le bas. Changez la couleur de remplissage en violet clair et réduisez sa Opacité à 40%. Définissez les rayures en dessous Gradient linéaire remplir allant de brillant fuscia à 100% d'opacité au violet clair à 0% d'opacité. dans le Transparence panneau, je fixe les rayures ' Mode de fusion à Recouvrir.
  8. Tracez deux cercles sur les moitiés rondes du coeur avec la couleur de remplissage réglée à violet clair et ses Opacité réduite à 40% et son Mode de fusion mis à Dodge couleur.
  9. Collez un autre cœur réduit, celui-ci avec la couleur de remplissage définie sur violet et le Opacité réduit à 40% ou moins. Dessinez deux petits cercles sur le coeur de taille moyenne dans le charme.
  10. Enfin, j'ai ajouté un autre petit coeur au centre. Toute la conception consiste à créer des cercles, des rectangles et des cœurs de différentes formes de pourpre et d'opacité variable..

Étape 3

Créons un cadre pour le coeur. Au cas où vous ne l'auriez pas déjà, Groupe ensemble tout créé à l'étape précédente. Commencez cette étape en copiant et en collant le cœur de base et en continuant avec ce qui suit:

  1. Décalage le coeur par 6px. Sélectionnez les deux formes Intersection dans le Éclaireur panneau.
  2. Définissez la forme du cadre sur Gradient linéaire c'est une variation de celle de Section 1, étape 3. Dans ce cas, j’ai ajouté quelques exemples de gris plus clairs et plus foncés, c’est un métal plus brillant.
  3. Copiez et collez le cadre, définissez la couleur de remplissage sur null et la couleur de trait sur violet foncé (ou noir) à 0.5pt poids.
  4. Coller le coeur de base à nouveau et définissez le Gradient linéaire au même de Section 1, étape 3 à Angle de 45 °.
  5. Placez-le hors du centre du cœur à facettes.
  6. Placez-le derrière le coeur dans le Couches panneau.
  7. Aligner le cadre forme sur le coeur à facettes.

Étape 4

Pour les formes de griffes sur le charme de coeur, j'ai créé l'objet en forme de goutte d'eau vu ci-dessous:

  1. Tracez un cercle et remplissez-le avec le même Gradient linéaire utilisé tout au long de ce tutoriel pour les objets métalliques (Section 1, étape 3).
  2. Utilisez le Outil de sélection directe pour tirer le point d'ancrage inférieur vers le bas, créant ainsi la forme d'une goutte d'eau.
  3. Copiez et collez la larme et définissez la couleur de remplissage sur null et le trait (à 0,75poids pt) au violet foncé (ou noir).
  4. Collez à nouveau la larme et définissez le remplissage sur Gradient linéaire passant de blanc à 100% d'opacité à blanc à 0% d'opacité. Concentrez le blanc opaque au bas de la forme. Réduisez-le à 60% et place au centre de la larme métallique.
  5. Utilisez le Outil stylo dessiner une forme d’ombre courbée autour du bord droit de la larme. Soit créer un Masque d'écrêtage ou utilisez le Outil de création de forme supprimer toutes les parties non superposées de la forme de l’ombre de la larme principale. Définissez l'opacité de la forme sur 65% et le Mode de fusion à Lumière douce dans le Transparence panneau (ou Apparence panneau vu ci-dessous).
  6. Utilisez le Outil Ellipse dessiner trois petits cercles, en blanc, sur le fond de la larme. Dessinez une forme de surbrillance blanche transparente pour le côté gauche de la larme.
  7. Enfin, collez à nouveau la forme de larme principale et réglez la couleur de remplissage sur violet foncé et le Opacité à 40%. Placez cette forme d'ombre en dessous de la larme et légèrement à droite et en bas. Groupe tout cela ensemble. 

Copiez et collez quatre de ces petites griffes en forme de larme autour du cœur. Réduisez trois d'entre eux et faites-les pivoter afin que leurs extrémités soient dirigées vers le centre du cœur..

Étape 5

Le cœur a quelques joyaux supplémentaires. Quelques-uns d'entre eux ne sont que des cercles gris, censés être métalliques. Six d’entre eux, cependant, sont des cristaux à dos plat avec une finition Aurora Borealis (AB). Afin de fabriquer un objet en cristal comme celui-ci, j'ai procédé comme suit:

  1. Tracez un cercle avec le Outil Ellipse. La couleur n'a pas d'importance en ce moment.
  2. Copiez et collez le cercle et alignez au centre du premier. Sélectionnez le deuxième cercle et appliquez un Zig Zag effet (Effet> Distorsion & Transformation> Zig Zag) avec les attributs suivants: Taille est 0.56in, Absolu choisi,  7 crêtes, et Points sont marqués comme Coin.
  3. Développer la Zig Zagged cercle sous Objet.
  4. Sélectionner les deux formes et frappé Diviser dans le Éclaireur panneau. Dissocier la forme divisée et sélectionnez les composants du Zig Zagged cercle.
  5. Effacer les formes en dehors du cercle.
  6. Allez-y et supprimez les formes plus sombres à l'intérieur du cercle (voir ci-dessous), car elles sont inutiles.

Étape 6

Sélectionner la moitié des sections du cercle et appliquer un Gradient linéaire passant d'un gris froid au blanc. Avec le Outil gradient, concentrer le blanc vers le centre pour chaque forme. Pour le reste des sections, vous aurez besoin d'un dégradé linéaire dont les couleurs se fondent les unes dans les autres. Chaque section portera deux couleurs. Par exemple: le flou devient bleu moyen, la section suivante est bleu moyen à violet et la section suivante est violet à violet brillant. L'objectif est de créer un spectre. Combien de couleurs et leurs teintes et nuances exactes dépendent du jeu de couleurs de votre conception de jeu mobile.

Étape 7

Groupe ensemble les sections divisées. Copiez-les et collez-les. Tracez un cercle plus petit au centre du groupe copié et définissez la couleur de remplissage sur null et le trait sur 1 pt de poids noir avec Lumière douce comme le Mode de fusion. Groupe ces ensemble et Aligner les au centre du cercle rempli de dégradés.

Étape 7

Tracez un cercle plus grand et appliquez le même dégradé métallique depuis Section 5, étape 3. Copiez et collez le cercle et définissez le fond et le contour en noir avec Poids 2 pt. Placez les deux derrière les cercles colorés. Tracez un petit cercle blanc et Aligner tout de cette section au centre de l'objet en cristal. Groupe tout cela ensemble. Vous pouvez les utiliser comme gemmes dans la conception du jeu..

Étape 8

Copie et Coller plusieurs des cristaux AB autour du coeur. Ajouter des formes métalliques supplémentaires. Groupe tout ensemble. Créer un contour sombre pour le charme par En sélectionnant la base du coeur pourpre, le coeur métallique et chaque base de la larme, la copie, le collage et Regroupement eux autres ensemble. Définissez la couleur du trait sur noir et le poids à 1-2pts. Aligner ce groupe derrière le reste du charme. Groupe tout ensemble et réduire, pour l'interface du jeu.

6. Gemmes et charmes supplémentaires

Étape 1

La conception de charme suivante que j'ai dessinée était de nature circulaire et similaire à la conception du cœur. La palette de couleurs est turquoise, mais vous pouvez choisir la couleur qui convient le mieux aux couleurs de votre conception..

  1. Tracez deux cercles avec le Outil Ellipse et Aligner à leurs centres. Le plus petit cercle devrait être d'une couleur plus claire que le plus grand. 
  2. Copiez et collez le plus grand et choisissez une nuance plus foncée de la teinte que vous avez choisie pour la gemme. Placez-le derrière les deux premiers cercles et déplacez-le vers le bas et à droite. 
  3. Dessinez cinq formes rayées rayonnantes avec le Outil stylo et appliquez un dégradé allant d’une couleur claire (dans ce cas bleu clair) à 100% d'opacité à la même couleur à 0% d'opacité. Dessinez un autre cercle, plus petit que les autres et de la même couleur que le cercle d'ombre de # 2.
  4. Tracez un cinquième cercle avec le même dégradé que vous avez utilisé pour les rayures, au centre des autres cercles..
  5. En utilisant le Outil Rectangle, dessinez quatre longs rectangles minces pour créer un losange, superposant les bords des cercles. Définissez le dégradé de remplissage sur une nuance sombre de la teinte que vous utilisez (dans ce cas, turquoise) à partir de 100% d'opacité à 0% d'opacité avec la couleur transparente près du centre. Met le Mode de fusion à Brûlure de couleur sur chaque rectangle.
  6. Continuez à ajouter des couches de cercles, de rayures et d'autres formes. Groupe ensemble les composants de ce charme (à l'exception de la forme d'ombre de # 2).
  7. Copiez et collez le cercle de base et créez un Masque d'écrêtage. Groupe tout ensemble.

Étape 2

Si vous souhaitez transformer votre bijou en charme comme le cœur violet, suivez les étapes ci-dessous:

  1. Changez la couleur de remplissage sur le cercle turquoise foncé en dégradé métallique de Section 1, étape 3
  2. Copiez et collez le cercle de base et Décalage par 4px.
  3. Appliquer le gradient métallique de Section 5, étape 3 (qui est juste plus de cas de gris dans le Pente panneau).
  4. Copie et Coller les larmes de Section 5, étape 4 autour du cercle et décrivez la conception avec le même processus de Section 5, étape 8.

Étape 3

Pour les petites pioches sur le dessus de la conception, j'ai fait ce qui suit:

  1. Dessinez un rectangle étroit et répétez la texture boisée de Section 4, étapes 1-3.
  2. Avec le Outil stylo, dessinez une forme arrondie en croissant (vous pouvez manipuler Coins vivants obtenir des bords arrondis) et appliquez un simple dégradé métallique de gris.
  3. Copier et coller la texture du bois et Faire une Masque d'écrêtage pour le haut petit rectangle.
  4. Un peu comme le processus de Section 5 où nous avons utilisé le Outil de création de forme pour supprimer des objets les uns des autres, vous devrez le faire deux fois pour l'ombre et mettre en surbrillance des formes sur la pioche. 
  5. Tracez un petit cercle avec un dégradé d’ombre (celui-ci passe du violet foncé au 100% - 0% d'opacité) en haut du manche en bois de la hache. Placez cette forme sous le Masque d'écrêtage de # 3.
  6. Dessinez des formes d'ombre supplémentaires et placez-les dans leurs formes respectives Masque d'écrêtage. Créer des contours en copiant et collantla base du manche en bois et la base de la tête de la hache, en la plaçant derrière la conception et en appliquant un poids de trait de 1 pt.
  7. Si vous réduisez la taille pour l'adapter à la conception du jeu, vous perdrez le détail de la texture du bois. Pour lutter contre cela, assurez-vous de Étendu les lignes caressées doodled de #1. J'aime la hache simple, et a laissé cette version dans ma conception.

Étape 4

La prochaine conception de gemme implique des formations cristallines sortant des roches. Mon processus de dessin de roche est comme suit:

  1. Utilisez le Outil Crayon (avec fidélité mis à Précis) dessiner un cercle grumeleux.
  2. Dessiner des formes grises qui suivent le contour de la roche et définissent les plans de la roche.
  3. Continuez l’étape précédente avec une couleur plus claire et Groupe ces formes ensemble.
  4. Copier et collerla forme de roche de base et Aligner au centre du cercle bosselé initial.
  5. Sélectionner le groupe et la nouvelle forme de cercle grumeleux et Faire une Masque d'écrêtage.
  6. Définir les formes créées dans # 2-3 et appliquer gradients linéaires à chacun qui vont du gris au 100% d'opacité au gris foncé à 0% d'opacité.

Étape 5

Cette étape a l'air longue, mais je voulais juste décomposer les étapes pour illustrer le processus assez simple.

  1. Utilisez le Outil stylo dessiner des formes cristallines sortant du rocher.
  2. J'aime l'aspect de trois formes ou plus, chacune à différentes hauteurs et angles.
  3. Définissez chacune des couleurs de remplissage sur quelque chose de brillant. Dans ce cas, j'ai de nouveau choisi le violet. le Gradient linéaire passe du violet vif au violet foncé. Varier l'angle de chaque dégradé pour que les formes ne se fondent pas les unes dans les autres.
  4. Avec le Outil stylo, dessiner des formes sur les cristaux qui définissent ses plans (voir ci-dessous).
  5. Continuez ainsi pour chaque forme de cristal.
  6. Définir certaines des formes ajoutées dans # 4-5 aussi différent Modes de fusion: Écran, Brûlure de couleur, et Dodge couleur.
  7. Tracez les contours de la roche et des cristaux.
  8. Avec le Outil Crayon, tracez des lignes qui montrent la fissuration. Groupe tout ensemble.

Étape 6

La formation de cristal vert est à peu près le même processus que le violet.

  1. Changer les couleurs sur le rocher en gris plus pâles.
  2. Dessine de nouveaux cristaux pour celui-ci. J'ai décidé d'avoir des pièces plus grandes avec plus de pics et de vallées.
  3. Appliquez à nouveau des dégradés aux cristaux principaux et commencez à dessiner des formes pour définir les plans de chaque cristal.
  4. Basculez-le entre l'ajout de couleurs et de dégradés.
  5. Encore une fois, n'hésitez pas à jouer avec le Mode de fusion sur ces formes.
  6. finalement, Groupe tout ensemble et assurez-vous qu'il a un contour épais et des lignes indiquant les fissures.

Étape 7

J'ai décidé que mon prochain bijou devrait être une forme de diamant. Comme je n'ai pas encore utilisé l'orange, j'ai pensé que ce serait un bon contraste avec les autres couleurs..

  1. Utilisez le Outil Rectangle dessiner un carré. Tourner il se repose donc sur un point.
  2. Utilisez le Outil de sélection (V) écraser le carré vers l'intérieur et vers le haut en forme de losange.
  3. Tirer le Coins vivants vers l'intérieur pour arrondir les coins. Copiez et collez le diamant et appliquez le dégradé métallique utilisé dans les autres motifs de charme des sections précédentes. Nous allons compenser cette forme par 4px encore une fois pour créer un cadre. Cacher ceci dans le Couches panneau pour l'instant.
  4. Couche de différentes tailles du diamant arrondi les uns sur les autres. Changez les couleurs en différentes nuances d'orange et de jaune-orange (semblables aux motifs de pierres précieuses de cœur et de cercle). Groupe ces ensemble.
  5. Dessinez différentes formes de dégradés et des formes transparentes avec le Outil stylo ou Outil Crayon créer des rayures, des reflets brillants et des ombres dans la conception de la gemme.
  6. Faire une Masque d'écrêtage.
  7. Afficher le cadre métallique. Ajouter des contours au cadre.
  8. Collez des diamants supplémentaires au centre de la conception. Appliquer un Gradient Radial passant de orange clair à Opacité 100% -0% au diamant central.
  9. Créez un contour épais pour la conception de charme et n'oubliez pas les griffes en forme de larme utilisées sur les coins.
  10. Ceci est la conception finale de charme de diamant orange.

Étape 8

La conception finale est un charme de cristal blanc. Mon processus pour cette conception était comme suit:

  1. En utilisant le Outil stylo J'ai dessiné une forme à six côtés qui servirait de la moitié supérieure du cristal.
  2. J'ai coupé la forme avec un rectangle et frappé Minus Front dans Éclaireur. cela a donné mon 1/4 de la conception. Copiez et collez ce trimestre et Réfléchir sur un Axe vertical.
  3. Copiez et collez la moitié supérieure nouvellement créée et Réfléchir sur un Axe horizontal. Unir les quatre formes dans Éclaireur.
  4. Avec le Outil stylo J'ai dessiné des formes sur le cristal qui ont permis de définir ses facettes. Il y a neuf formes au total. 
  5. Au début, je n'étais pas sûr des couleurs. Je pense que, lors de la création de cristaux et de gemmes blancs, il est préférable de coller aux pastels, sauf si vous optez pour une finition AB comme celle de Section 5.
  6. Les couleurs choisies sont Gradients Linéaires allant du violet clair au blanc et du bleu clair au blanc.
  7. Groupe la conception ensemble etcopier et coller le cristal. Définissez la couleur de remplissage sur null, le trait sur noir et 1 pt de poids, et le Mode de fusion à Recouvrir. Coller quatre larmes métalliques de Section 5 aux quatre coins du cristal.
  8. Copiez et collez la forme cristalline de base et placez-la derrière le groupe de cristaux. Décalage par 4px et appliquez le dégradé métallique utilisé tout au long de ce tutoriel. 
  9. Ne pas oublier un contour final sur le cristal avant Regroupement tout ensemble.

Mettons tout cela ensemble!

Placez vos gemmes et charmes autour du plateau de jeu. Assurez-vous de Groupe ensemble lorsque vous êtes satisfait (en utilisant le Outil de grille rectangulaire aide dans leur placement). pour les touches finales, ajoutez un score en haut et alignez les petits axes en tant que "bonus". Poussez votre conception plus loin en créant des gemmes spéciales et scintillantes ou des écrans de jeu supplémentaires avec des arrière-plans et des modèles de niveaux différents.