Comment créer un cadre de fenêtre en bois avec des rideaux dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, vous apprendrez à utiliser l'outil Mesh et le plug-in Mesh Tormentor dans Adobe Illustrator pour créer une fenêtre vectorielle en bois avec des rideaux.!

Si vous souhaitez ignorer le didacticiel et utiliser ce t-shirt avec beaucoup d'autres superbes motifs, achetez le cadre de fenêtre en bois avec rideaux de GraphicRiver!

Cadre de fenêtre en bois avec des rideaux

Avant de commencer ce tutoriel, vous devez installer le logiciel Tormentor à mailles brancher. Allez sur le site Mesh Tormentor et téléchargez le plug-in gratuit Mesh Tormentor qui correspond à votre version d'Illustrator. Décompressez ensuite l'archive reçue, fermez Adobe Illustrator et copiez le fichier .aip dans le dossier "Extensions" de votre disque d'installation local. (Par exemple, c’est le C: \ Program Files \ Adobe \ Adobe Illustrator CS6\ Plug-ins \ Extensions dossier sur mon ordinateur.) 

Ouvrez à nouveau Adobe Illustrator et accédez à Fenêtre> Tormentor.

1. Comment dessiner les rideaux

Étape 1

Nous allons commencer par un simple Engrener!

Tracez un long rectangle blanc et étroit (environ 160 px de large et 7 px de hauteur). Puis prenez le Outil de maillage (U), et, en cliquant sur le bord supérieur de la forme, créez une rangée à l'endroit indiqué.

Créez deux autres nœuds pour que le maillage soit identique à celui de notre première sous-étape. Ensuite, sélectionnez les deux nœuds de la rangée du milieu et colorez-les avec # E7E7E7.

Continuez pareillement. Le code couleur hex est toujours au-dessus des nœuds qui doivent être colorés!

Vous aurez besoin de ces couleurs:

  1. # E7E7E7
  2. #AFAFAF
  3. # E7E7E7
  4. # C9C9C9
  5. #AFAFAF
  6. #BDBDBD
  7. #ADADA
  8. # C3C3C3

Étape 2

Maintenant que la base en filet de notre rideau est terminée, il suffit de l’étirer vers le bas pour créer un rideau grandeur nature (environ 670 px dans la taille).

Ensuite, prenez le Outil de déformation (Maj-R) et double-cliquez dessus pour faire apparaître la Les options. Définissez-les en conséquence:

  • Largeur: 150px
  • Hauteur: 450px
  • Angle: 0 °
  • Intensité: 50%
  • Détail: 2
  • Simplifier: 50

Maintenant, en utilisant le Outil de déformation, plier la partie inférieure du rideau vers la gauche.

Étape 3

Utilisez les mêmes options en modifiant uniquement la hauteur du pinceau. 650 px, et tendez la partie supérieure du rideau vers la gauche.

Étape 4

Met le Opacité du rideau à 80%.

Étape 5

Créez une copie miroir de notre rideau (Objet> Transformer> Refléter).

2. Comment créer la texture en bois

Étape 1

Pour cette étape, téléchargez la pièce jointe dans la barre latérale du didacticiel et ouvrez plank.jpg dans Adobe Illustrator. Créer une copie de l'image raster.

Prenez l'un des exemplaires, allez à Fenêtre> Trace d'image, et tracez la texture du bois avec ces réglages:

  • Mode: noir et blanc
  • Seuil: 95
  • Chemins: 50%
  • Coins: 75%
  • Bruit: 25px
  • Créer: remplit
  • Options: Ignorer le blanc, Aligner les courbes sur les lignes

Sélectionnez le résultat et allez à Objet> Développer l'apparence.

Étape 2

Changer la couleur de la texture en # 5B350C, ses Mode de fusion à Multiplier, et Opacité à 20%.

Étape 3

Créez un rectangle de la même taille que le raster. Aller à Objet> Créer un filet de dégradé et utilisez les paramètres suivants:

  • Lignes: 30
  • Colonnes: 4

Étape 4

Voici où Tormentor à mailles entre en jeu. Si ce n'est déjà fait, installez-le (consultez le début du didacticiel) et ouvrez-le via Fenêtre> Tormentor.

Placez la grille de maillage au-dessus de l'image raster. Sélectionnez les deux objets et cliquez sur l'icône "Mona Lisa" dans le menu. Tormentor à mailles panneau pour colorer notre maille comme la planche.

Étape 5

Prenez le Outil de déformation (Maj-R) encore une fois, en utilisant ces paramètres:

  • Largeur: 150px
  • Hauteur: 50px
  • Angle: 0 °
  • Intensité: 30%
  • Détail: 2
  • Simplifier: 7

Déplacez les lignes de Engrener pour les déformer un peu, juste comme dans l'image.

Étape 6

Pour créer des nœuds dans le bois, saisissez quelques nœuds Mesh et faites-les glisser vers la gauche (ils sont sélectionnés dans la capture d'écran ci-dessous), puis colorez-les tous avec # 89521C.

Étape 7

Maintenant, prenez la texture que nous avons faite dans Étape 2 et placez-le sur le dessus de la planche!

3. Comment créer la fenêtre

Étape 1

Maintenant que notre planche de bois est terminée, allongez-la et créez un cadre de fenêtre à partir de quatre planches.!

Étape 2

Prenez une copie d'une des planches et rétrécissez sa largeur. Ensuite, dessinez une forme identique en taille. Colore le avec # 5B350C, et changer sa Mode de fusion à Multiplier et Opacité à 70%.

Enfin, placez la nouvelle forme sur la planche pour l’assombrir. je recommande Regroupement les deux objets en les sélectionnant et en appuyant sur Contrôle-G.

Étape 3

Dessinez maintenant une forme légèrement plus petite avec des bords inclinés en haut et en bas. Déplacez-le sur la planche et, en sélectionnant les deux objets, clic-droit. Choisir Faire masque d'écrêtage dans le menu déroulant.

Étape 4

Créez le cadre intérieur de la fenêtre à partir des petites planches.

Étape 5

Placez les planches intérieures dans l’étirement du cadre et redimensionnez-les au besoin..

Étape 6

Pour la prochaine planche, nous devrons dessiner un maillage pour le superposer. Vous aurez besoin de ces couleurs:

  1. # BAA5A1
  2. #FFFFFF
  3. # D4C7C5
  4. # 947770

Étape 7

Définir l'objet Mode de fusion à Multiplier et Opacité à 70%.

Étape 8

Réduisez légèrement la hauteur de la planche, puis superposez la maille dessus. Ça va être Planche 1.

Étape 9

Créer Planche 2 en réduisant simplement la hauteur de la planche d'origine.

Étape 10

De même, créez Planche 3.

Étape 11

Pour commencer à travailler Planche 4, réduire considérablement la taille.

Étape 12

Créez une forme identique à superposer (# 876D5B Couleur, 70% d'opacité, Multiplier) et placez-le sur le dessus. Ensuite, dessinez une forme avec des bords légèrement inclinés et appliquez une Masque d'écrêtage à la planche.

Étape 13

Dessinons Planche 5!

Prenez le morceau de bois d'origine et redimensionnez-le, comme indiqué ci-dessous. Puis faites-le pivoter un peu. Ensuite, tracez un contour incliné et appliquez-le comme Masque d'écrêtage.

Étape 14

Prenez une forme identique, remplissez-la avec # D6BFB9, et colorez son coin supérieur gauche en blanc. Changer son Mode de fusion à Multiplier, et le superposer au-dessus de Planche 5.

Étape 15

Pour Planche 6, suivez les mêmes instructions que dans Étape 13, juste utiliser une forme différente.

Étape 16

terminer Planche 6 de la même manière que le précédent.

Étape 17

Commencer à faire Planche 7 en prenant un long morceau de bois et en créant une autre superposition, cette fois colorée avec # CEA365 et en utilisant Multiplier et 60% d'opacité.

Étape 18

Faites pivoter cette planche et appliquez une Masque d'écrêtage en utilisant un contour incliné.

Étape 19

Maintenant, vous pouvez créer un cadre de fenêtre! Assemblez l'objet par les nombres. Redimensionnez les planches si nécessaire.

Étape 20

Enfin, créez un autre cadre de fenêtre en utilisant Objet> Transformer> Refléter avec l'original.

Étape 21

Ajuster les deux fenêtres à l'intérieur du grand cadre!

4. Comment créer le Windowsill

Étape 1

Last but not least, créons un rebord de fenêtre pour aller avec notre fenêtre!

Prenez la planche d’origine et doublez sa largeur d’abord Réfléchissant il Horizontalement, puis en joignant les deux pièces ensemble.

Étape 2

Créez un contour de rebord de fenêtre pour notre planche nouvellement jointe et appliquez-le comme Masque d'écrêtage.

Étape 3

Maintenant, faisons un point culminant! Nous aurons besoin de deux formes de la même taille un rempli d'un Radial blanc à noir Pente, et un autre rempli de # F7F7F7.

Étape 4

Placer le Pente au-dessus du cercle gris.

Puis ouvrez le Transparence panneau(Fenêtre> Transparence) et, après avoir sélectionné les deux formes, appuyez sur Faire masque dans le panneau.

Étape 5

Si le résultat ne ressemble pas au mien (je l’ai placé sur un fond gris pour plus de visibilité), décochez la case Inverser le masque dans le panneau.

Étape 6

Libération la Masque d'écrêtage sur le rebord de la fenêtre, placez le surbrillance sous le contour et appliquez le Masque d'écrêtage encore!

Étape 7

Créer le bord du rebord de la fenêtre avec une copie de Planche 1 en le rendant plus long et plus étroit.

Étape 8

Compléter le rebord de la fenêtre!

Étape 9

La seule chose qui reste est l'ombre! Dessine deux formes, une de couleur avec # 545454, et l'autre blanc. Placez la forme grise sur le dessus et changez la forme blanche Opacité à 0%.

Étape 10

Aller à Objet> Fusion> Options de fusion et sélectionnez Étapes spécifiées, 30.

Ensuite, sélectionnez les deux formes et utilisez Objet> Mélange> Marque.

Étape 11

Placez le rebord de la fenêtre et l'ombre.

Étape 12

Fixez les rideaux sur le dessus.

Étape 13

Si vous souhaitez placer une scène derrière la fenêtre, vous pouvez consulter ce tutoriel:

Une fois l’arrière-plan terminé, il vous suffit de "découper" la partie que vous souhaitez afficher à l’aide d’un Masque d'écrêtage.

Travail impressionnant, vous êtes maintenant fait!

Et maintenant? Vous pouvez essayer n'importe lequel de mes autres tutoriels de mon profil, ou consulter mon portfolio sur GraphicRiver, ainsi que le vecteur original que nous avons recréé dans ce tutoriel..

J'espère que vous avez apprécié le tutoriel et que vous serez très heureux de voir les résultats dans les commentaires ci-dessous!

Cadre de fenêtre en bois avec des rideaux