Créer un skate board design sous Photoshop

Voici une méthode pour créer une skateboard qui sera utilisé à la création d’une publicité pour skateboard. Je me suis beaucoup amusé à créer cette illustration, alors prenez vous aussi beaucoup de plaisir et n’hésitez pas à tenter de la réaliser, les étapes ne sont pas si compliquées !

Pour ceux qui veulent comprendre le fonctionnement de l’intérieur je propose ci-dessous le fichier source Photoshop.

Photoshop - 1.8 Mo
Fichier source Photoshop tutorial 388
clic pour télécharger le fichier source photoshop utilisé dans ce tutorial

ETAPE 1

Je commence par ouvrir Photoshop et je crée un nouveau document sur fond blanc. J’utilise l’outil des formes personnalisées pour créer la base de mon skateboard. Pour créer cette forme allongée et très arrondie j’augmente (dans la barre des options) le radius du rectangle, j’utilise 80 voir 100 pixels.

Je me retrouve donc avec la base de mon skateboard.

ETAPE 2

Je crée un nouveau calque puis en haut et en bas, je crée une bande blanche (j’utilise l’outil sélection, je crée un rectangle que je remplis de blanc avec le pot de peinture).

ETAPE 3

Pour créer l’effet de reflet et donner un peu de volume à notre board vous pouvez utiliser le filtre d’atténuation : menu filtre > atténuation > flou directionnel (90 degrés et un minimum de 100 pixels).

Je diminue l’opacité de mon calque à 50%.

ETAPE 4

Maintenant je vais récupérer sur le net ce qui servir à habiller ma board, pour cela je me rends sur ce site : http://www.vecteezy.com/vf/538-Vector-Design-3 et je télécharge le fichier vectoriel.

Je l’ouvre dans Illustrator et je prends les éléments qui m’intéressent ; pour cela je sélectionne sous Illustrator, je copie (Ctrl + c) puis dans Photoshop je fais Ctrl + v pour coller l’élément (dans la petite fenêtre qui s’ouvre je sélectionne en pixel).

A présent j’utilise le fond présent dans le fichier vectoriel.

ETAPE 5

Je récupère les éléments et je crée en les additionnant, une composition graphique complète. Je peux enfin fusionner les calques de chaque éléments pour n’en avoir qu’un seul.

ETAPE 6

Je récupère la sélection de ma board puis je fais menu sélection > intervertir puis sur le calque des éléments colorés, j’appuie sur la touche Suppr.

ETAPE 7

Je fusionne les éléments colorés avec le fond en dégradé bleu, et avec l’outil densité – et + je crée sur les contours des zones sombres et au centre une zone claire.

ETAPE 8

Je vais sur internet afin de trouver une photo de skateboard

Exemple de photo :

JPG - 37.2 ko

je détoure les roues et me retrouve avec une image comme ci-dessous.

Il me reste plus alors qu’à placer les roues sur mon skate board.

ETAPE 9

Je peux ajouter une petite ombre portée sur mes roues pour donner un effet de pose et de relief.

ETAPE 10

Changement d’atmosphère : je remplis mon arrière plan avec le pot de peinture (je choisis une couleur sombre). J’ajoute une lueur derrière en utilisant un très large pinceau diffus (300 pixels par exemple). Et enfin j’ajoute mon slogan (il ne veut rien dire ! oui je sais :p).

ETAPE 11

Je fignole en ajoutant à nouveau des formes colorées que je passe en mode de fusion lumière tamisée (je diminue le mode d’opacité à 50%).

Et je me retrouve avec ma splendide composition graphique ;) Sympa non ? Si vous avez des questions, n’hésitez pas à utiliser les commentaires ci-dessous. Je réponds souvent assez rapidement.

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

  • 28 août 2008 15:25, par Monk’

    Très beau, c’est un effet que j’aime énormément :)

    (Je parle du skate)

    Répondre
  • 28 août 2008 20:54, par Daniel

    Très sympa ton tuto Wonka ;) bravo !

    Répondre
  • 30 août 2008 17:58, par Toto

    Super tuto.

    Pourrait tu joindre le PSD cela serait vraiment très intéressant !

    Répondre
    • 30 août 2008 20:02, par Wonka

      Disponible en haut de la page (je l’avais oublié ;) et merci pour ton message !

      Répondre
  • 31 août 2008 10:11, par Toto

    Merci à toi Wonka !

    Répondre
  • 31 août 2008 10:49, par missmawii

    Magnifique Wonka !!!! ;)

    Répondre
  • 1er septembre 2008 14:49, par M@XimE

    c’est vraiment un bon tuto meme moi qui suis débutant j’y arrive ! je posterai ma composition bientot car je n’est pas tout a fait fini !! @+

    m@xIMe

    Répondre
  • 3 septembre 2008 12:55, par Amey

    slt Wonka, je trouve ke ton tuto est trop sympa, jai essayer de le réaliser, mais jai trouvé un peu de difficulté ds l’ETAPE 7 et 10, stp aide moi, jai envie de le terminer

    Répondre
    • 3 septembre 2008 17:20, par Clément

      Tu devrais me dire ce qui te pose vraiment problème, quel est la partie que tu ne comprends pas ?

      Répondre
      • 8 septembre 2008 13:19, par Amey

        BHA boilà, ds l’étape 7 : « utiliser l’outil densité - et + pour créer sur les contours des zones sombres et au centre des zones claires ». et l’étape 10 : « ajouter une lueur derrière en utilisant un large pinceau diffus ». Merci pr tt Clément

        Répondre
  • 22 septembre 2008 11:02, par MØG

    Trop plaisant à réalisé :-) J’en ai mis que 3 mais j’en ai fais bien plus

    Répondre
    • 22 septembre 2008 14:07, par Wonka

      Le premier est tout simplement sublime ! très grunge trash et dark comme il faut pour un skateur ;) bravo mog !

      Répondre
  • 27 septembre 2008 16:01, par nathoo

    voici ma version ^^ super rendu merci pour ce super tuto

    Répondre
  • 6 novembre 2008 22:27, par Cam

    Sympa, voici ce que j’ai fait :

    Répondre
    • 8 novembre 2008 13:02, par Cro_mag

      Bonjour a tous,

      Tout d’abord je tiens a signaler que ce site est génial, complet et des tutos remarquables Beau travail.

      Alors j’ai une question. Comment fais tu pour creer ses formes de fleurs, ces arrondis (a l étape 5. Avec l’outil plume ? avec la deformation cisaillement ? Un petit tutos sur ces formes ce serait super cool, avec explications pour néophytes ;) y a deja quelques tuto sur des formes style 70’s en arrondit ou en bandes, mais les formes employées sur ce skate board je sais pas comment en faire. Merci d’avance pour vos réponses.

      Répondre
      • 9 novembre 2008 11:35, par Wonka

        Bah dans ce tutorial nous avons utilisés des formes vectorielles déjà toute faites ! Pour les faire soit même illustrator me semble très intéressant, cependant l’outil plume sera de rigueur ;) Bonne chance en tout cas et merci pour votre message !

        Répondre
  • 8 décembre 2008 13:13, par kom1dune

    Petite contribution en détournant l’idée avec un snowboard et une vraie « fausse » affiche.

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

      J’aime beaucoup cette composition, j’ai juste une remarque la lueur interne à la planche de snow me semble un peu trop marquée ! Sinon c’est joli !

      Répondre
      • 8 décembre 2008 18:48, par kom1dune

        C’est vrai que j’ai eu la main lourde sur le calque densité + - et la lueur blanche centrale !

        Répondre
  • 10 janvier 2009 23:51, par snake99

    Bonjour je suis nouveau et j’aimerais savoir à l’étape 4 comment faites-vous pour passer de la planche noir au fond bleu =/ j’ai beau chercher je ne trouve pas de Tuto qui traite de ça ,merci de votre aide ^^

    Répondre
    • 12 janvier 2009 10:40, par Wonka

      Deux méthodes soit je colle un élément graphique et je supprime la partie exterieur s’il y en as. Ou je crée un nouveau calque, je recupéré la sélection de la board en faisant ctrl + clic sur le calque puis avec le pot de peinture je remplie de bleu. Le tour est joué ;) Bonne chance pour la suite.

      Répondre
  • 17 février 2009 21:49, par Seven7Design

    Bonjour je voudrai juste un renseignement. C juste pr savoir si on peu faire ce réel TUTO avec Photoshop 7.0 ?????? j’ai testé mais rien de bon jsui bloké a létape 4 et après jariv plus tu peu me donné kelke conseil stp ??

    Répondre
    • 18 février 2009 09:02, par wonka

      L’étape 4 il faut utiliser Illustrator !

      Répondre
  • 6 mars 2009 08:41, par niflon

    Voila ma version de la chose ! :)

    Dites moi ce que vous en pensez car je débute Photoshop, j’ai commencé le mois dernier et franchement merci Wonka, tu m’as permis de progresser énormement.

    thanks !!!!

    Répondre
  • 13 mai 2009 10:27, par ToonMolo

    J’ai un soucis pour l’étape sur Illustrator. Je n’arrive pas à sélectionner la partie que je souhaite. Ca me prend d’abord le fond de mon image, puis l’ombrage externe, puis l’image centrale. Comment faire pour sélectionner seulement une partie de cet ensemble ?

    Répondre
  • 9 juin 2009 20:22, par Luky

    voici ma version

    Répondre
  • 9 juin 2009 21:26, par Ashad1000

    Bonjour merci pour ton Tuto mais je n’arrive pas à l’étape trois quand je met un flou sa ne me le met pas sur le blanc merci d’avance.

    Répondre
    • 7 juillet 2009 06:16, par luky

      tes rectangles blancs sont-ils sur un calque différent ? si c’est pas le cas ça doit être pour ça

      Voir en ligne : Créations graphiques de Luky

      Répondre
  • 20 novembre 2009 23:13, par patoshop

    bon tuto, mais je n’ai pas illustrator, peut on le faire sans celui-ci ?

    Répondre
    • 13 décembre 2009 18:59, par Caro7610

      Salut patoshop,

      C’est possible de réaliser le skateboard sans Illustrator. Mon skate est dans la galerie : 4e ligne, le skate tout à droite. Je l’ai fait sans Illustrator, tout est fait au Photoshop. :) Pour faire le motif sur la planche, il suffit de prendre une image et de la détourer sous Photoshop.

      En tout cas, merci pour ce tuto sympa. ;)

      Voir en ligne : Caro7610

      Répondre
  • 21 mars 2010 16:07, par webolive

    voici ma créa : Merci pour ce tuto, c’est sur que c’est assez amusant à faire

    Répondre
  • 16 juillet 2010 23:14, par Moox

    C’est sympa ce genre de tuto, j’aime beaucoup, merci !

    Et voici ma participation : http://moox.blog.free.fr/public/Retouches/Skate-1.jpg

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.