Créer un ensemble d'icônes de gemmes précieuses plates dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, nous allons apprendre à créer un ensemble d’icônes de gemmes de style plat simples et branchées dans Adobe Illustrator! En utilisant des formes de base et des modes de fusion, nous ferons briller et faire briller nos pierres précieuses. Vous n'avez pas besoin de compétences en matière de dessin ni d'appareils spéciaux, alors commençons!

1. Former un diamant brillant parfait

Étape 1

Lancez Adobe Illustrator et faites un Nouveau document (Control-N) de 600 x 600 pixels, dans Mode de couleur RVB.

Étape 2

Pour plus de commodité, nous utiliserons Guides de règle. Juste maintenez le clic sur le Règles (Control-R) et faites glisser les lignes de guidage sur la planche. Alignez-les au centre de la planche d’art en utilisant le Aligner panneau.

Étape 3

Maintenant nous pouvons commencer à fabriquer notre diamant! Nous allons commencer par sa partie inférieure. Utilisez le Outil Polygone avec 3 côtés créer un triangle. Met le Rayon à 150 pixels et positionnez votre forme comme indiqué sur la capture d'écran ci-dessous.

Étape 4

Dupliquez votre triangle et écrasez la copie en tenant le Alt touche et rapprochant l’un de ses côtés du centre.

Étape 5

Continuez et créez la partie supérieure de notre diamant en ajoutant un rectangle à l'aide de la Outil Rectangle (M). 

Prendre le Outil de sélection directe (A), sélectionnez le point d’ancrage supérieur droit et déplacez-le plus près du centre (maintenez enfoncé Décalage clé pour déplacer le point droit horizontalement). Répétez les mêmes mouvements pour le point d'ancrage supérieur gauche du rectangle. Notre forme de diamant devient de plus en plus reconnaissable!

Étape 6

Rendons le sommet de notre diamant plus détaillé! Commencez par ajouter un autre rectangle, inscrit au centre de la partie supérieure. Formez un petit triangle à l’intérieur de la forme nouvellement créée et utilisez le Outil de réflexion (O) refléter sur l'axe horizontal.

Étape 7

Maintenant, nous pouvons colorer notre diamant et le faire briller! Nous allons utiliser la palette suivante:

Pour votre commodité, utilisez le Outil Pipette (I) et sélectionnez les couleurs directement à partir de la capture d'écran ou utilisez les codes de couleur RVB indiqués.

Commencez à colorier par la partie inférieure et déplacez-vous progressivement vers celles du haut. Remplir le triangle inférieur avec la couleur bleu ciel (R = 173, G = 230, B = 255) et la partie supérieure avec un bleu plus clair (R = 208, G = 239, B = 252). Remplissez ces formes avec du blanc pur et réduisez légèrement la transparence des objets en réglant la Opacité valeur à 50%, rendant ainsi le diamant plus réaliste et brillant.

Variez l'opacité de chaque élément pour mettre en valeur différentes arêtes de la gemme..

Étape 8

Faisons-le briller! Prendre le Outil étoile et créer un À 4 pointes étoile simple. Ajustez la netteté de ses coins et la longueur de ses poutres en tenant les deux Ctrl-clic en faisant l'objet. Créez une autre étoile sur la première et faites-la pivoter pour 45 degrés en utilisant le Outil de rotation (R).

Étape 9

Commutez la couleur de remplissage de notre éclat en blanc. Faites plusieurs copies de l'étincelle et placez-les au-dessus de la gemme, en jouant avec leur taille.

Étape 10

Nous devons maintenant ajouter une forme d'icône de base en tant qu'arrière-plan. Créez un cercle en utilisant le Outil Ellipse (L) et remplissez-le avec un dégradé linéaire de violet foncé (R = 95, G = 61, B = 129) dans le bas au lilas (R = 195, G = 125, B = 207) au sommet.

Étape 11

La dernière chose, mais non la moindre, est de rendre un effet populaire parmi les effets graphiques de style plat d'une ombre portée. Commencez par former un rectangle de n'importe quelle couleur avec le Outil Rectangle (M). Tournerà 45 degrés et alignez son côté avec le bord droit de votre diamant. 

Placez l'objet sous le diamant (Contrôle-[) pour en cacher les parties inutiles. Sélectionnez à la fois le cercle d’arrière-plan et le rectangle, puis utilisez les Outil de création de forme (Maj-M) supprimer la partie inutile en cliquant dessus tout en maintenant le bouton Alt clé. Enfin, remplissez la forme avec un dégradé linéaire de bleu grisâtre (R = 154, G = 176, B = 197) au blanc. Changer le Mode de fusion à Multiplier,formant ainsi une ombre, moulée par notre diamant.

Notre icône de diamant est prête! Passons au prochain joyau!

2. Créer un rubis éclatant

Étape 1

Commencez par former un carré avec le Outil Rectangle (M) et le faire pivoter pour 45 degrés.

Étape 2

Prenez le Outil de segment de ligne (\), Créez deux lignes droites qui se croisent et placez-les au centre de la place. Sélectionnez tout et utilisez le Diviser fonctionner dans le Éclaireur panneau pour diviser le carré en quatre sections distinctes.

Étape 3

Maintenant, nous pouvons remplir chaque partie avec une couleur différente pour mettre en valeur les facettes de notre gemme. J'ai utilisé la palette suivante pour le rubis:

Étape 4

Nous devons ajouter plus de reflets et de reflets à notre rubis afin de montrer sa texture de verre. Dans ce but, copie et coller devant (Control-C> Control-F) la partie supérieure droite du rubis et le rendre légèrement plus petit que la forme d'origine. Remplir la nouvelle copie avec un dégradé linéaire de jaune poussiéreux (R = 209, G = 181, B = 96) noircir et basculer le mode de fusion sur Écran, de cette façon créer un point culminant. Utilisez le Outil de réflexion (O) faire la copie miroir de la surbrillance de l'autre côté de notre joyau.

Étape 5

Continuez à ajouter des détails mineurs à notre rubis, le rendant plus dimensionnel. Mettez un petit carré, tourné à 45 degrés, au-dessus de la gemme et alignez-la au centre de l'image. Remplissez la nouvelle forme avec un dégradé linéaire du rose plus foncé (R = 228, G = 20, B = 64) au rose (R = 225, G = 107, B = 126) Couleur. Enfin, décorez notre rubis avec quelques étoiles scintillantes que nous avons créées précédemment pour le diamant.

Étape 6

Placez le rubis sur un cercle, rempli de dégradé linéaire de vert plus foncé (R = 81, G = 163, B = 37) au jaune-vert plus clair (R = 201, G = 230, B = 85), et former une belle ombre portée pour donner à l'icône un look populaire design plat.

L'icône rubis est terminée! Préparez-vous pour le prochain, ça va être encore plus amusant!

3. Faire une merveilleuse émeraude scintillante

Étape 1

Prendre le Outil Rectangle Arrondi et créer une forme d'environ 233 x 233 taille des pixels et Rayon de coin mis à 30 pixels. Utilisez le Convertir l'outil de point d'ancrage (Maj-C), en cliquant sur les points d'ancrage un par un, afin de les convertir en coins(ou utilisez simplement le Convertir les points d'ancrage sélectionnés en angle dans le panneau de contrôle ci-dessus pour transformer tous les points en même temps). Maintenant, nous avons un carré avec les coins coupés.

Étape 2

Passez à autre chose et ajoutez plus de facettes à notre joyau précieux. Utilisez le Outil Polygone pour créer un triangle, transformez-le et placez-le de sorte que son angle le plus net soit dirigé vers le centre de vos planches, comme indiqué sur la capture d'écran.

Utilisez le Outil de réflexion (O) pour refléter et copier les facettes de tous les côtés de la forme de base émeraude.

Étape 3

Appliquez un dégradé linéaire doux du vert foncé (R = 21, G = 155, B = 24) au vert plus vif (R = 143, G = 220, B = 46) à la forme émeraude de base et remplissez les facettes avec un dégradé de vert grisâtre (R = 148, G = 199, B = 65) noircir Écran mode.

Étape 4

Faisons en sorte que notre gemme soit plus en forme. Former un autre triangle au-dessus des autres parties de l'émeraude, en tournant son coin vers le centre de la planche. Supprimer les parties inutiles à l’aide des touches Outil de création de forme (Maj-M) et redimensionner la nouvelle forme, la rendant légèrement plus petite que la base émeraude.

Étape 5

Maintenant, nous pouvons remplir la nouvelle forme avec le même dégradé linéaire que les facettes et la changer en Écran mode (ou utilisez simplement le Outil Pipette (I) avec ses paramètres par défaut pour choisir l’apparence de l’objet nécessaire). Dupliquer cette forme afin de placer la copie sur la partie supérieure de notre bijou.

Étape 6

Dupliquer la forme de base de l'émeraude et réorganiser sa position, apportant il à l'avant (Shift-Control-]) et placer au-dessus de tous les autres objets. Basculez la couleur de remplissage sur le dégradé linéaire du vert pâle (R = 201, G = 235, B = 120) au plus sombre chartreuse-vert (R = 83, G = 192, B = 44). Enfin, ajoutez des brillants pour rendre notre bijou brillant et attrayant.

Étape 7

Ajoutez une touche finale à l’icône en formant un cercle, rempli de dégradé linéaire à partir de rose foncé (R = 247, G = 62, B ​​= 87) au rose Barbie (R = 255, G = 132, B = 185) et dessine une longue ombre. Maintenant que vous avez terminé avec l'émeraude! Il est temps de passer à la prochaine perle.

4. Rendre un saphir clair mousseux

Étape 1

Nous allons utiliser le Outil Polygone encore une fois pour faire une forme de base d'environ 130 pixels taille, mais cette fois définir la Côtés quantité à 8, formant ainsi un octogone. Faites-le pivoter, si nécessaire, pour que ses coins soient alignés sur le Des guides. Créer une ligne droite avec le Outil de segment de ligne (\) et utiliser le Outil de rotation (R), la mise en Angle valeur à 45 degrés et frapper le Copie bouton pour dupliquer la ligne.

Étape 2

Continuez à faire des copies de la ligne avec le Outil de réflexion (O) de sorte qu'ils traversent chaque coin de l'octogone, formant un groupe de rayons stylisés, convergeant vers le centre. Enfin, sélectionnez les lignes et l’octogone et utilisez les touches Diviser fonction dans le panneau Pathfinder pour séparer l'objet.

Étape 3

Maintenant la partie facile! Il suffit de sélectionner chaque tranche de notre octogone, une par une, et de la remplir de différentes nuances de bleu. Voici ma palette, les couleurs ont été appliquées de manière séquentielle, en sens horaire.

Étape 4

Terminez le rendu de notre saphir en y plaçant un octogone plus petit et en le remplissant d'un dégradé linéaire bleu ciel (R = 183, G = 238, B = 255) au bleu plus foncé (R = 38, G = 183, B = 255). Parfumer votre bijou avec une pincée d'étincelles.

Étape 5

Complétez l'icône en remplissant sa base avec le dégradé linéaire chaud de l'orange (R = 255, G = 132, B = 0) au jaune miel (R = 255, G = 242, B = 88) et mettre une ombre douce.

Bon travail! Notre saphir est fini. Nous sommes prêts à passer à l'élément suivant de la série.

5. Mouler le scintillant ambre ensoleillé

Étape 1

Commencez par faire un simple carré et allez à Objet> Chemin> Ajouter des points d'ancrage. Sélectionnez le point d'ancrage, qui est apparu juste au milieu du côté supérieur du carré et tirez-le un peu. Répétez la même chose pour le point d'ancrage inférieur, formant ainsi un bel hexagone étendu.

Étape 2

Tracez plusieurs lignes droites formant un groupe de rayons, ce qui divisera l'objet, comme nous l'avons fait avec la forme octogonale saphir de base.

Étape 3

Remplissez chaque segment avec les couleurs ambrées de la palette, rendant le joyau ensoleillé et chaud.

Étape 4

Recouvrez la forme avec un autre hexagone de taille inférieure et remplissez-la de doux dégradé de jaune vif (R = 255, G = 232, B = 54) à l'orange pâle (R = 255, G = 178, B = 72), approfondir la lueur intérieure du bijou.

Étape 5

Lancez notre ambre avec quelques étincelles et terminez l'icône en appliquant un riche dégradé de bleu de teinte plus foncée (R = 66, G = 135, B = 155) d'un côté et plus léger (R = 87, G = 241, B = 255) de l'autre.

Vous cherchez bien, n'est-ce pas? Passons au dernier!

6. façonner une améthyste étincelante mystique

Étape 1

Cette fois, notre gemme aura une forme de triangle. Dessinez-le avec l'aide du Outil Polygone, régler la taille à environ 150 pixels et le Côtés valeur à 3.

Étape 2

Maintenant, nous devons créer un autre triangle, l'écraser légèrement et le faire pivoter, en le plaçant comme indiqué sur la capture d'écran ci-dessous. Laissez l’un de ses côtés s’aligner sur le côté droit de la forme de base de votre pierre précieuse. Ajoutez le triangle similaire pour le côté gauche et pour la partie inférieure de la forme de base.

Étape 3

Remplissez chaque forme avec une teinte différente de couleur lilas, en fonction de la palette suivante:

Dupliquez les deux triangles latéraux et faites les copies légèrement plus petites que l’original. Remplissez la copie de droite avec un dégradé linéaire du violet clair (R = 197, G = 132, B = 209) au noir, fixant son Mode de fusion à Écran. Utilisez la même méthode pour la copie de gauche, en appliquant le dégradé du violet plus foncé (R = 115, G = 56, B = 181) au noir.

Étape 4

Pour rendre notre gemme plus dimensionnel, placez un petit triangle tout en haut et remplissez-le de dégradé linéaire à partir d'un lilas clair. (R = 232, G = 181, B = 255) au violet plus foncé (R = 172, G = 77, B = 219). N'oubliez pas d'ajouter quelques petites étincelles.

Étape 5

Terminez en ajoutant la base de l'icône et en la remplissant d'un dégradé linéaire rouge orangé (R = 255, G = 88, B = 46) couleur en bas à jaune vif (R = 255, G = 233, B = 87) en haut.

On dirait que notre améthyste est terminée avec succès!

Hou la la! Votre ensemble d'icônes de gemmes plates brillantes est terminé!

Félicitations, vous venez de terminer la création de l’ensemble des icônes de pierres précieuses pétillantes dans un style plat populaire! J'espère que vous avez apprécié le processus et que vous avez trouvé quelques conseils et astuces utiles dans ce tutoriel..