Créer une série d'étoiles de mer colorées dans Adobe Illustrator

Suivez cette astuce pour apprendre à dessiner une belle étoile de mer vectorielle. Je vous guiderai étape par étape pour créer la forme d'étoile de mer. À l'aide des pinceaux Art disponibles dans Adobe Illustrator, vous ajouterez des détails sur le corps de l'étoile de mer. Pour les épines, vous tirerez parti de l'outil de fusion et de l'option Remplacer de la colonne vertébrale qui fonctionnent parfaitement ensemble dans ce cas. Pour les pieds en tube, vous utiliserez une brosse à dispersion personnalisée afin d'ajouter plus de détails sur l'étoile de mer. Une fois l’étoile de mer complétée à l’aide de l’option Ajuster la balance des couleurs, vous pourrez créer de nombreuses autres versions de couleurs. Commençons!


1. Démarrer un nouveau projet

Lancez Illustrator et allez à Fichier> Nouveau ouvrir un nouveau document vierge. Tapez un nom puis configurez les dimensions, sélectionnez Les pixels comme Unités et RVB comme Mode de couleur. Ensuite, allez à Édition> Préférences> Général et mettre le Incrément de clavier à 1px. Ces paramètres vous aideront tout au long du processus de dessin..



2. Créer le corps de l'étoile de mer

Étape 1

Prenez le Outil étoile et dessinez une étoile ayant les dimensions indiquées. Sélectionnez une couleur de remplissage pour le moment. Faire pivoter cette forme 20 degrés en utilisant le Transformer panneau.


Étape 2

Maintenant, prenez le Outil stylo (P) et en utilisant comme référence les trois points d’angle indiqués, dessinez la première forme de bras. Continuer à dessiner les quatre autres bras de l'étoile de mer.


Étape 3

Sélectionnez en utilisant le Outil de sélection directe (A), sélectionnez uniquement les cinq points indiqués et appuyez sur la touche Des points d'ancrage sélectionnés cachés pour lisser option dans le Contrôle panneau.


Étape 4

Tout d’abord, téléchargez le Étendre les poignées script et suivez les instructions pour l'installer. Maintenant, sélectionnez à nouveau les cinq points et allez à Fichier> Scripts> Etendre les poignées. Exécutez ce script et sélectionnez une valeur de 70. En conséquence, vous obtiendrez des poignées plus petites. De cette façon, vous n’aurez pas à ajuster manuellement toutes les poignées, tout reste symétrique et est plus rapide..

Ce script modifie toutes les poignées des points d'ancrage sélectionnés avec un taux spécifié et sans changer leur angle. Par exemple, pour la valeur 100, vous avez la taille d'origine, au-dessus de 100, vous étendez les poignées, au-dessous de 100, vous obtenez des poignées plus courtes et pour la valeur 0, vous supprimez les poignées.

Étape 5

Utilisez le Outil de sélection directe (A) pour sélectionner le bout du bras et aller à Objet> Transformer> Déplacer. dans le Horizontal type de champ -45px et frapper D'accord. Utilisez le Bouge toi option pour les quatre autres conseils mais utilisez les paramètres indiqués pour chacun. Par exemple, déplacez le bout du bras droit -5px horizontalement et 10px verticalement.


Étape 6

Ensuite, sélectionnez les cinq bras de l’étoile de mer et allez à Objet> Chemin> Ajouter des points d'ancrage pour ajouter des points supplémentaires. Concentrez-vous sur le haut du bras, déplacez les deux points ajoutés comme indiqué ci-dessous et ajustez l'angle des poignées si nécessaire. Faites la même chose pour les autres bras.


Étape 7

Les bras sont prêts mais nous avons besoin de toute la forme de l'étoile de mer. Utilisez les points de coin intérieurs comme référence et dessinez une forme comme ci-dessous avec le Outil stylo (P). Il devrait couvrir l'espace vide au milieu. Maintenant, sélectionnez les cinq bras et cette forme et appuyez sur Ajouter dans le Éclaireur panneau. Remplissez le corps de l'étoile de mer avec le dégradé radial indiqué.



3. Créer les rainures principales sur les bras

Étape 1

Tout d’abord, placez un petit cercle au milieu de la bouche de l’étoile de mer. Sélectionnez une couleur de remplissage pour le moment. Ensuite, prenez le Outil stylo (P) et tracez cinq chemins du centre jusqu’au bout des bras. Caressez ces chemins avec un pinceau d’art appelé "Conique - ronde"que vous pouvez trouver dans Bibliothèque de styles Menu> Artistique> Artistic_Ink. le Poids de l'AVC est 1 pt. Si nécessaire, vérifiez le Flip Along option par double-clic dans le Apparence panneau de la brosse appliqué de sorte que la pointe de la brosse soit orientée vers l'extérieur.


Étape 2

Après avoir sélectionné les cinq chemins à l’étape précédente, à partir du Objet menu choisir Développer l'apparence et Dissocier (Maj + Contrôle + G) deux fois. En conséquence, les traits deviendront des remplissages et vous obtiendrez les rainures principales. Remplissez-les avec le dégradé linéaire indiqué, mais ajustez l'angle de chacun en fonction de leur position. La couleur plus claire devrait être à la pointe des rainures principales.



4. Ajouter des détails sur les bras

Étape 1

Utilisez le Outil stylo (P) tracer un chemin de chaque côté des rainures principales. Utilisez le blanc et le noir comme couleur de trait comme dans l'image. Caressez ces chemins avec un pinceau d’art appelé "Course conique"que vous pouvez trouver dans Bibliothèque de styles Menu> Artistique> Artistic_Ink. Met le AVC Poids à 0,35 pt.


Étape 2

Groupe (Contrôle + G) ces dix chemins et mis à Superposition du mode de fusion et 40% d'opacité.



5. Créer les épines marginales

Étape 1

Disposez cinq petites ellipses dans les coins intérieurs et cinq petits cercles au bout de chaque bras..


Étape 2

Remplissez les ellipses bleues et les cercles noirs de l'étape précédente avec les dégradés radiaux indiqués. Copie et Coller devant (Contrôle + F) toutes les ellipses et les cercles.


Étape 3

Maintenant, sélectionnez l’une des ellipses intérieures et l’un des cercles de la pointe et allez à Objet> Fusion> Options de fusion. Choisir 30 étapes spécifiées et frapper D'accord puis retourne à Objet> Mélange> Marque (1). Ensuite, sélectionnez le deuxième cercle à partir de la pointe (vous avez fait des copies) et la prochaine ellipse intérieure, puis reliez-les de nouveau en utilisant les mêmes paramètres (2). Continuez jusqu'à ce que vous atteignez le point de départ (3).


Étape 4

Masquer les groupes de mélanges créés à l'étape précédente pour l'instant. Copie et Coller devant (Contrôle + F) le corps de l'étoile de mer et lui donner un coup simple. Après avoir sélectionné cette copie, prenez la Outil Ciseaux (C) et cliquez sur les points indiqués pour couper le chemin en segments. Si vous libérez le chemin, resélectionnez-le et continuez à couper. À la fin, vous devriez avoir dix segments.


Étape 5

Vous pouvez maintenant afficher tous les groupes de mélanges. Concentrez-vous sur le bras droit et sélectionnez le premier groupe de fondu, ainsi que le chemin derrière, puis allez à Objet> Mélange> Remplacer la colonne vertébrale.


Étape 6

Nous allons continuer. Sélectionnez le deuxième groupe de mélange du bras droit et le chemin correspondant, puis allez à Objet> Mélange> Remplacer la colonne vertébrale. Faites la même chose pour le reste des groupes mélangés jusqu'à ce que vous atteigniez le point de départ..



6. Créer les épines intérieures

Étape 1

En suivant la même technique que celle décrite ci-dessus, vous créerez les épines intérieures. Tout d’abord, placez un petit cercle à chaque extrémité des rainures principales et dix cercles au milieu des étoiles de mer à la base des rainures principales. Remplissez-les avec les gradients radiaux montrés puis dupliquez-les tous.


Étape 2

Concentrez-vous sur le sillon principal droit de l'étoile de mer. Sélectionnez un des cercles à la base et un à la pointe, puis allez à Objet> Fusion> Options de fusion. Cette fois choisir 40 étapes spécifiées, frappé D'accord et allez à Objet> Mélange> Marque. Répétez la même chose en utilisant les autres cercles pour chaque bras comme auparavant..


Étape 3

Copie et Coller devant (Contrôle + F) les rainures principales et leur donner un trait simple (1). Coupez chacune de ces copies en deux segments avec le Outil Ciseaux (C) comme vous l'avez fait plus tôt. Supprimez les petits chemins dont vous n’avez pas besoin (2). Maintenant, concentrez-vous sur le sillon principal de la droite. Sélectionnez le premier groupe de fondu et le chemin derrière, puis allez à Objet> Mélange> Remplacer la colonne vertébrale (3). Faites la même chose pour le reste des groupes et les chemins correspondants jusqu'au point de départ (4).



7. Créer les pieds de tube sur les rainures principales

Étape 1

Tracez un petit cercle noir en utilisant le Outil Ellipse (L) puis faites-le glisser dans le Des pinceaux panneau et choisissez Nouvelle brosse à dispersion. Ensuite, prenez le Outil stylo (P) et tracez un chemin au milieu de chaque rainure principale en partant du cercle au milieu. Parcourez ces cinq chemins avec la brosse de dispersion enregistrée. le Poids de l'AVC est réglé sur 1 pt.


Double-cliquez dans le Apparence panneau sur le coup de pinceau pour ouvrir le Options de course la fenêtre. Là, modifiez les paramètres comme indiqué dans l'image et appuyez sur D'accord.


Étape 2

Sélectionnez le chemin tracé en partant de la droite et choisissez Développer l'apparence du Objet menu. En conséquence, vous devriez obtenir le groupe de cercles et le chemin que vous avez utilisé. Supprimer ce chemin avant de continuer.

Ensuite télécharger le Teintes variables script et suivez les instructions pour l'installer. Maintenant, sélectionnez le groupe de cercles et allez à Fichier> Scripts> Vary Hues. Exécutez le script et tapez une valeur de 50.


Étape 3

Répétez l’étape précédente pour les quatre autres tracés suivis du pinceau à dispersion. Une fois que vous avez terminé, définissez tous les groupes de cercles sur Superposition du mode de fusion et 20% d'opacité.



8. Créer la bouche de l'étoile de mer

Étape 1

Sélectionnez le cercle au milieu de l'étoile de mer et remplacez le fond gris par la couleur indiquée. Avoir l’attribut de remplissage existant sélectionné dans la Apparence panneau, cliquez sur le Dupliquer l'élément sélectionné icône en bas. En conséquence, vous aurez un deuxième remplissage. Remplacez la couleur de remplissage par le dégradé radial indiqué, allez à Effet> Distorsion & Transformation> Transformer.


dans le Effet de transformation fenêtre appliquer ces paramètres et appuyez sur D'accord.


Étape 2

Ajoutez un autre remplissage en bas, comme vous l'avez fait précédemment. Utilisez un dégradé radial du noir au blanc puis appliquez à nouveau le Transformer effet. Cette fois, utilisez les paramètres indiqués ci-dessous. Définir cette Remplir attribuer à Mode de fusion Multiplier et 75% d'opacité.



9. Ajouter des ombres

Étape 1

Copie et Coller à l'arrière (Contrôle + B) le corps de l'étoile de mer puis aller à Effet> Styliser> Ombre portée. Utilisez les paramètres indiqués et appuyez sur D'accord.


Étape 2

Ayant toujours la copie du corps sélectionnée, appliquez à nouveau le Ombre portée effet et cette fois utiliser les paramètres indiqués ci-dessous.



10. Essayez d’autres couleurs via Ajuster la balance des couleurs.

Étape 1

Je commence à aimer le Ajuster la balance des couleurs option car vous pouvez facilement créer différentes versions de couleur. D'abord faire une copie de l'étoile de mer rose. Groupe toutes les formes qui composent l'étoile de mer sauf la copie du corps utilisée pour ajouter les ombres. Avec le groupe d'étoiles de mer sélectionné, allez à Édition> Éditer les couleurs> Ajuster la balance des couleurs. Dans la fenêtre qui s'ouvre, sélectionnez le Mode de couleur RVB et mettre le rouge, vert et Bleu valeurs comme indiqué. Si vous êtes satisfait du résultat, laissez-le tel quel ou vous pouvez remplacer le dernier arrêt du remplissage dégradé du corps par la couleur indiquée..


Étape 2

Faites une autre copie de l'étoile de mer rose et allez à Édition> Éditer les couleurs> Ajuster la balance des couleurs. Cette fois, ne déplacez que le Bleu curseur jusqu'à -25% et frapper D'accord. Vous obtiendrez une étoile de mer qui ressemble à un corail.


Étape 3

Ceci est la version violette:


Étape 4

Après avoir créé la version bleue, vous remarquerez que vous ne pouvez pas voir la bouche de l'étoile de mer. Pour résoudre ce problème, sélectionnez le cercle au milieu et remplacez le dégradé bleu existant (deuxième attribut de remplissage) par celui indiqué..



Travail impressionnant, vous êtes maintenant fait!

Vous avez créé avec succès cinq belles étoiles de mer. Ne t'arrête pas ici. Vous pouvez créer de nombreuses autres variations en ce qui concerne les couleurs et la forme. J'aimerais voir l'étoile de mer créée par vous.

L'arrière-plan a été créé à l'aide des techniques expliquées dans mon didacticiel de l'icône Beautiful Flip Flop pour la base de l'icône. Vous pouvez également vérifier cela.