Advertisement
  1. Design & Illustration
  2. Textures
Design

Comment créer différentes textures vectorielles à l'aide d'Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

French (Français) translation by Ahmad Fauzan (you can also view the original English article)

Final product image
What You'll Be Creating

Créer des textures intéressantes peut parfois être une tâche difficile et ennuyeuse, surtout si vous ne savez pas exactement par où commencer.

Depuis que je suis là-bas, je voulais vous aider en construisant ce petit tutoriel qui vous montrera trois méthodes différentes, faciles à apprendre et à maîtriser.

Alors, si cela semble intéressant, rejoignez-moi pour apprendre à créer un vase décoratif simple et à utiliser des textures pour le rendre plus vivant.

1. Comment configurer un nouveau fichier de projet

Comme toujours, démarrons le projet en ouvrant Illustrator et en créant un nouveau document en allant dans Fichier> Nouveau (ou Control-N), que nous ajusterons comme suit:

  • Nombre de planches: 1
  • Largeur: 1200 px
  • Hauteur: 600 px
  • Unités: Pixels

Et à partir de l'onglet Avancé:

  • Mode de couleur: RVB
  • Effets raster: écran (72ppi)
  • Mode de prévisualisation: Par défaut
setting up a new document

2. Comment configurer les calques

Une fois que nous avons créé notre nouveau document, nous souhaitons le superposer de manière à pouvoir séparer nos vases (que nous utiliserons comme support pour les différentes textures) de l’arrière-plan.

Ouvrez le panneau Calques et créez un total de deux calques que nous renommerons comme suit:

  • couche 1: fond
  • couche 2: vases
setting up the layers

3. Comment créer le fond

Avec le document entièrement en couches, nous pouvons maintenant commencer à travailler sur le projet actuel et nous le ferons en créant un arrière-plan. Ceci dit, assurez-vous de vous positionner sur la première couche et de vous y plonger!

Etape 1

À l'aide de l'outil Rectangle (M), créez un rectangle de 1200 x 600 pixels que nous colorierons à l'aide de #FF8269, puis que nous alignerons au centre de la planche graphique sous-jacente à l'aide des options Alignement horizontal et Vertical du panneau Align, en vous assurant que l'alignement est bien effectué. à l'Artboard.

creating and positioning the background

Étape 2

Avec le fond en place, nous pouvons maintenant verrouiller le calque actuel et passer au suivant, où nous commencerons à travailler sur nos petits vases.

locking the background layer

4. Comment créer le vase

En supposant que vous vous soyez déjà positionné sur la deuxième couche, commençons par travailler sur les vases décoratifs sur lesquels nous allons afficher nos textures.

Étape 1

Commencez par créer la section inférieure du corps du vase à l’aide d’un cercle de 128 x 128 pixels, que nous colorierons à l’aide de #FFE7C5, puis centrer sur le grand tableau d’art en le positionnant à 178 pixels de son bord inférieur.

creating the main shape for the lower section of the vase

Étape 2

Ajoutez la forme principale de la section du cou en utilisant un rectangle de 24 x 88 px (#FFE7C5) et la base en utilisant un rectangle arrondi de 48 x 8 px (#FFE7C5), que nous allons positionner comme dans l’image de référence.

adding the neck and base section to the center vase

Étape 3

Ouvrez le tracé de la moitié supérieure du cercle et de celle du bas du rectangle, en les réunissant dans une seule forme plus grande à l'aide du raccourci clavier Ctrl-J, en veillant à ajuster la transition entre le col et le bas du corps, comme indiqué dans l'image de référence. .

adjusting the shape of the center vase

Étape 4

Prenez quelques instants et décorez rapidement le vase en utilisant #2A323D pour ses sections les plus sombres et #FFE7C5 pour ses parties les plus claires, en veillant à les masquer où vous le souhaitez (formes souhaitées sélectionnées> clic droit> Make Clipping Mask). Une fois que vous avez terminé, sélectionnez et regroupez toutes ses formes en utilisant le raccourci clavier Control-G, avant de passer à l'étape suivante.

adding details to the center vase

Étape 5

Une fois que nous avons fini de travailler sur le vase, nous pouvons maintenant ajouter la ligne de premier plan à l’aide d’une ligne Stroke d’une largeur de 160 px et d’une épaisseur de 2 px (#2A323D). Après avoir regroupé (Control-G) les deux ensemble, ajoutez les instances restantes (Control-C> Control-F deux fois) que nous allons positionner à une distance de 160 px de l'original.

creating the remaining vases

Nous avons donc à peu près fini de travailler sur nos toiles vierges (les vases), ce qui signifie que nous pouvons maintenant passer à la partie qui intéresse la plupart d'entre vous et voir comment nous pouvons leur ajouter des textures à l'aide de trois méthodes.

5. Comment ajouter des textures en utilisant l'effet de grain

La première méthode, et ma préférée, utilise l’effet de grain, dérivé de Photoshop.

Étape 1

Positionnez-vous sur le premier vase (celui de gauche), puis à l'aide de l'outil Sélection directe (A), sélectionnez les formes pour son corps et sa base, que nous copierons (Control-C) puis collons au premier plan (Control -F) où ils seront utilisés comme masque d'écrêtage.

creating the clipping mask for the grain effect texture

Étape 2

Puisque nous voulons que les deux formes se comportent comme une seule plus grande, nous devrons les transformer en forme composée en allant dans le menu avancé de Pathfinder, puis en cliquant sur l’option Créer une forme composée.

creating the compound shape

Étape 3

Nous souhaitons ensuite appliquer un dégradé linéaire à la forme composée, en définissant la couleur de la butée de gauche sur blanche (#FFFFFF) et celle de la droite sur la même valeur utilisée pour nos sections plus sombres (#2A323D).

creating the gradient for the grain effect texture

Étape 4

Une fois que vous avez appliqué le dégradé, vous pouvez ajouter la texture du grain en allant dans Effet> Effets Photoshop> Texture> Grain, dans lequel vous souhaitez définir le type de grain sur Pointillé, puis ajuster les niveaux d’intensité et de contraste jusqu’à obtenir un résultat intéressant. résultat. Dans mon cas, je suis allé avec une valeur de 40 pour l'intensité et de 50 pour le contraste, ce qui me donne une texture assez lourde pour travailler.

adjusting the settings of the grain effect

Étape 5

Selon le résultat, vous pouvez ajuster la position de la texture en ouvrant le panneau Dégradé, puis en faisant glisser le curseur supérieur vers la gauche pour ajouter des détails ou vers la droite pour les supprimer. Une autre chose à ne pas oublier est de régler le niveau d'opacité de la couleur la plus claire (dans notre cas, celle de gauche) sur 0% (ou une valeur suffisamment proche de 10%), sinon le blanc finira par endommager la texture .

adjusting the position of the grain texture

Étape 6

Tout ce que nous devons faire maintenant, c'est mélanger notre texture à notre vase en ouvrant le panneau Transparence et en choisissant un mode de fusion qui fonctionne. Pour l'exemple actuel, je suis allé avec Overlay, qui, comme vous pouvez le constater, produit une belle et subtile transition entre la texture et le vase, ce qui correspond exactement à ce que je veux. Selon le projet, il se peut que vous utilisiez un mode de fusion et un niveau d'opacité différents. Je vous recommande donc vivement de les utiliser jusqu'à ce que vous en trouviez un qui produit un effet intéressant.

choosing a blending mode for the grain effect texture

6. Comment créer des textures en utilisant un pinceau à pointillé personnalisé

Une fois que nous avons fini d'ajouter de la texture à notre premier vase, passez au deuxième, où nous verrons comment créer un pinceau à pointillé, puis l'utiliser pour décorer notre deuxième toile.

Étape 1

Comme nous l’avions fait avec la méthode précédente, nous voudrons d’abord créer une copie du corps principal et du support du vase, que nous transformerons en une forme composée que nous utiliserons plus tard comme masque de découpage.

creating the clipping mask for the stipple brush texture

Étape 2

Ensuite, nous devons créer le pinceau personnalisé en traçant deux cercles de tailles différentes (#000000) affichés dans une formation circulaire (surlignés en vert), en positionnant les plus petits vers l’extérieur et les plus grands à l’intérieur.

creating the main shapes for the stipple brush

Petit conseil: comme vous pouvez le constater, j'ai créé un nouveau document afin que mes éléments de pinceau ne chevauchent pas les vases, mais vous pouvez également le faire sur le même fichier de projet, à condition de faire attention.

Étape 3

Une fois que toutes les formes sont en place, tout ce que vous avez à faire est d’afficher le panneau Pinceau et, toutes sélectionnées, de cliquer simplement sur Nouveau pinceau, en veillant à définir le type de pinceau sur Scatter Brush. Une nouvelle fenêtre devrait s’ouvrir vous permettant d’ajuster certains de ses paramètres, mais pour l’instant, laissez-les tels quels car vous ne pourrez pas prévisualiser les modifications. Cela dit, attribuez-lui un nom personnalisé et cliquez sur OK, car nous allons l’ajuster à la prochaine étape.

creating the custom stipple brush

Étape 4

Si vous examinez de plus près le panneau Pinceaux, vous devriez maintenant voir le pinceau à pointillé personnalisé que nous venons de créer, que vous devez sélectionner puis utiliser pour tracer une ligne horizontale à l'aide de l'outil Pinceau (B). Cela nous aidera à avoir un aperçu de tous les changements que nous allons apporter à ses différentes options.

Dès que vous avez la ligne, vous pouvez revenir au panneau et double-cliquer sur la brosse, ce qui devrait ouvrir une nouvelle fenêtre, où vous pouvez ajuster ses différentes fonctionnalités et les prévisualiser en direct.

Dans mon cas, j’ai réglé la taille sur Pression et abaissé son niveau à 28%. J'ai ensuite ajusté l'espacement à 40%, en m'assurant que le Scatter est à 0% et que la rotation est définie sur Aléatoire avec un angle de -120 °. Enfin et surtout, je me suis assuré de régler la colorisation sur Teintes, car je veux pouvoir changer la couleur de mon pinceau plus tard, au moment opportun.

fine tuning the custom stipple brush

Étape 5

Une fois que j’ai fini d’ajuster mon pinceau, je peux retourner dans mon fichier de projet et l’utiliser pour ajouter de la texture sur les côtés de mon vase en utilisant #000000 pour son côté gauche et #FFFFFF pour son côté droit. En fonction de vos objectifs, vous pouvez régler le poids du trait afin d’obtenir l’effet souhaité. Puisque je voulais obtenir un résultat subtil, je l'ai abaissé à une valeur de seulement 0,3 px.

adding texture to the second vase using the stipple brush

Étape 6

Une fois que vous êtes satisfait du résultat, il vous suffit de positionner la forme composée sous-jacente devant la texture (clic droit> Arranger> Amener au premier plan), puis de l'utiliser comme masque d'écrêtage (formes souhaitées sélectionnées> droit cliquez sur> Make Clipping Mask) afin de le contraindre à la surface du vase.

masking the custom stipple brush texture

7. Comment créer des textures en utilisant des échantillons de motifs

Notre troisième et dernière méthode est une méthode que vous n'avez probablement jamais pensé à utiliser. C'est pourquoi je voulais vraiment la souligner, car elle est extrêmement facile à utiliser et vous donne des résultats vraiment intéressants.

Ceci dit, placez-vous sur le dernier vase et voyons de quoi je parle!

Étape 1

Comme nous l'avons fait avec les méthodes précédentes, commencez par créer une forme composée en utilisant une copie (Control-C> Control-F) de son corps et de sa base.

creating the clipping mask for the pattern swatch texture

Étape 2

Une fois la forme composée sélectionnée, ouvrez le panneau Nuancier, puis cliquez sur le menu Bibliothèques de nuances et naviguez jusqu'à Patterns> Basic Graphics> Basic Graphics_Textures. Comme vous pouvez le constater, nous pouvons choisir parmi de nombreuses options, mais pour ce projet, nous allons utiliser celui appelé Ripple.

applying the swatch pattern texture to the third vase

Étape 3

Ensuite, il suffit d’ajuster la visibilité de la texture en définissant son mode de fusion sur Superposition et en abaissant son opacité à 60%, ce qui devrait nous donner un résultat final intéressant.

choosing a blending mode for the swatch pattern texture

C’est un tour!

Voilà, collègues accros à la texture: un tutoriel simple et agréable sur la création de textures pour vos différents projets à l'aide de trois méthodes différentes.

Comme toujours, si vous avez des questions, n'hésitez pas à les poster dans la section commentaires et je vous recontacterai dès que possible!

finished project preview

Besoin de plus de textures?

Étant donné que le processus de création d'une collection de textures personnalisées peut prendre beaucoup de temps, j'ai pensé pouvoir vous aider en partageant certaines de mes préférées avec celles que vous pouvez obtenir sur Envato Elements.

Textures de demi-teintes vintage

Ce pack de textures en demi-teintes comprend 10 fichiers EPS et PNG vectoriels de haute qualité, dérivés de photos haute résolution. Ces textures capturent la sensation des impressions de la vieille école et vous rappellent le jour où vous pourrez facilement repérer les textures en demi-teinte des impressions. Ils peuvent fournir une sensation authentique et classique à presque tous les projets. Cliquez sur la vue agrandie de chacune des images du produit pour mieux voir les détails.

vintage halftone textures by envato elements
Textures de demi-teintes vintage par Envato Elements

Exemple de textures de demi-teintes Vintage appliquées sur des vases.

vintage halftone textures vase example

Textures Vintage Grit

Cette collection authentique offre une sensation vintage d'autrefois avec une variété de textures allant du grain très subtil au grain plus épais, de sorte que vous puissiez trouver la texture adaptée à votre travail. Déposez facilement ces textures finement détaillées sur votre conception et ajoutez plusieurs textures à une conception pour un look en détresse encore plus intense.

vintage grit textures by envato elements
Textures Vintage Grit par Envato Elements

Exemple de textures à grain vintage appliquées sur des vases.

vintage grit textures vase example

Textures peintes à la vague

Présentant une collection unique de textures de vagues peintes à la main avec un look percutant. Cette collection est parfaite pour les projets nécessitant un fond abstrait avec une touche dramatique.

painted wave textures by envato elements
Wave Painted Textures par Envato Elements

Exemple de Wave PaintedTextures appliqué sur des vases.

wave painted textures vase example

Textures de l'eau ridée

Des textures haute résolution pour tous vos projets. Ce pack comprend huit textures Rippled Water pour les photographes, les graphistes et les créatifs qui vous aideront à créer des cartes, des arrière-plans, des bannières ou d’autres projets.

rippled water textures by envato elements
Rippled Water Textures par Envato Elements

Exemple de ridée eau Textures appliquées sur les vases.

rippled water textures vase example

Textures Vintage en Tissu

Voici un ensemble de textures de tissu pleine page de haute qualité pour un bon vieux goût vintage. L'ensemble couvre une gamme de tissus allant des variétés de denim au tissu de t-shirt standard. Chacune de ces textures peut être utilisée dans Photoshop ou Illustrator (ou tout programme utilisant Vector EPS ou PNG transparent).

vintage fabric textures by envato elements
Textures Vintage en Tissu par Envato Elements

Exemple de textures de tissu vintage appliquées sur des vases.

vintage fabric textures by envato elements

Maintenant, même si les textures ci-dessus ont été créées en utilisant des méthodes différentes de celles présentées dans cet article, vous les appliquerez de la même manière, en les positionnant d'abord sur la forme souhaitée, puis en les masquant, en vous assurant de jouer avec couleurs, modes de fusion et niveaux d'opacité.

Conclusion

Comme vous l'avez vu, le processus de création et d'utilisation de textures vectorielles personnalisées n'est pas si difficile, surtout lorsque vous maîtrisez les outils et les méthodes.

Bien que nous n’ayions aujourd’hui exploré que trois des différentes méthodes disponibles, vous serez étonné de tout ce que vous pouvez réaliser avec ces techniques simples.

Cela étant dit, vous pouvez toujours développer vos compétences en texturation en consultant ces tutoriels incroyables, vraiment amusants et faciles à suivre.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.