Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Textures
Design

Comment créer une texture aquarelle dans Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

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

Final product image
What You'll Be Creating

Soyez tendance avec des textures aquarelles dans Adobe Illustrator ! Dans ce tutoriel que nous allons créer nos propres textures aquarelles avec un simple set d'aquarelle, modifier nos images dans Adobe Photoshop et appliquer les textures dans Adobe Illustrator à l’aide de deux techniques différentes.

Vous pouvez également jeter un œil aux textures ou aux fonts dessinées à la main pour compléter certains des designs utilisés dans ce tutoriel de Envato Market.

1. Créez les textures aquarelles

Étape 1

Commençons avec les fournitures dont vous aurez besoin ou que vous pouvez utiliser pour créer des textures aquarelles :

  • Des peintures aquarelles
  • Du papier aquarelle
  • Un pinceau doux
  • Une tasse d’eau

Personnellement, je pense que des projets comme ceux-ci n’exigent pas les outils les plus sophistiqués. Vous pouvez créer d'amusantes textures aquarelles à partir d’un ensemble de fournitures d’art pour enfants ou des peintures Winsor & Newton. Ci-dessous, vous verrez les fournitures que j’avais dans ma boîte à outils pour la peinture.

Collect materials for watercolor painting

Étape 2

Mettez un peu d’eau sur votre brosse, trempez-la dans un plateau à aquarelle et commencez à peindre. Jouez avec la transparence et la saturation. Faites de grandes flaques d’eau ou des petites zones de nuages de couleur. Vous ne pouvez pas vraiment vous tromper en expérimentant l’aquarelle comme ça !

Start painting with your watercolors

Étape 3

Si vous peignez avec un pinceau humide sur une portion humide du papier, vous verrez votre aquarelle se répartir et créer d'amusants dégradés sur votre papier. N’hésitez pas à tamponner ou à épongez vos aquarelles avec un essuie-tout ou de donner un léger coup de brosse sur votre papier pour faire une texture d’éclaboussures.

Paint onto wet paper or create puddles of color

Étape 4

Superposez différents degrés de saturation de couleurs sur votre papier et jouez avec d’autres couleurs. Laisser une partie de votre peinture sèche et continuez de peinture jusqu'à ce que vous ayez des zones de couleur que vous aimez.

Add other colors and shapes into your designs

Étape 5

Créez des textures d'aquarelles sur autant de pages que vous le souhaitez. Lorsque vous êtes satisfait de vos choix de couleur et du design, laissez votre papier sécher complètement avant de passer à la section suivante de ce didacticiel.

Create as many pages of watercolor textures as you want

2. Éditer les Textures

Étape 1

Numérisez vos textures et importez-les dans Adobe Photoshop. Alternativement, vous pouvez prendre une photo. Puisque mon scanner est un peu vieux, il ne rend pas le papier aussi blanc que j’en ai besoin pour ce projet. Nous allons modifier cela.

Scan and import your watercolort extures

Étape 2

Pour lutter contre le jaunissement du papier, allez dans Image > Réglages > Niveaux et ajustez soigneusement les niveaux du jaunissement autour de vos projections d'aquarelle. En général, j’ajuste le curseur gris à gauche et le curseur blanc vers la droite.

Adjust the levels of your image

Étape 3

Maintenant que vos textures aquarelles sont lumineuses et propres, enregistrez votre fichier sous le format JPG haute résolution et importez-le dans Adobe Illustrator.

Save and import your image into Adobe Ilustrator

3. Faire des vecteurs de textures

Étape 1

Importez votre texture aquarelle dans un nouveau document Adobe Illustrator et ouvrez le panneau Vectoriser l’image. Pour le Mode, sélectionnez Couleur et pour la Palette, sélectionnez Ton plein. Cliquez sur Aperçu et patientez un peu.

Image Trace to get a vector watercolor texture

Étape 2

J’ai zoomé sur mon résultat de vectorisation ainsi vous pouvez voir les objets vectoriels un peu mieux. C’est un moyen remarquablement facile de convertir des textures de vrais médias en vecteur sans les recréer dans Adobe Illustrator à la main.

A zoomed in version of the watercolor texture

Étape 3

Vous pouvez également limiter la quantité de détails dans le résultat de votre recherche en choisissant Limité (à gauche en-bas) pour votre Palette au lieu de Ton plein (à droite en-bas). Cela vous donnera un look plus vectorisé et une taille de fichier réduite.

Décomposez votre texture aquarelle et Dissociez-la pour utiliser l’Outil Lasso (Q) pour sélectionner une section de votre texture. Copiez (Ctrl + C) et collez (Ctrl-V) la texture sur un Nouveau calque dans le panneau Calques. Cachez les autres textures de sorte à être uniquement focalisé sur votre section copiée. Associez (Ctrl-G) la texture ensemble.

A comparison between watercolor textures

4. Créer un Style graphique

Étape 1

Les styles graphiques sont fantastiques. Ils vous permettent d’appliquer facilement toutes sortes de modèles, effets, etc. avec un simple clic. Ils vont main dans la main avec des Actions pour accélérer votre processus dans Adobe Illustrator.

Sélectionnez votre groupe de texture et, dans le panneau des Motifs, créez un Nouveau motif. Réglez la Largeur et la Hauteur des limites du motif afin que la texture se chevauche. Dans le panneau Aspect, définissez le Mode de fusion du groupe à Produit. Lorsque vous êtes satisfait des chevauchements et des répétitions, cliquez sur Terminé.

Puisque c’est une texture vecteur complexe, vous pouvez constater qu’il faut du temps pour faire le modèle. J’ai tendance à tricoter tandis que ma machine réalise ma création. L'enregistrement de sécurité aide à ne pas être anxieux à propos d'Adobe Illustrator qui pourrait planter.

Create a simple pattern

Étape 2

Vous trouverez votre modèle nouvellement formé dans le panneau Nuancier. Appliquez-le à une forme de rectangle simple. Ouvrez le panneau Styles graphiques et, avec le rectangle étant sélectionné, faites Nouveau Style graphique. Cela vous permet de conserver tout ce que vous mis en place dans le panneau Aspect et de l'appliquez rapidement et facilement à n’importe quel objet sans avoir à refaire le modèle et ses autres attributs. Veillez à enregistrer votre Style graphique afin de pourvoir y accéder depuis n’importe quel document.

Create a graphic style

Étape 3

Nous allons tester un texte avec le nouveau Style graphique. À l’aide d'une police script amusante, j’ai écrit une de mes phrases favorites de l'artiste Alyssa Edwards. Vous pouvez trouver des polices de caractères similaires dans la section police de Envato Market.

Tapez votre texte avec l’outil de Texte (T) et Décomposez (objet > décomposer) votre texte en texte vectorisé. Appliquez votre Style graphique nouvellement créé. Prenez des notes des façons d’améliorer votre modèle ou le style, si besoin.

Easily apply your graphic style

5. Créer un design typographique

Étape 1

Nous allons faire quelque chose d’un peu plus intéressant que l’application d’un Style graphique à une police simple. Esquissez une composition typographique. Envisagez d’utiliser le script, serif et sable-serif comme exemples pour votre écrit à la main.

Alternativement, vous pouvez organiser le texte comme vous le voyez au lieu de faire un autre design. J'ai fait le design illustré ci-dessous dans Adobe Photoshop et l'ai importé dans mon document Adobe Illustrator. Jouez avec une variété de styles de lettrage et de compositions avec la citation de choix. Si vous n’utilisez pas de tablette graphique, vous pouvez aller aux designs de polices pré-faits pour ce tutoriel.

Create some fun typographic compositions

Étape 2

Sur un nouveau calque, utilisez l’Outil Pinceau Goutte d'Eau (Maj-B) pour redessiner en douceur votre design. Faites votre possible pour renforcer votre ligne et garder les lignes droites et les courbes droites.

Carefully draw smooth text designs

Étape 3

Variez la largeur de votre typographie. C’est là où regarder des exemples d’autres typographie vous aidera à décider quelles parties de chaque lettre doit être épaisse ou mince. Expérimentez les deux et voyez de quel façon change votre design.

Use thick and think lines in your design

Étape 4

Continuer à travailler sur votre composition. Si vous trouvez que votre dessin n’était pas juste, vous pouvez ajuster votre contenu maintenant. Alternativement, vous pouvez également utiliser d'autres outils de dessin, tels que l’outil Plume (P), afin de retracer votre croquis.

Continue redrawing your text design

Étape 5

Pour les plus grandes sections de lettre, décrivez le contour tout d’abord puis remplissez chaque forme. Accélérez votre processus en utilisant l’Outil Shaper (Maj-N) pour remplir dans les sections. Dessinez tout simplement un gribouillis entre objets et ils se rempliront comme vous pouvez le voir ci-dessous.

Use the shaper tool to fill in objects

Étape 6

Lorsque vous avez terminé votre texte, supprimez votre couche de croquis et sélectionnez vos nouvelles formes de texte. Fusionnez ces formes dans la fenêtre Pathfinder, en veillant à les développer en une forme Composée. Comme nous l’avons fait avant, n’hésitez pas à appliquer votre Style graphique à votre design nouvellement créée.

Apply your graphic style to the newly created design

6. Créez un masque d’écrêtage

Étape 1

Comme méthode alternative au Style graphique, vous pouvez Créer un masque d’écrêtage (Ctrl-7) pour appliquer votre texture. Comme nous l’avons fait en vue de créer le modèle, sélectionnez une partie de la texture de votre Image tracée avec l’Outil Lasso et Copiez-la.

J’ai décidé de séparer les textures d'aquarelles en plusieurs documents donc mon document de travail n'utilisait pas beaucoup de mémoire sur ma machine.

Select your texture

Étape 2

Collez votre texture dans votre document de travail. J’ai mis la couleur de remplissage de mon texte à gris clair pour que la texture qui le chevauche soit facilement visible. Définissez le Mode de fusion de la texture à Produit, dans la fenêtre Transparence.

Overlap your text with your watercolor texture

Étape 3

Répétez ce processus de collage des sections de texture d'aquarelle sur votre texte. N’hésitez pas à les remettre à l’échelle, à les tourner et à les placer de la meilleure manière selon vous.

Overlap your text with various color and textures

Étape 4

Lorsque vous êtes satisfait avec le placement de vos textures, Regroupez-les au-dessus de votre design. Assurez-vous également que le du design de votre texte soit couvert avec la texture. Vous ne voulez pas des lettres entières disparaissent lorsque nous ferons notre Masque d’écrêtage.

Group together your watercolor textures

Étape 5

Copiez et Collez le design de votre texte au-dessus de votre groupe de texture d'aquarelle. Cachez votre design original de texte dans le panneau Calques. Sélectionnez les deux et faites un Masque d’écrêtage en appuyant sur Ctrl-7. Si vous trouvez que vous souhaitez modifier ou ajouter du contenu à votre Masque d’écrêtage, ouvrez simplement le panneau Calques et sélectionnez des portions de votre groupe au sein du Groupe d'écrêtage pour les réorganiser dans votre Plan de travail ou même ajouter de nouvelles textures en les faisant glisser dans le groupe.

create a clipping mask and adjust its contents

Bravo, vous avez fini !

Jouez avec les textures d'aquarelles autant que vous le souhaitez. Que vous souhaitiez créer un Style graphique ou un Masque d’écrêtage, vous disposez des options pour appliquer votre texture ainsi que d’autres éléments comme les éclaboussures d'aquarelle ou les textures supplémentaires.

Vous pouvez partager vos créations dans la section commentaire ci-dessous ! Que vous ayez créé chaque élément vous-même ou utilisé des ressources d'Envato Market dans votre composition, nous voulons les voir !

The final design
Advertisement
Advertisement
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.