Utilisation des silouhettes et des dégradés

Voici une composition que j’aime beaucoup, les couleurs très flashs font ressortir les silhouettes affichées en premier plan. Voici la méthode simple pour arriver à un résultat similaire.

Photoshop - 428.6 ko
Tutorial 180 Fichier source Photoshop
clic pour télécharger gratuitement le fichier source photoshop utilis&é dans ce tutorial

ETAPE 1

Je crée un nouveau document. avec l’outil des formes personnalisées je crée quatre rectangles. Je pixellise les quatre calques puis je coupe le bas de mes rectangles.

ETAPE 2

Sur chacun de mes calques j’ajoute un style de calque : incrustation de dégradé (voir le fichier psd pour le détail des couleurs).

ETAPE 3

J’utilise le pinceau herbe de Photoshop pour créer un par terre d’herbe (pour faire cela je n’oublie pas de prendre une couleur d’avant plan noire et une couleur d’arrière plan noire).

ETAPE 4

Avec des brushs je crée quelques petites fleurs.

ETAPE 5

Il ne me reste plus qu’a agrémenter ma composition de quelques silhouettes. Pour créer une silhouette j’utilise la plume sur une photo ou si je suis doué en dessin, je crée moi-même mes formes avec la plume.

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

  • 18 juillet 2007 06:50, par Asadi

    D’accord, mais comment marche les brushes, comment est-ce possible d’en faire des différent, comment les intégré dans photoshop si c’est téléchargeable et c’est quoi c’est une image en noire que tu colle juste dessus ?

    Répondre
    • 18 juillet 2007 12:03, par Wonka

      Je me doutais que cet élèment serait une source de problème :p Pour cela je crée en ce moment un tutorial expliquant comment créer une silouhette, et un autre expliquant clairement comment ajouter modifier et créer des brushs pour Photoshop. En ligne normalement dans la soirée !

      Répondre
      • 19 juillet 2007 11:40, par Aless

        Super tuto, merci WOnka

        Répondre
  • 19 juillet 2007 12:57, par swiss-power

    Joli tuto, sa peut le faire pour un menu :)

    Répondre
  • 27 août 2007 12:04, par grosphacochere

    très sympathique tuto ! ... Et laisse tomber les gros veaux qui ne comprennent rien, après tout, tu n’as pas signalé précédemment que tes exercices étaient destinés aux béotiens, de plus, commencer à expliquer chaques détails de photoshop reviendrai à faire un tuto de 20 pages, inutile et non-pratique...

    Ceux qui ne comprennent pas n’ont qu’a apprendre à chercher un peu les solutions à leurs angoisses sur Internet...

    Répondre
    • 27 août 2007 13:27, par Wonka

      Que dire de plus :p

      Répondre
  • 3 octobre 2007 12:24, par Alexis

    Dis moi j’ai déjà vu ce genre de créa sur un site américain de banque d’images...

    Répondre
    • 5 octobre 2007 09:05, par Wonka

      Bien sur ce genre de site regorge de création vectorielle, une source d’inspiration inépuisable pour alimenter des explications et des tutoriaux pour Photoshop.

      Pour les francophile il existe également des sites en français comme le remarquable fotolia !

      En tout cas tu as l’oeil ;)

      Répondre
  • 3 octobre 2007 12:27, par Alexis

    En tout cas c’est trés joli mais j’aime plus particulièrement le brush pour l’herbe, y a un bon rendu ;)

    Répondre
    • 5 octobre 2007 09:06, par Wonka

      Voui je trouve aussi ;)

      Répondre
  • 4 novembre 2007 18:51

    Merci bien pour ce tuto, il m’a bien aidé et appris bcp de chose. C cool. Merciiiiiiiii

    Répondre
    • 5 novembre 2007 12:31, par Wonka

      J’ai envie de dire : Pas de problème ;)

      Répondre
  • 21 novembre 2007 20:19, par M@ster Tibo

    Merci beaucoup pour ce tuto, l’effet final est très simpathique !

    Je me permets de mettre ma « composition » largement inspiré de la votre ^^

    Répondre
    • 22 novembre 2007 17:36, par Koucee

      Perso, je trouve l’herbe trop fine et les cadres de couleurs trop haut, si bien que le dégradé passe un peu à la trappe...

      Répondre
      • 23 novembre 2007 09:05

        Même remarque, et les silhouettes sont un peu hachées, cependant la composition générale est vraiment top ;) Bravo !

        Répondre
        • 24 novembre 2007 19:20, par M@ster Tibo

          Ok merci des conseils ;) et merci pour tes super tutos !!! Continues à nous en pondre comme ça !!! :p

          Répondre
          • 25 novembre 2007 12:21, par Wonka

            C’est prévus oui ;)

            Répondre
  • 3 décembre 2007 23:42, par Rivendell

    Salut et merci pour tout ces tuto, jm’étais jamais vraiment interessé a photoshop avant de découvrir ton site, j’ai donc commencé et j’aurai voulu savoir cque tu pense de cque j’ai fait Free Image Hosting at www.ImageShack.us et m’éclairer sur un point, les formes sont pas trés net j’aurai voulu savoir si ca venait des brush ou si c’étais moi qui avait fait une fausse manip ou oublier quelque chose... voila voila encore merci pour ton joli boulot =)

    Répondre
    • 4 décembre 2007 10:47, par Wonka

      Si tu as utilsé des brushs c’est normal, c’est que tu as agrandie un peu trop ta silhouette.

      Maintenant si tu as crée toi même la silhouette, c’est que tu as pixelisé ta forme (plume) avant de redimensionner et de la placer sur ton image.

      Il faut garder la forme en vecto pour pouvoir la redimensionner et la déplacer sans dégradation.

      Sinon, bien joué, c’est vraiment joli !

      Répondre
      • 5 décembre 2007 17:54, par spaz

        Effectivement, j’en est fait d’autre depuis et avec des brushs différent ou pas trop agrandi ca passe nikel, merci pour ta réponse !

        Répondre
        • 6 décembre 2007 09:34, par Wonka

          Mais de rien ;)

          Répondre
  • 15 janvier 2008 09:08, par MeNOU

    Saluut ! Voila donc étant un « noob » de photoshop je me permet de poster mon resultat :) ... [URL=http://imageshack.us][IMG]http://img50.imageshack.us/img50/935/silouhettesipoddo1.png[/IMG][/URL] Premier post, mais des milliers de visites sur ce site que j’apprecie enormement ! Bravo Wonka !

    Répondre
    • 15 janvier 2008 09:38, par Wonka

      Merci d’avoir posté cette bien agréable réalisation ! Et merci pour ces milliers de visites ;)

      Répondre
  • 4 mars 2008 20:58, par joyce

    petit variante ^^

    Répondre
    • 5 mars 2008 12:27, par Wonka

      Tout simplement magnifique, j’adore cette scène, bravo à toi !

      Répondre
      • 5 mars 2008 21:29, par joyce

        Merci beaucoup j’avou etre un peu debutant mais se commetaire me fais tres plaisir. il faut avou que ces a ton tuto que je dois se resulta.

        merci pour le commentaire et encore une fois du tuto

        Répondre
  • 8 avril 2008 01:43

    Se Serais simplement pour une petite information.. sa faiit lOngtemps que j’essaie de savoir comment arrondir des coins.. j’aimerais savoir comment toi tu a fait pour arrondir les tiens S’il te plait ! =)

    Répondre
    • 16 mai 2008 15:18, par Pierre

      C’est simple, il a pris l’outil rectangle arrondi^^. Sinon il y a des solution pour arrondir les angle, si je ne trouve pas de tuto qui explique sa sur se site j’en ferais un.

      Cordialement, Pierre

      Répondre
      • 16 mai 2008 18:17, par Wonka

        je crois qu’il ne parle pas des coins d’un rectangle mais plutôt les coins d’une forme ! Et pour cela une seul solution, utiliser la plume comme un chef ;)

        Répondre
  • 17 mai 2008 22:14, par Volta

    J’adore ! C’est super bien expliqué, j’y suis même a peu près arrivé (le résultat n’est pas mauvais n’est ce pas ?). Je l’ai personalisé pour illustrer une formation dans un jeu que je joue (GuildWars). Je manque pas de sujets ! Merci Wonka, je passe d’un tuto à l’autre sans répis !

    Répondre
    • 18 mai 2008 13:10, par Wonka

       ;) par contre pourquoi tes silhouette sont toutes floues ?

      Répondre
      • 18 mai 2008 23:28, par Volta

        Salut Wonka,

        Oui justement c’est bien mon problème, lorsque j’ai découpé les personnages, qui viennent de screenshots du jeu, j’ai obtenu des formes très « angulaires » j’entend par là qu’elles étaient mal découpées (et c’est bien ma faute), j’ai essayé de ratraper le coup en les rendant floues, mais le résultat n’est pas top non plus. Une seule solution, je doit m’améliorer au découpage !

        Ah et j’ai une question un peu HS, j’ai réalisé quelque chose, mais il n’y a aucun tuto concernant ce sujet, je l’ai fait à taton... Mais j’aimerai bien recevoir un avis plus expert que celui de la communauté à qui je l’ai présenté... Est ce qu’il y a un moyen pour que je te le montre ? Ou existe t il une catégorie.

        Et ce site est super ! Je ne le dirai jamais assez, je fil m’inscrir, j’ai vu que c’étais possible. ^^

        Répondre
        • 19 mai 2008 11:06, par Wonka

          Tu peux l’envoyer par mail si tu veux : wonka @ wks .fr sans les espaces ;)

          Répondre
  • 18 mai 2008 00:17

    Sympa tout ça. J’ai peut réapprendre ce que j’avais oublié avec le temps.

    Voila pour ce qui est de mon côté

    Répondre
    • 18 mai 2008 13:09, par Wonka

      très manga j’adore ;)

      Répondre
  • 4 juin 2008 10:54, par Pierre

    Voilà ma petit contribution a ce tuto.

    Merci mille foi a toi hooo grand wonka pour se tuto encore une fois magnifique.

    Répondre
    • 4 juin 2008 14:46, par Wonka

      Très beau travail ! Propre et bien fait, rien à redire, j’ai particulièrement les silhouette que tu as pris :) bonne continuation.

      Répondre
      • 9 juin 2008 16:12, par shad

        bien sympa le tuto ! :)

        Voilà ce que j ai fait :

        Répondre
        • 9 juin 2008 19:29, par Wonka

          Ah oui pas mal du tout, bonne idée l’ajout d’une lueur externe autour des silhouettes ! Rien à redire, à part bien joué ;)

          Répondre
          • 10 juin 2008 10:34

            Merci beaucoup ;-)

            Répondre
  • 16 juin 2008 13:49, par nairolf287

    Voilà ce que j’ai fait :

    Ça fait assez longtemps que j’avais plus touché à photoshop ;)

    Répondre
    • 7 juillet 2008 20:02

      voila se que j’ai fait je commence juste jaimerer vrement savoir se que vous en penser

      Répondre
  • 12 juillet 2008 13:53, par legendarythug

    voila ma petite création très cool ton site :)

    Répondre
  • 13 juillet 2008 17:06, par MØG

    Je voulais faire se tuto depuis longtemps donc voila ma création :-D

    Répondre
  • 28 juillet 2008 20:59, par cambaba

    tout dabord : terrible ce montage, jadore les couleurs et la vie qui ce dégage de ce montage. Ce site est idéal pour aprendre et se perfectionner sur photoshop mais je vien d’acquerir after effects si wonka pouvais créer des tuto sa seré simpa car il é compliquer au niveau des commandes... merci d’étudier ma demande wonka et bravo pr ton site;-)

    Répondre
    • 14 septembre 2008 08:13

      Super merci

      Répondre
    • 14 septembre 2008 13:27, par Wonka

      Je voudrais bien moi aussi me lancer dans after effect mais je n’ai pas ce logiciel :( alors ca vas être compliqué !

      Répondre
  • 12 octobre 2008 03:03, par kom1dune

    Impeccable ce tuto ! Facile d’emploi en plus ! Je n’avais pas d’idée pour faire une carte de visite donc je m’en suis inspirée. Cool ! Ca marche aussi en impression en CMJN en plus... Merci m’sieur Wonka :)

    Répondre
  • 13 décembre 2008 16:51, par TdN

    http://multimedia.fnac.com/multimedia/images_produits/ZoomPE/1/1/5/32977500 26511.jpg

    Tiens, je parie que le graphiste responsable du cd de Tristan Garner et passé par wks.fr ^^

    Répondre
    • 14 décembre 2008 00:07, par Wonka

      C’est possible :) cependant cet effet et très répendus sur le web, on le voit un peu partout et je ne suis surement pas l’inventeur de l’ombre chinoise !

      Répondre
  • 13 mars 2009 14:03, par Violine

    Coucou, Voici ma créa et merci pour ce tutoriel

    Répondre
  • 24 mars 2009 19:03, par Kevin

    Merci beaucoup pour ce tuto. Voici ma composition.

    Kevin

    Répondre
  • 6 avril 2009 20:31

    salut ^^ voici ma création :

    AmArU...

    Répondre
  • 4 mai 2009 19:33, par Hana-Shinpi

    Répondre
  • 24 décembre 2009 01:22, par Nexus

    Salut salut =)

    j’aurai voulu savoir si tavais un lien pour le brush gazon ? parce que j’ai beau cherché je ne trouve rien qui me convienne >< et pareil pour les corps =/

    Répondre
    • 24 décembre 2009 17:04, par wonka

      Photoshop propose par défaut un brush parfaitement adapté pour la pelouse, pourquoi en vouloir un autre ?

      Répondre
  • 12 avril 2010 16:18, par Xinum

    J’ai fait celui-ci pour ma chérie et moi. Les silouhettes nous représentant respectivement. Vous en pensez quoi =) ?

    Hébergement photos

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.