Comment créer un visuel 3D de votre livre avec mockup mais SANS Photoshop !

Il y a quelques temps, j’expliquais comment créer un visuel de son roman en 3D avec Photoshop mais seulement voilà… tout le monde ne possède pas ce logiciel.

Hé bien bonne nouvelle ! Il existe un éditeur graphique en ligne, très proche de Photoshop capable de gérer les mockup.

Un mockup, c’est un fichier contenant tous les scripts capables de transformer votre couverture à plat en montage 3D. Le résultat dépend du fichier mockup que vous avez choisi.

Par exemple :

Tutoriel mockup sans Photoshop

On croirait une photo prise de votre roman et pourtant, vous pouvez l’obtenir sans posséder la moindre copie chez vous.

Pour commencer, il vous faudra deux éléments :

  • Votre couverture au format image de bonne qualité.
  • Le mockup

Vous pourrez dénicher plusieurs modèles sur le net (pas uniquement pour des livres, mais des affiches, des mugs, des tableaux, etc.). Veillez surtout à pouvoir utiliser l’image finale pour une utilisation commerciale.

Un très bon site contenant du choix et des modèles de qualité :

Parcourez le site, choisissez un modèle et téléchargez-le. Décompressez et vous aurez un fichier PSD ainsi qu’une image de démonstration. Ces modèles fonctionnent à priori sur Mac (je n’ai pas pu tester).

Pour ce tutoriel, j’ai choisi un modèle très simple de livre debout : 5 x 8 Paperback Novel Template

Ce qui donnera un très joli résultat sur un fond de votre choix en accord avec votre couverture ainsi qu’un petit texte de présentation.

Et maintenant, comment faire sans Photoshop ? Avec Photopea Online Photo Editor.

Pas besoin de téléchargement, tout se fait sur le site.

En premier lieu, dans le menu, cliquez sur More puis Language et choisissez Français. À moins d’exceller en anglais, on se sent tout de suite mieux non 🙂

Ensuite, chargez le mockup précédemment choisi, téléchargé et décompressé.

Votre mockup est chargé.

Orientez votre regard sur la liste à droite : les calques. Ce sont (pour faire simple) des éléments sur lesquels on peut interagir indépendamment des autres.

Le calque qui nous intéresse ici est Cover.

Repérez bien l’icône de Cover, car si vous choisissez un autre mockup, le nom de calque sera peut-être différent, mais il possédera cette même icône suivie d’un maillage de chaine.

Double cliquez sur l’icône de ce calque. Cela va ouvrir un « layer ».

  • Chargez votre couverture
  • Sélectionnez-la avec le menu Sélectionner puis Tout sélectionner ou via le clavier CTRL A
  • Copiez avec CTRL C ou Edition > Copier
  • Retournez sur le Layer et collez avec CTRL V ou Edition > Coller

Si la taille diffère de beaucoup, tentez avec une image plus adaptée ou, redimensionnez comme ceci :

Vérifiez que vous êtes bien sur le calque de votre image de couverture sur le layer.

Allez dans Edition puis Transformation libre (ou CTRL ALT T), votre couverture sera entourée de pointillés dont des « manettes » dans chaque coin et au centre de chaque côté. Ces manettes vous permettent d’étirer ou de rétrécir l’image. Mais attention, maintenez la touche Shift (majuscule) appuyée lorsque vous modifiez, ainsi les proportions seront gardées.

Une fois l’image bien placée, confirmez ce changement en cliquant sur le V (check) dans la barre du haut et sauvegardez. Fichier > Enregistrer (Smart object).

Revenez au fichier mockup, vous devriez voir le résultat. Si vous avez plusieurs parties, telles que l’avant, l’arrière, le dos, reproduisez ces opérations.

Voilà votre représentation en 3D.

Celle-ci est sur fond blanc, ce sera plus utile de la sauvegarder sous fond transparent au cas où vous voudriez faire un montage ou insérer une image de fond. Repérez les deux derniers calques blancs et cliquez sur l’icône œil juste à côté, ils seront masqués et votre fond sera transparent. Pour vous en assurer, le fond doit être remplacé par un petit damier.

Sauvez afin de garder cette transparence, Menu Fichier puis Exporter en tant que… et choisissez PNG.

Parmi les formats d’image, le PNG et le GIF sont ceux qui vous permettent de garder la transparence, mais PNG sera plus optimisé.

On emploie d’ailleurs le GIF bien plus souvent pour son autre qualité, celle de permettre des images animées.

Le JPG quant à lui remplacera le transparent par un fond blanc. Si vous choisissez un mockup avec un fond qui vous inspire, sauvegardez en JPG, c’est le format le plus léger.

Pour insérer un fond, copiez collez cette image, glissez le calque sous le calque de votre livre dans la liste des calques.

Voilà, vous avez votre livre en 3D et ce, sans Photoshop.

Articles similaires

3 Replies to “Comment créer un visuel 3D de votre livre avec mockup mais SANS Photoshop !”

Ne soyez pas timide, laissez un commentaire :)