[Apprenti] Créer un tatouage avec Photoshop & Tattooinator

Ce tutoriel est une traduction améliorée du tutoriel anglais sur ModTheSims.
Pour peu que vous possédiez l'add-on Ambitions, je vais vous apprendre à créer vos propres tatouages pour vos sims, grâce au logiciel Photoshop.
Je vous rappelle qu'il existe déjà un tutoriel qui traite de la création de tatouage sous Gimp.

Les quelques prérequis avant de débuter le tutoriel :
→ Vous aurez besoin du plug-in DDS de photoshop, à télécharger sur cette page
→ Vous devez également avoir sous la main le logiciel Tattooinator, disponible sur ModTheSims

Si tout est prêt et installer, alors on peut commencer !

I. La partie sous Photoshop

Commencez par ouvrir un nouveau fichier de 400*400px (vous pouvez choisir d'autres dimensions, mais sachez que le format DDS nécessite impérativement des dimensions multiples de 4).

Choisissez le noir en couleur d'arrière-plan. Une fois ceci fait, cliquez sur OK, et créez deux nouveaux calques : on obtient donc 3 calques, du nom de Calque 2, Calque 3 et Arrière-plan.


Nous allons à présent nous positionner sur le Calque 2.
Prenez le pinceau si vous souhaitez dessiner vous-même votre tatouage, choisissez un brush, ou une image trouvée sur internet, peu importe ! La seule chose dont vous devez vous souvenir, c'est qu'il faut dessiner votre forme d'une couleur blanche, et surtout ne dessiner que le contour, ne remplissez pas votre forme de blanc !

Voici ce que cela donne pour moi, j'ai choisi de réaliser une étoile filante.


Astuce de Soupedepois : vous pouvez appliquer un léger flou gaussien sur le Calque 2, afin de casser cette image pixelisée du tatouage.

Une fois que c'est bon, toujours en restant sur le Calque 2, cliquez sur Sélection → sélectionner tout, puis Edition → copier avec fusion.

Ensuite, on va cliquer sur l'onglet des Couches. Cliquez sur le petit bouton Créer une couche, vous devez en avoir à présent 5 :

• RVB
  
• Rouge
  
• Vert
  
• Bleu
  
• Alpha 1
  

Les 4 premières couches doivent être invisibles, seule la couche Alpha 1 doit être visible. Placez vous sur la couche Alpha 1, puis cliquez sur Edition → coller.

Votre forme doit apparaître en blanc sur la couche Alpha 1.

Rendez la couche RVB visible (ce qui va également rendre visible les couches Rouge, Vert et Bleu), et rendez la couche Alpha 1 invisible.

Retournez sur l'onglet des calques.

Placez vous sur le Calque 2 et appuyez sur ctrl+I : cela va inverser les couleurs du calque. Vous allez vous retrouver face à un calque tout noir, n'ayez pas peur ! Masquez simplement le calque de l'Arrière plan, afin de vous retrouvez face à la délimitation de votre calque.


Placez vous maintenant sur le Calque 1. On va passer à la mise en couleur de votre tatouage.

Vous pouvez lui attribuer jusqu'à trois zones recolorables, puisque c'est ce que l'on va définir à présent. On commence par la couleur rouge (code hexadécimal : #ff0000). Depuis le Calque 1, colorez la première zone en rouge. Répétez la même action, toujours sur le Calque 1, pour la couleur verte (code héxadécimal : #00ff00) puis pour la couleur bleue (code héxadécimal : #0000ff).


Vous pouvez à présent rendre l'Arrière plan visible, et dans l'onglet des couches, remettez également la couche Alpha 1 en visible.

Une fois que vous êtes sûrs de votre résultat, dans l'onglet Calque, cliquez sur Calque → aplatir l'image.

Nous pouvons à présent enregistrer notre image au format DDS, avec les options suivantes :

II. La partie sous Tattooinator

Voici à quoi ressemble le logiciel une fois que nous l'avons ouvert :


Tattoo name : il s'agit du nom que vous souhaitez donner à votre tatouage, même s'il n'apparaît nul part, il est obligatoire
DDS file : en cliquant sur select, choisissez le fichier DDS que nous venons de créer

Vous pouvez configurer jusqu'à 3 presets, c'est à dire 3 ensembles de couleurs prédéfinies pour votre tatouage. En gros, 3 modèles qui apparaîtront dans le CAS !

Etant donné que l'on a utilisé chacune des couches de couleurs, ainsi que la couche Alpha, cochez toutes les petites cases devant Enabled.

En cliquant sur les couleurs, vous pouvez choisir celle qui vous convient le mieux pour vos presets.

Le logiciel vous permet également de choisir pour quel type de sims votre tatouage sera disponible.

Cliquez sur Preview !


En cliquant sur Preset 1, Preset 2, et Preset 3, vous avez un aperçu des couleurs que vous avez préenregistrées. Comme vous pouvez le constater, la texture est un peu pixelisée, il faut être très pointilleux lorsque vous remplissez votre tatouage de couleur !

Si vous êtes satisfait, cliquez sur Create Tattoo Package, on donne un nom, et on enregistre !

Voilà, vous pouvez installer votre package et tester le résultat en jeu !

------------------------------------------

Ce tutoriel est à présent terminé ! N'oubliez pas que la version pour GIMP se trouve ici !

Amusez-vous bien en créant vos tatouages, n'hésitez pas à montrer vos résultats dans ce sujet !

-------------------------------------------

Post pour ajouts éventuels.

Merci beaucoup Nats pour ce tutoriel!

Merci pour le tuto Nat !

Excellent, Nats, merci, ça rendra bien service à ceux dont le plug in DDS de gimp est capricieux

Super geniaaaaaaaaal!   
Merci pour le tuto Nat!   

Tu es merveilleuse, un tuto que je ne saurai manquer de tester !

je suis contente que ça vous plaise!

Merci beaucoup pour le tuto Nats ! Tu as été très rapide.

Je ne savais pas pour les dimensions multiple de 4 pour le format dds, c'est très surprenant.

Après, tu dis qu'il faut être très pointilleux quand on rempli le tatouage de couleur. J'avoue que c'est un problème que j'ai avec la création des textures, comment éviter que ça fasse un effet "j'ai dépassé les bords" ou pixelisé ? Parce qu'on est limité par le pixel d'une part et d'autre part, j'ai l'impression que la compression apportée par le format dds rend le résultat moins bon que pour un format png.

Dans ton exemple, c'est pixelisé? Je n'arrive pas bien à voir. Si oui, je ne vois pas comment tu peux faire mieux pour le contour.  

Citation :

comment éviter que ça fasse un effet "j'ai dépassé les bords" ou pixelisé ?

en ne dépassant pas justement, en faisant attention au remplissage. j'ai vu que cela pouvait être minutieux. et faire attention aussi à la forme choisie bien entendu, je trouve que mon étoile filante est un peu trop complexe au niveau de l'étoile et des branches, pour que ça rendre vraiment bien en jeu!