Création d'une pièce Swinging 60s dans Adobe Illustrator CS5

Dans le tutoriel Premium d’aujourd’hui, vous apprendrez à utiliser le concept de base de dessin, inspiré du passé et du stock, puis à définir le vecteur d’un salon rétro. L'illustration finale comprend des textures vectorielles, une télévision, une chaise et un tissu plié à l'aide de dégradés et du magnifique panneau Apparence..

Aperçu de l'image finale

Vous pouvez trouver les fichiers source dans le répertoire intitulé «source» qui figurait dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer. Un aperçu de l'image finale est ci-dessous.



Détails du tutoriel

  • Programme: Adobe Illustrator CS5
  • Difficulté: Avancée
  • Temps d'exécution estimé: 4 heures+

introduction

Après avoir créé un look swing des années 60 avec l’un de mes précédents sujets de tutoriel de portrait, je voulais créer un espace de vie inspiré de la même décennie. J'adore l'utilisation audacieuse de la couleur dans ce décor d'époque.

Alors allons-y…


Étape 1

Bien que j'aie eu une idée très fondamentale de ce que je voulais dans ma chambre inspirée des années 1960, je devais créer un aperçu de ce à quoi je voulais ressembler et du placement des objets à l'intérieur. Je voulais une sorte de chaise en plastique, un téléviseur, un rideau, un tapis et éventuellement quelque chose sur le mur. Voici donc mon croquis extrêmement grossier que j'ai fait dans Photoshop.


À partir du croquis, je suis parti à la recherche de sièges en plastique à la recherche de chaises en plastique et je suis tombé sur une image inspirante que vous pouvez trouver ici. Il y a une superbe chaise, parfaite pour ce que je veux créer:


Et cela m'a également donné une excellente idée pour l'idée de "quelque chose sur le mur"… le motif est très années 60 et semble être quelque chose fait pour être recréé en vecteur!



Étape 2

Je vais commencer par vectoriser chacun des objets, puis les intégrer dans mon espace de vie. La première place est la chaise et je vais préparer mes calques comme d'habitude, avec un calque pour les images de référence et un autre pour un rectangle d'opacité à 50% (M) au-dessus, puis un calque séparé pour le " Bases ".



Étape 3

Je vais utiliser l'outil Plume (P) pour dessiner les deux zones de la chaise, puis créer un ombrage au-dessus. Je m'en tiens aux niveaux de gris, car je peux manipuler les couleurs ultérieurement à l'aide des modes de fusion..



Étape 4

Dupliquez la forme de base du siège réel, puis créez ce qui suit ci-dessous à l’aide du panneau Apparence et des dégradés radiaux transparents blanc cassé. La forme originale sera utilisée ultérieurement pour produire un masque d'écrêtage. J'ai tendance à éviter d'utiliser du blanc, car rien n'est purement blanc. J'ai défini chacune de ces formes sur Opacité 50%.



Étape 5

J'ai ajouté d'autres formes autour de la chaise pour les tons clairs avec le dégradé radial transparent et blanc cassé tout en maintenant l'opacité à 100%..


Ensuite, nous avons ajouté des dégradés radiaux, transparents, gris moyen pour l’ombrage. Ceux-ci sont réglés sur l'opacité 40%.



Étape 6

Je vais utiliser un pinceau à mélange d'art rond pour ajouter des traits blancs aux contours de la chaise. Vous pouvez créer les pinceaux de fusion utilisés dans ce didacticiel à partir de mon didacticiel sur les méduses. J'ai réglé ces traits sur Opacité 40%.



Étape 7

Je vais regrouper tous les éléments (Commande + G), puis utiliser la forme de siège d'origine pour créer un masque d'écrêtage (Commande + 7)..



Étape 8

Pour la base de la chaise, je vais utiliser une méthode similaire pour l'ombrage. Commencez par dupliquer la base, qui sera utilisée ultérieurement dans le masque de découpage, puis créez-la par le biais du panneau Apparence..



Étape 9

En ce qui concerne les gradients radiaux, transparents et gris de gris moyen, ils sont réglés sur Opacité 40%.


J'ai ensuite ajouté un dégradé radial transparent, blanc cassé pour un éclat sur le pied principal de la chaise. Ceci est réglé sur Opacité 80%.



Étape 10

Les pinceaux de mélange sont ensuite ajoutés aux traits pour la brillance de la base. Ce sont avec une couleur de trait blanc cassé et l'opacité 50%.


Ensuite, je les mets tous dans un masque d'écrêtage avec la forme d'origine de la base (Commande + 7)..



Étape 11

Maintenant que je vois toute la chaise ensemble, je vais y ajouter des détails. La première consiste à ajouter des traits de pinceau mélangés gris moyen et gris clair autour du siège pour améliorer la forme. Ceux-ci sont ensuite mis dans le groupe Clipping Mask.


La prochaine étape consiste à ajouter des traits légers autour de la couture de la chaise et à définir le bras à partir du dos de la chaise. Ceux-ci sont avec le pinceau de mélange et sont réglés sur Stroke Weight 0.1pt. Avec la couture qui se prolonge sur le devant, j'ai également inclus un trait gris moyen de 0,1 pt pour aider à le souligner..



Étape 12

Maintenant, travaillons sur le design du papier peint inspiré de l’image de stock. Je ne vais pas pour les panneaux de longueurs variées, mais plusieurs tiges de la conception. Je l'ai créé en tirant l'un des coins d'un cercle pair (L), puis en le dupliquant et en appliquant Objet> Transformer> Reflect> Horizontal..


À l'aide de l'outil Segment de ligne (\), j'ai tracé une ligne verticale d'épaisseur de trait de 7 pt entre les formes, puis Objet> Développé. Une fois cela fait, j'ai regroupé les trois formes (Commande + G).



Étape 13

Pour placer le fond d'écran, je vais utiliser Effets> Déformer et transformer> Transformer pour dupliquer l'élément et le "déplacer" verticalement, puis horizontalement. Les valeurs réelles que vous déplacez dépendent entièrement de la taille des formes que vous avez créées..



Étape 14

Je voulais trouver un poste de télévision d'aspect rétro et je suis tombé sur cette image. Cela m'a donné une idée différente de celle que j'avais déjà. Je vais d'abord l'installer dans le document après l'avoir recadré dans Photoshop..



Étape 15

Je vais d'abord créer le centre plastique de l'écran à l'aide du panneau Apparence. Commençant par un dégradé linéaire allant du noir au gris, puis Décalage du chemin pour -1 pt avec un remplissage noir. Cela donne l’impression d’un trait de 1 pt autour du rectangle (M) qui a un dégradé. J'ai répété la même chose pour donner une impression d'un autre contour de dégradé, puis j'ai fini avec 5 coins arrondis.


Les coins du plastique sont soulignés là où le plastique se plie. Je vais donc créer quatre nouveaux remplissages pour le plastique et appliquer un dégradé radial transparent, comme indiqué ci-dessous..



Étape 16

Il y a deux manières de modifier la forme du plastique. La première consiste à utiliser Objet> Distorsion d'enveloppe> Réinitialiser avec déformation (Alt + Maj + Commande + W) et dans le menu déroulant, je vais utilisez le style Gonfler. Je veux juste un léger pli et cela va avoir la valeur de "9".



Étape 17

J'ai utilisé une méthode similaire pour l'écran actuel du téléviseur, mais la valeur des angles arrondis est définie sur 20 pt. J'ai également gonflé la forme via le menu FX au bas du panneau Apparence..


J'ai utilisé la même méthode pour l'extérieur de la télévision et cette fois, j'ai ajouté une texture à l'intérieur. C’est l’une des textures par défaut que vous pouvez trouver dans les bibliothèques Swatch en sélectionnant Ouvrir une bibliothèque Swatch> Motifs> Graphiques de base> Textures de base et en sélectionnant le motif "USGS 21 Intricate Surface" pour donner une surface en plastique déformée.



Étape 18

Comme je le disais, l’image originale m’a inspiré à créer une télévision au look différent. Il s’agit d’un poste de télévision au look plus plastique situé dans une sphère sur un support allongé. Donc, pour créer la sphère, je vais utiliser à nouveau le panneau Apparence avec un cercle pair (L).

D'abord, remplissez-le d'un dégradé radial blanc à gris moyen, avec le centre dans le coin supérieur gauche. La raison en est que la source de lumière sur la chaise semble être dans cette direction.


Ajoutez maintenant un nouveau remplissage avec le même dégradé, mais modifié et avec le dégradé central. Ceci sera réglé sur Mode de fusion Couleur et Opacité 30%. Utilisez ces paramètres pour créer un nouveau style graphique pouvant être utilisé ultérieurement..



Étape 19

Le support de l'unité sera créé à l'aide de l'effet Effets> 3D> Révolution. Je vais donc commencer par créer la forme de la moitié du support et lui donner un remplissage blanc cassé. Je l'ai coloré en bleu ici pour le rendre plus facile à voir.


J'ai ensuite utilisé la perspective de la chaise comme guide pour estimer les angles du support et modifié la lumière de surface à l'aide de la section Autres options des Options de révolution 3D, comme indiqué ci-dessous..



Étape 20

J'ai créé trois boutons de gradient coniques en suivant un excellent tutoriel d'Iaroslav Lazunov. Utilisez le panneau Aligner sur Aligner verticalement afin qu'ils soient tous uniformes..



Étape 21

Pour terminer la télévision, j'ai ajouté trois formes avec un remplissage dégradé radial transparent et blanc cassé défini sur Écran en mode Fusion et Opacité à 30% pour donner une brillance légère à l'écran..



Étape 22

Maintenant, créez les rideaux / rideaux de la pièce. Je vais commencer par créer un simple mélange. J'ai déjà décidé que je voulais une chambre violette, alors je veux un tissu de teinture par immersion subtile pour les rideaux. Le dessus sera violet clair et le fond violet moyen..

Pour commencer, je vais tracer une ligne ondulée de poids de trait de 5 points avec l'outil Plume (P). Dupliquez la ligne puis déplacez-la vers le haut. Sélectionnez les deux lignes et créez un mélange (Commande + Maj + B). Lorsque vous accédez à l'objet> Fusion> Options de fusion, assurez-vous qu'il est réglé sur "Couleur lisse".


J'ai dupliqué le mélange, puis Objet> Développer et Objet> Développer l'apparence et utilisé Pathfinder> Unite pour créer une forme. Vous remarquerez peut-être que les bords comportent trop de points. J'ai donc superposé un rectangle (M) de chaque côté et utilisé Pathfinder> Moins avant pour découper les bords..



Étape 23

Avant de commencer l'ombrage sur les rideaux, je vais dessiner où je pense que la source de lumière est. Il semble que ce soit derrière la chaise, mais toujours à gauche.


Maintenant, définissez des guides pour les rideaux. J'ai dupliqué le mélange, puis publié, de sorte que je n'ai que les lignes du haut et du bas. En utilisant cela, j'ai utilisé l'outil de segment de ligne (\) pour créer des lignes verticales afin de me montrer l'emplacement des plis dans le tissu..



Étape 24

Il est important de noter que le haut des rideaux ne sera pas visible dans la composition finale. Je ne m'inquiète donc pas trop de leur apparence. Je suis plus concentré sur le fond. J'ai créé un dégradé avec un pourpre audacieux, un violet moyen à foncé et foncé pour suivre les courbes du tissu. J'ai utilisé les guides de pliage des tissus pour savoir où maintenir les transitions bien en couleur afin de créer un bord presque dur.

J'ai ensuite créé un nouveau remplissage et ajouté une autre texture graphique de base au-dessus du dégradé, appelée "Mezzotint irrégulier", pour donner un motif / une texture subtile au tissu..



Étape 25

J'ai placé le dégradé au-dessus de la forme en dégradé et je l'ai configuré en mode de fusion Lumière douce pour créer une légère altération de la couleur vers le bas. Pour accentuer la brillance des rideaux, j'ai ajouté trois lignes verticales violettes avec le pinceau de fusion défini sur Mélange des couleurs en mode Fusion, avec une opacité de 50%..

J'ai ensuite ajouté toutes ces formes à un masque d'écrêtage avec une copie de la forme en dégradé.



Étape 26

Maintenant, commencez à placer les objets pour la composition. J'ai utilisé l'outil Rectangle (M) pour créer des formes pour le sol, les plinthes, les murs et les papiers peints. J'ai utilisé toutes les teintes pourpres, mais cela changera plus tard.



Étape 27

Pour chacun des rectangles, j'ai ajouté les paramètres suivants du panneau Apparence:

Le tapis utilise le motif "USGS 21 Intricate Surface" pour la texture et j'ai utilisé des dégradés radiaux transparents pour créer une ombre pour les rideaux, le téléviseur et le fauteuil… mais j'ai ensuite supprimé l'ombre pour le téléviseur et le fauteuil..


La plinthe est un simple dégradé linéaire transparent qui crée une arête sur le dessus de l'embarquement..


Le mur a un dégradé qui crée une ombre douce du haut du mur et sous le papier peint encadré.


La section de papier peint elle-même a un cadre décalé de 10 pt et des dégradés pour créer l’impression d’un bord surélevé en haut et en bas..


Enfin, le motif au-dessus du papier peint est défini sur le mode de fusion Lumière dure et opacité à 90% pour permettre un subtil changement de couleur..



Étape 28

Je ne veux rien avoir d'autre sur le mur que le motif de papier peint, mais j'estime qu'il doit exister quelque chose d'intrus dans l'espace. J'ai décidé d'ajouter des antennes au téléviseur, avec le style graphique créé à partir de la sphère du boîtier du téléviseur au sommet des tiges..



Étape 29

Pour le tapis, j'ai dessiné une Ellipse (L) et utilisé les paramètres du panneau Apparence ci-dessous et inclus deux textures. Le premier est "Sticks" pour ajouter une surface globale duveteuse. J'ai ensuite redimensionné le motif (Objet> Transformer> Échelle et coché uniquement "Motif") à 80%. J'ai ensuite ajouté le motif "Croix" sur le dessus pour ajouter des reflets subtils au tissu..



Étape 30

Je suis retourné dans le panneau Apparence pour le tapis et modifié les ombres portées pour le téléviseur et la chaise, puis utilisé le dégradé pour une ombre subtile pour le dessous du tapis afin de mettre en valeur sa profondeur..



Étape 31

Comme toutes les surfaces sont violettes, je souhaite que cela se reflète dans les surfaces en plastique brillant de la télévision et du fauteuil. J'ai utilisé un pinceau violet moyen avec le pinceau pour ajouter des reflets sous les surfaces en plastique, puis les ai déplacés vers les groupes correspondants du masque d'écrêtage..



Étape 32

Pour créer une ombre, j'ai dessiné les formes de ce que je pense être l'ombre de la chaise et de la télévision avec l'outil Plume (P), puis je leur ai donné un remplissage noir. J'ai utilisé le pinceau de fusion avec un trait noir de 0,5 pt pour aider à rendre les bords flous, puis j'ai changé le mode de fusion en Multiplier et l'opacité à 30%..



Étape 33

Je souhaite donner une impression de vieilli à l'ensemble de la composition. Je vais donc commencer par ajouter le dégradé linéaire par défaut "Vert, jaune, orange" et le motif "Sticks" au-dessus de l'illustration. Ensuite, ci-dessous, j'ai utilisé la texture "Papier de soie 1" d'un pack Premium que j'ai paramétré sur Mode de fusion Assombrir, Opacité à 100% pour obtenir une texture légèrement déformée..



Conclusion

Après avoir modifié certaines des couleurs, j'ai décidé de faire correspondre les verts et le violet / rose pour les rendre audacieux, beaux et très années 1960!

J'espère que vous avez apprécié le tutoriel Premium d'aujourd'hui et que cela vous a inspiré pour créer votre propre salon des années 1960.