lundi 9 février 2009
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 :
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
-
Créer un line arts lumineux avec Photoshop
9 février 2009 18:16, par Clems
Tout simplement magnifique, j’aime beaucoup cet effet de lignes colorées !
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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
Voir en ligne : Mon sute
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
10 février 2009 14:10, par zorlig
Ok merci
mais 30 minutes, c’est court la, je crois ^^
Voir en ligne : Mon site
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
10 février 2009 16:54, par Air’
Wouah, Wonka, tu m’épates encore une fois.  C’est vraiment magnifique, un grand bravo !
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 !!
Voir en ligne : cliquez ici pour voir l’image
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
11 février 2009 13:02, par zorlig
je UP pour le psd ^^
Voir en ligne : Mon site
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
11 février 2009 15:04, par zorlig
-
Créer un line arts lumineux avec Photoshop
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 ) 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 !
Voir en ligne : Lien du gadget
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
11 février 2009 17:07
Possible de connaître le nom de la police utilisée pour le Graphik Network ?
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 Bon courage.
Voir en ligne : Du coup, voir ici ma composition
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
16 février 2009 11:11, par Air’
Toutes ces couleurs, je suis vraiment fan.  C’est superbe Wonka, bravo !
Répondre à ce message
-
Couleur
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
5 mars 2009 22:56
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
17 avril 2009 18:26, par Ananda
Bonsoir,
Merci pour ce tuto qui m’a occupé un moment.

Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
18 mai 2009 22:50, par B-82
j’ai rajouté quelques touches personelles !
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
6 juillet 2009 20:39, par Anthony
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
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 à ce message
-
Créer un line arts lumineux avec Photoshop
25 janvier 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 à ce message
-
Créer un line arts lumineux avec Photoshop
26 février 05:05, par Manocaptain
simplement beau, rapide.....
très beau tutoriaux dans ce site continuez tout le monde ......
(\/)@N(O)....
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
26 mars 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 à ce message
-
Créer un line arts lumineux avec Photoshop
27 mars 22:03, par clems25580
merci pour ce tuto j’ai fait mon line arts c’est cool merci !
Répondre à ce message
-
Créer un line arts lumineux avec Photoshop
6 juin 16:41, par Sya-chan
Merci pour ce tuto magnifique !! Ce site est génial !! =D Bonne continuation =)
Répondre à ce message
|