32
Créer un incroyable effet de lumières et d’étoiles avec Photoshop
Je vous propose aujourd’hui un tutoriel Photoshop très simple pour créer un effet de lumières et d’étoiles sous Photoshop. Chaque étape est bien expliquée ce qui devrait permettre à tous de parvenir à réussir ce tutoriel Photoshop !
Dans ce tutoriel vous allez apprendre grâce au logiciel Photoshop à créer un background coloré, l’effet est abstrait mais vraiment esthétique. Vous utiliserez des outils comme le pot de peinture, les dégradés mais surtout vous allez créer puis utiliser un motif totalement personnalisé !
Je tiens à préciser que bien que certaines étapes soient un peu compliquées, l’exercice peut être réalisé par tout type d’utilisateurs, même les débutants.
Voici l’image finale :
Bonne chance donc, pour la réalisation de cet effet graphique 
Etape 1 : Créer son image sous Photoshop
Ouvrez le logiciel Photoshop puis créez un nouveau document (Ctrl/Cmd + Maj + N, entrez les valeurs de 600 pixels de largeur et de hauteur puis cliquez sur le bouton Ok).Modifiez la couleur d’avant plan par la couleur #474747 puis allez dans le menu Edition> Remplir ; la couleur de remplissage de votre image se change en gris foncé.
Etape 2 : Créer un nouveau calque
Créez un nouveau calque (menu Calque> Nouveau> Calque ou appuyez sur les touches Ctrl/Cmd + N) renommez-le « Dégradé » puis remplissez ce calque de la même couleur que l’arrière plan.Pour renommer le nom d’un calque, vous pouvez directement double cliquer sur son nom dans la fenêtre des calques pour activer l’édition !
Etape 3 : Ajouter un dégradé
Vous allez maintenant ajouter un dégradé au calque précédemment créé. Pour cela allez dans le menu Calque> Style de calque> Incrustation de dégradé. Modifiez l’angle à 45°, le dégradé par un dégradé présent dans Photoshop le jaune – orange – jaune, puis changez le mode de fusion du dégradé en incrustation.
Etape 4 : Créer un nouveau dossier
Vous allez maintenant créer un nouveau dossier, vous placerez prochainement tous les calques relatifs à la création des étoiles. Allez dans le menu Calque> Nouveau> Groupe et renommez-le « Etoiles ».Enfin modifiez le mode de fusion du groupe en Densité linéaire – (identifiez le menu déroulant en haut à gauche de la fenêtre calque).
Etape 5 : Créer le motif étoile
Ouvrez le fichier star.psd téléchargeable dans l’archive en bas de la page puis allez dans le menu Edition> Utiliser comme forme prédéfinie. Une nouvelle fenêtre apparaît, modifiez le nom si vous le souhaitez puis appuyez sur le bouton Ok.Le motif et alors automatiquement ajouté à vos formes de pinceaux. Pour le vérifier, sélectionnez l’outil Pinceau (B) puis ouvrez le sélectionneur de formes.
Etape 6 : Personnaliser la forme du pinceau
Fermer le fichier star.psd, puis une fois sur votre image, appuyez sur la touche F5 pour ouvrir la fenêtre Formes. Il va falloir créer un pinceau qui se diffuse de façon aléatoire sur l’image mais surtout qui se transforme à chaque fois (angle, opacité, dimension).- Dans formes prédéfinies : Choisissez votre étoile.
- Dans dynamique de la forme : Variation de la taille : 20%, Variation de l’angle : 50%.
- Dans diffusion : Diffusion : 800%.
- Dans autres dynamiques : Variation de l’opacité : 40%.
Etape 7 : Création des étoiles
Créer un nouveau calque dans le dossier « Etoiles » puis utiliser le pinceau avec la forme précédemment créée (taille du pinceau entre 300 et 400 px).
Etape 8 : Flou gaussien
Pour augmenter l’effet de profondeur, vous allez appliquer un flou gaussien sur ces grandes étoiles. Allez dans le menu Filtres> Atténuation> Flou gaussien et entrez la valeur du Rayon à 10 pixels.
Etape 9 : Seconde vague d’étoile
Créez un nouveau calque puis répétez les opérations 7 et 8 pour créer une nouvelle vague d’étoiles. Utilisez une taille entre 150 et 200 pixels, puis utilisez un flou gaussien de rayon 5 pixels.
Etape 10 : Dernière vague d’étoiles
Et faire encore une fois les étapes 7 et 8 sur un troisième calque. Diminuez la taille du pinceau à 100 pixels et le flou gaussien à 2 pixels.
Pour accentuer l’effet vous avez la possibilité d’assombrir la couleur de remplissage du calque Dégradé ! Pour sélectionnez comme couleur d’avant plan un gris plus foncé, sélectionnez le calque Dégradé puis allez dans le menu Edition> Remplir.
Conclusion
Voila l’effet déjà terminé, vous pouvez bien entendu personnaliser la forme ou changer la couleur du dégradé. Voici quelques exemples avec des configurations différentes.
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 27 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.
-
28 février 2010 12:28, par Leoros
Super effet ultra rapide. Merci pour tous ces tutos qui me permettent de me la jouer au travail =p
Répondre -
28 février 2010 12:58, par Clems
Petit tuto très simple et très rapide ! L’effet final est pas ultra chic mais le tout reste assez intéressant
Répondre
merci Wonka ! -
28 février 2010 17:59, par Nicoteen
J’ai un problème : Quand j’apuie sur F5, je ne peut pas sélectionné d’option ?
Répondre -
28 février 2010 18:10, par Nicoteen
J’ai un problème : Quand j’apuie sur F5, je ne peut pas sélectionné d’option ?
Répondre-
1er mars 2010 19:03, par Wonka
F5 permet d’ouvrir la fenètre formes, si rien ne se passe tu la trouveras en allant dans le menu Fenètres> Formes !
Répondre
-
-
2 mars 2010 17:38, par yves
merci bien sa pas eté facile pour une premier utilisation mais je suis quand méme parvenu a le faire.
Répondre -
2 mars 2010 21:54, par medzo120
merci encore pour ce tuto mais je n’ai pas réussi avoir la forme étoile alors j’ai dupliqué plusieurs fois l’image étoile
Répondre -
9 mars 2010 20:35, par Charly
Je suis tombé sur ce tuto qui m’a plut et malheureusement j’a un probleme lors de la creation du motif, j’ouvre le fichier, edition -> utiliser comme motif . Il y a bien la fenetre, je renomme le fichier et là est le problème, le motif n’est nul part ... j’ai beau repeter l’operation rien à faire...
Répondre-
12 mars 2010 10:08, par Wonka
Normalement lorsque tu sélectionnes ensuite l’outil Pinceau et que tu regardes toutes les formes disponible tu devrais pouvoir le voir, car il me semble pas qu’il faille aller dans creation motif mais plutôt Définir une forme prédéfinie (juste au dessus dans le menu). Bon courage.
Répondre
-
-
19 mars 2010 20:46, par didi
bonjour , quand je clik sur f5 jai la fenetre qui s’affiche mais je n’est pas les les options pour la transformation de la forme ( forme predefinis ) esque quelqu’un peu m’aider ? merci par avance
Répondre -
6 avril 2010 16:26, par Schlagvag
youki ! merci =) par contre z’arrive pas à faire l’effet néon... mes étoiles sont zarb, très floues et presque invisibles...
Répondre -
6 juin 2010 22:14, par SowNz
j’ai un problème a l’étape 7 quand je crée les étoiles ils sont toujours petites pourtant j’ai bien tout changer comme c’est écris, je ne sais vraiment pas de ou sa peu venir quelqu’un pourrait m’aider plz
Répondre -
14 juillet 2010 16:22, par clasamente fotbal
Superbe article, vraiment simple et utile. Bravo pour sa mise en ligne. C’est ce genre d’information que le public (et moi en particulier) recherche.
Répondre -
28 juillet 2010 20:54, par Votre pseudonyme
Merci mais je suis bloquée dan la phase de placement des étoiles elles ne paraissent pas jaune comme tu as fais mais noir !!!! si je change la couleur en jaune, elle n’apparaissent pas mais je les voient dans le calque en bas ! merci pour ton aide..
Répondre -
27 août 2010 13:17, par Carolina
Clair super les liens merci
J’ai fait le premier tutoriel c’est super :D
Répondre -
17 septembre 2010 17:14, par Limpa fossa
bonjour , quand je clik sur f5 jai la fenetre qui s’affiche mais je n’est pas les les options pour la transformation de la forme ( forme predefinis ) esque quelqu’un peu m’aider ? merci par avance
Répondre -
17 septembre 2010 17:15, par produtos mtk
Petit tuto très simple et très rapide ! L’effet final est pas ultra chic mais le tout reste assez intéressant merci !
Répondre -
23 septembre 2010 19:55, par Triporteur
Technique abordable même pour les débutants
Répondre Merci, je vais tester de faire de nouveaux flyers -
4 décembre 2010 14:42, par Mireille D
Merci pour votre tuto, assez facile à réaliser. Quel bel effet !
Répondre
