Share
Illustrer des scènes de la dernière frontière peut donner lieu à un travail magnifique. Dans ce didacticiel, le plus long que nous ayons jamais publié, je vous expliquerai comment créer une scène spatiale spectaculaire mettant en collision deux planètes. Attachez-vous, Photoshoppers!
Avant de commencer, jetons un coup d'œil à l'image que nous créons. Cliquez sur la capture d'écran ci-dessous pour voir l'image en taille réelle.
Le fichier photoshop complet de 55 Mo, 50 couches est comme toujours disponible via notre abonnement Psdtuts + Plus.
Avant d’arriver au dessin, d’abord un mot sur la composition. La majeure partie de l'image sera un espace vide avec un seul point central - les planètes en train d'exploser. Par conséquent, l'emplacement de ce point central sera important. J'ai suivi ce qu'on appelle la règle des tiers.
Cette règle - utilisée dans la photographie, le tournage ainsi que l’illustration - indique simplement que si vous divisez votre toile en trois dans le sens de la longueur et de la hauteur, vos points focaux principaux doivent se situer aux intersections ou le long des lignes elles-mêmes. Le raisonnement étant qu'avoir des choses décentrée crée plus d'intérêt visuel.
Je vais donc placer mes images de planète dans le coin inférieur gauche. Notez qu'après avoir placé mes lignes réelles pour ce diagramme, j'ai réalisé que ce n'était pas tout à fait sur cette section, mais assez proche :-)
Quoi qu'il en soit, pour les besoins de ce didacticiel, je vais effectuer un zoom avant sur le côté gauche afin que nous puissions afficher les choses un peu plus près sans casser ma grille Psdtuts +. Je pensais donc que je devrais d'abord vous montrer la composition principale..
Note de l'éditeur: Vous pouvez télécharger l'image de la planète ci-dessous en suivant ce lien.
En fait, j'ai commencé cette image hier matin après avoir repéré un lien dans notre flux de liens utilisateur vers le concours de création de pages précédentes de Layers Magazine. Le concours consiste à prendre une image d'une planète (voir ci-dessous) et à en faire quelque chose. Il y a d'excellents prix, alors cliquez et inscrivez-vous! Même si vous n'entrez pas, vous voudrez télécharger l'image de la planète.
(Au cas où vous vous le demanderiez, je n'ai pas saisi l'image de ce tutoriel, car il devient un tutoriel à la place.)
Ok, enfin on commence à dessiner!!
Tout d'abord, nous créons une nouvelle toile. Le mien mesure 1920px de large et 1200px de haut. Dans un calque d’arrière-plan, nous dessinons un dégradé radial, avec la zone la plus claire approximativement où nous allons dessiner l’explosion (c’est-à-dire où la lumière sera!). Il devrait être assez subtil, comme la capture d'écran.
Maintenant, pour donner de la texture à notre espace, nous devons rendre des nuages. Allez dans Filtre> Rendu> Nuages avec une couleur noire et marron foncé sélectionnée (comme indiqué ci-dessous). Maintenant, si vous appuyez sur Ctrl + Alt + F après cela, cela les rendra à nouveau mais avec plus de contraste. Ceci est utile car sinon sur une si grande toile, les nuages sont tous un peu trop proches.
Malheureusement, même avec la version Ctrl + Alt + F, j’ai toujours trouvé le besoin de passer avec une grosse gomme et de balayer doucement certaines parties. Nous définissons ensuite le calque clouds sur Screen et 85% d'opacité pour laisser passer un peu de ce dégradé radial d'arrière-plan que nous avons créé. Le résultat final est présenté ci-dessous. C'est un peu difficile de comprendre pourquoi j'ai fait cela dans cette petite capture d'écran, mais sur une toile plus grande, la différence est notable..
Ensuite, j'ai saisi cette image sur iStockPhoto (voir la vignette ci-dessous). Je l'ai choisi en raison du motif de ciel, qui semblait ajouter de la texture à ma scène. J'ai acheté une version à 9 crédits car j'avais besoin d'une image plutôt grande.
Ensuite, j'ai collé l'image sur le dessus de mon canevas et je l'ai pivotée pour qu'elle passe dans le sens de la longueur. Ensuite, nous appuyons sur Ctrl + Maj + U pour désaturer l’image car les couleurs ne me intéressent pas, mais uniquement la texture. J'ai ensuite saisi une grosse gomme douce et en ai effacé la majeure partie. J'ai laissé un petit patch en haut, comme indiqué. (En fait, il y a un autre patch à droite de l'image finale.)
Ensuite, je règle ce calque sur Color Dodge et 50% d'opacité. Cela donne le résultat indiqué, un bel effet texturé qui va bien avec le reste de l'image.
Incidemment, j'estime devoir mentionner que lorsque j'ai initialement créé cette image, je n'ai pas suivi toutes les étapes dans l'ordre indiqué dans ce didacticiel. Il m'a fallu environ 8 heures pour terminer, et cela consiste en grande partie à ajouter quelque chose, puis à l'enlever, puis à ajouter quelque chose d'autre, puis à réaliser qu'il y a conflit avec un composant précédent et à le supprimer, etc. abrégé le processus donc ça sonne vraiment cohérent et comme si j'avais tout planifié (ce que je n'ai pas fait :-)
Maintenant, pour dessiner des étoiles, nous allons utiliser des pinceaux. Il existe d'autres méthodes pour dessiner des étoiles, notamment celle que j'ai décrite dans le didacticiel A Slick Supernatural Text Effect, qui utilise un filtre de bruit. Malheureusement, cela ne fonctionne pas aussi bien dans une image plus grande où les étoiles sortent un peu trop petites et espacées de manière égale..
Alors, au lieu de cela, prenez un pinceau et du blanc comme couleur, puis cliquez sur l'onglet Pinceaux en haut à droite et suivez les paramètres indiqués. Ils n’ont pas grand-chose à part que nous voulons beaucoup de petits points espacés.
Une fois que j’ai eu mon pinceau «étoile», j’ai peint un peu partout, puis j’ai saisi une grosse gomme douce et effacé certaines parties. J'ai ensuite dupliqué la couche d'étoile, l'ai tournée de 180 'et l'a atténuée à 30%. Cela donne un peu plus de profondeur à notre champ d'étoiles, certaines n'étant pas aussi brillantes que d'autres.
Maintenant, après de nombreuses expériences différentes, j'ai décidé qu'une couleur violette serait plus esthétique. J'ai donc rempli un nouveau calque avec une couleur violette et réglé son mode de fusion sur Superposition. (Notez que si vous utilisez le mode de fusion des couleurs, cela donne un résultat vraiment dur et horrible, donc l'incrustation est définitivement le chemin à parcourir ici).
Alors maintenant, nous avons trié notre fond (la plupart du temps). Je mets ensuite toutes ces couches dans un joli groupe de couches appelé Background!
Ensuite, dans un nouveau groupe de couches appelé Planet, j'ai collé et redimensionné l'image de la planète que j'avais obtenue du site Layers Magazine..
Maintenant, étant donné que l'explosion se déroulera dans la partie supérieure gauche, il s'agira de la partie la plus claire de la planète et la partie inférieure droite de la zone la plus sombre. Pour éclairer la planète, je l'ai d'abord dupliquée, puis avec une gomme effacée, sauf le bord supérieur. Je règle cette couche sur Screen et 50%.
Ensuite, j'ai dupliqué ce calque et en ai effacé un peu plus, de sorte qu'il reste encore moins de bord. Ensuite, je l'ai dupliqué à nouveau, effacé un peu plus, puis j'ai appliqué un flou gaussien (Filtres> Flou> Flou gaussien) à une distance de 2 pixels. Ensuite, j'ai dupliqué cette couche et refait la même chose avec une distance de 4 pixels. Ensuite, je l'ai répété deux fois de plus avec des distances de 8 et 16 pixels. Vous pouvez voir les six couches à droite de l'image ci-dessous et le composite à gauche.
J'ai l'impression que j'ai également utilisé l'outil de gravure et gravé le bas à droite un peu, mais je ne me souviens plus très bien! Dans tous les cas, placez la couche planète et ces dernières couches dans un sous-groupe appelé The Planet..
Maintenant, nous collons à nouveau dans la même planète, mais réduisons-la pour la rendre encore plus petite (comme indiqué). Cela va être la comète / planète qui sera en collision.
À propos, au cas où certains de vos lecteurs seraient des astronomes ou des astrophysiciens, je ferais remarquer (au cas où ce ne serait pas aveuglément évident) que je ne cherchais aucunement à obtenir du réalisme dans cette image - juste quelque chose qui a l'air cool.
Pour rendre cette planète différente de celle de l’autre, j’ai pris l’initiative très intelligente de la faire en noir et blanc - quelle technique! Appuyez simplement sur Ctrl + Maj + U pour le désaturer.
Ensuite, je l'ai pivoté et utilisé l'outil Dodge (O) pour l'alléger, en particulier en bas à droite..
Maintenant, dans un autre sous-groupe de couches que nous appellerons Planet Highlight. Ctrl-cliquez ensuite sur le calque planète d'origine pour sélectionner ses pixels, puis créez un nouveau calque dans le sous-groupe Planet Highlight..
À l'aide de l'outil Dégradé, nous dessinons un dégradé de blanc à transparent allant du haut gauche au bas à droite..
Maintenant, nous dupliquons ce calque dégradé et appliquons un filtre> Flou> Flou gaussien avec une distance de 1px. Puis dupliquez à nouveau et appliquez un autre flou avec une distance de 2px, et une fois de plus avec 4px. Je règle le premier calque sur Écran, 50%, le second sur Superposition, 50%, le troisième sur Soft Light, 100% et le dernier sur Superposition, 100%..
Au cas où vous vous demanderiez pourquoi j'ai fait cela, la répétition donne un bel effet de flou très doux, et les différents modes de fusion ont été sélectionnés simplement pour lui donner un aspect "correct". Avec une image comme celle-ci, je passe beaucoup de temps à essayer différentes choses pour trouver le réglage qui me convient le mieux..
Ensuite, nous créons un nouveau groupe de calques appelé Light et y créons un nouveau calque. Ensuite, prenez une grande brosse douce et cliquez une fois avec votre souris pour obtenir une lueur blanche, comme indiqué.
Maintenant, appuyez sur Ctrl + T pour le transformer. Allongez-le et pressez les côtés, puis faites-le pivoter pour qu'il soit tangent à la planète principale..
Nous ajoutons maintenant une lueur extérieure à cette couche avec les paramètres indiqués. Lorsqu'il est appliqué à quelque chose avec des bords flous, cela améliore simplement la douceur et ajoute de la couleur aux bords.
Ensuite, nous dupliquons ce calque et le faisons pivoter pour qu'il disparaisse comme indiqué. L’idée ici étant de faire quelque chose qui ressemble à un impact.
Maintenant, pour ajouter de la couleur à notre explosion, nous saisissons à nouveau un grand pinceau doux et cette fois, nous peignons en jaune comme indiqué..
Définissez cette dernière couche sur Superposition, et vous devriez obtenir un résultat comme celui-ci..
Maintenant, nous dupliquons le calque jaune et lui appliquons un filtre> Flou> Flou directionnel pour le faire disparaître en diagonale de la planète. (Notez que je viens de me rendre compte que le réglage de l'angle dans la capture d'écran est un peu désactivé. Il devrait probablement être plus proche de -45 degrés).
Ensuite, nous dupliquons ce calque, appliquons un filtre> Flou> Flou gaussien d’environ 4 pixels, puis recommencons (Doublon + Flou), puis encore une fois, et encore une fois pour plus de chance.!
Dans la dernière version, sélectionnez Image> Réglages> Teinte / Saturation, cliquez sur Coloriser et transformez le calque en fonte rougeâtre..
C'est où nous en sommes maintenant.
Ensuite, j'ai saisi une autre image de iStockPhoto. J'ai choisi cette image parce que les lumières scintillantes créent un effet de lumière vraiment génial et feront briller notre explosion.
(Je devrais souligner ici que j'ai utilisé cette image plus tard pour certaines étoiles en arrière-plan, bien que je ne documente pas cela dans ce tutoriel.)
J'ai collé ce calque dans le groupe d'arrière-plan afin qu'il soit placé derrière les deux planètes. Puis, en utilisant une gomme douce, j'ai effacé tout sauf la partie que vous voyez dans l'image ci-dessous. Cela donne l'impression que beaucoup de particules sont projetées par l'explosion.
Créez maintenant un nouveau groupe de calques derrière le groupe appelé The Planet. Appelez ce nouvel ensemble Backglow.
Ensuite, tout en maintenant la touche Ctrl enfoncée, cliquez sur le calque Planète d'origine pour sélectionner ses pixels, puis créer un nouveau calque dans Backglow et remplir la zone de blanc. Appuyez ensuite plusieurs fois sur les flèches vers la gauche et vers le haut pour déplacer la zone blanche dans la direction indiquée..
Maintenant, lancez Filtres> Flou> Flou gaussien et effacez le blanc d'environ 4 pixels.
Réglez cette lueur d’arrière-plan floue sur Superposition, puis dupliquez-la, flouez-la à nouveau par 8 pixels, déplacez-la vers le haut et encore plus à gauche. Ensuite, répétez cette opération encore mais avec 16px et encore plus haut et à gauche. Vous devriez commencer à avoir une lumière violacée (captée de l'arrière-plan) venant du haut à gauche de la planète..
Maintenant, nous allons ajouter quelques étincelles à venir. Fondamentalement, j'ai utilisé mon pinceau "étoile" de plus tôt, sauf que dans Shape Dynamics, je règle le contrôle sur Fondu. Cela signifie que lorsque je me brosse, il se rapproche de plus en plus.
Puis, dans un nouveau calque, j'ai peint quelques lignes qui se rejoignent en un seul endroit. Cela ressemble à des étincelles qui s’échappent et s’écartent. Je l'ai fait en blanc.
Ensuite, j'ai ajouté une lueur extérieure avec une couleur jaune et une superposition définie comme mode de fusion des lueurs. Ensuite, j'ai placé ceci de sorte qu'il semble que les étincelles sortent de l'impact.
Alors, voici notre explosion maintenant - l'air plutôt cool!
Maintenant, quelle scène de l'espace photoshop ne serait pas complet sans une lumière parasite :-)
Nous créons donc un nouveau calque au-dessus des autres, le remplissons de noir, puis nous allons dans Filtres> Render> Lens Flare. Voilà le mien:
Réglez le mode de fusion de notre couche de lumière parasite sur Superposition pour obtenir un effet comme indiqué. Nous voulons que le cercle principal de la torche soit assis tout autour de l'explosion. La plupart des autres devraient disparaître en rien.
Pour vous assurer qu'il s'estompe progressivement, définissez Opacity sur 50%, ajoutez ensuite un réglage de calque et utilisez l'outil Radial Gradient pour tracer un dégradé blanc à noir, comme indiqué dans la palette des calques (Remarque: ignorez les autres calques, la capture d'écran a été prise. après que toutes les couches aient été créées :-)
Ensuite, j'ai décidé d'appliquer un flou subtil pour adoucir l'image entière. Pour ce faire, aplatissez tout, puis appuyez sur Ctrl + A pour tout sélectionner et sur Ctrl + C pour le copier. Accédez ensuite à votre palette d’historique et annulez quelques étapes afin qu’elle ne soit plus aplatie et que vous ayez récupéré toutes vos couches..
Mettre à jour: Merci à Jared dans les commentaires qui ont souligné une commande précise que je ne connaissais pas, appuyez sur Cmd + Opt + Maj + E (Mac) / ou / Ctrl + Alt + Maj + E (Win) pour créer une copie aplatie. de l'image dans un nouveau calque au-dessus du reste. Merci jared!
Ensuite, collez notre calque au-dessus des autres, dupliquez-le et désactivez-le. Avec l'autre, appuyez sur Ctrl + Shift + U pour le désaturer.
Maintenant, nous pourrions simplement appliquer un flou gaussien pour adoucir les choses, mais au lieu de cela, j'ai pensé que nous utiliserions un flou radial, car cela ajoute à l'explosion. Alors allez dans Filtres> Flou> Flou radial. Dans la boîte de dialogue, choisissez Zoom comme méthode à utiliser et définissez le montant sur 100%. Ensuite, dans le diagramme, positionnez le centre du flou sur la planète. Vous devrez peut-être essayer cette étape plusieurs fois jusqu'à ce que vous la placiez correctement..
Vous devriez obtenir quelque chose qui ressemble à la capture d'écran ci-dessous. Je pense avoir exécuté le filtre de flou deux fois.
Définissez maintenant le calque flou sur Superposition et Opacité à 20%. Saisissez ensuite l’autre version de l’image aplatie et répétez le processus de flou (mais ne le désaturez pas). Réglez celui-ci sur 10% d'opacité.
La première couche (désaturée) sert à augmenter légèrement le contraste et à atténuer les couleurs. La seconde sert à éclaircir l'image et à exagérer le flou radial. Vous pouvez voir dans l'image ci-dessous à quoi il ressemble que la lumière éclate.
Ensuite, j'ai décidé que je voulais un peu plus de bruit dans mon explosion, alors j'ai saisi cette texture de papier de Bittbox.
Je l'ai collé juste au-dessus des couches lumineuses et j'ai effacé tout sauf la partie que vous voyez dans l'image ci-dessous.
Ensuite, je règle le calque sur Superposition et sur Opacité à 75%. Vous ne pouvez pratiquement pas voir l'effet, mais cela ajoute un peu plus de superposition aux éléments visuels. Dans une image comme celle-ci. ce sont les détails subtils qui font que l'image est rock. Le réglage de superposition aide également à contrer l’éclaircissement que j’ai fait lors de la dernière étape..
Nous y sommes presque maintenant!
Pour terminer l’image, j’ai pensé qu’une autre planète / lune serait agréable, car elle nous permettrait de réfléchir la lumière de l’explosion et de donner de la profondeur à l’image. J'ai donc acheté une photo de la lune de iStockPhoto.
J'ai utilisé l'outil Baguette magique (W) pour sélectionner tout le noir dans l'image de la lune, puis j'ai appuyé sur Ctrl + Maj + I pour inverser ma sélection et sur Ctrl + C pour copier la partie lunaire de l'image..
De retour dans mon image principale, j'ai collé la lune et l'a réduite à la taille indiquée.
Ensuite, j'ai saisi l'outil de gravure (O) et j'ai plongé le bord droit dans l'obscurité. J'ai ensuite appuyé sur la couche de lune en maintenant la touche Ctrl enfoncée pour sélectionner ses pixels, créer une nouvelle couche au-dessus et dessiner un dégradé linéaire de droite à gauche, le fondu passant au transparent. Ensemble, cela m'a donné un assombrissement de la lune, comme le montre la lumière de gauche. On dirait que c'est éclairé par l'explosion.
Pour vraiment le faire interagir, cependant, je devais le faire refléter les mêmes couleurs. Donc, en utilisant le compte-gouttes, j'ai sélectionné une orange de l'image. Puis j'ai appuyé sur la lune en maintenant la touche Ctrl enfoncée pour sélectionner ses pixels, créer un nouveau calque et, avec un pinceau doux, peindre de l'orange en forme de croissant face à l'explosion. Je règle ce calque sur Superposition et le duplique deux fois, flouant à chaque fois à l'aide de Filtres> Flou> Flou gaussien..
Enfin, pour finir l’image, j’ai ajouté une typographie en haut, comme indiqué. J'ai essayé de la rendre raisonnablement subtile et j'ai utilisé la police de caractères Eurostile pour ses angles droits qui ont l'air plutôt futuriste, mais pas futuriste à l'extrême..
Et nous avons fini !! Un beau grand papier peint pour mon ordinateur portable!
Dans les deux prochaines étapes, je vais vous montrer deux captures d'écran inbetween (par opposition à celles de mon tutoriel), puis enfin une dernière fois l'image finale :-)
J'ai commencé cette image pour la première fois hier matin et au bout de trois heures environ, voici où je voulais en venir. Je suis resté là et je suis revenu aujourd'hui pour finir l'image. Vous pouvez voir ici que je n'ai pas eu les points forts de la planète, il y a beaucoup plus d '"étincelles" et l'image ressemble un peu plus à une éclipse avec une planète plus sombre avec de la lumière derrière elle. Je n’avais pas non plus décidé d’utiliser une coloration violacée et j’utilisais un jaune très chaud à ce stade..
Il est souvent encore plus important de savoir quand arrêter et supprimer des éléments, comme pour savoir quand ajouter des éléments. Dans cette itération, j’ajoutais à l’image des lignes ondulées brillantes similaires à celles que nous avions utilisées dans le très populaire Psdtuts + tutorial Advanced Glow Effects..
Quand j'ai montré cela à ma femme, elle m'a rapidement dit que j'étais allé trop loin et que je surestimais l'image. Elle avait raison :-) Alors j'ai enlevé les lignes et je suis parti avec la lune. Mon texte était aussi un peu bête: il est trop proche du côté droit et semble déséquilibré avec la planète..
Et donc j'ai continué et fini avec cette image. J'espère que ce tutoriel a été utile car il a fallu une éternité pour écrire! Je pense que ça va prendre du temps avant que je tente un autre tutoriel avec 50 étapes!
Accentsconagua