Utilisation d'effets raster surprenants avec des formes vectorielles

Les effets raster peuvent être facilement créés dans Illustrator. Voici trois exemples de ce que vous pouvez faire en combinant des outils vectoriels Illustrators et des pinceaux avec des effets de trame. Les possibilités sont infinies quand seule votre imagination est la limite.

Étape 1

Ouvrez un nouveau document Web. Prenez l'outil Etoile et dessinez une forme d'étoile comme sur l'image ci-dessous. Maintenant, utilisez l'outil Ciseaux pour cliquer sur chaque point, ce qui coupe l'étoile en douze segments.

Étape 2

À présent, tracez tous les segments de ligne à l’aide du pinceau que vous voyez ci-dessous dans le menu Bibliothèques de pinceaux> Artistique> Artistic_ChalkCharcoalPencil> Charcoal-Rough..

Assurez-vous que le tranchant du pinceau respecte les astuces de l'étoile. Sinon, double-cliquez sur le trait dans le panneau d'apparence pour ouvrir la fenêtre Options de trait et sélectionnez Retourner le long..

Étape 3

Sélectionnez Objet> Développer l’apparence et développez tous les segments, puis remplissez-les d’un dégradé linéaire allant du blanc (R = 255, G = 255 et B = 255) au violet (R = 147, G = 39 et B = 143).

Étape 4

Regroupez tous les segments de l'étoile, puis sélectionnez Effet> Flou> Flou gaussien, sélectionnez un rayon de 1 px et réduisez l'opacité à 90%..

Étape 5

Copiez et collez à l'arrière le premier groupe d'étoiles, allez à Objet> Transformation> Rotation et modifiez l'angle à 30 degrés, puis choisissez Objet> Transformation> Echelle et modifiez la valeur Échelle uniforme à 80%. Maintenant, changez le rayon du flou gaussien à 1,5 px et réglez l'opacité à 100%.

Étape 6

Copiez et collez dans le dos le premier groupe d'étoiles, allez à Objet> Transformer et redimensionnez à 60%, puis changez le rayon du flou gaussien à 2 px et réglez l'opacité à 100%..

Étape 7

Suivant Copier et coller à l'arrière le deuxième groupe d'étoiles, le redimensionner à 60% et modifier le rayon du flou gaussien à 2,5 px.

Étape 8

Continuez ainsi jusqu'à ce que vous pensiez que les formes suffisent. Commencez par diminuer le rayon du flou gaussien à chaque fois de 2,5 px (le dernier groupe défini ci-dessus) à 0,5 px pour chaque étape, jusqu'à obtenir le dernier avec 0, 5 px de flou gaussien ou même pas de flou.

Étape 9

Copiez et collez à l'arrière le deuxième groupe d'étoiles et redimensionnez à 150%, réglez la couleur de trait sur violet (R = 219, G = 44 et B = 219), puis allez à Menu Bibliothèques de pinceaux> Artistique> Artistic_Ink et utilisez Ink Spatter 2. caresser le groupe. Modifiez le rayon du flou gaussien à 6 px et réduisez l'opacité à 35%..

Étape 10

Copiez et collez à nouveau la deuxième forme d’étoile, réglez la couleur du trait sur violet (R = 161, G = 66 et B = 157), utilisez à nouveau le pinceau Dispersion d'encre 2 pour tracer le groupe et définissez le rayon du flou gaussien sur 4 px. Changez le mode de fusion en Color Dodge et réduisez l'opacité à 15%. Assurez-vous que ce groupe est au-dessus de celui créé ci-dessus, puis envoyez les deux derrière tous les groupes d'étoiles créés jusqu'à présent..

Étape 11

Nous avons fini avec le premier effet. Voici à quoi ressemble l'image finale.

Étape 12

Pour créer le deuxième effet, utilisez l’outil Rectangle et tracez un carré. Maintenant, allez à Effet> Distorsion & Transformation> Pucker & Bloat, et déplacez le curseur vers Bloat jusqu'à ce que vous obteniez la forme que vous voyez ci-dessous. Allez dans le menu Objet et développez l'apparence, puis cliquez sur Diviser dans le panneau Pathfinder. Maintenant, allez à nouveau dans le menu Objet et dissociez-vous pour obtenir quatre formes..

Étape 13

Définissez le poids de trait sur 0,75 pt dans le panneau de traits, puis allez au menu Bibliothèques de pinceaux> Bordures> Bordures_Décoratives et utilisez Pinceau festons pour tracer chaque forme..

Étape 14

Accédez au menu Objet et développez l’apparence pour chaque forme, dissociez-les, puis modifiez les couleurs de remplissage en blanc (R = 255, G = 255 et B = 255) et en vert (R = 140, G = 198 et B = 63) comme dans l'image ci-dessous.

Étape 15

Regroupez les quatre formes, puis sélectionnez Effet> Flou> Flou radial et définissez les valeurs comme indiqué..

Étape 16

Copiez et collez dans le dos le premier groupe, puis allez à Objet> Transformer> Échelle et sélectionnez 80%.

Continuez comme cela jusqu'à ce que vous pensiez avoir suffisamment de formes. À ce stade, le mien ressemble à ceci:

Étape 17

Copier et coller dans le premier groupe de formes (le plus grand). Maintenant, double-cliquez sur Flou radial dans le panneau Apparence et modifiez les valeurs comme indiqué. Réduire l'opacité à 50%.

Voici à quoi ressemble l'effet jusqu'à présent:

Étape 18

Suivant Mettez à l'échelle le premier groupe de formes quatre fois plus grand que le précédent, comme dans l'image ci-dessous, regroupez-les puis appliquez-les à l'ensemble du groupe Flou radial en utilisant les valeurs de l'image suivante:

Faites la même chose que ci-dessus pour créer les plus petites, mais en utilisant uniquement un groupe de deux formes.

Étape 19

L'effet vert est terminé et l'image finale est affichée ci-dessous.

Étape 20

Pour créer les formes et les effets orange, utilisez d'abord l'outil Étoile et tracez un triangle en appuyant sur la touche fléchée vers le bas du clavier, puis faites glisser le point supérieur pour le rendre plus long. Maintenant, allez à Effet> Distorsion & Transformation> Twist et réglez la valeur de l'angle comme indiqué.

Étape 21

Supprimez ensuite le point central affiché dans l'image, puis sélectionnez Objet> Développer l'apparence. Prenez l'outil Ciseaux et cliquez sur le point supérieur pour obtenir 2 chemins individuels..

Étape 22

Utilisez le même pinceau Charcoal-Rough (comme à l'étape 2) pour tracer les deux chemins. Maintenant, développez Apparence et remplacez le remplissage par un dégradé linéaire du blanc (R = 255, G = 255 et B = 255) à orange (R = 247, G = 147 et B = 30)..

Étape 23

Regroupez les deux formes par le haut, puis copiez et collez trois autres et placez-les comme indiqué. Maintenant, allez à Effet> Flou> Flou gaussien et définissez le rayon sur 2 px. Changez le mode de fusion en lumière dure et baissez l'opacité à 90%.

Étape 24

Copiez et collez dans le dos la forme que vous venez de créer, redimensionnez-la à 70%, abaissez le rayon du flou gaussien à 1,5 px et l'opacité à 80%.

Étape 25

Redimensionnez la forme, modifiez le rayon du flou gaussien à 2 px et réduisez l'opacité à 60%..

Étape 26

Faites la même chose jusqu'à ce que vous pensiez avoir suffisamment de formes et que vous soyez satisfait de l'apparence actuelle. J'ai redimensionné quatre autres formes et modifié le flou gaussien pour chacune, de 1,5 px à 1 px à 0,5 px jusqu'au dernier flou. Le mode de fusion et l'opacité restent les mêmes.

Étape 27

Copier et coller dans le premier groupe de formes (le plus grand). utilisez ensuite le pinceau Ink Spatter 2 pour tracer le groupe à nouveau, comme vous l’avez fait pour l’effet violet. Changez la couleur de trait en orange (R = 237, G = 28 et B = 36), changez le flou gaussien en 4,5 px et réduisez l'opacité à 15%..

Étape 28

Copiez et collez dans le dos le groupe le plus important, faites une rotation de 5 degrés, accédez au menu Bibliothèques de pinceaux> Artistique> Artistic_Ink, utilisez Ink Splash pour tracer le groupe et modifiez également la couleur de trait en orange (R = 255, G = 153 et B = 51). Réglez le flou gaussien sur 5 px et diminuez l'opacité à 15%. Envoyer les deux derniers effets derrière toutes les autres formes faites.

Étape 29

Copier et coller dans Retournez toutes les formes et les effets créés jusqu'à présent, regroupez-les, allez à Objet> Transformer> Faire pivoter et définissez la valeur de l'angle sur 45 degrés, puis redimensionnez-la à 80%..

Étape 30

Nous avons fini avec l'effet orange aussi. L'image finale est montrée ci-dessous.

L'image finale

Le travail est terminé. L'image finale des formes et des effets réalisés est montrée ci-dessous.

J'espère que ce tutoriel vous a plu et que vous avez appris de nouvelles approches pour combiner des effets de rendu avec des outils vectoriels dans Illustrator. Soyez créatif et jouez avec d'autres formes et pinceaux pour créer des effets plus intéressants.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.