32
Créer un line arts lumineux avec Photoshop
Je reviens avec une version deux de l’effet graphique lines art, tout en couleurs et en lumière vous ne pourrez qu’être éboulis par une telle composition graphique. De plus sa réalisation est assez simple !
Voici un tutoriel beaucoup demandé sur Wks, l’effet est connu mais la technique utilisée ici l’est beaucoup moins. Je vais m’efforcer d’être le plus clair et le plus simple possible. L’objectif est de donner la possibilité à un vrai débutant de réussir ce magnifique effet de lumière spatiale.
Pas encore convaincu ? Voici l’image finale que vous devriez obtenir … alors ça vous tente ?
Ci-dessous, vous trouverez les deux pages contenant les brushs utilisés :
- http://qbrushes.com/photoshop-abstract-brushes/night-light-brush/
- http://keepwaiting.deviantart.com/art/MOON-BRUSHES-for-PS7-v-2-36432704
ETAPE 1
J’ouvre le logiciel Photoshop et je crée un nouveau document : menu fichier > nouveau document puis j’entre les valeurs comme :
(ceci reste un exemple, vous pouvez créer un document avec des tailles différentes).
Ensuite je sélectionne l’outil ligne (ligne vectorielle) voir l’image ci-dessous :
Et tout en gardant la touche Maj enfoncée je crée des lignes blanches de différentes largeurs.
ETAPE 2
Je vais maintenant déformer mes lignes blanches en appliquant une atténuation, pour cela je vais dans le menu filtre > atténuation > flou directionnel.
Je configure la fenêtre comme ci-dessous :
Pour accentuer les lignes, je duplique le calque des lignes deux ou trois fois.
Voici le résultat :
ETAPE 3
J’effectue la même manipulation plusieurs fois pour combler tout l’espace de mon document.
ETAPE 4
Je crée un nouveau calque par-dessus les lignes. En utilisant un pinceau diffus je crée des zones de différentes couleurs.
ETAPE 5
Je passe ce calque couleur en mode couleur (voir le menu déroulant dans la fenêtre des calques).
ETAPE 6
Avec l’outil ligne, je crée une ligne blanche d’une cinquantaine de pixels de large traversant la totalité de mon image.
ETAPE 7
Ensuite en utilisant la technique utilisée aux étapes 1 et 2, je crée des lignes grises sur ma bande blanche.
ETAPE 8
Je crée un dossier que j’appelle « bande blanche » et je place tous les calques correspondant à la bande blanche dans le dossier : bande blanche + ligne grise.
Je me place sur le dossier bande blanche puis j’ajoute un masque de fusion : menu calque > calque de fusion > tout faire apparaître.
En utilisant ensuite un dégradé noir 100% vers noir 0% d’opacité je cache le haut puis le bas de la bande blanche.
ETAPE 9
Je place tous les calques correspondant aux bandes de couleurs dans un dossier puis j’ajoute un masque de fusion (comme précédemment) menu calque > masque de fusion > tout cacher.
Et avec un pinceau diffus blanc je découvre le centre des bandes colorées.
ETAPE 10
Je trace une ligne rouge pour marquer la ligne de lumière que nous allons prochainement créer.
ETAPE 11
Je crée un nouveau calque puis en utilise plusieurs formes de pinceau blanc je crée une ligne comme ci-dessous.
ETAPE 12
Et enfin j’utilise l’atténuation directionnelle pour atténuer ma bande de lumière.
Je passe ce calque en mode de fusion incrustation.
ETAPE 13
Je vais maintenant créer une superbe lumière, voici les différentes étapes de création :
Et voici le résultat :
ETAPE 14
Je place tous les calques de la lumière dans un dossier, je duplique ce dossier, puis je fais Ctrl + T pour diminuer la taille de la seconde lumière.
Et enfin je déplace la lumière vers le haut.
Nous avons ainsi deux sources de lumières vives sur les bandes colorées.
ETAPE 15
Je vais ajouter des effets de lumière. Pour cela j’utilise simplement le brush night téléchargeable ici : http://qbrushes.com/photoshop-abstract-brushes/night-light-brush/
Et voici le résultat :
ETAPE 16
Je vais ajouter d’autres effets de lumière, j’utilise encore un brush : cosmique, téléchargeable à cette adresse : http://keepwaiting.deviantart.com/art/MOON-BRUSHES-for-PS7-v-2-36432704
Et voici le résultat :
ETAPE 17
Et enfin je termine par l’ajout de mon petit Copyright 
Et voila c’est déjà terminé, si vous rencontrez des difficultés à quelque étape que ce soit, merci d’utiliser les commentaires ci-après pour poser vos questions. Une réponse vous sera très rapidement apportée.
Merci à tous d’avoir lu ce nouvel article sur Wks.fr
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 59 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.
-
9 février 2009 18:16, par Clems
Tout simplement magnifique, j’aime beaucoup cet effet de lignes colorées !
Répondre -
9 février 2009 21:44, par Enacx
Salut ! J’ai pas fait ce tuto spécialement, mais j’ai appris à me servir de photoshop grâce à beaucoup de ceux présents sur ce site. J’ai encore jamais posté, mais je voulais juste remercier Wonka de son travail. Un grand merci, c’est en tombant par hasard sur le logo style « arc en ciel » de ce site que je me suis décidé à me lancer !
Répondre -
10 février 2009 10:20, par zorlig
Je n’y est pas réussi, es-ce possible d’avoir un psd svp Sinon, très bon tuto
Répondre-
-
10 février 2009 19:31, par Wonka
Ce fut un peu plus long que prévus, cependant le fichier source est enfin disponible au téléchargement !
Répondre
-
-
-
10 février 2009 15:43, par Pangda
bonjour à toutes et à tous,
C’est la première fois que je poste un commentaire ici mais il faut un début à tout ! N’est-ce pas ?!
Bref, un grand merci pour le travail titanesques de Wonka(oui cela est un euphémisme...) depuis l’ouverture de son site. Je le félicite pour ces tutoriaux tous aussi originaux et bluffants les uns que les autres. Ils m’ont fait découvrir les fonctionnalités quasi illimitées de photoshop, mon coté créatif et artistique.
Dis Wonka, je bûche dans l’étape 13 quand on arrive à la sous étape 5 et 6. J’ai créé un nouveau calque j’ai fait plusieurs points lumineux avec le pinceau diffus mais je ne sais pas comment étaler ce point lumineux qui passe au-dessus des lignes de couleurs et les lignes noirs. Où faut-il insérer ce calque pour obtenir les sous-étape 5 et 6 ?
Merci beaucoup !!
Répondre-
10 février 2009 16:34, par Wonka
Est bien merci pour ce premier commentaire, en esperant que ce ne soit pas le dernier.
Alors ces étapes :
Création d’un nouveau calque, puis je dessine des points avec le pinceau jusque la c’est bon.
Ensuite j’utilise simplement l’atténuation directionnelle. Je duplique le calque des lignes plusieurs fois.
Je fusionne les calques de ces lignes blanches et enfin je passe en mode incrustation ou en normal avec une opacité plus basse.
Terminé
Répondre
Bonne chance.
-
-
10 février 2009 16:54, par Air’
Wouah, Wonka, tu m’épates encore une fois.
Répondre C’est vraiment magnifique, un grand bravo ! -
10 février 2009 19:49, par Pangda
Rebonjour wonka,
j’ai rencontré un problème lors de l’inscription au club, je n’ai toujours pas reçu le courriel avec mon mot de passe.
Bref, voilà ma réalisation juste en bas. (sans la sous étape 5 et 6, pas le temps =p )
Merci encore Wonka, j’ai appris de nouvelles techniques sur Photoshop !!
Répondre-
11 février 2009 11:15, par Wonka
Est ce que tu pourrais essayer à nouveau l’inscription au club ? Car j’ai remarqué un problème que j’ai résolu (normalement). Merci et sinon bien joué pour ton image qui est magnifique !
Répondre-
11 février 2009 14:13, par Pangda
Merci beaucoup pour ton avis qui est très encourageant car j’ai appris à utiliser photoshop grâce à tes tuto, il y a 1 mois et demi.
L’inscription est OK ! Merci encore d’avoir réglé le problème !
(Dans la page d’accueil sur l’en-tête, au niveau du texte, il y a une faute « allié » avec 2 lettres L).
@bientôt sur la Toile !!
Répondre-
11 février 2009 15:36, par Fdragon
Je vais répondre sur ce sujet pour pas prendre de la place. ^^ J’aimerai m’inscrire moi aussi, je l’ai fait mais il n’est pas possible de se connecté. On me dit que le Login est incorrecte, et pourtant j’ai vérifié de nombreuses fois. C’est moi ou il y a un Bug ?
Répondre-
11 février 2009 17:17, par Wonka
Normalement tu recois un mail avec ton login et ton mot de pass, c’est ceux la que tu doit utiliser dans le formulaire se trouvant en haut à droite de la page. Si cela ne fonctionne par merci de m’envoyer un mail à wonka @ wks.fr (sans les espaces).
Répondre
-
-
-
-
-
11 février 2009 11:11, par Maxime
Un effet super ! Bravo et merci pour l’apprentissage. Toujours une référence ce Mister Wonka^^
Répondre-
11 février 2009 17:18, par Wonka
Les psd est dispo depuis hier soir, voir le lien de téléchargement juste au dessus de la galerie sur cette page.
Répondre
-
-
11 février 2009 15:08, par GuilleW
Superbe effet, très amusant !
Wonka, tu avais mis ( ou quelqu’un d’autre ... ) un gadget pour igoogle afin d’avoir les 5 derniers tutos ( c’est comme ça que je surveille tout les jours les nouveaux tutos
Répondre ) mais depuis la mise à jour de ton site, il ne fonctionne plus 
. Je ne sais pas si tu as le temps de t’en occuper mais ça serait bien chouette que ça refonctionne :D. A bientôt !-
11 février 2009 17:16, par Wonka
Ah oui le flux RSS qui fonctionne plus ! J’essaye de réparer cela ce soir
Répondre
-
-
11 février 2009 15:25, par Fdragon
Magnifique effet, comme d’habitude ! Et au passage, félicitations pour le nouveau design du site, il est encore plus beau maintenant !
Répondre -
11 février 2009 17:07
Possible de connaître le nom de la police utilisée pour le Graphik Network ?
Répondre -
11 février 2009 20:06, par kom1dune
Sympa comme effet... Encore une fois, merci Wonka !
La galerie ne marche plus ? Je suis inscrite au club des membres mais ça me dit que non... et impossible de cliquer sur le lien « WKS Section membres » en page d’accueil, une fois qu’on est inscrit... Mon pauvre Wonka, t’as encore du pain sur la planche pour mettre ton nouveau BEAU site à jour
Répondre Bon courage.-
13 février 2009 12:25, par Wonka
Chez moi sa marche super !
Je me suis permis d’ajouter ton image du coup :
Très belle réussite bravo !
Répondre
-
-
13 février 2009 11:15, par need-for-pix
comment fais tu pour toujours avoirs des police qui en donne un max ?
un petit kit de police a proposer ?
ou les nom de celle que tu utilise ?
Répondre-
13 février 2009 12:19, par Wonka
Hum un pack de police
Répondre oui c’est envisageable, à retrouver bientôt sur wks hihi
-
-
16 février 2009 11:11, par Air’
Toutes ces couleurs, je suis vraiment fan.
Répondre C’est superbe Wonka, bravo ! -
20 février 2009 11:56, par Ghost days
Salut Wonka, tout d’abord félicitation pour ton travail, c’est excellent et merci de nous en faire tous profiter.
Cependant je bute sur l’étape5, je ne comprend pas comment tu fais pour passer de l’etape 4 a l’etape 5. Tu dis passer en mode couleur mais je ne connais pas cette fonction, pourrais tu mexpliquer stp ?
Par avance je te remercie et encore bravo
Répondre-
20 février 2009 13:18, par Wonka
Le mode couleur est un mode de fusion pour les calques que tu trouves dans le menu déroulant en haut à gauche de la fenêtre des calques.
Bonne chance.
Répondre
-
-
28 février 2009 23:51, par Gajilidd
Voila !
Comment vous trouvez ma version ?
Le choix des couleurs pour le texte laisse a désirer.
Répondre -
27 mars 2009 18:24
BONJOUR tout le monde
, voila, j’i un gros soucy, je suis carrement debutant et j’aimerais savoir si quelqu’un pouvais rentré mon adresse msn pour qu’il puisse ainsi m’expliqué comment faire Le voici : Hafiidoou@hotmail.fr
Cordialement le debutant :D
Répondre-
27 mars 2009 18:25
J’ai tout lu mais j’ai rien compris, y me manque des trucs
PS : j’ai la nouvelle version de photoshop
Répondre
-
-
1er avril 2009 19:50, par AdobeCreation
Merci Bcp Wonka pour ton magnifique site
J’ai pas vraiment compris comment faire pour passer de l’étape 4 à l’étape 5 malheureusement j’ai tous fait mais j’ai pas trouver. qui peut m’aidé ? et vite SVP et si vous pouvez : explication avec illustration ^^
Répondre -
16 avril 2009 15:12, par taboox
Salut wonka ! felicidades pour tes toutoriels ; peut tu m’expliquer en détaille l’étape 10 et 11 ? merci
Répondre -
21 avril 2009 22:35, par IceClaw
Navré pour le message du dessus, erreur de manip
En tout cas c’est encore une très bon tuto qui nous est présenté là. Félicitations.
Répondre
-
25 avril 2009 14:40, par Votre pseudonyme
Un super tuto, j’en ai lu que deux (tous les deux faits par Wonka et ce sont des supers tutos) L’effet est magnifique, je l’ai ajouté en arriere plan sur mon tagg :P
Répondre
-
25 avril 2009 14:41, par Votre pseudonyme
Mais par contre, pour faire les petits cercles lumineux (Sur ton .psd light et light copie) Je peux pas clicker sur étape 1« »etape 2" ect... C’est normal ou c’est moi ?
(Encore désolé du double post... =X )
Répondre
-
-
13 mai 2009 18:10, par Votre pseudonyme
"ETAPE 5
Je passe ce calque couleur en mode couleur (voir le menu déroulant dans la fenêtre des calques).« Dans photoshop c’est ou »mettre en couleur" ? :s
Répondre -
25 mai 2009 03:15, par legoss007
Salut à tous et à toutes
Bah je dis que ce site est une mine d’or pour ceux qui veullent apprendre le design et pour celà je je désiriais que vous vous serviez de votre experience en webdesign pour me guider pour en faire un car celà m’a vrement énervé et j’ai commencé depuis longtemps sans rien faire en bref tenez mon adress e-mail fonthommeparoles@hotmail.fr si vous avez quelques conseilles n’hésiter pas de mes les dire si ca ne vous dérange pas.
Répondre-
25 mai 2009 19:21, par Wonka
Tous les conseils dont tu auras besoin se trouvent sur ce site
Répondre il faut fouiller, tester les tutos, poser des questions dans les commentaires, et normalement petit à petit sa viendra :p bonne chance pour l’apprentissage du webdesign !
-
-
6 juillet 2009 20:38, par Anthony
Bonsoir, comment fait-on dans Photoshop CS3 pour passer le calque de couleurs fait avec le pinceau diffus en mode couleur ??? Désolé j’ai beau chercher, je ne trouve pas (j’ai trouvé pour la création d’un nouveau calque où changer le mode, mais pour pour un calque déjà rempli ?). Merci d’avance. Anthony
Répondre-
6 juillet 2009 23:01, par Wonka
Alors il suffit de situer le menu déroulant à gauche en haut sur la fenêtre des calques. Tu le déroules et dedans tu trouveras le mode couleur (vers le bas)
Si tu ne voit pas la fenêtre des calques sur ton écran, tu dois l’afficher en allant dans le menu fenêtres > calques.
Bonne chance.
Répondre-
7 juillet 2009 20:56, par Votre pseudonyme
Merci... J’ai trouvé en effet où changer le mode du calque, mais dans le CS3, pas proposé dans le menu général déroulant « Calques », mais dans la barre en bas à droite où l’on trouve les différents calques. Sur l’onglet « Calque », en dessous, il y a le fameux menu pour changer le mode du calque (normal, fondu, ... saturation, couleur,...). Merci pour le coup de main. Et merci encore pour ce site web, du pure bonheur pour un novice en PAO/Graphisme, quoique parfois c’est un chantier vu tout ce qu’il faut savoir et apprendre
Répondre. Au plaisir. Anthony
-
-
-
12 août 2009 12:51, par Etoss
Un superbe tuto pour un redu génial ! voici ma création au format signature : http://img188.imageshack.us/img188/795/signaturebis.jpg
Répondre -
2 octobre 2009 13:18, par Votre pseudonyme
salut il est cool ton tuto, mais je pense que tu donnes pas toutes les explications, car à l étape 1 tu dis ouvrir un document de tel taille et avec un fond blanc alors que tout ton tuto est basé sur un fond noir, lorsque tu dis de tirer des lignes je n’ai pas le même résultat enfin je pense que tu devrais relire ton tuto a moins que je me trompe voilà j ai fini cependant c’ est peut être moi qui comprend pas merci amicalement
Répondre-
2 octobre 2009 16:01, par Wonka
Oui au lieu de penser que j’ai mal fait effectivement tu devrais plutôt penser le contraire. Tout est dit pour réussir toutes les étapes !
Répondre
-
-
25 janvier 2010 23:23, par isnogood
Bonsoir pourriez vous m’aider. je suis bloque dps l’etape 1 car je ne comprend pas mon outils sur photoshop cs4 sa fait tout el contraire de ce que vous realisez. sa me mais des fleche
Répondre -
26 février 2010 05:05, par Manocaptain
simplement beau, rapide..... très beau tutoriaux dans ce site continuez tout le monde ......
(\/)@N(O)....
Répondre -
26 mars 2010 20:16, par Sonnmyche
Alors merci, j’utilise beaucoup de tes tutoriaux et celui-ci est très beau et comme d’habitude biens constitué, mais je ne comprends pas ce que tu veux dire par pinceau diffus, est-ce le pinceau flou ? Si oui ou non, où le trouver ?
Répondre -
27 mars 2010 22:03, par clems25580
merci pour ce tuto j’ai fait mon line arts c’est cool merci !
Répondre -
6 juin 2010 16:41, par Sya-chan
Merci pour ce tuto magnifique !! Ce site est génial !! =D Bonne continuation =)
Répondre -
13 août 2011 13:21, par Votre pseudonymemandaley
bonjour, merci pour votre site et es tuto très complets.
Je me suis inscrite pour télécharger le psd lié à ce tuto, mais je ne le trouve pas. A quel endroit est il accessible ?
Merci
Répondre
