Share
Ce tutoriel se concentrera sur les fonctionnalités de Photoshop en tant qu'outil de rendu permettant de donner vie à vos illustrations vectorielles à l'aide d'effets raster. Avec seulement quelques techniques de coloration, à savoir les calques de réglage, les masques de calque et les styles de calque; Vous remarquerez que le processus peut devenir assez répétitif, ce qui en fait un flux de travail assez intuitif et efficace. Commençons!
Ouvrez spacecadetBASE.psd à partir du dossier source de votre téléchargement. Vous y découvrirez plusieurs groupes de calques importés d'Illustrator en copiant et en collant différents éléments vectoriels, l'un après l'autre, dans un fichier Photoshop vierge. Ce fichier particulier devrait comprendre les éléments suivants:
Ajoutez une couche de réglage directement au-dessus du groupe des «cadets». Le menu des calques de réglage se trouve au bas de l'onglet "Calques". Dans l'onglet Réglages, cliquez sur la barre de dégradé pour afficher l'éditeur de dégradé. Sélectionnez la carte dégradée par défaut "Bleu, Rouge, Jaune" sous les paramètres prédéfinis..
Ajoutez une autre carte en dégradé au-dessus du groupe "Fond du robot". Renommons cette nouvelle couche de carte en dégradé 'atmosphère rouge'. Allez dans l'éditeur de dégradé et sélectionnez la carte par défaut 'Rouge, Vert'. Si votre image semble inversée, réglez les arrêts rouge et vert sur les extrémités opposées de la piste dans l'éditeur de dégradé. Maintenant, double-cliquez sur le point vert et changez sa couleur en brun foncé (# 2f1900).
Sélectionnez la couche «surbrillance» sous le groupe «cadets». Appliquez un masque de calque. Sélectionnez l'outil Pinceau et réglez-le sur une dureté de 0% avec un diamètre de 30px. Définissez la couleur de votre premier plan sur le noir et commencez à masquer légèrement les rehauts, comme indiqué ci-dessous. Vous pouvez également régler le pourcentage d'opacité et de débit du pinceau pour en contrôler la force. Activez également le réglage "aérographe".
Essayons d'ajouter un peu plus d'ombre à notre figure de cadet. Sélectionnez 'couche 1 copie 4'. Allez dans le menu des calques de réglage et sélectionnez "Niveaux". Appuyez sur 'Cmd / Ctrl + Alt + G' pour découper le masque dans le calque cadet. Réglez le niveau de sortie en surbrillance sur environ 127. Cliquez sur le masque de calque et choisissez l’outil Dégradé. Avec un réglage de dégradé linéaire, cliquez + maintenez enfoncé et faites glisser de la partie supérieure de l'épaule vers la partie inférieure de la cuisse du cadet. Assurez-vous que le noir est la nuance avant, le blanc est le fond dans vos couleurs.
Maintenant, ajoutez un second calque de réglage 'Niveaux', masquez-le par clip et changez le niveau d'entrée de surbrillance à environ 230.
Dupliquez le calque "surbrillance". Déplacez-le en dessous de l'original et masquez-le. Cmd / Ctrl + CLIQUEZ sur le calque pour créer ces "fourmis en défilement" ou une sélection. Accédez au menu du haut et sélectionnez Filtre> Flou> Flou gaussien. Réglez le rayon à environ 4,4 ou plus. Appuyez sur Cmd / Ctrl + D pour désélectionner.
Dupliquez le calque de réglage «atmosphère rouge» créé à l'étape 2 en cliquant dessus, puis en appuyant sur Cmd / Ctrl + J. Déplacez la copie au-dessus du calque «sélection de la copie» et masquez-la par un clip. Jusqu'ici, nous avons supposé que la source de lumière principale venait en haut à gauche. Suivez cette logique tout en masquant avec un pinceau noir doux pour éclaircir certains points.
Maintenant c'est au tour du robot. Sélectionnez le calque robot dans le groupe (copie du calque 2). Ajoutez un calque de réglage du niveau, coupez le masque (Cmd / Ctrl + Alt + G) et définissez son niveau de sortie en surbrillance sur 105. Utilisez un pinceau doux en fonction de la direction de votre source de lumière. Créez un second calque de réglage de niveau, masquez-le et définissez son niveau de surbrillance sur environ 233 ou plus..
Copiez le calque cadet (calque 1 copie 4) et collez-le dans le groupe de robots. Renommez le calque "shadow" et appuyez sur CTRL + L pour afficher une fenêtre de niveaux. Définissez le niveau de sortie de la surbrillance sur 0. Découpez ensuite le masque, réglez son mode de fusion sur «Superposition» et réduisez son opacité principale à 60%..
Recherchez et dupliquez le calque dégradé "atmos rouge" et placez-le au-dessus du calque "ombre". Coupez le masque et utilisez un pinceau noir doux pour masquer en fonction de l'origine de votre source de lumière, comme auparavant..
Sélectionnez la copie de couche atmos rouge et dupliquez-la. Renommez le calque "superposition bleue". Coupez le masque et changez les couleurs d’arrêt dans l’éditeur de dégradé: bleu foncé (# 1f03af) et bleu clair (# 02fffe). Faites glisser l’arrêt bleu foncé sur la piste à environ 15%.
Ajoutez un calque de réglage de remplissage de couleur, rendez-le rouge (# ff0000) et masquez-le en clip. Sélectionnez maintenant le masque de calque et appuyez sur Cmd / Ctrl + I pour inverser le masque en noir. Avec un pinceau blanc doux, commencez à révéler une partie du rouge au bas du robot. Cela permet de réagir visuellement aux effets que nous allons ajouter à la parole dans les étapes suivantes..
Sélectionnez la couche de panneaux et appuyez sur Cmd / Ctrl + clic dessus pour faire une sélection. Sélectionnez l'outil de dégradé et définissez-le en mode dégradé radial. Cliquez sur le bouton + maintenez-le enfoncé du centre de la sélection et faites-le glisser vers le bas pour l'appliquer au sol. Désélectionner le calque.
Dupliquez la carte en dégradé "atmosphère rouge" et masquez-la dans le calque de grille. Utilisez l'outil de dégradé pour appliquer un masquage de dégradé radial. Noir devrait être l'ombre centrale.
Appliquons maintenant une lueur à la grille. Cliquez sur le menu 'FX' au bas de l'onglet Calque et choisissez la lueur extérieure. Copiez les paramètres indiqués ci-dessous.
Appliquez un masque de calque inversé au calque de grille (maintenez la touche Alt et cliquez sur l'option Masque de calque). Définissez la couleur d'arrière-plan sur blanc et affichez cette fois la grille avec une gomme douce (si vous souhaitez utiliser le pinceau, réglez simplement la couleur de l'avant-plan sur blanc). Vous pouvez utiliser les paramètres de la gomme illustrés dans l'image ci-dessous. Assurez-vous que le réglage de l'aérographe est activé.
Ajoutez un calque de réglage Niveaux masqué sur le clip à "Couche 5" dans le groupe "Fond du robot". Réglez le niveau de sortie en surbrillance sur 93. Vous pouvez également masquer certaines zones si vous le souhaitez..
Créez un nouveau calque dans le groupe. Cmd / Ctrl + clic sur la couche 5 pour créer une sélection. Sélectionnez l'outil de sélection et faites un clic droit. Sélectionnez Contour et appliquez une largeur de 1,5 px au centre. Ajoutez une lueur externe avec un jaune (# fff145). Assurez-vous que votre couleur est blanche. Utilisez les paramètres de style de calque ci-dessous.
Ajoutez maintenant un masque de calque (Alt + clic). Révélez les lueurs comme indiqué ci-dessous, en utilisant un pinceau blanc doux.
Sélectionnez la couche 6 dans la couche de fond du robot. Appliquez un réglage de niveau masqué pour le clip avec un niveau de sortie de surbrillance d'environ 40. Masquez-le pour que de la lumière frappe l'objet..
Revenons maintenant à notre cadet et commençons à appliquer un peu plus de "flash" à son apparence. Allez dans le groupe 'lueur'> sous-groupe 'cadetglows'. Ajoutez un nouveau calque et nommez-le "contour rouge". Cmd / Ctrl + clic sur le 'calque 1 copie 4' sous le groupe 'cadet' pour faire une sélection. Appliquez un trait de 2px au centre du calque 'contour rouge'.
Ajouter une lueur externe (# ff4242) et une superposition de couleurs (# ff7376) au trait.
Appliquez un masque de calque inversé et révélez certaines zones à l'aide d'un pinceau ou d'une gomme blanche et douce.
Afficher la couche 9. Appliquer une lueur externe (# ff2099)
Répétez l'étape 22
Dupliquer la couche 9 (Cmd / Ctrl + J) répéter l'étape 22. Ceci accentue encore certaines zones.
Annulez le calque 10 et créez un calque dupliqué (Cmd / Ctrl + J). Masquer le duplicata.
Sélectionnez le calque 10 et appliquez une lueur externe (# ff3636) et une superposition de couleurs (# ff000c). Créez un masque de calque inversé et dévoilez-le avec un pinceau blanc doux le long du bord inférieur des bottes..
Afficher la "copie de calque 10" et ajouter une lueur externe (# ffbf36) et une superposition de couleurs (# feabf9)
Ajoutez un masque de calque et commencez à cacher certaines zones avec une gomme noire pour rendre sa matérialité un peu moins plate..
Sur le calque 13, ajoutons également un style de calque. (lueur externe: # ff15cb, superposition de couleurs: #fffbbf). Appliquez un masque de calque inversé et commencez à révéler à l'aide d'un pinceau blanc doux.
Sur la couche 21, ajoutez une lueur extérieure et une superposition de couleurs (les deux # 3ae1ff).
Reproduisons maintenant le calque de contour rouge créé à l’étape 20 et renommez-le «contour de magenta». Sélectionnez son masque de calque et appuyez sur Cmd / Ctrl + L et ajustez le niveau de sortie de l'ombre à 255 pour le rendre complètement blanc, révélant tout. Changer sa couleur de lueur externe (# fd64ff)
Cmd / Ctrl + Cliquez sur la couche 10 pour créer une sélection. Choisissez l'outil de sélection et définissez-le en mode soustraction. Cliquez et faites glisser sur toute la figure, à l'exception du casque. Seule la sélection du casque doit rester comme indiqué ci-dessous. Maintenant, appliquez un trait de 2px au centre.
Inversez le masque de calque (Cmd / Ctrl + I) et révélez-le en fonction de votre perception de la source de lumière..
Ajoutons maintenant un peu d'éclat. Créez un nouveau calque et étiquetez-le comme "étincelant". Choisissez l'outil Ligne (appuyez sur U) et réglez-le sur le mode "pixels de remplissage". Tracez deux lignes diagonales de 2 pixels qui se croisent au milieu. Utilisez ensuite une brosse douce de 46 pixels avec un réglage de flux et d'opacité dans la plage de 60% et appliquez-la au centre en quelques clics. Enfin, utilisez une gomme douce de 48px et effacez les extrémités des deux segments..
Sélectionnez l'outil de déplacement (V) et maintenez la touche Alt enfoncée. Le pointeur de votre souris doit devenir une double flèche de pointeur blanc / noir. Continuez à maintenir Alt, cliquez et faites glisser la couche d'étincelles sur la figure du cadet. Maintenez la touche Maj enfoncée et sélectionnez tous les calques en double et fusionnez en appuyant sur Cmd / Ctrl + E.
Activer tous les calques du groupe 'robotglows'. Cmd / Ctrl + Cliquez sur 'couche 1 copie 4' (sous groupe de cadets). Sélectionnez le dossier robotglows et Alt + Cliquez sur l'option du masque de calque. Cela cachera tout ce qui pourrait gêner visuellement la figure des cadets au sein de ce groupe..
Masquer tous les calques du groupe, à l'exception du calque 12. Appliquer une lueur extérieure (# 7dfbf7) et une couverture (#fffcaa).
Appliquer un masque de calque inversé et révéler avec un pinceau doux.
Créez un nouveau calque et renommez-le 'contour'. Cmd / Ctrl + clic sur 'Copie de couche 2' sous le groupe de robots pour créer une sélection. Appliquez un trait de 2px au centre.
Appliquez une lueur externe (# c0f8fc), ajoutez un masque inversé et révélez à l'aide d'un pinceau doux.
À présent, dupliquez le calque, renommez-le 'contour rouge' et changez-le (# ff3c3c). Définissez le masque sur le noir et révélez les contours de la base du robot..
Activer le calque 20. Appliquer un éclat externe (# 49ffa3).
Répétez l'étape 43 pour le calque 23. Masquez la zone recouvrant l'illustration du robot au premier plan, comme indiqué ci-dessous..
Il est temps d'ajouter plus de détails à l'arrière-plan. Créons un nouveau dossier directement sous le groupe 'lazerz' et appelons-le 'starfield'. Créez un nouveau calque et nommez-le "étoiles". Sélectionnez l'outil Pinceau et réglez-le sur 7px 100% Dureté, Opacité et Flux. Cliquez autour pour faire un tas de points.
À présent, dupliquez ce calque (Cmd / Ctrl + J) et appuyez sur Cmd / Ctrl + T pour afficher la zone de transformation. Réduisez la taille du calque et appuyez sur Entrée pour confirmer..
Avec l'outil de déplacement sélectionné, maintenez les touches Alt + clic et faites glisser le calque pour créer plusieurs copies..
Sélectionnez toutes les couches d'étoiles et Cmd / Ctrl + E pour les fusionner. Ajoutez un masque de calque et commencez à masquer certaines zones pour créer des variations de luminosité et de profondeur. Faites un clic droit sur le masque de calque et cliquez sur 'Appliquer le masque de calque'.
Répétez l'étape 46
Répétez les étapes 45 à 49 jusqu'à obtenir un résultat similaire à celui ci-dessous.
Créez un nouveau calque et nommez-le "étoiles filantes". Tracez une ligne blanche 2px diagonale. Appliquez une lueur externe (# fc2cff) et une superposition de couleurs (# ffeb8c).
Utilisez une gomme douce pour effacer une extrémité de la ligne.
Continuez à dessiner quelques lignes de plus de cette façon.
Notre champ d'étoiles obstrue actuellement notre groupe de fond de robot. Corrigeons cela en appuyant sur Maj + Cmd / Ctrl + en cliquant sur les calques de fond du robot (couches 5 et 6) et en ajoutant un masque de calque au groupe d'étoiles par Alt + en cliquant sur l'option de masque de calque.
Activez le groupe "lazerz". Appliquez une lueur externe (# bc53ff), une lueur interne (# 06fff6) et des superpositions de couleurs (# fcd7e2) aux deux couches du groupe..
Appliquez un masque de calque aux deux calques et masque à partir du point de fuite vers l'extérieur, comme indiqué ci-dessous.
Répétez ce que vous avez fait à l'étape 54 pour le groupe lazerz.
Il est maintenant temps d'appliquer certains effets atmosphériques du plus subtil au plus subtil. Dans la prochaine série d'images, prêtez une attention particulière aux divers modes de fusion, à l'opacité principale et aux autres paramètres utilisés. Commençons par créer un groupe "atmosphère" directement sous le groupe "texte". Ajoutez un calque Réglage du dégradé pour le définir dans un style radial et créez une palette tricolore personnalisée # d5fff5, # 9076ff, # 03f0ff (de gauche à droite). Définissez la limite d'opacité pour # 03f0ff sur 0%. Pour créer un troisième arrêt, il suffit de cliquer n'importe où sous la piste de couleur dans l'éditeur de dégradé..
Créez un nouveau calque et sélectionnez l'outil Pinceau. Réglez le diamètre sur environ 1000 pixels avec un réglage de débit de 27%. Cliquez plusieurs fois sur le torse de la silhouette.
Ajustez le mode de fusion, l'opacité et le remplissage du calque. Appliquez un masque inversé et commencez à révéler. Maintenant, les effets atmosphériques peuvent être assez subtils, ce qui laisse beaucoup de place à la variance. A partir de là, vous verrez quelques exemples de ma propre densité de masquage..
Ajoutez un autre calque de réglage du dégradé avec deux couleurs d'arrêt (# ff7676, # ae00ff) et dans un style radial. Définissez l'opacité d'arrêt de # ae00ff sur 0%. Appuyez sur ok dans l'éditeur de dégradé. Avec la fenêtre 'Remplissage dégradé' toujours en haut, déplacez le dégradé au bas de la toile sur le sol. Vous n'avez pas à sélectionner l'outil de déplacement pour le faire..
Ajouter un calque de réglage de niveau. Définissez la sortie en surbrillance sur 76 et appliquez un masque de calque. C'est pour aider à accentuer la concentration dans la pièce.
Ajoutez un nouveau calque de réglage du dégradé à 3 arrêts et définissez les couleurs de fin sur # c1f7ff, # a3fffc, # c6fff0 (de gauche à droite). Cliquez au-dessus de la piste de couleur pour ajouter un arrêt d'opacité au milieu. Définissez l'opacité à 0% à chaque extrémité de la piste.
Dupliquer le remplissage dégradé bleu clair et appliquer un masque de calque avec un dégradé radial.
Maintenant pour la touche finale. Ouvrez le groupe 'texte'. Dupliquez le calque '10000LYIS' et traitez les deux calques comme indiqué dans l'image correspondante ci-dessous. La police utilisée pour le texte peut être téléchargée ici: Star Jedi
Créez un contour de contour 2px dans un nouveau calque. Ajouter une lueur externe (# ffd257) et appliquer un masque.
Placez la couche d'extrusion dans un nouveau groupe. Avec le nouveau dossier toujours sélectionné, Cmd / Ctrl + clic sur le calque 10000LYIS et Alt + clic sur l'option du masque de calque.
Ajoutez un nouveau calque de carte en dégradé et découpez le masque (Cmd / Ctrl + Alt + G) dans le calque d'extrusion. Définissez les couleurs d'arrêt sur # ff0000 et # fffc00.
Ajoutez une autre carte de dégradé masquée avec les couleurs d’arrêt # d800ff et # 00f6ff. Inverser le masque de calque (Cmd / Ctrl + I) et masquer en conséquence.
Créez un calque à contour de contour de 2px de l'extrusion dans un nouveau calque et ajoutez une lueur (# 57fff5)
Trouvez le masque de groupe "lazerz" et masquez la partie qui obstrue l'affichage du texte, comme indiqué..
Ajoutez de l'éclat comme nous l'avons fait aux étapes 35 et 36.
Enfin, nous devons «mapper» un peu la figure, alors créons une réflexion simple. Recherchez le calque contenant la figure, copiez-le et collez-le. Renommons-le 'réflexion'. Cmd / Ctrl + T, cliquez avec le bouton droit de la souris et sélectionnez "Retourner verticalement". Déplacez-le au bas de la toile, sous les pieds du cadet, comme indiqué. Appuyez sur Cmd / Ctrl + I pour inverser la couche de réflexion.
Déplacez le calque vers le bas du groupe et appliquez les paramètres de calque indiqués ci-dessous..
Accentsconagua