Share
Dans ce tutoriel, nous allons créer une sorte de composition à l'ancienne comportant une boussole et utilisant de superbes illustrations vectorielles d'Arsenal. Comme toujours, il y a un fichier PSD au bas du tutoriel. Dans ce cas, je vous recommande vivement de le télécharger car il s’agit d’une composition assez complexe. Soyez averti que c'est un long tutoriel!
Oh, et au cas où vous vous le demanderiez, l'inspiration vient d'un ensemble de livres vraiment ordonnés, dont l'un s'appelle Golden Compass (en fait, ils font de la série de livres un film maintenant!).
Pour ce faire, nous allons avoir besoin de quelques atouts. J'utilise des formes vectorielles de la section Freebie de GoMedia / Arsenal. Arsenal est un ensemble de packs de vecteurs que vous achetez et que vous pouvez utiliser dans Illustrator ou Photoshop. Dans ce cas, parce que je suis bon marché, je suis simplement allé à la section "Freebie" et j'ai tout téléchargé!
De plus, j'avais besoin d'une image de boussole que j'ai obtenue d'iStockPhoto pour 1 $. J'utilise aussi la police Nuptial Script. Je ne peux pas pour la vie de me rappeler où j'ai obtenu cette police ou si c'est gratuit ou pas. Dans tous les cas, si vous ne possédez pas cette police spécifique, vous pouvez probablement trouver quelque chose de similaire..
J'ai divisé ce tutoriel en deux sections, puis à la fin nous les réunissons pour former l'image finale. Vous devriez télécharger le PSD et jeter un coup d'oeil à travers. Cette image est vraiment très compliquée et cela aura plus de sens quand on regarde les calques!
Nous commençons donc par un dégradé d’arrière-plan. Comme toujours, j'utilise un dégradé radial et prends des couleurs bleuâtre foncé.
Couleur de premier plan - # 35444b
Couleur d'arrière-plan - # 1a2023
Maintenant, la prochaine chose à faire est de coller la première de nos images vectorielles. C'est une sorte de bannière.
Vous pouvez le faire de deux manières. Après avoir accédé au site GoMedia, cliquez sur la section Freebie et vous téléchargerez un document EPS. Ces documents sont au format vectoriel. Idéalement, vous pouvez les ouvrir dans Illustrator, puis copier / coller le vecteur dans Photoshop. Si vous procédez ainsi, vous obtiendrez un objet vectoriel intelligent que vous pourrez redimensionner sans perdre de qualité. Si vous faites cela, vous devrez peut-être ensuite cliquer avec le bouton droit de la souris sur le calque, puis cliquer sur Rasteriser le calque, car nous devons travailler dessus..
Sinon, si vous n'avez pas / n'utilisez pas Illustrator, ouvrez simplement le fichier EPS dans Photoshop. Il vous demandera de quelle taille vous souhaitez le rastériser. Je choisis juste des valeurs aléatoires, puis je le refais plusieurs fois jusqu'à obtenir la bonne taille. Notez qu'une fois pixellisée, vous perdrez des informations dans l'image lors du redimensionnement. Il est donc préférable de ne le faire qu'une fois..
Quoi qu'il en soit, voici la bannière:
Maintenant, récupérez l’outil de sélection de baguette magique (W) et cliquez sur la partie supérieure de la bannière, puis créez un nouveau calque et remplissez-le de couleur beige (# dfd6b8)
Répétez le processus avec les deux parties de la bannière en arrière-plan (comme indiqué ci-dessous).
Ensuite, nous voulons un peu simplifier ce que nous pouvons faire avec l’outil de gravure (O). Si vous n'avez jamais utilisé les outils Dodge et Burn, ils assombrissent ou éclaircissent un objet. Vous les utilisez en peignant avec un pinceau et ce sont des outils très soignés. Une astuce utile est que, une fois que vous avez sélectionné l'outil de gravure, vous pouvez maintenir Alt enfoncé et basculer sur Dodge (et vice-versa) pour que vous n'ayez pas besoin d'aller à la barre d'outils et de la modifier.
Maintenant, parce que nous voulons un look vraiment graveleux, il est préférable d’utiliser un pinceau graveleux. Dans ce cas, j'ai utilisé un pinceau que j'ai de nouveau téléchargé à partir de la section Freebie du site GoMedia. Vous venez de les télécharger, puis vous ouvrez la palette Pinceaux, cliquez sur la petite flèche pointant vers la droite et choisissez Charger les pinceaux. Ils devraient tous apparaître en bas..
Une fois que vous avez un beau pinceau sale, commencez à graver le côté droit comme indiqué. Faites-le en gouttes courtes pour obtenir une belle texture rugueuse.
Répétez cette procédure de l’autre côté, puis utilisez un peu de Dodge au milieu. Répétez ensuite à l’arrière, de manière à assombrir les morceaux vers le milieu et à éclaircir les extérieurs..
Notez que nous essayons de simuler la lumière ici avec la source de lumière de devant nous. La raison pour laquelle nous procédons ainsi est que les bits de chaque côté doivent être sombres car ces parties se détournent du spectateur. À l'arrière, les parties du milieu tombent en plis et sont donc ombragées. Bien sûr, il ne s'agit que d'une vague approximation, mais cela aide avec le visuel général.
Maintenez maintenant la touche Ctrl enfoncée et cliquez sur le calque avec la partie beige supérieure pour le sélectionner. Puis appuyez plusieurs fois sur la flèche vers le haut. Revenez ensuite au calque vectoriel de la bannière d'origine et appuyez sur la touche Suppr..
Fondamentalement, nous nous débarrassons de la ligne noire supérieure.
Maintenant, dans un nouveau calque, remplissez la sélection avec un bleu foncé (# 283438)
Sortez le vieux outil 'Burn' et commencez à donner de la texture à ce calque. Comme auparavant, vous voulez que les bords soient légèrement plus sombres que le centre, mais ne rendez pas l'effet trop prononcé.
Maintenant, dupliquez la couche beige par derrière et déplacez-la légèrement vers la gauche, comme indiqué. Cela donne à notre bannière un genre de regard excentré qui le rend superbe!
Ensuite, nous allons remplacer le reste de la partie noire vectorielle par du bleu foncé et lui redonner de la texture. Alors maintenez la touche Ctrl enfoncée et cliquez sur ce calque pour le sélectionner. Puis remplissez-le avec un bleu foncé.
Maintenant, parcourez à nouveau et utilisez l’outil de gravure pour ajouter des ombres aux parties insérées dans les plis afin de lui donner un peu de tridimensionnalité..
Ensuite, dans un nouveau calque, écrivez du texte. J'ai écrit quelques mots au hasard ici. Utilisez une couleur beige et choisissez une belle police. Dans ce cas, j'utilise Nuptial Script.
Maintenant, cliquez sur l'outil Texte (T) et cliquez en haut sur ce T avec la flèche en dessous pour afficher les options de Warp Text. Ici, nous utilisons Arc et lui donnons une courbe d’environ 43%..
Notez que si vous êtes un utilisateur illustrateur, vous pouvez créer un objet Texte sur un chemin dans Illustrator, puis le copier et obtenir moins de distorsion sur les lettres. Mais comme il s’agit d’un tutoriel sur Photoshop et non d’Illustrator, nous nous en tiendrons à PS :-)
Ensuite, j'ai ajouté des styles de calques pour que le texte ait une apparence dorée. Vous pouvez ouvrir le fichier PSD à la fin de ce didacticiel et simplement copier le style de calque en cliquant avec le bouton droit de la souris sur le calque et en choisissant Copier le style de calque. J'adore les styles de calque, car vous vous en rendrez certainement compte si vous lisez assez de mes tutoriels. La meilleure chose à faire lorsque vous utilisez des styles de calque est de jouer avec chaque réglage. Vous pouvez faire tellement de choses sympas..
Donc, vous devriez avoir quelque chose qui ressemble à l'image ci-dessous! Ensuite, nous allons faire l’arrière-plan et la coloration. Alors désactivez la visibilité de ces calques et commençons avec l'arrière-plan.
Dans cette section, nous allons créer toutes les autres parties de l'image. Celles-ci font le tour de ce que nous avons déjà fait - la meilleure façon de voir l’ordre des calques est de regarder le fichier Photoshop..
Alors, éteignez tous vos calques actuels sauf le fond.
Nous allons maintenant ajouter un peu de texture à l'arrière-plan. Pour cela, j'utilise un échantillon de texture, encore une fois de la section Freebie de GoMedia / Arsenal
Celui-ci s'appelle "Rust11.jpg". Collez-le et réduisez-le à la taille souhaitée. Puis réglez-le sur Superposition pour qu’il interagisse avec le blues foncé de notre fond.
Parce que je ne pensais pas que cela paraissait assez sombre, j'ai ajouté un calque au-dessus du gris foncé et défini ce paramètre sur Multiplier.
Je dois souligner qu'avec une image aussi compliquée, vous devez en quelque sorte expérimenter beaucoup et faire les choses à l'œil. Très souvent, je regardais quelque chose et je pensais que cela devait être plus sombre ou que cela ne fonctionnait pas et que je ne devais pas enlever ou mettre des choses. Bien sûr, lorsque j'ai eu cette image, je n'ai pas suivi ces étapes dans cet ordre. C'est juste un moyen pratique de vous transmettre l'information. Donc, ne pensez pas que vous devez avoir un plan exceptionnel en tête lorsque vous créez des images, mais faites ce qui vous convient. Plus vous en faites, plus votre œil est exercé à décider si quelque chose va ou non..
Maintenant, j'ai collé un peu plus de vecteurs du pack gratuit GoMedia. J'ai choisi des vecteurs de statue d'aspect ancien et je les ai tous mis sur Multiplier. Parce que je n'en avais pas assez, j'ai retourné un couple pour couvrir toute la page sans avoir l'air de répéter encore et encore!
Ensuite, je colle l’avant-dernier de nos vecteurs de GoMedia. Celui-ci est apparemment une chose demi-ton. En tout cas, cela ressemble à des volets pour moi et nous allons l’utiliser pour l’éclairage. D'abord parce que le vecteur était noir, j'ai appuyé sur Ctrl-I pour inverser la couleur en blanc. Vous pouvez tout aussi facilement le remplir de blanc, le superposer de couleur en blanc ou sélectionner ses pixels et créer un nouveau calque et le remplir de blanc. Vraiment, il y a souvent beaucoup de façons de faire la même chose dans Photoshop: je suppose que c'est ce qui en fait un si bon programme!
Ensuite, nous appuyons sur Ctrl + T pour transformer et faire pivoter le vecteur et l’étendre pour le rendre plus grand..
Définissez cette couche sur Superposition et assurez-vous qu’elle est belle et grande (comme indiqué ci-dessous). Comme vous pouvez le constater, cela ressemble un peu à de la lumière provenant de certains volets ouverts. Vous ne verrez pas grand-chose de cela dans l'image finale, mais des détails comme celui-ci donnent une belle composition complexe à la fin..
De plus, comme la lumière est rarement belle et nette, c'est une bonne idée d'aller dans Filtres> Flou> Flou gaussien et d'appliquer un flou avec un rayon de 1px pour le rendre un peu flou..
Créez ensuite un nouveau calque et, en utilisant un dégradé radial allant de beige (# b58d4e) à rien, dessinez du centre vers l’extérieur pour créer un patch de couleur comme indiqué ci-dessous. Définissez le mode de fusion de ce calque sur Écran. Cela va être un autre éclairage.
Maintenant, dupliquez à nouveau cette dernière couche et nous allons maintenant exécuter un filtre Wave plusieurs fois dessus pour rendre l'éclairage plus dynamique. Vous faites cela en allant dans Filtre> Déformer> Vague.
Je dois avouer que je ne comprends pas vraiment comment fonctionne le filtre Wave. Je ne déplace donc habituellement qu'un peu les curseurs, puis appuie sur Randomize jusqu'à ce que la distorsion soit bonne - scientifique, je sais :-)
Quoi qu'il en soit, une fois que vous avez fait cela, vous verrez que votre goutte devient un peu ondulée. Appuyez sur Ctrl + F plusieurs fois pour le rendre vraiment déformé et vous devriez obtenir un effet intéressant.
Une fois que vous avez terminé, vous pouvez, si vous le souhaitez, répéter le processus et créer une seconde goutte de lumière sur la page..
Maintenant, j'ai ajouté encore un autre vecteur à l'image, encore une fois de la section gratuite de GoMedia. Cela ressemble à de la poussière, et je viens de l'ajouter et de changer le mode de fusion en Superposition et 40%.
Ensuite, je suis allé sur une page Web au hasard sur la Bible, j'ai copié du texte au hasard et l'ai collé encore et encore. En fait, avec le recul, j’ai fait un travail de merde en gardant les lignes même lorsque je les ai dupliquées, mais cela n’a pas vraiment d'importance, je suppose. La principale chose à faire est d'obtenir beaucoup de texte et de fusionner les calques.
Ensuite, réglez le mode de fusion sur Lumière dure et 40%.
Jusqu'à présent, tout ce que nous avons fait aurait dû être DERRIÈRE les calques d'origine de la partie 1. Créez maintenant un calque AU-DESSUS de la bannière de la partie 1. Et choisissez un gros pinceau doux et gras (200 à 300, par exemple) et avec le noir comme couleur de premier plan, peignez les bords comme indiqué. Lorsque vous avez terminé, changez le mode de fusion en superposition.
Ensuite, dans un nouveau calque, choisissez ces couleurs comme avant-plan et arrière-plan:
Couleur de premier plan - deb883
Couleur de fond - 745222
puis allez dans Filtre> Render> Clouds. Maintenant, cela devrait vous donner quelques nuages, mais pour obtenir un plus dynamique rendre, appuyez sur Ctrl + Alt + F. Je ne sais pas ce que cela représente réellement dans les menus, mais je sais que cela produit des nuages avec une différence plus importante, ce que nous souhaitons. Vous devriez avoir des nuages qui ressemblent à ceux ci-dessous.
Définissez le mode de fusion sur Superposition et 65%. Cette couche va nous donner la majorité de notre coloration.
OK, presque là maintenant!
Vous devriez avoir quelques couches en haut, plusieurs couches de fond en bas, puis les couches de la partie 1 quelque part au milieu..
Ensuite, nous allons ajouter la boussole. Cela doit être placé au milieu des couches de la partie 1, car cela va interagir avec elles. Vous pouvez voir l'ordre exact en téléchargeant le fichier PSD à partir du bas de ce tutoriel..
Ainsi, en utilisant l'outil de sélection de cercle, j'ai découpé la boussole de son arrière-plan d'origine (souvenez-vous que j'ai obtenu cette boussole auprès de iStockPhoto). Il semble jaunâtre parce que nous avons cette couche de nuages quelque part au-dessus.
La boussole a l’air un peu sobre, nous allons donc en redonner un peu les couleurs. Pour ce faire, dupliquez le calque Compas et appuyez sur Ctrl + Maj + U pour le désaturer (c’est-à-dire le rendre noir et blanc).
Définissez le calque noir et blanc sur Superposition. Cela donne un look plus contrasté. (En fait, vous pouvez obtenir le même effet de plusieurs autres manières.)
Sortez ensuite l’outil de gravure à nouveau et, en revenant à la couche de boussole originale, donnez-lui une combustion judicieuse du fond et des côtés. Maintenant, notre boussole commence à être belle et chaude.
Puis en couche au dessous de la boussole, faites un cercle noir de la même taille que la boussole. Vous pouvez le faire en appuyant sur Ctrl et en cliquant sur le calque Compas, puis en retournant au calque inférieur et en le remplissant de noir..
Ensuite, allez dans Filtre> Flou> Flou gaussien et donnez-lui un flou d'environ 10 pixels. C'est l'ombre de notre boussole.
Enfin, nous assemblons la boussole + l'arrière-plan + la bannière pour former l'image finale.!
Notez qu'il y a quelques couches que j'ai laissées de côté pour garder ce tutoriel court (bien plus court quand même). Vous pouvez télécharger le PSD pour voir le reste! J'espère que vous avez apprécié ce tutoriel, c'était un peu un monstre!
Accentsconagua