Artowrk rétro futuriste dans Illustrator et Photoshop

Oeuvre de moderiniste rétro dans Illustrator et Photoshop

Pour le tutoriel de cette semaine, je vais partager quelque chose de nouveau que j’essaie toujours d’apprendre à le faire. C’est le style d’illustration rétro/futuriste/géométrique que je vois de plus en plus souvent. Cette illustration est inspirée du travail de Justin Mezzell, Matthew Lyons et Dan Matutina. Je vois aussi que James White a également expérimenté ce style. Dans mon cas, je vais essayer de partager un moyen simple et facile de réaliser le style en utilisant Illustrator et Photoshop. Comme c’est ma première tentative, soyez indulgent avec moi et faites-moi savoir si vous avez des conseils pour l’améliorer.

Donc, dans ce tutoriel, je vais vous montrer comment créer une illustration rétro-futuriste à l’aide d’Adobe Illustrator et de Photoshop. Je n’ajouterai pas beaucoup de détails sur la façon de créer les formes, c’est plutôt une simple procédure pas à pas sur la façon dont je crée l’illustration.

Étape 1

Ouvrez Illustrator et commencez à créer la composition. Au fur et à mesure que j’apprends, j’ai utilisé un vieux illustration pour référence afin que je puisse comprendre exactement ce qui donne à l’illustration le style que je veux. Dans ce cas, les points de fuite, la perspective et les formes très géométriques sont le secret. J’ai commencé à tout créer en niveaux de gris. Une fois que j’ai eu les objets de base, je suis passé à la partie couleur.

Étape 2

Une autre chose importante était de comprendre la palette de couleurs qui donnerait l’effet que je voulais. Encore une fois, j’ai obtenu une illustration de Justin Mezzell et j’ai commencé à utiliser certaines des couleurs qu’il utilisait pour voir si je pouvais obtenir le même effet.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 3

Après la coloration, il était temps d’ajouter de la dimensionnalité à l’image. La première chose et la plus importante est l’utilisation d’ombres dures. La plupart de ces conceptions sont inspirées d’anciennes publicités et d’illustrations d’architecture où les ombres dures étaient très courantes. Pour créer les ombres de base, j’ai utilisé du noir à 10% avec Multiplier pour le mode de fusion. J’ai également ajouté des cadres pour les fenêtres afin de créer l’effet 3D.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 4

Pour augmenter un peu plus le réalisme, j’ai ajouté quelques dégradés subtils comme vous pouvez le voir dans l’image ci-dessous. Pour les couleurs dégradées, j’ai utilisé du blanc et du noir à 10% avec un multiplicateur pour l’opacité.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 5

Pour créer les nuages, j’ai utilisé des cercles de base et un pathfinder pour les unir en un seul objet. Après cela, j’applique le même dégradé subtil. Un j’avais un nuage de base, j’ai commencé à le dupliquer et à jouer avec les tailles et les angles.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 6

Pour la voiture, c’était à peu près la même chose, juste quelques formes angulaires, n’utilisant pas du tout de courbes. À ce stade, j’avais compris un peu plus les illustrations géométriques, alors j’ai commencé à m’écarter de l’illustration originale que j’utilisais comme référence. Remarquez la réflexion sur les fenêtres, c’était une très belle touche que j’ai également vue dans le travail de Justin Mezzell.z

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 7

Il est temps d’aller sur Photoshop pour ajouter quelques effets. Copiez la composition depuis Illustrator et collez-la dans Photoshop. J’utilise 2880×1800 pour la taille.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 8

Je colle toujours des vecteurs en tant qu’objets intelligents, donc je peux toujours les modifier sans tout détruire. Donc, la première chose à faire est d’aller dans Filtre>Galerie de filtres>Difuse Glow. Utilisez les valeurs ci-dessous pour ajouter un joli grain à l’image.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 9

Dupliquez le calque, puis accédez à Filtre> Galerie de filtres> Coups de pinceau> Coups angulaires. Utilisez les valeurs de l’image ci-dessous. L’idée ici est d’ajouter quelques déformations de brosse. Le mieux serait de le faire à la main, mais pour le tutoriel, nous nous en tiendrons aux filtres.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 10

Réduisez l’opacité du calque avec les traits inclinés à 80% avec Lighten pour le mode de fusion.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 11

Avec l’outil Pinceau (B) et un pinceau très doux, peignez une belle tache orange pour créer un effet coucher de soleil. J’ai utilisé Overlay pour le Blend Mode à 100%

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 12

Dupliquez le calque d’illustration, puis allez dans Filtre> Distorsion> Mezzotinte. Utilisez des points fins.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 13

Allez dans Image>Ajustements>Désaturer. Ensuite, changez le mode de fusion en Color Dodge. Vous aurez quelque chose comme l’image ci-dessous.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 14

Allez dans Image> Réglages> Niveaux. Réduisez les niveaux d’entrée de blanc à 100 ou un peu plus. Le but ici est de rendre les grains légers presque invisibles.

Artowrk rétro futuriste dans Illustrator et Photoshop

Étape 15

Avec l’outil Gomme (E), vous pouvez supprimer certaines zones de la couche de grain pour la rendre moins forte. J’ai essayé de cacher les grains sur les zones les plus claires et de les rendre visibles sur les plus sombres.

Artowrk rétro futuriste dans Illustrator et Photoshop

Conclusion

Vous pouvez également faire la même chose que les étapes précédentes pour les grains sombres afin de créer un autre calque avec des grains plus clairs. Cela rendra l’effet un peu meilleur et plus réel. Votre conception après cela sera à peu près terminée et comme je l’ai dit, c’était la première fois que j’essayais quelque chose comme ça. J’apprends encore et c’est à vous de le prendre à partir d’ici et de le rendre parfait. Si vous le faites, partagez avec nous, nous aimerions voir ce que vous pouvez trouver.

Artowrk rétro futuriste dans Illustrator et Photoshop

Artowrk rétro futuriste dans Illustrator et Photoshop

Télécharger le fichier Photoshop

Télécharger le fichier source