Créer un effet de type cousu dans Adobe Illustrator

Dans ce didacticiel, vous apprendrez à créer un effet de type cousu. Vous allez créer des motifs géométriques simples, une brosse de motif et utiliser le panneau d’apparence pour créer l’aspect final. Commençons!


Étape 1

Ouvrez un nouveau document. J'ai choisi un format de portrait de 180x240 mm en mode RVB.


Étape 2

Nous allons commencer par créer un motif homogène. Pour ce faire, faites un carré de 10x10 mm et centrez-le sur la toile..


Étape 3

Le premier motif sera fait à partir de cercles. Pour ce faire, créez une ellipse de 4x4 mm et centrez-la également..


Étape 4

Nous voulons avoir un autre cercle plus petit dans le premier. Dupliquez le calque (Command + C et Command + F) et changez ses dimensions en 2x2 mm.


Étape 5

Maintenant, pour que le motif puisse être répété, copiez les deux cercles et placez-les dans le coin supérieur gauche du rectangle. Vous pouvez obtenir la position précise en sélectionnant d'abord le coin à l'aide de l'outil de sélection directe (A), puis copiez la position du point à l'aide du panneau Transformer au centre des deux cercles dupliqués. Puisque vous connaissez la taille de la toile et la taille du carré, la position sera x: 85 mm; et y: 125 mm.


Étape 6

Maintenant, dupliquez le carré 2 fois (Command + C et Command + F et Command + F). Sélectionnez le carré et l'un des cercles dans le coin. Utilisez le panneau Pathfinder pour croiser les deux formes.


Étape 7

Faites la même chose avec le deuxième cercle et le carré dupliqué. Regrouper les deux quarts des cercles.


Étape 8

Dupliquez le groupe de quart, retournez-le horizontalement et alignez-le avec le carré qui reste sur le côté droit du carré (pas la toile). Sélectionnez les deux quarts et dupliquez-les. Maintenant, retournez-les verticalement et alignez-les avec le bas du carré.

Maintenant, vous devriez avoir une forme carrée, deux cercles au centre et huit quarts des cercles au milieu.


Étape 9

Maintenant, je vais colorier le motif en quelque chose de plus attrayant que les niveaux de gris. Ouvrez le panneau Nuancier et accédez à Ouvrir une bibliothèque de nuances> Rétro (il s’agit d’un nuancier CS2, je l’ai copié manuellement dans mon dossier CS3). Vous pouvez bien sûr choisir l’échantillon de couleur de votre choix ou choisir vos propres couleurs..

Les couleurs fonctionnent mieux lorsque vous avez un contraste entre les formes. J'ai utilisé un bleu vif à côté d'un jaune très pâle. De cette façon, les deux couleurs ne se fondront pas et vous feront mal aux yeux. Même chose pour le rose au centre.


Étape 10

Ouvrez le panneau Nuancier et faites-y glisser le groupe. Maintenant vous avez votre premier motif. Pour le vérifier, créez simplement une nouvelle forme et appliquez le motif en tant que remplissage. Si tout va bien, vous avez terminé votre premier motif.

Notez que AI affiche parfois des "trous" dans l'aperçu. Une fois le fichier exporté ou sauvegardé pour le Web, tout sera parfaitement rempli.


Étape 11

Le motif que vous avez créé est décalé car nous avons déplacé un quart du cercle vers les coins du carré. Si vous ne le souhaitez pas, supprimez les quarts et faites glisser uniquement le carré et les cercles vers le panneau Nuancier..

Dans mon exemple (ci-dessous), j'ai également changé les couleurs, car je veux utiliser ce motif plus tard..


Étape 12

Vous pouvez utiliser le même flux de travail ci-dessus pour créer des motifs avec des carrés au lieu de cercles.

Pour créer un motif rayé, créez un carré. Dupliquez le carré et changez sa largeur ou sa hauteur en utilisant le panneau de transformation ou faites-le simplement glisser. Faites autant de rayures que vous voulez.

Avec un peu de créativité et de logique, vous pouvez maintenant créer le motif de votre choix. J'ai créé quelques exemples de modèles ci-dessous.

Vous voudrez peut-être consulter d'autres tutoriels sur la création de modèles transparents ici sur Vectortuts + pour plus d'inspiration et d'instructions:

  • Astuce: créer un motif sans couture en losanges
  • Comment faire un motif de papier peint fleuri à toute épreuve

Création du motif pinceau

Je veux créer l'apparence d'un texte cousu. Je pourrais utiliser un contour pour le faire, mais j'ai décidé de créer un pinceau à motif pour lui donner plus de profondeur..


Étape 13

Créez un carré (je choisis 2 mm) et centrez-le sur la toile. Supprimer tous les remplissages et les contours de ce rectangle. Créez maintenant une ellipse de même hauteur que le rectangle, mais de largeur inférieure. Remplissez-le de noir et sans contour.


Étape 14

La largeur du rectangle définit la quantité d'espace entre les "points" uniques ultérieurement. Pour une meilleure vue, permutez Affichage> Contour. Vous serez en mesure de voir les contours de toutes les formes, même si elles n'ont pas de trait ou de remplissage.


Étape 15

Regrouper les deux formes. Avec ces derniers toujours sélectionnés, créez un nouveau motif de pinceau en cliquant sur la nouvelle icône de pinceau dans le panneau des pinceaux. Changez la méthode de colorisation en teintes et vous avez terminé.


Créer le type

C’est là que j’arrête de me préoccuper de chiffres et de faire des illustrations à main levée. J'ai commencé à dessiner des lettres avec l'outil Crayon. J'ai une tablette à stylet, ce qui facilite les choses. Mais comme je veux que les lettres soient un peu disquettes, une souris fonctionne très bien.


Étape 16

Je préfère travailler avec des chemins qui ne se ferment pas automatiquement. À la place, je sélectionne les 2 points ouverts à l'aide de l'outil Sélection directe et les associe à l'aide du raccourci Commande + J. Vous pouvez également dessiner les lettres à l'aide de l'outil Plume. C'est ce que j'ai finalement fait pour obtenir des formes plus précises pour les lettres.


Étape 17

Je ajusterai les lettres à la forme que j'aime utiliser l'outil Plume plus tard, de toute façon. Si vous ne vous sentez pas bien dessiner les lettres à main levée, vous pouvez toujours dessiner sur papier et tracer un scan de votre croquis. Je ne vais pas vous dire à quoi ressemblent les lettres. Une fois satisfait de l'apparence des lettres, vous pouvez passer à l'étape suivante..


Ajout du style de calque au type

Nous avons terminé nos préparatifs et pouvons maintenant commencer à tout mettre ensemble.


Étape 18

Sélectionnez l'une des lettres que vous avez créées. Ouvrez le panneau Apparence et sélectionnez le remplissage, puis choisissez un motif pour cette lettre..


Étape 19

Ensuite, vous sélectionnez le contour et utilisez le pinceau de motif créé précédemment. Vous pouvez jouer avec la couleur et la largeur du trait jusqu'à ce que cela vous convienne. J'ai choisi une largeur de trait brun foncé et 1 pt pour mes lettres.


Étape 20

Nous voulons donner à la lettre un aspect plus textile. Utilisez Ajouter un nouveau remplissage dans le panneau Apparence. Vous pouvez le faire en cliquant sur l'icône dans le panneau Apparence. Celui-ci sera rempli avec un motif Illustrator standard.

Accédez au panneau Nuancier et utilisez Ouvrir la bibliothèque d'échantillons> Motif> Graphiques de base> Textures graphiques de base. J'ai sélectionné le motif "Toile de jute" pour mon nouveau remplissage. Définissez ce remplissage sur Lumière douce et sur Opacité à 40% sur le panneau de transparence..


Étape 21

Pour donner plus de profondeur à la lettre, je vais lui appliquer une ombre portée. Allez dans Effets> Styliser> Ombre portée et utilisez ce paramètre..


Étape 22

Nous allons maintenant sauvegarder l'apparence de la lettre. Accédez au panneau Apparence et assurez-vous qu'aucun des contours ou des remplissages ne sont sélectionnés. Puis ouvrez le panneau Styles graphiques et créez un nouveau style.


Étape 23

Sélectionnez les autres lettres et choisissez le style nouvellement créé.


Étape 24

Vous pouvez maintenant modifier le remplissage du motif pour chaque lettre en sélectionnant une seule lettre, sélectionner le remplissage du motif dans le panneau d'apparence et choisir un motif dans votre panneau de nuances. Jouez avec un motif pour chaque lettre jusqu'à ce que vous soyez satisfait de leur apparence.


Étape 25

Disposez les lettres de manière à vous sentir à l'aise. J'aime les mettre dans le tiers supérieur de la toile.


Ajout d'un fond

On a presque fini! Pour compléter notre mise en page, nous allons maintenant créer un paramètre d’arrière-plan pour le type.


Étape 26

Dessinez un rectangle de la taille de la toile et remplissez-le d'un vert clair.


Étape 27

En utilisant le panneau d’apparence, ajoutez un nouveau remplissage et appliquez un dégradé selon un angle de 90 °.


Étape 28

Définissez le remplissage en dégradé sur Lumière douce et Opacité à 50%..


Étape 29

Ajoutez un autre remplissage en utilisant la structure que nous avons utilisée sur les lettres et réglez-le sur Soft Light à 40% d'opacité..


Image finale

Vous pouvez ajouter autant d'éléments que vous le souhaitez à la mise en page. Je vais ajouter une petite ligne de texte et nous avons terminé.