Créer une composition florale colorée

Voici un tutorial qui dans l’ensemble est plutôt simple et amusant à réaliser, l’effet final est à mon sens très acceptable et saura certainement mettre en valeur vos capacités à utiliser Photoshop ;)

Vous pourrez grâce à ce tutoriel donner un effet floral à un texte puis le coloriser de façon design et ultra simple.

Pour ceux qui souhaites comprendre la mécanique de l’intérieur, je vous propose ci-dessous le fichier source Photoshop utilisé par me soins pour la réalisation de cet article :

Photoshop - 532.1 ko

ETAPE 1

J’ouvre évidemment Photoshop et je crée un nouveau document de 500 pixels de côtés sur fond noir (de préférence). Je sélectionne l’outil texte dans la barre d’outil ou j’appuie sur T et je clique sur mon image pour taper mon titre.

ETAPE 2

Pour la seconde étape, j’aurais besoin d’un pack de brushs representant la nature, pour cela je peux me rendre sur ce site : http://www.brusheezy.com/brush/628-Vector-Foliage-Plants-Photoshop-Brushes et télécharger le pack correspondant.

Une fois le fichier zip rapatrié, il ne me reste plus qu’à « dezipper » le tout et à double cliquer sur le fichier SS-vector-foliage.abr. Cette manipulation sert à ajouter les brushs contenus dans le fichier dans mon Photoshop.

Maintenant je sélectionne l’outil pinceau (dans la barre d’outil) ou j’appuie sur la touche B et dans la barre des paramètres en haut de votre écran je clique sur la petite icône représentant les formes. Une nouvelle fenêtre apparaît et je sélectionne ma forme : feuille, branchage, arbre, etc… il y a le choix, je fais varier les tailles et je commence à appliquer mes formes sur mon image (je crée bien entendu un nouveau calque pour créer ces formes ;).

Pour créer une forme :

Je sélectionne la forme, sa taille, sa couleur puis je fais un clic sur mon image, ce qui me permet de créer la forme.

JPG - 137 ko

ETAPE 3

J’ajoute d’autres formes.

ETAPE 4

Et encore d’autres, et cette fois-ci, ça suffit ;)

ETAPE 5

Je crée un nouveau document sur lequel j’applique un dégradé multicolore, pour cela j’utilise l’outil dégradé je le sélectionne en appuyant sur la touche G, puis avec la pipette, je selectionne la première couleur et avec un pinceau dur et large j’applique ma première couleur sur un nouveau calque au dessus de mon texte floral.

ETAPE 6

Ainsi de suite avec d’autres couleurs.

ETAPE 7

Et pour finir je change le mode de fusion du calque couleur en produit.

JPG - 81.6 ko

Comme par magie les couleurs s’appliquent seulement au texte ainsi qu’aux fleurs.

ETAPE 8

De la même façon je peux ajouter un second titre, je place le calque second titre en dessous du calque couleur si je veux que celui-ci prenne la couleur comme les fleurs.

Et je peux affirmer de façon certaine que mon image est maintenant terminée ;) Plutôt simple non ? Mais terriblement efficace !

ETAPE 9

Je peux sans problème créer un nouveau calque et en changer les couleurs.

Bonne chance à tous pour la réalisation de ce tutoriel. Si vous avez des questions vous pouvez utiliser les commentaires ci-dessous. N’hésitez pas à publier vos images dans la galerie en haut de la page une fois votre composition terminée ;)

Merci à tous.

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 67 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 septembre 2008 20:02, par liperia

    La composition est jolie mais les couleurs ... Sinon bon tuto comme d’hab !

    Répondre
    • 10 septembre 2008 09:24, par Wonka

      Quoi les couleurs, c’est pas jolie ?

      Répondre
  • 9 septembre 2008 21:23, par tilou

    Bel effet et très simple à réaliser Merci ;)

    Répondre
    • 12 septembre 2008 16:32, par karineka

      Merci bcp, je n’ai pas testé le tuto mais je ne connaissais pas l’existence de tous ces brushes, je vais enfin pouvoir faire mes compos perso avec des fleurs !

      Répondre
  • 12 septembre 2008 16:23, par Missmawi

    J’adore les couleurs !!!!!!!!!! :D

    Répondre
  • 13 septembre 2008 19:23

    Répondre
    • 14 septembre 2008 15:28

      trés joli ton essai !

      Répondre
  • 15 septembre 2008 15:55, par karineka

    Répondre
  • 16 septembre 2008 12:12, par zb94-design

    Tres bon tuto merci :)

    Répondre
    • 16 septembre 2008 15:29, par Wonka

      Et très belle image de ta part, peux être un pau grande ;)

      Répondre
      • 17 septembre 2008 11:30, par zb94-design

        Ouai excuse moi c’est parce que je travaille en 300dpi parce que apres j’imprime tous mes travaux effectué ^^Dsl et Encore merci pour ce jolie petit tuto ! Aufaite j’ai pas compris a quoi servait l’outil Dégradé dans ce tuto car moi je ne l’es pas utilisé mais sa ne change rien ^^ :)

        Répondre
  • 18 septembre 2008 03:05, par barou064

    merci bcp c vraimen genial

    Répondre
  • 21 septembre 2008 12:46, par DarkEdy

    J’adore ! très Beau tuto, simple, et très instructif ^^ (moi qui cherchais longtemps pour les colorisation de texte je sens que ça va m’aider :) ) merci beaucoup ^^.

    Répondre
    • 21 février 2009 22:18

      c trés sympa,j’ai adoré ;thanmirth

      Répondre
  • 26 septembre 2008 23:45

    L’etape 5 est pas super claire ...

    Répondre
  • 27 septembre 2008 20:13, par Reckoner

    Sympa =).

    Image hébergée par servimg.com

    Répondre
    • 1er octobre 2008 15:02

      jE SAVAIS Pass troP ou poSter l’image ^^dsl ;p

      BOnne continuation a tous

      Répondre
  • 4 octobre 2008 13:32

    Super tuto^^ Par contre j’ai un problème : après avoir créer le nouveau calque et appliquer le pinceau large sur mon texte florale, je met le calque en produit, et ça ne donne pas l’effet désiré, peut etre est-ce possible de m’éclairer ? Au lieu que les couleurs s’appliquent seulement au texte + fleurs, ils s’applique partout...(j’éspère avoir été clair^^)

    Répondre
    • 4 octobre 2008 19:40, par Wonka

      Le fond de ta composition doit être foncé, pour que les couleurs ne s’applique qu’au texte ;)

      Répondre
  • 14 octobre 2008 14:30, par XxThe-ShadowSxX

    tré tré bon tuto !!! merciii bocOu

    alley aplOush

    Répondre
    • 17 octobre 2008 00:56, par elboy

      Bon allé je me suis un peu lâché, depuis le temps que je suis wks dans son évolution en temps que fantômes ;)

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

        Raffiné et plein de charme ! Bravo pour ces deux compositions ;)

        Répondre
        • 17 octobre 2008 20:00, par elboy

          Merci Mr. Wonka ^^ :) si vous cherchez des infographistes, faites moi signe ;)

          Répondre
          • 19 octobre 2008 23:20, par Wonka

            Si tu crée de belle interface graphique pour les sites Internet tu peux toujours travailler pour le site kitgrafik.com !

            Répondre
            • 21 octobre 2008 14:01, par elboy

              Yep merci, je vais regarder ça ;)

              Répondre
  • 19 octobre 2008 16:59

    Merci beaucoup !!!!!! Le résultat est SUPER !!!! Tes explications sont géniales !!!! Meric Merci Merci !!!!

    Répondre
    • 19 octobre 2008 23:21, par Wonka

      Mais de rien, ca me fait plaisir :p

      Répondre
  • 4 novembre 2008 06:20, par Jb

    Très beau tuto mais sans vouloir critiquer, à la place de passer le calque avec les taches de couleurs en mode produit, je conseillerais une autre méthode afin de faire marcher ce super tuto, même sur un autre fond qu’un fond noir :

    • Sélectionner le calque des couleurs
    • ctrl+click sur le calque avec le texte et les fleurs (si ce n’est pas déja fait, le fusionner...)
    • et cliquer sur « créer un masque de fusion » (l’icone avec un rond) en bas de la boite des calques

    Ca fait la meme chose sauf que vous pouvez changer la couleur du fond après et vous n’aurez pas des grosses taches !

    J’ai par contre l’impression qu’on y perd un peu en qualité (la sélection doit pas être parfaite) mais bon si quelqu’un à une meilleure solution je suis preneur...

    Répondre
    • 4 novembre 2008 06:34, par Jb

      Voilà ce que j’ai pu faire avec cette méthode :

      http://img354.imageshack.us/my.php ?image=bgjabiugrungeco5.jpg

      En faisant la compo en très grande résolution, puis en y appliquant un léger flou gaussien ensuite...

      Mais bon la meilleure méthode reste tout de meme la tienne, le produit, car on y perd pas en qualité !!

      En tout cas, (et je regrette de ne pas l’avoir dit dans le premier commentaire)

      BRAVO WONKA, et merci, j’ai fait les 3/4 de tes tutos ces derniers jours, et grâce a toi j’adore toshop maintenant !!

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

        Merci pour tes commentaires ;) et j’espère que tu resteras ici encore longtemps :p

        Répondre
        • 11 novembre 2008 16:40, par Marion

          Bonjour, moi j’ai un petit problème quand je télécharge les brushes, même si je les dezip,clic dessus et tout et tout...il n’apparaissent pas dans mes formes !!Peut etre ma version de photoshop n’est pas assez bien ?

          Répondre
          • 16 novembre 2008 11:58

            super tuto

            Répondre
          • 19 novembre 2008 12:13, par Jb

            ouvre photoshop, click sur « pinceau », en haut clique sur la petite fleche à droite de « formes » et ensuite sur la petite fleche tout à droite de la fenetre qui s’ouvre. Ensuite clique sur « charger les formes » et localise ton fichier.

            Je te conseille de regrouper toutes les brushs que tu télécharges dans un répertoire, et à chaque fois que t’utilise un pack, de reinitialiser tes brush et de ne charger qu’un pack à la fois, sinon c’est vite le bordel :)

            Voir en ligne : http://www.jabiu.fr

            Répondre
  • 6 décembre 2008 17:28, par Anicolore

    bah moi j’ai fais avec un dégradé et dans ce cas, le mode éclaircir marche mieux ! mais en mode couleur, ça donne un joli contour... admirez le résultat :

    Répondre
  • 10 décembre 2008 17:00, par Pix-L.

    Bonjour tout le monde. J’ai 15 ans et je suis tombé amoureux de PhotoShop, depuis peut je viens sur WKS.fr et j’apprends plein de super choses et des trucs terribles. Mes créations ne sont pas très élaborées mais je m’entraine chaque jour un peu et j’espère arrivé très vite a pouvoir crée des images plus élaborées. Merci a Wonka pour tous ces super tutoriels :D

    Répondre
    • 10 décembre 2008 19:40, par Wonka

      Tant que c’est pas de moi que tu tombes amoureux :D (je blague) en tout cas ton image elle est très belle, bien net, belle couleur, bref bon début ;)

      Répondre
      • 12 décembre 2008 13:53

        J’ai un probleme ! Quand je met en mode produit, on voit encore les taches de couleur ! Que faire ...

        Répondre
  • 25 décembre 2008 02:55, par webodream

    Tres bon tutorial , un grand merci Tutoriels Linux

    Répondre
    • 21 janvier 2009 13:34

      Moi aussi on voit encore les traces des couleurs ?

      Répondre
      • 22 janvier 2009 14:29

        Quelqu’un pourrait il me repondre pour que je comprenne , je fais tout comme le tutoriel, mais on voit encore aprés la mise en produit, des traces de couleurs

        Répondre
        • 2 juin 2009 14:29, par Jb

          tu ne travailles pas sur un fond noir c’est pour ca, regarde mon commentaire plus haut, j’explique comment faire si on est pas sur fond noir, mais ca sera moins propre

          Voir en ligne : Jean-baptiste Racoupeau

          Répondre
  • 25 février 2009 20:59

    Merci pour ce tuto

    Ma création

    Répondre
  • 12 mars 2009 22:37

    Voici ma participation, sympa le rendu. Merci pour ce tutoriel. Je m’éclate.

    Répondre
  • 14 mars 2009 23:30

    super tuto et merci beaucoup

    Répondre
  • 22 mars 2009 13:56

    Voici mon 1er exemple pour ce tuto J’ai utiliser une autre forme de brush a vous de choisir.............

    Répondre
  • 30 avril 2009 17:22, par Subaru192

    Premier exemple aussi sur ce tuto :

    Répondre
    • 30 avril 2009 17:54, par Wonka

      Je trouve ton image vraiment réussis ! Bravo !

      Répondre
  • 16 mai 2009 18:46, par crakot

    Cool... je suis débutante et ton explication est parfaite !

    Répondre
  • 4 juin 2009 19:42, par Dimitri_#33

    Répondre
  • 15 juin 2009 16:37, par Nours

    Très bon tuto ! Merci beaucoup superbe effet ! En plus très rapide à réalisé ^^

    Répondre
    • 15 juin 2009 16:50, par Wonka

      Bravo très belle image !

      Répondre
      • 15 juin 2009 18:42, par Nours

        Merci beaucoup ... Mais irréalisable sans vous =P

        J’en posterais d’autre si j’ai le temps ^^

        Répondre
  • 27 juin 2009 22:06, par Votre pseudonyme

    J’ai un problème je n’arrive pas à faire l’étape :5 et 6 comment faire ?

    Répondre
  • 29 juillet 2009 17:05, par Etche62

    Merci Wonka pour ton tuto mais j’aimerais savoir comment je pourrais, après avoir fais ça, prendre juste le texte, les fleurs, et les couleurs (donc sans l’arrière plan en noir) pour l’incruster sur une photo ensuite ?

    merkii

    Répondre
  • 20 octobre 2009 07:35, par Danny97442

    Cool je vais test =)

    Répondre
  • 20 octobre 2009 15:05, par lotus

    Bonjour, Besoin de précision SVP je bloque à l’étape 5 avec le dégradé, si j’applique le dégradé multicolore sur un nouveau calque ( ça donne une image totalement colorée) et si si je l’applique sur chaque calque de couleur ça ne marche pas non plus. Comment applique t’on le dégradé multicolore ? Réponse appréciée. Merci

    Répondre
    • 20 octobre 2009 22:46, par Wonka

      Oui c’est normal que le dégradé colore toute l’image, pour changer cela il faut modifier le mode de fusion de ce calque en couleur (voir le menu déroulant en haut dans la fenêtre des calques).

      Répondre
  • 21 octobre 2009 05:43, par Danny97442

    Euh Merci pour ce tutoriel j’ai tester mes ce que je voudrai savoir c’est comment vous fait pour colorer que les contour des brush et pas le plein ?? Merci d’avance

    Répondre
    • 21 octobre 2009 11:12, par Wonka

      ETAPE 7 pour incruster les couleurs dans le texte !

      Répondre
  • 11 décembre 2009 10:30, par dd

    Merci pour le tuto ......

    Répondre
  • 8 mai 2010 12:16, par sylvain

    Comment insérer cette création dans un autre document Ps qui a un fond blanc

    Répondre
  • 11 mai 2010 20:12, par Votre pseudonyme

    http://www.flickr.com/photos/hypocriite/4599242596/

    http://www.flickr.com/photos/hypocriite/4595677330/

    Répondre
  • 24 octobre 2010 15:10, par Lyn

    Coucou, je vais peut-être vous semblez nulle XD mais quand je dl le pack Vector...il est en zip, quand je double clique sur le fichier SS.. ça ne fait rien du tout, et je n’ai pas le pack sur mon cs3..donc je ne peux pas avancer :(

    Merci de me répondre :D

    Répondre
  • 17 novembre 2010 18:58, par thugyac

    petite question un peu bete...je suis debutant sous photoshop et j’aimerais savoir si c’est possible de faire la meme chose mais sur un fond BLANC. j’ai essayer mais j’ai du mal la.

    Répondre
    • 18 novembre 2010 12:21, par Wonka

      Je n’ai jamais essayé mais je pense que oui !

      Répondre
  • 18 novembre 2010 20:03, par HélèneM

    Pour mettre sur un autre fond, il faut que les couleurs ne s’appliquent que sur le texte et les foliages... Ainsi, il suffit de fusionner formes et texte (une fois qu’on est certain que tout est bien comme on aime) et ensuite d’y écrêter le calque des couleurs... Les couleurs ne s’appliqueront ainsi que sur les pixels pleins, donc le texte et les foliages

    Répondre
  • 18 novembre 2010 20:07, par HélèneM

    Sinon pour ceux qui veulent suivre le tuto à la lettre, avec un fond blanc, on doit choisir le mode Superposition et non produit et le texte et les foliages doivent être en noir.

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.