Share
Dans ce didacticiel, nous allons explorer la commande "Moyenne" dans Adobe Illustrator et apprendre à l'utiliser d'une manière plutôt inhabituelle. Dans ce cas, nous allons créer des remous abstraits à l'aide de méthodes relativement simples et les appliquer à la frappe. Commençons!
Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.
La plupart d’entre vous connaissez probablement la commande Moyenne dans Adobe Illustrator. Ce n’est pas un outil très populaire, car il n’est utilisé que pour des besoins spécifiques. Cependant, aujourd’hui, nous allons explorer les calculs qui s’y trouvent et les utiliser pour créer des formes tourbillonnales surréalistes. La technique est assez simple, mais nous allons passer un peu de temps à la théorie car je suis un enseignant et j'aime expliquer et clarifier le tout..
Passons d'abord à la partie théorique. De cette façon, vous comprendrez mieux le mécanisme de l'outil "Moyenne" et les trois lois intégrales de la technique "Moyenne lissage abstrait" (ASAS) que j'ai récemment inventée. Cependant, si vous n'aimez pas beaucoup la théorie, vous pouvez passer directement à l'étape 6.
Quand utilisons-nous habituellement la commande Moyenne et que fait-elle? Je suis sûr que la plupart d'entre vous connaissent la réponse. La commande "Moyenne" est masquée sous le raccourci Commande + Alt + J ou dans le menu Objet> Chemin, et son travail consiste à amener les points d'ancrage sélectionnés… à droite, au point moyen qui les sépare. Cela semble assez simple, n'est-ce pas? En pratique, cette commande devient parfois une aide irremplaçable.
Par exemple, j'ai quelques chemins ouverts que je souhaite unir dans une seule forme, mais ils ne se touchent pas exactement (pour ceux qui veulent répéter la forme: créez un rectangle arrondi et supprimez les deux points inférieurs. Maintenant, appuyez sur R et maintenez la touche Alt enfoncée, puis entrez 72 degrés, copiez et entrez Commande + D trois fois pour effectuer une rotation, comme indiqué ci-dessous..
Dans ce cas, je ne peux pas simplement déplacer 5 formes l'une vers l'autre et rejoindre (Commande + J), car la symétrie sera perdue - mais les pétales de cette fleur doit être parfaitement égal, composant l'angle exact. Si je rejoins les chemins maintenant, le programme va tracer des lignes droites entre les points d'ancrage ouverts, ce qui n'est pas ce dont nous avons besoin.
Pour obtenir la forme composite parfaite, nous devons d’abord placer correctement les cinq chemins afin que les points ouverts se touchent. C'est à ce moment que la commande Moyenne devient utile! Nous venons de saisir l'outil de sélection directe (A), de sélectionner les extrémités de deux chemins voisins et de choisir Objet> Chemin> Moyenne. Dans la fenêtre sélectionnez tous les deux, appuyez sur OK, et le tour est joué - les points sont maintenant au même endroit!
Tout ce que nous avons à faire est de les rejoindre (Objet> Chemin> Rejoindre). Nous pouvons maintenant répéter cette étape quatre fois pour chaque paire de points de terminaison: en sélectionnant avec l'outil Sélection directe, puis appliquez Moyenne et Joindre. Mais pour économiser quelques secondes, je vous recommande de combiner ces deux commandes en un seul raccourci: Commande + Alt + Maj + J.
Nous savons maintenant que la commande Moyenne place les points d’ancrage au centre entre eux (quelle surprise!). Eh bien, vous pensez peut-être que c'est assez évident, mais allons plus loin. Essayons cette commande sur divers objets.
J'ai créé un rectangle et essayé la commande Moyenne (la forme doit être sélectionnée). Qu'avons-nous? En essayant les trois options de la commande, nous obtenons différents résultats: L'axe horizontal amène les points verticaux au centre, créant une ligne horizontale; L'axe vertical fait la même chose avec les points horizontaux; tous les deux les options d'axes résultent en un point central, ramenant tous les points au centre.
Le même résultat que vous obtiendrez avec un hexagone ou une étoile. Cela ne semble pas vraiment intéressant, mais cela aide à comprendre le fonctionnement de cet outil. Brisons-les en règles.
Règle 1: Les formes avec des points d'angle uniquement donneront toujours une ligne ou un point! Même si vous dessinez des formes asymétriques irrégulières avec l'outil Plume, tant qu'il n'a que des points d'angle, l'effet est identique..
Dessine une ellipse et faisons des expériences. Faites-en deux copies et essayez à nouveau la commande Moyenne avec les trois options. Comme vous le voyez, le résultat semble plus intéressant, créant des lignes courbes. Cela est dû aux points d'ancrage lisses des courbes de Bézier, où la direction finale de la courbe est contrôlée par des poignées..
Règle 2: Pour les courbes lisses, nous avons besoin de points lisses et les poignées sont très importantes pour obtenir cette douceur.!
Règle 3 pour la commande moyenne: les points d'ancrage des formes ne doivent pas être situés symétriquement, composant des lignes horizontales ou verticales.
Pour illustrer ce principe, prenons une ellipse de l'étape précédente et faites-la pivoter de 30 degrés à l'aide de l'outil Rotation (R). Sélectionnez votre ellipse, appuyez sur R et entrez la valeur 30. Maintenant, effectuons les mêmes manipulations - copiez deux fois et exécutez l'outil Moyenne..
Regarde la différence? Les deux axes les options n'ont pas beaucoup changé, mais les options horizontales et verticales ont créé de jolies formes courbes. Ce résultat est dû au positionnement des points d'ancrage. Dans l’étape précédente, les points de l’ellipse formaient des lignes verticales et horizontales et créaient maintenant un croisement asymétrique..
Eh bien, assez de théorie pour aujourd'hui! Je suis sûr que vous avez compris les trois règles de ASAS (moyennes formes abstraites lisses). Mettons en pratique ce que nous avons appris.
Créons un nouveau document dans Illustrator, 800px par 500px, en mode RVB. Créez l’arrière-plan à l’aide de l’outil Rectangle (M). Remplissez-le avec un dégradé radial allant du blanc au gris clair (# e6e6e6). Nommez ce calque "BG", verrouillez-le et créez-en un nouveau nommé "Tourbillons".
OK, commençons à faire le ASAS! Nous savons que Les deux axes Les options de la commande Moyenne amènent tous les points du centre à créer de petites formes. Alors, concentrons-nous sur la direction horizontale ou verticale pour les tourbillons courbes. Cependant, nous avons encore besoin des formes de base pour travailler. Ce que nous voulons, c'est une forme asymétrique avec des points d'ancrage lisses. Il y a de nombreuses façons de les créer.
Commençons par une simple étoile à 5 branches, sans remplissage et avec un trait noir. Pour convertir rapidement ses angles en points lisses, appliquons Filtre> Styliser> Coins arrondis - 10 points suffisent. Ce n'est toujours pas le bon moment pour appliquer la commande Moyenne, car les points de notre étoile se trouvent tous à la même distance du centre (bien que le résultat puisse déjà paraître intéressant).
Une fois votre étoile sélectionnée, saisissez l'outil Wrap (Maj + R) et déformez-le légèrement pour le rendre asymétrique. Essayez de le rendre un peu plus large en même temps. Vous pouvez maintenant appuyer sur Commande + Alt + J pour afficher la fenêtre Moyenne, puis choisir l’axe horizontal. Voila! Notre premier tourbillon est prêt!
Remarque: vous pouvez également essayer l'axe vertical et choisir celui qui vous convient le mieux. Mais nous n'avons pas besoin maintenant des options "deux axes"!
Créons maintenant une ellipse (L). Cette fois pour rendre la forme asymétrique, nous allons utiliser l'outil Twirl. Laissez toutes les options intactes et touchez votre ellipse plusieurs fois pour la transformer en une forme amorphe. Et maintenant, lancez la commande Moyenne et sélectionnez l’axe horizontal.
Pour la dernière forme, nous utiliserons une méthode simple. Prenez le crayon (N). Encore une fois, les options de l'outil importent peu, nous allons simplement dessiner une forme asymétrique avec elle. Pour fermer le chemin lors du dessin, maintenez la touche Alt enfoncée et cliquez. Et encore: Objet> Chemin> Moyenne> Horizontal. Maintenant, vous avez trois belles formes tourbillonnantes.
Maintenant, nous allons faire quelques ajustements et sauvegarder nos formes. Pour les trois formes, appliquez un trait gris moyen sans remplissage. Pour prolonger une forme, dupliquez le premier tourbillon et faites pivoter la copie de 180 degrés avec la flèche de sélection (maintenez la touche Maj enfoncée tout en faisant pivoter), puis alignez les deux pièces pour former un tourbillon plus long et les regrouper. Faites la même chose avec le deuxième tourbillon.
Avec le dernier tourbillon, effectuez à nouveau les mêmes manipulations que pour les deux premiers, dupliquez, faites pivoter et alignez. Nous allons également ajouter des points. Prenez l'outil Ellipse (L) et créez un petit cercle tout en maintenant la touche Maj enfoncée. Faites-en un gris moyen sans trait et positionnez-le près du tourbillon comme indiqué.
Dupliquez le cercle plusieurs fois et positionnez-le autour du tourbillon de manière à former environ 10 cercles autour de votre forme. Maintenant, sélectionnez tous les cercles tout en maintenant la touche Maj enfoncée, puis allez à Objet> Transformer> Transformer chaque (Alt + Maj + Commande + D) et entrez les valeurs suivantes:
Si vous aimez le résultat, appuyez sur OK. Sinon, essayez de modifier certains paramètres, tels que l'échelle ou le déplacement. Votre résultat devrait ressembler à l'image ci-dessous.
Maintenant, quand nos tourbillons seront prêts, nous en ferons trois brosses. Sélectionnez le premier tourbillon, accédez à la palette Formes (F5) et faites glisser la forme dans la palette. Sélectionnez Art brush dans la fenêtre que vous voyez ensuite. Comme votre tourbillon est horizontal, dans les options de styles artistiques, choisissez la direction horizontale (toutefois, si vous en avez créé une verticale, choisissez bien sûr la direction verticale). Sélectionnez la méthode de coloration Hue Shift. Nommez cette brosse "Swirl 1" et enregistrez-la.
Maintenant, votre pinceau nouvellement créé apparaîtra dans la palette des pinceaux. Faites la même chose avec deux autres formes, en les nommant "Swirl 2" (pour celle-ci, entrez 80% pour la largeur) et "Swirl 3" (entrez 150% pour la largeur et cochez Proportionnel)..
Nous arrivons maintenant à la partie la plus excitante de ce tutoriel, la construction de notre composition finale.
Faisons maintenant notre type. Verrouillez le calque "Tourbillons" et créez-en un nouveau nommé "Type". Saisissez l'outil Texte (T) et tapez votre texte. Il vaut mieux utiliser une police ronde sans empattement (j'ai utilisé Century Gothic Regular) et la taille de la police devrait être très grande (la mienne était de 130 points). J'ai choisi la phrase "I LOVE VECTOR", alors j'ai saisi "I VECTOR", car j'ajouterai plus tard un symbole représentant un cœur..
Convertissons le texte en chemin (Commande + Maj + O) et dissocions-le. Maintenant, plutôt que de travailler sur tout le texte, nous allons d’abord ajuster une lettre. Choisissez la lettre "I", faites-le sans remplissage et coup noir 1 pt. Cliquez sur le premier tourbillon dans la palette des pinceaux. Oh, enfin nous commençons à avoir un effet!
Maintenant, avec le "I" toujours sélectionné, accédez à la palette Apparence (Maj + F6) et choisissez un nouveau trait dans le menu déroulant. Avec le nouveau trait sélectionné, allez dans le panneau des pinceaux et sélectionnez "Tourbillonner 2." Maintenant, la lettre est encore meilleure!
Continuez et ajoutez le troisième trait du dernier pinceau tourbillonnant, celui avec des points. Maintenant, vous pouvez modifier les paramètres de chaque trait si vous le souhaitez. Lorsque vous atteignez l’effet qui vous convient, accédez au panneau Styles graphiques. Avec votre lettre sélectionnée, créez un nouveau style nommé "Black swirly type". Maintenant, vous pouvez sélectionner le reste du texte et appliquer le même style graphique aux autres lettres..
Notre type a l'air OK maintenant, mais vous remarquerez peut-être des zones instables créées par des angles. Vous devez vous rappeler que les angles ne sont pas bons pour les tourbillons, nous allons donc les réparer. Sélectionnez tout le texte et allez dans Filtre> Styliser> Coins arrondis, avec un rayon de 10 px suffira. Maintenant, votre type devrait être beaucoup plus joli!
Vous voudrez peut-être ajuster le crénage maintenant en déplaçant les lettres un peu pour qu'elles soient plus harmonieuses. Déplacez également la lettre "I" vers la gauche afin d'avoir suffisamment de place pour le cœur (n'oubliez pas d'appuyer sur Shift tout en vous déplaçant pour que la lettre soit correctement alignée sur la ligne de base)..
Pour créer le cœur, allumez les règles (Commande + R) et faites glisser un guide vertical entre les lettres "I" et "V". Prenez l’outil Plume et dessinons d’abord la partie droite de notre cœur, choisissons pas de remplissage et un trait rose de 1 point.
Cliquez sur le guide pour faire le point supérieur et faites glisser la poignée vers la gauche tout en maintenant Shift pour créer une boucle, puis cliquez sur le côté droit pour créer le point d'ancrage de droite. Enfin, cliquez sur le guide pour créer le point inférieur et faites glisser une poignée vers la droite tout en maintenant la touche Maj enfoncée pour obtenir des poignées parfaitement horizontales. Voir l'image ci-dessous pour référence, maintenant vous avez créé la moitié droite de votre coeur.
Avec une forme sélectionnée, prenez l’outil Reflect (O) et maintenez la touche Alt enfoncée, cliquez sur le guide, choisissez Vertical, puis cliquez sur Copier. Maintenant le coeur est prêt. Supprimer le guide maintenant. J'ai décidé de joindre deux moitiés dans le point inférieur uniquement: sélectionnez deux points inférieurs voisins avec l'outil de sélection directe (A) et appuyez sur Alt + Maj + Commande + J.
Nous allons maintenant répéter les étapes 16 à 17: ajoutez des traits à une partie de notre forme dans la palette Apparence et appliquez-lui des pinceaux tourbillonnants. Pour le cœur, j'ai choisi trois traits de 1 pt de rose, jaune et bleu avec les trois pinceaux appliqués.
Pour ajouter un joli détail à la composition, j'ai décidé de placer trois copies plus petites au-dessus de notre cœur de chaque couleur (rose, bleu et jaune). Bien qu'il soit possible de simplement copier l'objet trois fois, de le transformer et de supprimer les traits inutiles, je souhaitais conserver toutes les copies de cœur sous la forme d'un seul objet. Pour ce faire, sélectionnez un cœur et choisissez le premier trait dans le panneau Apparence. Maintenant, allez à Effet> Déformer et transformer> Transformer et entrez ces valeurs pour le premier trait:
Faites de même pour le deuxième trait avec les valeurs suivantes:
Et pour le troisième, entrez ce qui suit:
Maintenant, vous avez un joli détail, et les petits cœurs sont en fait des effets appliqués au majeur!
De plus, vous pouvez enregistrer les effets appliqués à la forme de cœur sous forme de style graphique, comme nous l'avons fait avec le type, et nommez-le "Cœur coloré en tourbillonnement". De cette façon, le même style peut être facilement appliqué à n'importe quelle forme en un seul clic!
Enfin, j’ai fait quelques ajustements mineurs, comme l’affinement des réglages du pinceau pour le type et le cœur et l’ajustement des traits à mon goût. Voici à quoi ressemble le résultat final.
Et c’est celui qui convient à ceux qui aimeraient ajouter plus de tourbillons - vous aimerez peut-être le cadre que j’ai créé. Créez un rectangle arrondi recouvrant presque toute la toile, découpez-le en quatre coins à l'aide de l'outil Ciseaux (C) et appliquez le style graphique que vous avez créé pour le type..
Vous pouvez ajuster un peu les paramètres du pinceau (j'ai supprimé le troisième coup de pinceau). Et devinez quoi je mets dans les coins? Ces fleurs asymétriques sont très simples à réaliser. Prenez n'importe quelle forme que nous avions utilisée pour faire un tourbillon à partir des étapes 8 à 10 et exécutez la commande Moyenne avec l'option Deux axes sélectionnée - puis copiez la forme pour la placer dans tous les coins.!
Dans ce didacticiel, nous avons appris la puissance de la commande Moyenne dans Adobe Illustrator et l'avons utilisée pour créer un bel effet de type swirly. J'espère que cela vous a inspiré, car cet effet peut produire des résultats intéressants et inattendus. Soyez juste créatif et amusez-vous à expérimenter!
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua