Le Design 3D avec Photoshop

Un tout nouveau Tuto 3D avec Photoshop “Le Design 3D avec Photoshop” votre imagination peut vous faire créer des trucs vraiment extra, boostez vos créations en utilisant diffèrent objet 3D pour obtenir un montage parfait.

dans ce nouveau tutoriel nous allons apprendre comment créer un superbe montage 3D en utilisant des objets différents pour obtenir vers la fin un design 3D surprenant dont voilà un aperçu du résultat final

Le Design 3D avec photoshop

Pour commencer le tuto vous avez besoin de quelques ressources, donc téléchargez le pack de ressource suivant puis ouvrez un nouveau document de 1200×1600 pixels résolution 72Dpi , couleurs RVB8bits.

Importez le fond suivant dans votre document et ajustez-le comme ceci

Le Design 3D avec photoshop

Importez la forme 3D suivantes dans votre document et mettez-la tout en bas (pour créer des formes 3D dans Photoshop cs5 ou cs6 allez dans Menu > 3D > Nouvelle forme à partir d’un calque )

Le Design 3D avec photoshop

Rendez-vous dans les options de fusion

Le Design 3D avec photoshop

Le Design 3D avec photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) avec une forme ronde , une opacité de 50% , mode de fusion Incrustation et dessinez un ombre portée comme ceci.

Le Design 3D avec photoshop

Importez les bâtiments suivants dans votre document et mettez-les juste au-dessus rectangle 3D.

Le Design 3D avec photoshop

Puis rendez-vous dans les options de fusion

Le Design 3D avec photoshop

Le Design 3D avec photoshop

Le Design 3D avec photoshop

De la même façon de tout à l’heur essayez de créer un ombre portée comme ceci en ajoutant un petit reflet (suivez le tutoriel suivant pour plus de détail).

Le Design 3D avec photoshop

Maintenant à vous le choix, soit vous utilisez Cinema 4D ou bien la 3D de Photoshop pour créer ce triangle noir, sinon il est disponible dans le pack en haut, puis importez le dans votre document

Le Design 3D avec photoshop

Dupliquez votre triangle plusieurs fois et ajustez-les comme ceci

Le Design 3D avec photoshop

Dupliquez et inversez-les triangles ( Ctrl+T ) et mettez-les juste en dessous des autre pour former une sorte de relief 3D.

Le Design 3D avec photoshop

De la même façon essayez de couvrir toute la face du triangle pour obtenir ceci

Le Design 3D avec photoshop

Maintenant prenez l’outil ellipse (U) et dessinez un rond puis aplatissez-le

Le Design 3D avec photoshop

Importez la première main et mettez-la au-dessus du triangle

Le Design 3D avec photoshop

Faites la même chose pour la deuxième main et mettez la juste à côté de l’autre

Le Design 3D avec photoshop

Maintenant importez la sphère et ajustez-la comme ceci

Le Design 3D avec photoshop

Prenez l’outil gomme (E) et effacez la partie qui recouvre les doigts

Le Design 3D avec photoshop

De la même façon importez tous les autres objets 3D

Le Design 3D avec photoshop

Créez un nouveau calque, prenez l’outil pinceau (B) , une forme ronde avec une dureté de 0% , les couleurs #ef0ae2 , #a2f21c , mettez le mode de fusion du pinceau en éclaircir et dessinez des effets de luminance sur les objets suivants leur couleurs et tailles.

Le Design 3D avec photoshop

Maintenant importez les cubes suivants dans votre document et mettez les juste après le calque du triangle 3D (Les cubes sont réalisées avec Cinema 4D en utilisant l’objet cloneur et remplacer les sphères par des cubes, si vous voulez essayer de les faire vous-même voilà le tutoriel sous Cinema 4D )

Le Design 3D avec photoshop

Nous allons créer maintenant un reflet des objets 3D sur le cube vert, dupliquez un de vos objets 3D et déplacez-le un peu vers le cube vert

Le Design 3D avec photoshop

Réduisez son opacité à 15%

Le Design 3D avec photoshop

Puis faites la même chose pour tous les autre objets sans oublier d’effacez tous ce qui dépasse la surface du cube.

Le Design 3D avec photoshop

Ensuite ajoutez un calque de réglage courbe de transfert de déragé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé puis changez son mode de fusion en lumière tamisée et réduisez son opacité à 61%.

Le Design 3D avec photoshop

Le Design 3D avec photoshop

Ajoutez un autre calque de réglage courbe de transfert de déradé puis changez son mode de fusion en Densité linéaire + et réduisez son opacité à 28% .

Le Design 3D avec photoshop

Le Design 3D avec photoshop

Pour finir appuyez sur le raccourci ( Ctrl+Alt+Shift+E ) pour obtenir une copie des calques fusionnés puis allez dans Menu > Filtre > Renforcement > Accentuation.

Le Design 3D avec photoshop

Le Design 3D avec photoshop

Puis allez dans Menu > Filtre > Correction de l’objectif

Le Design 3D avec photoshop

Et voilà le rendu final du tutoriel ” Le Design 3D avec Photoshop ”

Le Design 3D avec photoshop

30 COMMENTAIRES

  1. super tuto comme d’hab , en revanche , j’ai du faire moi meme le fond car , comme dis dans le tuto , le fond ne se trouve pas dans le pack de ressource ( mais apres tout , quelle importance ) 😀

  2. Je suis désolé mais je ne te suis plus là Grpaholog, avant, c’était de bons tutos, de très bons, là, je trouve que ça commence un peu à s’essouffler, c’est toujours les mêmes procédés, on attend du neuf, du beau, du frais… Prend ma critique comme bon te semble, mais je suis tutsps depuis le début, j’ai atteint une certaine expérience de photoshop, grâce à toi, mais je trouve que ça tourne un peu autour du pot là.. Désolé, mais j’espere que tu prendras bien ma petite critique. Voilà. Sinon, otujours aussi bien expliqué, un grand bravo. 🙂

  3. Je suis un peu dans la même situation que darkspoon ; mais attention, j’adore les nouveaux tuto et je continuerais à suivre tutsps quand même, mais ce tuto était vraiment, je trouve, “préconçu” si je puis dire. Tout ce qu’il y a à faire c’est de placer les objet 3d pré-fait, effacer, mettre 2-3 filtre et basta. Je suis d’accord qu’on peut faire plein de choses avec ce que vous nous avez donné, mais vous auriez simplement pus faire un pack de téléchargement avec objet 3d et des exemple de création déjà fait, vu que le tout réside en l’empilage des formes. Après, je comprendrais si vous disiez que vous êtes très occupé dans la vie de tout les jours et je respecte. Mais bon, j’ai essayer de faire un commentaire un peu constructif ^^

    Et bravo pour les tutos, ils sont excellent!

  4. Bonjour toto
    Rien ne t’empeche de réaliser toi-même tes formes 3D, c’est trés simple sous photoshop, encore plus simple avec cinéma 4D
    Cdt

  5. Merci pour tous ces tutos grapholog, ils sont très bien expliqué et j’ai beaucoup appris grâce a vos techniques.Je souhaite une longue vie a tuts.

  6. Merci pour ce tuto, tout est bon à prendre pour progresser !!! Je viens de découvrir l’animation avec photoshop. As-tu envisagé des tutos d’animation dans les mois à venir ?

  7. Bonsoir, quelqu’un pourrait m’aider pour le menu 3D? Quand je me rend comme indiquer, je ne trouve pas ” Nouvelle forme à partir d’un calque “.

  8. merci pour ce tuto intéressant..jai un problème j’ai photoshop CS3 et en plus en anglais ..où est-ce que je peux trouver l’outil D dans le menu ….

  9. merci pour ce tuto intéressant..jai un problème j’ai photoshop CS3 et en plus en anglais ..où est-ce que je peux trouver l’outil D dans le menu ….

  10. Très sympa comme Tuto, facile à comprendre et à mettre en pratique. A conseiller, à tous ceux qui veulent se mettre à des compositions un peu abstraites et ayant 1h devant eux !

  11. Bonjour , ca fait un moment que je suis les tutos et merci 🙂 j ai beaucoup progresser !!
    Je voudrais juste savoir comment réaliser le fond de cette facon svp !

  12. Bonjour,
    Pour ma part, j’ai fait un rendu totalement différent. En revanche, vous dites que le triangle est dans le pack de ressources, or il est absent, et moi je n’ai pas cinema4d… je travaille exclusivement avec photoshop ou illustrator.
    Et vous allez me trouver “chiante” mais courbe de transfert de “déragé” je ne sais pas ce que c’est… je connais en revanche courbe de transfert de Dégradé. de plus, détaille… ne s’écrit pas comme ça, mais s’écrit comme ça : détail. oui j’aime la langue française, et je suis assez pointilleuse sur l’orthographe, surtout quand on écrit des tutoriels… qui sont franchement excellents et nous permettent, nous, néophytes ou experts de pouvoir éviter la page blanche quand on a des conceptions photoshop à rendre. j’espère que vous ne m’en voudrez pas pour ces remarques, et un grand merci pour ces magnifiques tutoriels, ces recherches et le partage de vos connaissances. Bien cordialement.

    • Merci pour la remarque mais je suis désolé pour les petites fautes, je sais que vous pouvez me pardonner car je ne suis pas français c’est tout. Concernant le triangle je ne sais pas s’il est toujours disponible mais je vais le chercher dans les archives et l’uploader sinon je vais le refaire.

Répondre à SoAir Annuler la réponse