Créer une mise en scène improbable

Vous avez certainement tous vu un trompe l’œil sur Internet, c’est une image graphiquement improbable qui donne du fil à retorde à vos neurones pour comprendre : la perspective, la 3d ou les couleurs d’un graphisme. Dans ce tutorial, nous allons créer un trompe l’œil et le mettre en scène de façon incroyable !

Attention ce tutorial ne s’adresse pas du tout aux débutants ! Il vous faudra maitriser des outils comme les pinceaux et ses brushs personnalisés, les dégradés et la plume.

Si vous êtes tout de même décidé à tenter l’aventure, sachez que je fournis le fichier PSD pour au moins récupérer les formes de bases.

Photoshop - 2.3 Mo

Bonne chance à tous.

Voici l’image finale :

ETAPE 1

J’ouvre bien sûr le logiciel Photoshop puis je crée un nouveau document sur fond blanc.

Avec l’outil plume je crée une forme comme ceci (je peux si je le souhaite récupérer la forme dans le fichier source téléchargeable en haut de cette page).

ETAPE 2

Puis toujours avec l’outil plume je crée les trois formes qui me permettront de créer ce trompe l’œil (je peux si je le souhaite récupérer la forme dans le fichier source téléchargeable en haut de cette page).

ETAPE 3

Et enfin je les assemble. Je peux déjà constater le problème de ma figure qui est graphiquement improbable, génial non ?

ETAPE 4

Je crée un nouveau calque juste au dessus de la partie basse et je commence avec le pinceau à créer une zone d’ombre en bas à droite.

Pour cela vous le savez certainement, je récupère la sélection de la partie basse puis avec une couleur rouge très foncée, je crée un point avec un pinceau diffus.

ETAPE 5

Puis avec la même technique je crée deux zones plus claires en haut et à gauche.

ETAPE 6

J’accentue ses zones claires.

ETAPE 7

J’attaque la partie gauche, et toujours avec mon pinceau diffus (je n’oublie pas de créer des calques à chaque nouvelle zone) je crée des zones d’ombre en haut et à droite.

ETAPE 8

Puis sur le milieu, je crée un reflet avec une couleur légèrement plus claire.

ETAPE 9

Et maintenant la dernière partie : je crée une zone d’ombre en bas à droite et en bas à gauche, je garde la partie haute légérement lumineuse.

ETAPE 10

J’accentue légèrement la zone lumineuse et je l’augmente en la faisant descendre vers le milieu.

ETAPE 11

Je remplis mon arrière plan d’un bordeaux très foncé, puis je diminue l’opacité du fond du calque base à 0%.

ETAPE 12

Je vais maintenant créer une zone d’intense lumiére, pour cela j’utilise une couleur très claire et avec le pinceau je crée la lueur.

ETAPE 13

En utilisant un petit pinceau dur avec une diffusion dynamique, je crée des petites lueurs pour accentuer l’effet d’explosion de lumière.

ETAPE 14

Et enfin avec la forme de pinceau étoilé éclaté de Photoshop (voir la rubrique formes variées dans les formes de pinceaux) je crée des rayons de lumières.

ETAPE 15

Je fais la même chose pour une zone en bas à gauche.

ETAPE 16

Pour créer un peu de volume sur les bords de mes formes, je crée sur un nouveau calque une partie plus claire (voir ci-dessous, je joue avec l’opacité du calque pour le faire apparaître discrètement).

ETAPE 17

Puis j’utilise un masque de fusion pour cacher la partie haute (j’utilise un dégradé noir vers noir 0% du haut vers le bas).

ETAPE 18

Je duplique le calque créé à l’étape 17 et je le déplace vers le haut.

ETAPE 19

Sur des nouveaux calques, j’accentue la partie gauche basse de ces deux calques.

ETAPE 20

Et enfin je délimite chacune de ces deux parties par une ligne plus lumineuse.

ETAPE 21

Je duplique tous les calques représentant ce volume, j’applique une symétrie verticale (édition transformation > symétrie verticale) et je place ces calques sur la partie droite de mon image. Pour terminer je place les calques dans un dossier, et je change son mode de fusion en incrustation (voir le menu dans la fenêtre des calques).

ETAPE 22

J’augmente la taille de ma zone de travail pour avoir une vue verticale sur mon symbole.

ETAPE 23

Puis avec des petits pinceaux diffus, je dessine des légères lueurs sur les contours de mon symbole, pour illustrer un léger halo autour des arrêtes.

ETAPE 24

Je place mon logo qui est simplement composé d’un titre, d’un solgan et d’une ligne de 1px de hauteur pleine.

ETAPE 25

J’utilise ce brush pour créer des effets de lumières. http://qbrushes.com/photoshop-abstract-brushes/night-light-brush/

ETAPE 26

Toujours avec le pinceau je crée une grande lueur derrière mon symbole.

Je passe un peu plus de temps sur cette étape pour paufiner les détails et ajouter quelques effets, ici laissez votre imagination travailler et faites de votre composition quelque chose de vraiment unique.

Voila, le tutoriel est terminé, effectivement il est compliqué mais pour les plus persévérants d’entre vous je suis sûr qu’il passera tout seul ;)

Merci d’avoir lu ce nouveau tutoriel sur wks.fr

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

  • 15 janvier 2009 18:19, par Asti

    J’adoreeee !! Franchement du Haut et Grand Wonka !!! Continu comme ça !!! BRAVO BRAVO !!

    Répondre
    • 15 janvier 2009 21:51, par Panpan

      Bonjour wonka. Je sais pas si tu me reconnais mais j’ai pas mal suivit tes tuto depuis un certain temps, postant ici et la pour dire ce que j’en pensais. Bref ce n’est pas la question.

      Il y a un certain temps déjà que moi et mon couzin on avait trouvé que tu proposait plus des tuto aussi intérréssant qu’au début, que ça se répétait un peu trop (d’où le fait que mes post soit plus rare ses temps ci). On été un peu déçus il faut le dire. Mais la autant te le dire, je suis surpris, agréablement surpris. Ce tuto me plais, il me plais vraiment. Je te dis un très grand bravo pour ce tuto =) Je posterais ma création dès que je trouverais une heure pour la faire :)

      Répondre
      • 16 janvier 2009 10:09, par Wonka

        Oui il semblerait que ce soit la même chose pour pas mal d’utilisateur.

        Le problème sur wks c’est que les débutants râlent lorsque les tutos sont très compliqués, et les experts râlent aussi quand les tutos sont simple ^^

        Mais je dois te dire que je préfére vraiment faire des tutos bien compliqué, et je me demandais si cette mise en scène allez plaire de part sa particularité.

        Mais apparemment avec les premiers retours c’est le cas ;) Je pense donc repartir sur des articles haut de gamme !

        Au plaisir de te lire à nouveau sur wks !

        Répondre
        • 16 janvier 2009 10:28, par GuilleW

          Hello, et une bonne année Wonka Studio ! Je rejoins le commentaire du dessus. J’ai commencé débutant sur Toshop avec tes tutos, et j’ai attends un bon niveau grâce à toi ! Et, comme au dessus, heureux d’avoir des tutos pour expérimentés. Super !

          Merci, et félicitation pour tout ce travail ! Hola pour WKS : _o_ _o/ \o/ \o_ _o_

          Répondre
  • 16 janvier 2009 19:26

    J’adore la police utilisé mais ou je peux la trouver ?

    Répondre
  • 16 janvier 2009 20:16, par Air’

    Quel magnifique effet final, vraiment superbe :) Et ces petits effets de lumières, ces « ronds », voilà longtemps que je cherchais à le faire, et j’ai enfin la réponse ! Merci Wonka ;)

    Répondre
  • 17 janvier 2009 11:14, par noar

    Bonjour à tous La question qui me turlupine, c’est comment dessiner un forme géométrique aussi parfaitement, avec les bons angles et les même longueurs de coté. Ça m’intéresserai vraiment pour mes créations futurs. Sinon vraiment très bon tuto et merci de nous offrir un site en français vraiment intéressant

    Répondre
    • 17 janvier 2009 17:36, par Wonka

      Quand on veux utiliser des mesures exact il est important d’utiliser le plus possibles les règles et les repères. En créer de toutes sortes pour pouvoir créer de façon ordonné.

      Répondre
  • 23 janvier 2009 09:47

    super tuto ! mais pourquoi ne pas utiliser illustrator pour les formes geométriques de départ ? j’ai l’impression que tu boude un peu ce logiciel , ce qui peu devenir un probleme pour un graphiste de ton rang . Par exemple pour la forme de depart , un triangle sous illu , un pathfinder pour découper les angles et le tour est joué ! et on peut en plus profiter de l’importation d’objet dynamique sous toshop . Fin bref tu fait comme tu le sens ;)

    Répondre
    • 23 janvier 2009 10:33, par Wonka

      Au contraire j’adore illllluuusssttrattteeuuurr, mais par un concours de circonstance tout à fait indépendant de ma volonté je me retrouve en ce moment avec un PC sous vista totalement bugué, et non seulement je n’arrive pas à installer illustrator (il refuse) mais je n’arrive pas non plus à mettre à jour mon itune. Tu comprends à quel point je me sens seul ... J’utilise donc Illustrator très rarement (seulement pour des commandes de logos). Mais oui sous Illustrator se serait simple de faire les formes (sous photoshop aussi d’ailleurs ;)

      Répondre
      • 26 janvier 2009 04:39, par Dj Flo

        Salut Wonka, magnifique tes tutos , mais j’aimerais savoir , serait-cepossible que tu fasse un tuto sur la creation de flyers sous photoshop ?

        Répondre
  • 8 mars 2009 22:40, par Epcatique

    Bonjour.

    Je trouve que tes tuto sont vraiment génial, même si défois c’est un peux dificile c’est pas grave, sa me serre a réfléchire un peux plus et comme sa j’aprent un peux plus les option de photoshop :) Mais la j’ai un petit problem, je n’arrive pas a crée la forme du tout début, j’ai jamais su me servire de la plume et c’est trés embétent car si je veux crée une forme personaliser bah je ne peux pas, alors je voudrai bien avoir quelque petit conseil, car il y a plusieur style de plume, donc si on pouvais m’aider pour ce tuto.

    Merci d’avance ;) J’éspére avoir votre aide elle me serai trés utile.

    Répondre
  • 9 juin 2009 23:03, par Human’

    Bravo bravo bravo ! J’hésite à me lancer là dedans je suis pas expert dans photoshop mais je commence à m’débrouiller grâce à wks =) ! Merci à toi Wonka !

    Répondre
  • 17 septembre 2011 12:41, par rodger50

    super bien fait ce tuto, bravo j’adore

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.