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

Ce que vous allez créer

Créer des textures intéressantes peut parfois être une tâche difficile et ennuyante, surtout si vous ne savez pas 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 vivant..

1. Comment configurer un nouveau fichier de projet

Comme toujours, commençons le projet en ouvrant Illustrator et en mettant en place un Nouveau document en allant à Fichier> Nouveau (ou Contrôle-N), que nous ajusterons comme suit:

  • Nombre de planches d'art: 1
  • Largeur: 1200 px
  • La taille: 600 px
  • Unités: Les pixels

Et de la Avancée languette:

  • Mode de couleur: RVB
  • Effets raster: Écran (72ppi)
  • Mode de prévisualisation: Défaut

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..

Alors ouvrez le Couches panneau et créer un total de deux couches, que nous renommerons comme suit:

  • couche 1: Contexte
  • couche 2: vases

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. Cela étant dit, assurez-vous de vous positionner sur la première couche et sautons-y directement!

Étape 1

En utilisant le Outil Rectangle (M), créer un 1200 x 600 px rectangle que nous colorierons avec # FF8269 puis alignez-vous au centre de l'Artboard sous-jacent à l'aide du bouton Aligner du panneau Horizontal et Centre d'alignement vertical options, en vous assurant que l’alignement est fait sur la planche d’art.

É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..

4. Comment créer le vase

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

Étape 1

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

Étape 2

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

Étape 3

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

Étape 4

Prenez quelques instants et décorez rapidement le vase en utilisant # 2A323D pour ses sections plus sombres et # FFE7C5 pour les plus légers, en veillant à les masquer en cas de besoin (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 la touche Contrôle-G raccourci clavier, avant de passer à l'étape suivante.

É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'un 160 px large, 2 px épais Accident vasculaire cérébral ligne (# 2A323D). Après regroupement (Contrôle-G) les deux ensemble, additionnez les instances restantes (Contrôle-C> Contrôle-F deux fois) que nous allons positionner à une distance de 160 px de l'original.

Nous avons donc pratiquement 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 les 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 la méthode Effet de grain, qui est en réalité dérivé de Photoshop.

Étape 1

Positionnez-vous sur le premier vase (ce serait le gauche), puis utilisez le Outil de sélection directe (A) sélectionnez les formes pour son corps et sa base, que nous copierons (Control-C) puis coller devant (Contrôle-F) où ils seront utilisés comme Masque d'écrêtage.

Étape 2

Puisque nous voulons que les deux formes se comportent comme une seule plus grande, nous devrons les transformer en un Forme composée en passant à ÉclaireurLe menu avancé de puis en cliquant sur le Faire la forme composée option.

Étape 3

Ensuite, nous voudrons appliquer un dégradé linéaire à la Forme composée, régler la couleur de la butée gauche en blanc (#FFFFFF) et celle de droite à la même valeur que celle utilisée pour nos sections les plus sombres (# 2A323D).

Étape 4

Une fois que nous avons appliqué le dégradé, nous pouvons ajouter la texture du grain en allant à Effet> Effets Photoshop> Texture> Grain, où nous voudrons régler le Type de grain à Pointillé puis ajustez le Intensité et Contraste niveaux jusqu'à ce que nous obtenons un résultat intéressant. Dans mon cas, je suis allé avec une valeur de 40 pour le Intensité et 50 pour le Contraste, ce qui me donne une texture assez lourde pour travailler avec.

Étape 5

En fonction du résultat, vous pouvez ajuster la position de la texture en ouvrant la Pente puis faites glisser le curseur supérieur vers la gauche pour ajouter plus de détails ou vers la droite pour les supprimer. Une autre chose que vous devriez toujours vous rappeler de faire est de définir le Opacité niveau de la couleur claire (dans notre cas, celle de gauche) à 0% (ou une valeur assez proche comme dix%) sinon le blanc finira par ruiner la texture.

Étape 6

Il ne reste plus qu’à mélanger notre texture à notre vase en ouvrant la Transparence panneau et choisir un Mode de fusion ça marche. Pour l'exemple actuel, je suis allé avec Recouvrir, qui, comme vous pouvez le constater, produit une belle et subtile transition entre la texture et le vase, ce qui est exactement ce que je veux. Selon le projet, vous pourriez vous retrouver avec un autre Mode de fusion et Opacité donc je vous recommande fortement de jouer avec eux jusqu'à ce que vous en trouviez un qui produit un effet intéressant.

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, passons 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 voudrions d’abord créer une copie du corps principal et du support du vase, que nous transformerons en un Forme composée que nous utiliserons plus tard comme Masque d'écrêtage.

Étape 2

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

Conseil rapide: 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 vous avez toutes les formes en place, tout ce que vous avez à faire est d’amener le Brosse panneau et, tous sélectionnés, il suffit de cliquer sur Nouveau pinceau, en veillant à définir le type de pinceau sur Brosse à dispersion. 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 étant dit, donnez-lui un nom personnalisé et appuyez sur D'accord, puisque nous allons affiner dans la prochaine étape.

Étape 4 

Si vous regardez de plus près à votre Des pinceaux panneau, 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 la 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 mis le Taille à Pression et abaissé son niveau à 28%. J'ai ensuite ajusté le Espacement à 40%, en s'assurant que le Dispersion est sur 0% et le Rotation mis à au hasard avec un -120º angle. Dernier point mais non le moindre, je me suis assuré de régler le Colorisation à Des teintes depuis que je veux être en mesure de changer la couleur de mon pinceau plus tard quand je dois.

É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 droit. En fonction de ce que vous essayez d’atteindre, vous pouvez ajuster la Poids du Accident vasculaire cérébral afin d'obtenir l'effet désiré. Puisque je voulais obtenir un résultat subtil, je l'ai abaissé à une valeur de juste 0,3 px.

Étape 6

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

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..

Cela étant 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, commençons par créer un Forme composée en utilisant une copie (Contrôle-C> Contrôle-F) de son corps et de sa base.

Étape 2

Avec le Forme composée sélectionné, ouvrez le Échantillons panneau, puis cliquez sur le bouton Bibliothèques Swatch menu et naviguez jusqu'à Motifs> Graphiques de base> Textures_Graphiques de base. Comme vous pouvez le constater, nous pouvons choisir parmi de nombreuses options, mais pour ce projet, nous allons utiliser celui appelé Ondulation.

Étape 3

Ensuite, tout ce que nous devons faire est d’ajuster la visibilité de la texture en définissant sa Mode de fusion à Recouvrir et abaissant sa Opacité à 60%, ce qui devrait nous donner un résultat final intéressant.

C'est un wrap!

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 reviendrai dès que possible.!

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é que je pourrais vous aider en partageant certaines de mes préférées avec lesquelles vous pouvez vous rendre chez Envato Elements..

Textures de demi-teintes vintage

Ce pack de demi-teintes comprend 10 vecteurs de haute qualité. EPS et PNG fichiers 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.

Textures de demi-teintes vintage par Envato Elements

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

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 bonne texture pour votre travail. Déposez facilement ces textures finement détaillées sur votre dessin et ajoutez-y plusieurs textures pour un look en détresse encore plus intense.

Textures Vintage Grit par Envato Elements

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

Textures peintes à la vague

Présenter 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.

Wave Painted Textures par Envato Elements

Exemple de Wave PaintedTextures appliqué sur des vases.

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 par Envato Elements

Exemple de textures à l'eau ridée appliquées sur des vases.

Textures Vintage en Tissu

Voici un ensemble de textures de tissu pleine page de haute qualité pour une bonne vieille saveur 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 dans tout programme utilisant les EPS ou transparent PNGs).

Textures Vintage en Tissu par Envato Elements

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

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 Opacité niveaux.

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 impliqués..

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 qui sont vraiment amusants et faciles à suivre..

  • Comment créer une illustration d'instantané de ville texturée dans Adobe Illustrator

    Apprenez à créer un instantané instantané d'une ville animée en n'utilisant que quelques formes et outils de base dans Adobe Illustrator..
    Andrei Stefan
    Illustration
  • Comment créer une illustration d'enlèvement par un étranger

    Apprenez à créer votre propre illustration sur l'enlèvement d'aliens, en utilisant votre imagination créatrice et quelques formes et outils dans Adobe Illustrator.
    Andrei Stefan
    Illustration
  • Comment concevoir une affiche de théâtre rétro dans Adobe Illustrator

    Créez une affiche hommage fantaisiste pour la production originale de la comédie musicale de Broadway "Once Upon a Mattress" (d'après le conte de fées de Hans Christian…
    Janie Kliever
    Conception de l'affiche
  • Nouveau cours: Textures personnalisées pour des illustrations rétro

    Dans ce court cours, l'illustratrice indépendante Ioana Sopov vous apprendra à mélanger les médias traditionnels avec la maîtrise numérique et à appliquer des textures personnalisées…
    Andrew Blackman
    Adobe Illustrator