Vecteurs géométriques rétro dans l’espace avec Illustrator et Photoshop
La semaine dernière, je parlais à Aloa, l’un des écrivains d’Abduzeedo, et il me montrait des images qu’il trouvait cool pour les tutoriels, l’une d’elles avait ce mélange de vecteurs et de dégradés mais très géométrique. C’était une belle inspiration alors j’ai décidé de faire quelque chose mélangeant Illustrator et Photoshop.
Dans ce didacticiel, je vais vous montrer comment créer une image abstraite pour une affiche à l’aide d’Illustrator et de Photoshop. Nous ferons tous les vecteurs et les nuances dans Illustrator puis dans Photoshop nous donnerons à l’image un joli style rétro en utilisant des textures et des pinceaux.
Étape 1
Ouvert Adobe Illustrator et avec le Outil Rectangle (M) créer des rectangles. Assurez-vous qu’ils sont alignés et, également, que vous avez des hauteurs et des largeurs différentes. Utilisez l’image ci-dessous pour référence. Astuce : vous pouvez dupliquer les rectangles en maintenant la touche ALT enfoncée et en déplaçant l’objet.
Étape 2
Sélectionnez quelques rectangles, déplacez-les vers la droite maintenir la touche ALT pour les dupliquer. Vous aurez maintenant 2 colonnes.
Étape 3
Répétez la même chose, mais maintenant vers la gauche pour créer une troisième colonne.
Étape 4
Répétez à nouveau la même chose que vous avez faite dans les étapes précédentes, maintenant pour créer la quatrième colonne. Notez que j’ai également ajouté quelques nouveaux rectangles. Vous pouvez également créer plus de rectangles ou de colonnes si vous le souhaitez.
Étape 5
Sélectionnez la première colonne et accédez à Objet> Transformer> Cisaillement. Utilisation -40 pour l’angle de cisaillement et vertical pour l’axe.
Étape 6
Répétez la transformation de cisaillement aux autres colonnes. Utilisation 40º, -40º, 40º et -40º pour les angles.
Étape 7
Commencez maintenant à remplir les rectangles avec des dégradés et des couleurs unies. J’ai utilisé 3 couleurs pour créer les nuances. Rose, jaune et cyan. Utilisez le Outil Dégradé (G) pour créer les dégradés, tels que : rose à jaune et cyan à jaune. Laissez également quelques rectangles blancs.
Étape 8
Appliquez des motifs de ligne à certains éléments. J’ai utilisé la bibliothèque Basic Graphic_Lines fournie avec Adobe Illustrator. Allez juste à Fenêtre>Bibliothèques de nuances>Motifs>Lignes_graphiques de base. Utilisez des motifs différents pour les éléments (1-4).
Étape 9
L’une des meilleures fonctionnalités de la nouvelle version d’Illustrator est que nous pouvons désormais avoir une opacité différente pour les couleurs dégradées. Ce que j’ai fait ici était assez simple. Dupliquez quelques rectangles et déplacez-les vers la colonne opposée afin que l’angle soit opposé. Ajoutez ensuite un Dégradé du noir au noir mais à une extrémité, changez l’opacité à 0, donc ce sera du noir au transparent. Cela ajoutera un style agréable à certaines zones de l’image, créant de belles nuances.
Étape 10
Maintenant, créez simplement un rectangle noir sous les vecteurs pour pouvoir faire quelques ajustements. Notez qu’il y a plus d’éléments comme des rectangles noirs. Ici, vous travaillez sur les derniers ajustements et détails, car dans Photoshop, vous ne pourrez pas modifier les éléments, sauf si vous revenez à Illustrator en utilisant la fonction Smart Objects.
Étape 11 – Photoshop
Sélectionnez tous les vecteurs sauf le recangle noir. Copiez-les dans Illustrator, puis ouvrez Photoshop. Créez un nouveau document. J’ai utilisé le format A4. Remplissez le calque d’arrière-plan avec un très gris foncé #080a0falors collez les vecteurs en tant qu’objets intelligents.
Étape 12
Dupliquez le calque des vecteurs, c’est-à-dire un objet intelligent, puis passez à Filtre>Flou>Flou gaussien. Utilisation 20 pixels pour le rayon et changez le mode de fusion du calque en écran. Pour le opacité utiliser 80%.
Étape 13
Créer 6 rectangles et remplissez-les avec un dégradé de Noir à Transparent. Vous pouvez utiliser le noir et blanc avec multiplication pour le mode de fusion. Faites simplement la taille du dégradé différente pour chaque élément comme l’image ci-dessous (1-6)
Étape 14
Ajoutons maintenant quelques effets spatiaux. Tout d’abord, créez des étoiles à l’aide du Filtre à bruit. Vous pouvez suivre cela à partir d’un autre tutoriel que j’ai écrit, vous pouvez le trouver à http://abduzeedo.com/surprise-behind-curtain-photoshopla Étape 3. Utilisons également un bel effet de flare. J’ai utilisé une photo pour le faire, vous pouvez la trouver sur http://weheartit.com/entry/327989. Placez l’image et changez simplement le Mode de fusion à l’écran.
Étape 15
Pour donner un style très vintage à l’image j’ai utilisé une texture papier. Vous pouvez le télécharger sur http://www.danevins.com/_wizardimages/old_paper.jpg. Changer la Mode de fusion à multiplier et opacité à 80 %.
Étape 16
Créez un nouveau calque juste en dessous de la texture du papier. Ensuite, en utilisant des pinceaux grunge, peignez certaines zones pour donner cet effet de style ancien. Utilisez du blanc pour la couleur, mais comme le calque sera sous le papier, la couleur sera une sorte de beige. Astuce : Les pinceaux que j’ai utilisés proviennent de misprintedtype.comcréé par le Maître Eduardo Recife.
Conclusion
La nouvelle version d’Illustrator possède des fonctionnalités très utiles, comme l’opacité dans les dégradés. De plus, l’intégration des objets intelligents entre Illustrator et Photoshop nous permet d’éditer des vecteurs dans Illustrator tout en travaillant sur l’image dans Photoshop, ce qui est également très utile. Je suis un grand fan des images de style vintage et dans ce tutoriel, j’ai montré quelques techniques pour créer cela. J’espère que vous aimez le tutoriel. Prendre plaisir.
Télécharger le fichier PSD
Cliquez ici pour télécharger le fichier Photoshop utilisé pour ce tutoriel.
