Multicolor Line Arts tout simplement

Non je ne mérite pas vos louanges, je ne suis pas le créateur de l’idée originale de cette fabuleuse idée de composition, même si j’aurais pu l’être : p La méthode est tellement simple que je classerai ce tutorial dans la catégorie débutant, cependant le résultat est super sympa.

Pour information j’ai pus admirer l’œuvre originale (c’est peux être un peu trop ^^) sur cette galerie de flickr : http://www.flickr.com/photos/giackop/2366322340/ merci donc à giackop pour son talent et sa créativité.

Cela dit, nous pouvons passer aux choses sérieuses ! Je vais donc vous expliquer comment créer une composition graphique représentant des lignes que je colorerai en une multitude de couleurs.

La technique à déjà été utilisée sur wks notamment sur ce tutorial : http://www.wks.fr/Colonne-energetique-sous-photoshop.html mais jamais elle a été aussi aboutie.

ETAPE 1

Nous allons commencer par créer un nouveau document sur fond noir de 500 pixels de coté.

ETAPE 2

Ensuite nous allons appliquer un filtre : pour cela je vais dans le menu filtre > rendus > fibres et je configure les options comme ci-dessous.

JPG - 92.4 ko
JPG - 221.2 ko

ETAPE 3

Je vais maintenant appliquer un flou directionnel : filtre > flou > flou directionnel et j’applique la configuration comme ci-dessous.

JPG - 62 ko

ETAPE 4

Ensuite je crée un nouveau calque que je place par-dessous mes lignes, ensuite j’ajoute un style de calque : calque > style de calque > incrustation de dégradé et je sélectionne un dégradé de 0 degrés d’angle. Ensuite je change le mode de fusion de mon calque ligne en incrustation.

JPG - 67.9 ko

ETAPE 5

Je me place sur le calque ligne et je supprime une colonne à gauche et à droite, j’utilise l’outil sélection et la touche suppr de mon clavier pour y arriver. Je crée ensuite un calque que je place par-dessous mes lignes et mon dégradé et je le remplis de noir.

JPG - 62.1 ko

ETAPE 6

Je duplique le calque de mes lignes, ce qui renforce leur présence ainsi que leur contraste.

JPG - 74.6 ko

ETAPE 7

Ensuite je sélectionne tous mes calques puis je clique droit dessus et je fais fusionner les calques, je vais ensuite rehausser un peu le contraste, pour cela je vais dans le menu Image > Règlages > Niveaux et je modifie la première case en la faisant varier de 40 à 80 ; à vous de voir !

JPG - 70.4 ko

ETAPE 8

Voici donc ma composition terminée, je peux maintenant jouer un peu de mon imagination pour la rendre plus attractive ! Bonne chance à tous pour la réalisation de ce tutorial !

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 !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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 47 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.

  • 10 avril 2008 22:21, par IT1

    Simple et sympatique. J’aime beaucoup ;-)

    Répondre
  • 10 avril 2008 23:00, par paco

    vraiment bien comme dhab

    Répondre
  • 10 avril 2008 23:02, par Nicolas Soret

    Jadoooooooooooooooooore ! Superbe effet ... et d’une simplicité déconcertante ... Bravo wonka, toujours au top de la couleur :D !

    Répondre
  • 11 avril 2008 03:17, par maniphil

    Génial ! dès que je peu upload, je vais le faire.... ;)

    maniphil

    Répondre
    • 17 avril 2008 16:51, par maniphil

      ahhhhh !!!! voila

      Répondre
      • 17 avril 2008 17:04, par Wonka

        C’est très jolie ce que tu as fait maniphil ! épatant même !

        Répondre
  • 11 avril 2008 12:16, par Toinousp

    c’est une avalanche de tuto qui s’abat sur la station wonka !!!!! Catherine laborde recommande de se laisser aller ^^ :))

    Très bon tuto wonka :p

    Répondre
  • 17 avril 2008 19:46, par razhen

    salut ! j’ai un petit probleme :( lorsque je me rend dans filtre/rendu il n’y a pas fibre... comment je peux faire svp ? :)

    Répondre
    • 17 avril 2008 20:51, par Wonka

      Quelle version as tu ?

      Répondre
  • 18 avril 2008 10:52, par Fisso

    Moi non plus j’ai pas fibres j’ai la version 7.0.1

    Répondre
    • 18 avril 2008 13:43, par Wonka

      Peux être est ce une nouvelle fonction de Photoshop CS ! Sans cet outil impossible de faire ce tutorial !

      Répondre
  • 20 avril 2008 22:43, par shana

    j’ai un gros probleme cela ne marche pas du tout : a l’étape ou il faut passer le calque sous les lignes je ne peut rien faire plz help !!

    Répondre
  • 22 avril 2008 06:39, par dakols

    Salut, je n’arrive pas a dépasser la 4eme étape ! Tu entend quoi par « je place un calque par dessus mes lignes » ?

    Répondre
    • 22 avril 2008 14:32, par Wonka

      Créer un calque par dessus le calque contenant les lignes ! tout simplement ;) calque créer un nouveau calque !

      Répondre
      • 22 avril 2008 21:55, par Dakols

        Merci pour l’expliquation, ma question était un peu bête. J’arrive presque à aboutir au meme résultat...mais je flash vraiment sur ton final, avec les ligne qui partent en trapèze. pourais tu expliquer comment as tu fais pour en arriver la s’il te plait. Merci

        Répondre
        • 23 avril 2008 09:28, par Wonka

          Ah oui pour ca :) alors tu selectionnes le bas de ton image (la moitié, ou le dernier quart) puis tu utilises une transformation : édition > transformation > perspective. Et en plaçant ta souris sur le bas tu pourras modifier ta sélection (tu fais glisser ton curseur sur la gauche ou la droite). Et voila ;) si tu trouves pas du premier coup, ré essaie une nouvelle fois, l’outil de transformation perspective est un peu compliqué au premier abord.

          Répondre
          • 27 avril 2008 19:16

            un problème dans l’étape 4 comment faire pour les couleur (avec les calque)

            Répondre
            • 28 avril 2008 12:39, par Wonka

              tout est expliqué dans le tutoriel ! Qui est en plus très facile !

              Répondre
      • 16 octobre 2008 03:24, par revan

        bien le bonjour :) et bien moi mon probleme,vien du faite que je narrive pas a incruste les couleur arc-en-ciel ... et au niveau des 2filtres,il faut a chaque fois faire un nouveau calques ?mais comment faire pour que lon puisse y mettre un filtre,apres ?! car ca me met un message derreur :(

        Répondre
  • 28 avril 2008 00:25

    tres mal expliqué

    Répondre
    • 28 avril 2008 12:39, par Wonka

      C’est clair, l’auteur de ce tutoriel devrais plutôt aller se faire voir, tu crois pas ?

      Répondre
      • 3 mai 2008 02:09

        Euh y a un problème effectivement moi aussi je bloque à l’étape 4, il a peut être oublié de signaler une étape...

        Répondre
  • 17 juillet 2008 15:51

    merci pour ce bon tuto avec plus d’image j’aurai moins galérer mais bon. merci

    Répondre
  • 28 août 2008 11:51, par MrKim

    J’avoue que je n’y arrive pas du tout ! Je n’arrive pas à incruster les traits dans le dégradé ! A l’étape 4, il suffit de créer un calque ou il faut aussi le remplir ? Aidez moi s’il vous plait, j’ai vraiment besoin de cette effet ! Merci quand même pour ce tuto

    Répondre
    • 28 août 2008 12:50, par Wonka

      tu as surement zappe l’étape du mode de fusion du calque dégradé. Dans le fenètre des calques tu as le menu déroulant mode de fusion, sélectionne dans ce menu incrustation.

      Répondre
      • 3 septembre 2008 11:34, par Jeremm

        http://img167.imageshack.us/img167/5228/texte22ai5.jpg

        je suis en bac pro alternance pao , et j’ai commencé avant hier donc sa fait 3 jour que j’utilise photoshop et tous les jours c’est grace a toi que j’apprend ^^ donc voila ma réalisation avec une petite touche personnelle ^^ bonne continuation =)

        Répondre
        • 17 octobre 2008 17:29, par Wonka

          Superbe :) bonne chance pour ton bac en tout cas ! Et je me suis permis d’ajouter ton image dans notre galerie :

          Merci

          Répondre
  • 3 novembre 2008 22:13, par al

    en bossant un plus, j’arriverai p’etre, au même rendu que toi. A+

    Répondre
  • 3 novembre 2008 23:44, par al

    au fait, je suis allé à l’endroit ou se trouve « l’œuvre originale ». il y avait du même auteur, cette image : square version 2. j’ai trouvé très intéressante la « texture » et je me demandais, si il existe quelque part, un tuto en français. merci et A+.

    Répondre
    • 5 novembre 2008 09:50, par Wonka

      Moi j’aime pas du tout :’( je trouve l’effet totalement en dehors du fond, bref pas joli !

      Répondre
  • 4 novembre 2008 16:00, par al

    salut à tous, j’oubliai de dire dans mon post précédent, qu’a l’étape n°4, je ne crée pas un nouveau calque, mais je duplique le calque « lignes »...et ça fonctionne.

    Répondre
    • 5 novembre 2008 09:50, par Wonka

      Et oui et c’est une très belle réussite ! Bravo à toi !

      Répondre
      • 31 décembre 2008 02:58, par Jpack

        Excellent !

        Merci Wonka pour ce tuto ! J’ai découvert ton site il y a peu et je dois dire que je l’adore ! Pour ma part, j’ai commencé à m’intéresser à Photoshop en 2006. Pendant plus de 6 mois, j’étais tout le temps dessus et puis jme suis arrêté brutalement et là je m’y remets doucement, en partie grâce à tes tutos !

        Sinon, il y a bine une petite erreur dans le tuto : il ne faut pas créer un nouveau calque mais bien le dupliquer !

        Quoi qu’il en soit, je t’encourage vraiment à continuer et j’espère que tu réussiras rapidement à générer des revenus grâce à WKS (oui, j’ai lu tout le blog =D )

        Bonne nuit

        Répondre
        • 31 décembre 2008 16:27, par Jpack

          J’avais oublié, voilà ma créa : http://img126.imageshack.us/img126/6325/wallpaper1cy8.jpg

          Répondre
        • 5 janvier 2009 11:11, par Wonka

          Merci, et je savais pas que certains lecteurs pouvait lire la totalité du blog (c’est qu’il y a quand même beaucoup de billet :) bonne continuation.

          Répondre
  • 18 janvier 2009 13:47, par Shinu

    Bonjour et merci pour ce tuto,

    Après une heure de travail acharné, voici ce que j’ai réussi à faire : :-)

    Bien à vous le studio Wonka ;-)

    Répondre
    • 18 janvier 2009 18:33, par Wonka

      Très beau, mais pourquoi ne pas l’ajouter à la galerie interne de cette page (voir en haut de la page).

      Répondre
      • 18 janvier 2009 20:57, par Shinu

        Bien vu, j’ai chercher sur tout le site sauf ici. Donc voilà qui est chose faite pour une première, par contre j’ai malheureusement envoyé 2 fois le fichier, désolé.

        Je passe au tuto suivant, A+

        Répondre
  • 18 janvier 2009 19:42, par kom1dune

    Une dérive de plus ;)

    Répondre
  • 6 mai 2009 19:31, par simsima59

    Comment vous faites l’effet miroir en dessous ??

    Répondre
    • 6 mai 2009 19:39, par simsima59

      oups ! excusez, j’avais po vu l’explication plus haut !!

      Répondre
  • 1er juin 2009 01:38, par mavis

    euh alors moi je suis pas une professionnel mais j’adore utiliser photo shop et d’ailleurs je remercie énormément les gens qui ce donne du mal pour les tuto j’ai fait quelque photo plus compliqué mais alors la je n’y arrive vraiment pas sur tout pour l’effet miroir pour les ligne du bas avec le dégradé :( aidez moi merci...

    Répondre
  • 28 juin 2009 00:58, par Shin

    Grand nombre de tes tutoriaux sont incomplets et manquent de précisions :S Il faut partir de l’idée que toutes sortes de gens vont venir lire ce que tu écris, des plus grands pro de l’informatique au plus débile internaute qu’on n’ai jamais connu. C’est pourquoi il faudrait que tu précises des choses qui pourrais tout simplifier pour certain et sembler cruellement évidentes pour d’autres ^^

    Par exemple, mon stupide cerveau bloque littéralement à l’étape 5 : Comment peut-tu arriver à ce résultat ?! Si l’on supprime une barre de chaque côté de l’image sur le calque d’origine (L’arrière-plan), comment cela pourrait être visible sur le calque supérieure (La duplication) ?! Et comment compte-tu remplir ton nouveau calque de noir ? On ne voit plus rien après X.x’ .. ! Bref, je me suis embrouillée toute seule ^^’

    Oublie mon second paragraphe si tu ne le comprends pas va ><’ À bientôt et bonne continuation ;)

    Répondre
  • 15 juillet 2009 13:51, par Chachou

    Bonjour je voulais savoir avec quel outils on fait les ligne de couleur merci beaucoup si vous avez une réponse

    Répondre
  • 23 septembre 2009 23:25, par The Tenth

    Tuto trés interessant, il est possible d’arriver au même résultat en deux calques mais sans compter la finition.

    Répondre
  • 29 décembre 2009 16:54, par Hextazzix

    Merci, vraiment simple et sympa è réaliser :-)

    Répondre
  • 29 mai 2011 15:49, par Akent

    Bonjour,

    Je trouve cet effet fabuleux mais je bloque à l’étape 4 et 5 ! Je ne comprends pas du tout ! J’ai lus les commentaires et je ne comprend pas s’il faut dupliquer l’arrière plan ou crée un nouveau calque ! Aidez moi Svp

    Cordialement

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.