Comment créer des illustrations abstraites colorées dans Illustrator

Dans ce didacticiel, je vais vous apprendre à créer une illustration abstraite colorée et vive complètement à partir de zéro avec Illustrator. Il n'y aura pas besoin d'images de stock. Vous pouvez toujours faire un petit croquis de votre composition. Mais ce n'est pas tout à fait nécessaire car nous allons créer la composition en jouant avec les formes.

Aperçu de l'image finale

Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler. Vous pouvez voir l'aperçu final de l'image ci-dessous ou voir une version plus grande ici.

Étape 1

Commencez par ouvrir Adobe Illustrator, si ce n'est déjà fait. J'espère que vous avez déjà rencontré la plupart des outils, car ce tutoriel est destiné à l'utilisateur intermédiaire d'Illustrator..

Commençons. Créer des objets géométriques; cercles, triangles, lignes, spirales, etc. Placez-les dans un jeu de couleurs amusant; J'ai choisi CMYK pour avoir un bon exemple et parce que je l'aime bien. Si vous n'en avez vraiment aucune idée, vous pouvez toujours consulter le site Web d'Adobe Kuler..

Étape 2

Avec les objets que vous venez de fabriquer, nous allons créer notre pièce entière. Arrangez-les de manière amusante pour obtenir une belle composition. C'est quelque chose que vous devez faire avec vos yeux et votre esprit. Jouer avec eux. Et n'utilisez pas tous les objets dans toutes les couleurs. Par exemple, pour la clé (noire), je n'ai utilisé qu'un triangle. Laisse toi aller. Vous n'avez pas à garder les objets entiers aussi. Par exemple, j'ai coupé quelques cercles en deux en utilisant un autre carré et la fenêtre Pathfinder, voir ce qui suit:

1. Créez un cercle avec l'outil Ellipse en maintenant la touche Maj enfoncée tout en cliquant..
2. Dessinez un carré avec l'outil Rectangle et placez-le au-dessus du cercle.
3. Sélectionnez le carré et le cercle.
4. Ouvrez la fenêtre Pathfinder, située dans Window> Pathfinder. Choisissez l’icône Soustraire de la forme et appuyez sur Développer..

J'ai également coupé des morceaux loin des cercles caressés. Mais vous ne pouvez pas faire cela avec le pathfinder, car le chemin se fermera de cette façon. Ce que vous devez faire ici est d'ajouter des points d'ancrage à l'endroit où vous souhaitez que la ligne se termine, puis de supprimer les points que vous ne souhaitez pas voir apparaître..

Si vous jouiez assez avec eux, vous pourriez obtenir quelque chose comme ça. Mais s'il vous plaît, ne créez pas exactement la même chose, ce serait vraiment stupide et vous n'apprendrez rien en faisant cela. Tout le monde peut copier coller. Travaillez à expérimenter avec votre composition.

Étape 3

Je pense qu'il faut quelque chose de plus, quelque chose d'amusant. Certains remous sont toujours un plaisir pour les yeux. Expliquons une manière de les créer, afin que vous puissiez même peindre avec eux. Prenez note des conseils suivants:

1. Créer un rectangle arrondi.
2. Supprimer les points nécessaires.
3. Frappez le dernier point avec l'outil Convertir le point d'ancrage, qui se trouve au même endroit que l'outil Plume dans la barre d'outils..
4. Accédez à la palette Pinceaux, Fenêtre> Pinceaux ou appuyez sur F5 et créez un nouveau pinceau..
5. Lorsque vous créez des tourbillons, n'hésitez pas! Vous devez créer avec un mouvement fluide. Si ce n'est pas beau, recommencez. Vous pouvez toujours utiliser l'outil Lisser qui se trouve au même endroit que le crayon, juste sous l'outil Pinceau. Si vous avez une tablette à dessin Wacom, utilisez-la. Cela est très utile, car les tourbillons arrivent directement de votre main de cette façon.

Étape 4

Tous les objets ont encore des couleurs plates. C'est à mon avis un peu ennuyeux. Ajouter de la lumière et des ombres - à la fois intérieure et extérieure - rendra la pièce beaucoup plus attrayante. Et c’est quelque chose que vous pouvez faire de nombreuses façons différentes.

Tout d'abord, je commencerai par le plus simple, en utilisant un dégradé sur un objet. Définissez l’angle et la longueur du dégradé avec l’outil Dégradé (G). Nous n'avons pas à chercher une couleur plus claire. Utilisez plutôt une teinte plus claire de la couleur des objets.

Étape 5

Pour donner un éclairage et des ombres intérieures aux cercles est presque la même chose, sauf que vous dupliquez la forme, ajoutez un dégradé et réduisez l'opacité. Voir ce qui suit:

1. Créer un cercle.
2. Dupliquez le cercle créé. Ajouter un dégradé radial.
3. Réduisez l'opacité à environ 50%.

Étape 6

Pour éclairer les lignes, vous devez utiliser une méthode totalement différente. Vous pouvez travailler avec des dégradés, mais uniquement si la ligne est droite. Les gradients ne suivront pas les lignes. Et la façon que je vais expliquer est quand même plus facile:

1. Tracez une ligne avec l'outil Ligne.
2. Dupliquer la ligne, mettre la couleur du trait en blanc et réduire la largeur du trait à la moitié de ce qu’elle était..
3. Allez à Effet> Flou> Flou gaussien… La quantité de pixels dépend de la largeur du trait.
4. Redimensionnez la ligne blanche floue et déplacez-la un peu vers le haut ou le bas. En option, vous pouvez baisser l'opacité à 75%.
5. Quelques exemples supplémentaires indiqués ci-dessous.

Étape 7

Pour créer encore plus de profondeur entre tous les objets, j'ai donné une petite ombre à certains objets, voir ce qui suit:

1. Créer un cercle.
2. Dupliquez le cercle, donnez-lui une couleur de remplissage noire, placez-le sous le cercle d'origine et déplacez-le un peu.
3. Allez à Effet> Flou> Flou gaussien… La quantité de pixels dépend de la taille cette fois-ci. Abaisser l'opacité à 50%.

Étape 8

Une technique permettant de créer facilement des nuances intérieures consiste à utiliser des masques. Comme vous pouvez le faire dans Photoshop, simple et agréable:

1. Créer une forme.
2. Dupliquez la forme et changez la couleur de remplissage en noir. Aller à la fenêtre> Transparence. Créez un masque en cliquant deux fois sur l’emplacement vide situé à côté de la vignette de la forme..
3. Dessinez un rectangle à l'intérieur du masque et donnez-lui un dégradé de noir à blanc. Cliquez à nouveau sur la vignette de la forme et diminuez l'opacité.

Étape 9

Maintenant, nous allons ajouter des gouttes sur des endroits pour le rendre plus vivant:

1. Dupliquez le cercle, ajoutez un dégradé radial et mettez l'opacité à 45%.
2. Créez un goutte-à-goutte sous le cercle et donnez-lui un dégradé radial venant du haut..
3. Dupliquez le goutte à goutte, réduisez la largeur et ajoutez un dégradé de blanc venant de la gauche avec une opacité de 40%.
4. Créer un cercle pour la fin du goutte à goutte avec un dégradé radial blanc.

Étape 10

Maintenant que vous avez vu mes techniques, vous pourriez être capable de faire quelque chose comme l'image ci-dessous.

Étape 11

Je vais faire un peu plus d'explications sur quelques objets. Le dégradé de la ligne jaune sur le cercle magenta est assez facile à créer; vous avez seulement besoin de deux lignes de différentes largeurs, l'outil de fusion et un cercle.

1. Créer deux lignes avec une largeur différente.
2. Utiliser l'outil de mélange.
3. Appuyez sur Entrée pendant que les lignes mélangées et l'outil Mélange sont sélectionnés, afin de pouvoir modifier les préférences. Choisissez Étapes spécifiées pour l’espacement, et mettez le nombre sur environ 20..
4. Tracez un cercle au-dessus des lignes mélangées.
5. Sélectionnez le cercle et le mélange, puis sélectionnez Objet> Masque d'écrêtage> Créer. Ou appuyez sur Commande + 7.
6. Appuyez sur le chemin du masque de découpe et changez sa couleur.

Étape 12

Voici comment vous devez créer cette sphère magenta au milieu:

1. Créer un cercle et un triangle.
2. Dupliquer le cercle, ajouter un dégradé radial et baisser l'opacité.
3. Dupliquez à nouveau le cercle, ajoutez un dégradé radial, réduisez-le. Ensuite, ajoutez un flou gaussien et diminuez l'opacité.
4. Même chose avec le triangle; dupliquer, dégradé de blanc, réduire, ajouter un flou gaussien et baisser l'opacité.
5. Ajouter une ombre de la même façon que je l'ai expliqué précédemment.

Si vous travaillez avec le mode couleur CMJN, il est préférable de définir toutes les ombres du mode de fusion sur Multiplier. Si vous ne travaillez pas pour la conception d'impression et si vous la conservez uniquement pour la conception d'écran, vous n'avez pas à modifier toutes les ombres en Multiplier. Mettre le mode couleur sur RVB le résout immédiatement. Allez dans Fichier> Mode de couleur du document> Couleur RVB.

J'avais l'intention de l'imprimer alors je suis resté en utilisant CMJN. La raison pour laquelle j’ai dû mettre les modes de fusion sur Multiplier est que je n’ai pas utilisé le noir riche mais la clé. La touche Total n'est pas 100% noire, c'est la 4ème couleur du spectre CMJN. Il existe un nuancier préréglé de noir riche (mélange de cyan, de magenta, de jaune et de clé à 100%) dans Illustrator que vous pouvez également utiliser. Mais cela aurait été encore plus de travail de remplacer toutes les touches dans les gradients par un noir riche. Mettre les dégradés et les ombres avec Key sur Multiply fait aussi le travail, pour faire un noir plus réaliste.

Étape 13

Là où tous les tourbillons se rejoignent, j'ai créé une lumière blanche. Vous pouvez faire cela revient presque à créer une ombre. Créez un cercle blanc, faites un flou gaussien et réduisez l'opacité à environ 75%. J'ai fait un masquage noir sur le tourbillon où je ne voulais pas que la lumière soit.

Conclusion

Si vous souhaitez montrer votre pièce au public, vous pouvez la terminer en la plaçant dans Photoshop, en la peaufinant, en utilisant une texture et en créant un arrière-plan. Vous pouvez voir l'image finale ci-dessous ou voir une version plus grande ici.