32
Créer une scène spatiale et lumineuse avec Photoshop
Créer cette incroyable scène spatiale sous Photoshop en moins de 10 étapes. Vous pourrez utiliser cette image pour créer vos signatures ou autres bannières de promotion ! Essayez vite cette nouvelle technique sous Photoshop !
Voici un tutoriel pour créer un effet de lumière galactique, les manœuvres sont très simples, donc n’hésitez pas à vous lancer !
Voici l’image finale :
ETAPE 1
J’ouvre le logiciel Photoshop, puis je crée un nouveau document, dans mon cas j’ai créé une image RVB sur fond blanc d’une dimension de 764x87 pixels (menu fichier > nouveau, puis remplir la fenêtre apparue à l’écran).
Puis j’importe ma photo de l’espace que j’ai trouvée sur cette page : http://hubblesite.org/gallery/album/
ETAPE 2
Je crée un nouveau calque (Maj + Ctrl + n) puis je remplis grâce au pot de peinture (g) ce calque avec du bleu (ou une autre couleur, à vous de choisir).
Ensuite je passe ce calque en mode couleur (je regarde dans le menu déroulant en haut à gauche du panneau Calque).
ETAPE 3
Grâce à l’outil texte je crée mon titre au milieu de mon image.
ETAPE 4
J’ajoute à ce texte deux styles de calques, pour cela je vais dans le menu calque > style de calque puis Lueur externe, et Incrustation de couleur.
ETAPE 5
J’ajoute mes trois courbes lumineuses. Voici maintenant l’explication pour créer ces courbes lumineuses.
Voici en premier lieu une vidéo pour vous permettre de comprendre au mieux les explications. Et ci-dessous, les explications sous forme d’images et de textes.
Je crée une ellipse de forme blanche grâce à l’outil ellipse
J’ajoute un contour (menu calque > style de calque > contour : 2px blancs) puis je diminue l’opacité du fond à 50% (panneau Calque).
Je crée un nouveau calque sous la forme ellipse puis je clique sur le calque forme ellipse, j’appuie sur ctrl + e pour fusionner ces deux calques
Enfin j’ajoute un masque de fusion (calque > masque de fusion > tout faire apparaitre)
Puis avec le dégradé noir 100% vers noir 0% je cache le bas, la gauche et la droite de cette forme pour enfin créer la courbe lumineuse.
Explications :
Explications vidéo :
ETAPE 6
Je vais maintenant ajouter une lueur blanche derrière mon texte, pour cela rien de plus simple, sur un nouveau calque (je rappelle que pour créer un nouveau calque il faut se rendre dans le menu calque puis créer un nouveau calque) je crée une sélection en ellipse que je remplis de blanc (avec le pot de peinture), puis j’utilise l’atténuation flou gaussien (menu > filtre > atténuation > flou gaussien) pour créer la lueur.
Explications :
ETAPE 7
Je vais maintenant ajouter les petites lueurs blanches, les sortes de petits lucioles suivant les courbes… vous les voyez 
?
Je commence par créer un nouveau calque (menu calque > créer un nouveau calque), puis je sélectionne la couleur d’avant plan blanc, puis l’outil pinceau.
Je configure le pinceau comme suit : Je vais commencer par afficher la fenêtre formes, menu fenêtre > formes. Dans le premier onglet je choisis ma forme, une petite forme, puis je clique sur diffusion (deuxième onglet) et normalement la forme devrait se diffuser aléatoirement, si ce n’est pas le cas, je joue avec les configurations pour obtenir une forme étalée et aléatoire. Une fois que c’est fait, je clique sur ok.
Explications sur la configuration du pinceau
Puis je vais dessiner en suivant les courbes de mon image. Magique non ?
ETAPE 8
Pour terminer je vais créer un nouveau calque, et avec une couleur d’avant plan (bleu très foncé) et un pinceau très diffus je cache les étoiles se trouvant sur la droite de mon image.
Et voici mon image terminée.
Plutôt bel effet de lumière non ?
Merci à tous d’avoir suivi ce tutoriel, n’hésitez pas à poster votre création dans la galerie en bas de cette page pour être publié ici même
Téléchargement des fichiers sources liés à ce tutorial
Veuillez vous connecter pour télécharger les fichiers sources
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 23 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
17 novembre 2009 14:31, par Groblx
Trés bien comme chacuns de tes tutoriels, la video est également apprécier, peu etre prendre exemple sur psd.tut ou il font l’ensemble du tuto en explication texte+image et un autre complétement en video. Merci et à bientôt
Groblx, what’s else !
Répondre -
17 novembre 2009 15:10, par Julls
Merci mon ami, pour la source high def on hubblesite ! et aussi pour tes tutos gratos j’espère que ça roule pour toi, tu le mérite
++Ju
Répondre -
18 novembre 2009 16:59, par Daisy
Merci pour ce tuto et les images high def on hubblesite . Je n’ai pas eu facile mais j’ai un résultat. Pas aussi bien que vous mais pour un début !! Daisy
Répondre
-
24 novembre 2009 14:03, par soph
Bonjour,
Parfait tutoriel pour une débutante comme moi, à une exception près cependant. Impossible de faire l’ellipse préfigurant les courbes lumineuses. Lorsque je crée cette ellipse, elle ne « se remplit » pas de blanc comme expliqué... Bref si vous pourriez m’expliquer pourquoi ?
Merci encore pour vos tutoriels !
Répondre-
24 novembre 2009 14:57, par Wonka
J’ai déjà rencontré une situation similaire, pour la règler il vous faut :
Sélectionner l’outil des formes (ellipse pour ce tutorial). Puis cliquer sur la petite icone calque de forme (située en haut à gauche de votre écran).
Ensuite vous pouvez tracer votre ellipse sans problème !
Bonne chance, et merci pour votre message !
Répondre
-
-
24 novembre 2009 21:19, par Itac
Bonjour !
Très beau tutoriel très bien expliqué vravo
j’ai juste un petit problème au niveau des courbes lumineuses : faut-il les créer sur un nouveau doc ? Si oui, comment les mettre ensuite sur notre créa d’avant ?
Merci beaucoup par avance d’aider la tite Tofiltreuse qu’essaye de se mettre à Toshop ^^
Bonne continuation
Itac
Répondre-
25 novembre 2009 12:47, par Wonka
J’ai créer la courbe sur un nouveau document dans mon explication mais tu peux créer ces courbes directement sur ton image, il y a aucun problème bien au contraire
Bonne chance pour la suite de ta création.
Répondre-
25 novembre 2009 17:49, par Itac
Merci beaucoup pour ta réponse, j’essaye cela tout de suite.
Voir en ligne : Créatisite
Répondre
-
-
-
25 novembre 2009 20:27, par Itac
Re-bonjour :
Tutoriel réussi maintenant !
Merci beaucoup & bonne continuation
Répondre -
8 décembre 2009 15:24, par Boro
Moi j’ai rien à dire à part un petit problème que j’ai remarqué concernant l’utilisation du pinceau diffus sur le côté droit de l’image. Faut vraiment faire attention à bien peindre sur le bord droit de l’image « hubble » sinon on la voit. Je pense que pour la couleur du pinceau c’est plus du noir que du bleu foncé. Sinon merci pour l’exercice. Boro
Répondre -
20 décembre 2009 15:24, par tige-hood
Très bon tutorial ... Sinon, on peut aussi rajouter un effet d’halo derrière le texte, au niveau du centre de la galaxie, ça renforce encore plus l’éclairage ...
Répondre
Bonne continuation ! -
23 décembre 2009 12:54, par Marion
Je débute sur photoshop (c’est le 3e tuto que je suis) et celui-ci m’a beaucoup appris. Il est très bien expliqué, ne prend pas beaucoup de temps et le résultat est magnifique ! Merci et bravo ! =)
Répondre -
2 janvier 2010 22:11, par Tyvaldo
Je ne sais pas pourquoi mais quand je fait le dégradé noir 100 vers noir 0% le contour ne s’efface pas. Et j’ai suivi les instructions à la lettre !
Répondre -
4 janvier 2010 00:44, par Pepite69
Le tuto est parfaitement expliqué en image, texte et video, la totale ! Le rendu est vraiment sympatoche, voila mon essai :
Merci au grand Wonka et aux autres qui font de ce site mon favoris
Répondre
-
13 février 2010 18:50, par Teteo
bonjour, je voulais savoir où se trouve l’outil forme =S j’ai beau cherché sur la barre des outils il n’apparaît pas comme sur la vidéo. merci d’avance ^^ ` en tout cas super site bravo !
Répondre-
14 février 2010 21:29, par Wonka
Bah normalement il est par défaut dans la barre des outils ! Est ce que tu vois l’outil rectangle ?
Répondre
-
-
21 février 2010 22:10, par Leoros
Merci pour ces magnifiques tutos. Cela m’a permis d’apprendre pas mal de choses.
Répondre -
25 mai 2010 17:26, par djezz
Simple a réaliser, efficace et le rendu est très sympa.
Idéal pour un header.
Merci wonka !!!
Répondre-
7 juillet 2010 20:43, par glouba
Bonjour wonka je viens de commencer photoshop mais je ne sais pas comment importer l’image j’en ai prit une sur le site que tu as fourni mais je n’arrive pas a la mettre
Voir en ligne : Titre de votre site Internet
Répondre
-
-
1er septembre 2010 16:55, par Kent’1
J’utiliserais cette image sur un de mes sites !
Merci !
Répondre
