Comment créer une illustration de formation de cristaux dans Adobe Illustrator

Ce que vous allez créer

Dans le didacticiel d'aujourd'hui, nous allons examiner de près le processus de création d'une formation cristalline en forme de dôme de verre, en utilisant certaines des formes et des outils les plus fondamentaux d'Adobe Illustrator..

Donc, si cela semble intéressant, prenez une petite gorgée de ce café fraîchement versé et commençons!

Avant de commencer, je voudrais prendre quelques instants pour souligner que je vais utiliser une texture de trait personnalisée, obtenue auprès d’Envato Elements, qui s’est révélée parfaitement compatible avec la forme grossière des cristaux. Le fichier que j’ai utilisé s’appelle "LineTexture07" et se trouve dans le pack une fois que vous avez téléchargé et décompressé l’archive..

1. Comment configurer un nouveau fichier de projet

En supposant que vous avez déjà Illustrator en marche en arrière-plan, affichez-le et configurons un Nouveau document (Fichier> Nouveau ou Contrôle-N) que nous ajusterons comme suit:

  • Nombre de planches d'art: 1
  • Largeur: 800 px
  • La taille: 600 px
  • Unités: Les pixels

Et de la Avancée languette:

  • Mode de couleur: RVB
  • Effets raster: Écran (72ppi)
  • Mode de prévisualisation: Défaut

2. Comment configurer les calques

Une fois que nous aurons fini de configurer notre fichier de projet, il serait judicieux de structurer notre document en plusieurs couches, car nous pourrons ainsi maintenir un flux de travail régulier en nous concentrant sur une section de l'illustration à la fois..

Alors élevez la Couches panneau et créer un total de cinq couches que nous renommerons comme suit:

  • couche 1: Contexte
  • couche 2: Dôme de verre
  • couche 3: formation de cristaux
  • couche 4: texture
  • couche 5: recouvrir

Conseil rapide: J'ai coloré tous mes calques en utilisant la même valeur verte, car c'est la plus facile à afficher lorsqu'elle est utilisée pour mettre en surbrillance les formes sélectionnées (qu'elles soient des chemins fermés ou ouverts)..

3. Comment créer le fond

Maintenant que nous avons fini de superposer notre document, nous pouvons commencer à travailler sur le projet réel en créant rapidement le fond uni.

Étape 1

En utilisant le Outil Rectangle (M), créé un 800 x 600 px rectangle que nous allons colorier en utilisant # ffb75a puis positionnez-vous au centre de l'Artboard sous-jacent à l'aide du bouton Aligner du panneau Horizontal et Centre d'alignement vertical options.

Étape 2

Une fois l’arrière-plan en place, verrouillez son calque depuis le Couches panneau et ensuite passer à la deuxième.

4. Comment créer le dôme de verre

En supposant que vous vous soyez déjà positionné sur la couche suivante (ce serait la seconde), commençons par travailler sur le dôme en verre, que nous construirons une section à la fois..

Étape 1

Créez la section supérieure de la base en bois en utilisant un 240 x 48 px ellipse, que nous colorierons avec #ffffff puis centrez le centre sur l’Artboard sous-jacent, en le positionnant à une distance de 152 px de son bord inférieur.

Étape 2

Donner à la forme que nous venons de créer un contour en utilisant le Accident vasculaire cérébral méthode, en en créant une copie (Control-C), que nous allons coller devant (Contrôle-F) puis ajustez en retournant son Remplir avec son Accident vasculaire cérébral (Shift-X) puis en prenant soin de régler sa Poids à 2 px de l'intérieur Accident vasculaire cérébral panneau. Une fois que vous avez terminé, sélectionnez et regroupez les deux formes à l’aide des touches Contrôle-G raccourci clavier.

Conseil rapide: la raison pour laquelle nous avons ajouté un contour de la même couleur à la forme actuelle est d'aligner les bords extérieurs du bas du corps, ce que nous allons créer dans les étapes suivantes..

Étape 3

Créez le bas du corps de la base en utilisant un autre 240 x 48 px ellipse (#ffffff), que nous allons positionner sous les formes précédentes, comme indiqué dans l'image de référence.

Étape 4

Ajustez la forme que nous venons de créer en la retournant. Remplir avec son Accident vasculaire cérébral (Shift-X) en veillant à régler son Poids à 2 px. Ensuite, sélectionnez son point d’ancrage supérieur à l’aide des touches Outil de sélection directe (A) et retirez-le immédiatement en appuyant sur Effacer, tracer une nouvelle voie avec l'aide du Outil stylo (P), en utilisant l'image de référence comme guide principal.

Étape 5

Commencez à travailler sur la partie inférieure plus sombre en créant une copie (Contrôle-C> Contrôle-F) de la forme résultante, que nous ajusterons en retournant son Remplir avec son Accident vasculaire cérébral (Shift-X), en prenant soin de définir sa couleur sur # 3a302e.

Étape 6

Continuez à ajuster la forme en sélectionnant ses points d’ancrage supérieurs à l’aide des touches Outil de sélection directe (A), puis en les retirant en appuyant sur Effacer.

Étape 7

Créer une copie (Contrôle-C> Contrôle-F) de la forme résultante que nous allons positionner 8 px en dessous, puis unissez les deux chemins en une seule forme plus grande en les sélectionnant, puis en appuyant sur la Contrôle-j (rejoindre) raccourci clavier deux fois. Une fois que vous avez terminé, n’oubliez pas de placer la forme sous le contour blanc (clic droit> Organiser> Envoyer à l'arrière) avant de passer à l'étape suivante.

Étape 8

Ajoutez l’anneau inférieur à la base en utilisant une copie (Contrôle-C> Contrôle-F) du contour du bas du corps, que nous ajusterons en sélectionnant et en retirant ses points d’ancrage supérieurs, en positionnant la forme obtenue à une distance de 8 px de son bord inférieur.

Étape 9

Ensuite, prenons quelques instants et ajoutons les petites lignes de texture à l’aide de quelques 2 px épais Coups avec un Casquette ronde. La façon dont je commence habituellement à les dessiner est de choisir un coin puis de sentir le courant. Dès que j'ai au moins deux lignes vers le bas, j'essaie alors d'inverser la direction puis de me diriger progressivement vers le côté opposé de la forme que je dois remplir. Une fois que je suis satisfait du résultat, je veille toujours à sélectionner et à grouper (Contrôle-G) tous ensemble avant de passer à l'étape suivante.

Étape 10

Masque les lignes de texture que nous venons de créer en utilisant une copie (Control-C) du contour du bas du corps que nous allons coller devant (Contrôle-F), puis avec la copie et les lignes sélectionnées, simplement clic droit> Make Clipping Mask.

Étape 11

Ajoutez l’insertion de la bague à la partie supérieure de la base en utilisant un 224 x 40 px ellipse avec un 2 px épais Accident vasculaire cérébral, que nous colorierons avec # ffbe57. Une fois que vous avez terminé, sélectionnez et regroupez toutes les formes composant la base à l’aide des touches Contrôle-G raccourci clavier.

Étape 12

Commencez à travailler sur le dôme en créant un 224 x 320 px rectangle avec un 2 px épais Accident vasculaire cérébral (#ffffff), que nous allons positionner sur la moitié supérieure de la base puis ajuster en réglant la Rayon de ses coins supérieurs à 112 px de l'intérieur Transformer du panneau Propriétés du rectangle.

Étape 13

Puisque nous voulons que les sections inférieures du dôme de verre se distinguent de la base, nous en créerons une copie (Contrôle-C> Contrôle-F) de la bague d’insertion, que nous ajusterons ensuite en supprimant son point d’ancrage supérieur. Puis, en utilisant le Outil stylo (P), nous aurons besoin d’étendre le chemin résultant pour qu’il sorte de la base, en prenant soin de le masquer ensuite (clic droit> Make Clipping Mask) en utilisant une copie (Contrôle-C> Contrôle-F) de celui-ci.

Étape 14

Terminez la section en cours en ajoutant les lignes de détail subtiles à l’aide de deux 2 px épais Coups (#ffffff) avec un Casquette ronde. Prenez votre temps et une fois que vous avez terminé, assurez-vous de sélectionner et de grouper (Contrôle-G) toutes les sections de la section en verre composant ensemble, puis la même chose pour tout le dôme par la suite.

5. Comment créer les formations de cristal

Maintenant que nous avons fini de travailler sur le dôme, nous pouvons verrouiller son calque puis passer au suivant (ce serait le troisième), où nous allons créer progressivement les formations de cristal..

Étape 1

Avec l'aide du Outil stylo (P), dessiner la forme principale du cristal central en utilisant # 7b7bef comme votre Remplir couleur, en suivant l’image de référence comme guide principal. Comme cette partie de l'illustration est basée sur des formes plus lâches, vous n'avez pas à créer de copie exacte. N'hésitez donc pas à faire preuve de créativité et à créer quelque chose de nouveau et d'unique..

Étape 2

Prenez quelques instants pour ombrer la forme obtenue en traçant les différentes sections de l’image de référence à l’aide de # 9c9cff pour la forme plus légère, # 6363d3 pour les formes plus sombres, et # 5252c1 pour le plus sombre. Une fois que vous avez terminé, sélectionnez-les et regroupez-les à l'aide de la touche Contrôle-G raccourci clavier.

Étape 3

Décrivez le cristal en utilisant quelques 2 px épais Coups (#ffffff) avec un Joindre rond, en veillant à sélectionner et à grouper (Contrôle-G) ensemble après. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes que nous avons jusqu'à présent et les regrouper ainsi.

Étape 4

En suivant le même processus, ajoutez les cristaux restants en utilisant l’image de référence comme guide principal. Prenez votre temps et une fois que vous avez terminé, assurez-vous de les sélectionner et de les regrouper en utilisant le Contrôle-G raccourci clavier avant de passer à l'étape suivante.

Étape 5

Utilisant un 2 px épais Accident vasculaire cérébral (#ffffff), trace rapidement le chemin organique qui contourne les formations cristallines, en veillant à le positionner ensuite par dessous clic droit> Organiser> Envoyer à l'arrière-plan. Puisque nous en avons presque terminé avec cette partie de l’illustration, nous pouvons sélectionner et grouper (Contrôle-G) toutes les formes avant de passer à la section suivante.

6. Comment ajouter de la texture aux cristaux

À ce stade, nous allons commencer à peaufiner notre petite illustration et commencer par la texture..

Étape 1

En utilisant le Outil de sélection directe (A), sélectionnez toutes les formes principales des cristaux puis copiez-les (Control-C) et coller (Contrôle-F) sur la couche suivante (ce serait la quatrième), en veillant à verrouiller la précédente.

Étape 2

Puisque nous voulons utiliser les copies comme Masque d'écrêtage pour la texture, nous devrons les faire se comporter comme une seule forme plus grande en les transformant en un Forme composée en utilisant le Éclaireur option cachée du panneau.

Étape 3

Ensuite, nous devons prendre une copie (Control-C) de la texture personnalisée et coller (Contrôle-F) sur le calque actif, en veillant à le positionner sous le Forme composée une fois que nous avons défini sa couleur en blanc (#ffffff) et ajusté sa taille.

Étape 4

Avec la texture en place, nous pouvons maintenant la sélectionner et la Forme composée et puis simplement clic droit> Make Clipping Mask afin de cacher les sections sortant de la surface des cristaux. Une fois que vous avez terminé, nous pouvons verrouiller le calque actuel, puis passer au dernier..

7. Comment ajouter la superposition aux cristaux

Nous en sommes maintenant à la dernière partie du processus, où nous verrons combien il est facile d’ajouter du vernis aux couleurs des cristaux en utilisant Modes de fusion. Cette partie est facultative, mais j’espère vraiment que vous essayerez de jouer avec, car parfois vous pouvez obtenir des variations de couleurs intéressantes en quelques étapes simples..

Étape 1

Commencez par coller (Contrôle-F) une autre copie des cristaux de la Presse-papiers sur le calque actuel, que nous ajusterons ensuite en réglant la couleur sur noir (# 000000).

Étape 2

Ouvrez le Transparence panneau, et définir la forme résultante Mode de fusion à Recouvrir, qui passera immédiatement les couleurs du violet à un bleu intéressant.

Étape 3

Ajuste le Opacité niveau en le baissant jusqu'à ce que l'effet ne soit pas si puissant (dans mon cas 40%), Et c'est à peu près tout!

Bon travail!

Voilà un bon tutoriel qui devrait éclairer le processus derrière ces sortes d’illustrations..

Comme toujours, j'espère que vous avez eu du plaisir à travailler sur le projet et que si vous avez des questions, n'hésitez pas à les poster dans la section commentaires.!