Comment créer une illustration d'intérieur rétro dans Adobe Illustrator

Ce que vous allez créer

Nous avons tous parfois une nostalgie du passé: des personnes que nous connaissions, des endroits ou des choses. Vivant dans une ère numérique de haute technologie, nous pouvons rater quelque chose comme un pichet à l'ancienne ou un vieux jouet que vous possédiez dans votre enfance. Parce que tu te souviens encore de la façon dont il a été brisé et que tu veux toujours pleurer. Juste ne pleure pas maintenant, j'ai encore besoin de toi pour réussir ce tutoriel!

Essuyez vos larmes et pensez à… quelque chose comme… comme une télévision rétro posée sur un meuble. Je vais vous montrer comment créer une telle illustration en utilisant des formes de base, des effets de distorsion et le chemin de décalage.

À propos, GraphicRiver a une bonne collection d’articles rétro, alors n'hésitez pas à consulter sa collection.

1. Comment créer le téléviseur rétro

Étape 1

Ouvrir Adobe Illustrator et créez un nouveau document (Fichier> Nouveau) avec 850 x 850 px Largeur et la taille. Nous allons commencer à créer une forme de télévision. En utilisant le Outil Rectangle Arrondi, Créez un rectangle arrondi gris clair. Définissez la couleur de remplissage comme indiqué dans l'image ci-dessous. Vous n'avez pas besoin de la couleur de trait pour votre rectangle, elle est seulement là pour une meilleure visibilité..

Nous appliquerons ensuite l’effet Gonfler à ce rectangle arrondi. Aller à Effet> Warp> Gonfler. Entrez les options que vous voyez ci-dessous. Développer cette forme (Objet> Développer l'apparence).

Étape 2

Nous allons maintenant créer une copie plus petite du rectangle arrondi transformé placé exactement au centre de celui-ci. Tout en conservant la forme sélectionnée, allez à Objet> Chemin> Chemin décalé, entrez le nombre négatif -9, et appuyez sur D'accord. Vous obtiendrez une copie plus petite de la forme devant l'original. Changer la couleur de cette copie comme indiqué dans l'image.

Créez ensuite une copie plus petite de cette forme. Sélectionnez la deuxième copie et à nouveau, allez à Objet> Chemin> Chemin décalé, et entrez le nombre négatif -4. Changer la couleur de la copie plus petite en gris foncé.

Et enfin, en utilisant la même méthode, faites la plus petite copie de la forme, qui aura le chemin de décalage -2. Vous devriez avoir quatre formes au total.

Étape 3

Créons maintenant l'écran pour le téléviseur. Créez une copie de toute forme grise et placez-la devant. Réduisez la taille et changez la couleur en une nuance plus foncée. Créez ensuite une copie plus petite de cette forme: sélectionnez la forme, allez à Objet> Chemin> Chemin décalé, et entrez le nombre négatif -2. Changer la couleur de la copie créée en gris bleuâtre.

Étape 4

Donnons plus de volume à notre écran de télévision. Créez une ellipse en utilisant le Outil Ellipse (L), qui chevauche la forme bleuâtre. La couleur de cette ellipse n'a pas d'importance, car elle est utilisée comme cutter. 

Faites maintenant une copie de la forme bleuâtre à l’avant (Control-C, Control-F) et, tout en la maintenant sélectionnée avec l'ellipse superposée, appuyez sur la touche Minus Front bouton sur le Éclaireur panneau. Cette action nous laisse avec la partie de l'ellipse en face de l'écran bleuâtre. Enfin, changez la couleur de la partie supérieure de l'écran en une couleur plus claire..

Étape 5

Ajoutons un haut-parleur à notre téléviseur. Créez un petit cercle gris foncé (pour un cercle pair, utilisez la commande Outil Ellipse (L) tout en maintenant le Décalage clé). Sélectionnez ce cercle et en tenant le Décalage et Alt clés, faites-le glisser vers la droite. De cette façon, vous créerez une deuxième copie du cercle, qui sera alignée horizontalement. 

Lorsque le cercle nouvellement créé est sélectionné, appuyez sur la touche Contrôle-D les boutons trois fois de plus pour répéter l'étape précédente et créer un groupe de cercles à la même distance les uns des autres. 

Maintenant, sélectionnez la ligne de cercles et tout en maintenant le Décalage et Alt clés, faites-les glisser vers le bas. Et encore, appuyez sur le Contrôle-D boutons pour répéter l'étape précédente. Faites-le autant que nécessaire pour obtenir un résultat proche de celui présenté ci-dessous..

Étape 6

Afin de déplacer les objets avec plus de précision, nous devons activer la Guides intelligents. Alors, allons à Affichage> Guides intelligents (Control-U). Tracez un cercle avec une couleur de remplissage gris et aucune couleur de trait. Pour faire un cercle pair, utilisez le Outil Ellipse (L) tout en maintenant le Décalage clé. Créez une copie de ce cercle devant (Control-C, Control-F), rendez-le plus petit et assurez-vous qu'il reste exactement au centre de l'original. Pour le plus petit cercle, changez la couleur de remplissage en gris clair.

Ensuite, en utilisant le Outil Rectangle (M), Créez un rectangle gris et placez-le exactement au centre du cercle. Créez une copie de ce rectangle devant (Control-C, Control-F), diminuer sa largeur (en utilisant le Outil de sélection (V)), placez-le exactement au centre de l'original et changez sa couleur en gris clair.

Étape 7

Placez maintenant l’interrupteur manuel sur le côté droit du téléviseur. Vous pouvez le faire légèrement pivoter sur le côté pour que le rectangle ne soit pas précisément en position verticale. Pour mettre en évidence ce commutateur manuel, nous allons créer un cercle gris foncé derrière celui-ci. Après cela, créez une copie du commutateur manuel avec la surbrillance et placez-la ci-dessous, comme indiqué sur l'image. La seconde copie de l'interrupteur manuel peut être légèrement tournée dans un sens différent.

Étape 8

Nous allons maintenant créer l’antenne. Commençons par dessiner une mince ellipse gris clair orientée verticalement. En utilisant le Outil de sélection directe (A), déplace ses points d’ancrage gauche et droit vers le bas. Créez un petit cercle et attachez-le à l'extrémité la plus nette de l'ellipse, comme indiqué dans l'image ci-dessous. Faites-en une copie pour avoir une autre antenne (Control-C, Control-V). Ajouter un ovale sur le fond.

Et encore une fois, vous n’avez pas besoin de la couleur de trait car elle n’est là que pour une meilleure visibilité.

Étape 9

Placez notre antenne sur le dessus et derrière le téléviseur (Control-X, Control-B). Comme la forme extérieure de notre téléviseur n’a pas de couleur de trait, nous devons souligner le fait que l’antenne est derrière et séparée du téléviseur. Par conséquent, créez un ovale horizontal très fin et placez-le sur la ligne d'intersection entre l'antenne et le corps du téléviseur..

Étape 10

Créons maintenant les pieds de la télévision. Commencez par créer un rectangle gris, puis prenez le Outil de sélection directe (A) et déplacez les deux points d'ancrage inférieurs vers la gauche. Les points d’ancrage inférieurs doivent être plus proches les uns des autres que les points d’ancrage supérieurs..

Étape 11

Placez le pied du téléviseur à sa place. Pour faire une autre jambe, sélectionnez la jambe gauche, clic droit> Transformer> Refléter, et ensuite choisir Verticale, angle de 90 degrés, et appuyez sur Copie. Déplacez la copie de la jambe vers la droite. Notre image télévisée rétro est prête!

2. Comment créer le cabinet

Étape 1

Bien sûr, dans le passé, les téléviseurs étaient lourds et assez grands. Ils n'étaient pas accrochés au mur, mais placés sur des armoires ou des tables. Par conséquent, aujourd'hui, nous allons placer notre télévision sur un meuble. 

Commençons par un rectangle brun (Outil Rectangle (M)). Pour créer un rectangle plus foncé à l’intérieur du marron, nous utiliserons à nouveau le rectangle Chemin de décalage: tout en maintenant le rectangle brun sélectionné, allez à Objet> Chemin> Chemin décalé et entrez Décalage -10 px. Changer la couleur du rectangle créé en brun foncé. 

Encore une fois, sélectionnez le rectangle brun foncé et allez à Objet> Chemin> Chemin décalé et entrez Décalage -3 px. Maintenant, changez sa couleur en une autre nuance de brun.

Étape 2

Ajoutons une texture aux portes de notre armoire. Créez une ellipse très fine, marron clair, qui devrait tenir dans le plus petit rectangle. le Guide intelligent, que vous avez activé dans l'une des étapes précédentes, sera vraiment utile ici. Placez l'ovale dans le plus petit rectangle du côté gauche. 

Faites une copie de cette ellipse alignée horizontalement (faites-la glisser vers la droite tout en maintenant la Décalage et Alt clés). Maintenant, utilisez le Contrôle-D boutons pour répéter l'action autant de fois que nécessaire pour remplir le rectangle.

Étape 3

Pour créer deux portes pour notre armoire, créez un mince rectangle brun foncé et placez-le au centre de l'armoire, comme indiqué dans l'image ci-dessous..

Étape 4

Pour créer la poignée, créez un cercle pair brun. Créez une copie de ce cercle devant (Control-C, Control-F), et le rendre plus petit. Assurez-vous qu’il reste exactement au milieu (utilisez le Guides intelligents). Maintenant, changez la couleur du cercle nouvellement créé en marron clair. Faites une troisième copie du cercle, mais cette fois-ci un peu plus petite que celle de couleur marron clair (Control-C, Control-F). La couleur du troisième plus petit cercle sera légèrement plus sombre que le second.

Pour votre commodité, regroupez tous les cercles (clic droit> Groupe). Ces trois cercles seront notre poignée. Placez la poignée sur la porte de gauche. Lorsque vous le rétrécissez, assurez-vous de tenir le Décalage bouton. Faites une copie de la poignée pour la porte droite: tenez le Décalage et Alt touches et déplacez la poignée vers la droite.

Étape 5

Les pieds de notre armoire seront fabriqués de la même manière que pour la télévision. Pour cela, créez un rectangle brun, puis en utilisant le Outil de sélection directe (A), déplacez les deux points d'ancrage inférieurs vers la gauche. Les points d'ancrage inférieurs doivent être plus proches les uns des autres que les points supérieurs. Placez la jambe sur le côté gauche de l'armoire. 

Enfin, créez une autre jambe: sélectionnez la jambe gauche, clic droit> Transformer> Refléter, choisir Verticale, angle de 90 degrés, et appuyez sur Copie. Déplacez la copie de la jambe vers la droite. Notre cabinet est prêt!

3. Comment créer le fond

Étape 1

Créer un carré bleu 850 px Largeur et la taille, en utilisant le Outil Rectangle (M). Tout d'abord, prenez l'outil, puis cliquez sur votre plan de travail et entrez les options nécessaires.

Étape 2

Pour ajouter des dimensions à la scène, créez une ellipse plus sombre dans la partie inférieure du carré..

Étape 3

Enfin, placez le téléviseur créé et le meuble devant l’arrière-plan. Cependant, il sera plus facile de mettre l’arrière-plan derrière tous les objets (Control-X, Control-B).

4. Comment créer le pot de fleurs

Étape 1

Nous allons maintenant ajouter un joli bouquet de fleurs dans un bocal à conserves! Pour fabriquer le pot, nous allons commencer par un rectangle gris arrondi. Rappelez-vous que le coup ici est pour une meilleure visibilité. 

Ajoutez un petit rectangle sur la partie supérieure du rectangle arrondi et un autre petit rectangle arrondi aligné horizontalement sur le dessus du col du pot. Unir ces formes en utilisant le Unir bouton sur le Éclaireur panneau.

Étape 2

Pour ajouter de l’eau dans le pot, créez une autre copie de la forme du vase en utilisant le bouton Chemin de décalage (entrez la valeur comme -6). Vous aurez deux copies l'une dans l'autre.

Maintenant, diminuez l'opacité de ces deux copies: sur le Apparence panneau (Fenêtre> Apparence), vous devez cliquer sur le mot “Opacité”Et dans le menu contextuel, diminuer sa Opacité à 50%.

Maintenant, nous allons couper une partie de la forme intérieure. Pour le cutter, créez un rectangle avec la couleur de remplissage souhaitée. Assurez-vous que le rectangle recouvre la partie supérieure de la forme interne. Tout en maintenant ces deux formes sélectionnées, appuyez sur la touche Minus Front bouton sur le Éclaireur panneau. Nous allons nous retrouver avec la partie inférieure de la forme, qui représentera de l'eau dans le pot.

Étape 3

Placez le pot sur notre armoire près de la télévision.

Étape 4

Enfin, ajoutez des fleurs dans notre pot. Vous pouvez trouver comment créer ces fleurs dans l'un de mes tutoriels précédents. Placez vos fleurs derrière le pot. Vous avez terminé!

Conclusion

Et nous avons fini! Bien joué! J'espère que vous avez apprécié l'apprentissage de certains processus et raccourcis lors de la création de cette image dans Adobe Illustrator. Comme toujours, n'hésitez pas à partager votre projet et à poser des questions dans la section commentaires ci-dessous. Bonne conception!