--- title: Toon Shader slug: studio-guide-fr/toon-shader docTags: createdAt: 2024-09-02T08:34:13.133Z --- :::hint{type="danger"} **❗️ attention** Si un article avec un style similaire est produit en utilisant un shader autre que le Toon Shader fourni par ZEPETO, la vente de l'article peut être suspendue ou supprimée sans avertissement. ::: ## ÉTAPE 1 : Préparation :::hint{type="success"} **👍 **Avant de commencer, assurez-vous que la dernière version de [Zepeto Studio project file](docId\:jbEValX949nftgBOowg9s) est téléchargée. Les derniers fichiers de projet version 3.2.12 et supérieure incluent les shaders intégrés de ZEPETO. ::: Le shader Toon de ZEPETO offre les fonctionnalités suivantes. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-dc5ojMFEOWEHEeM2uZMxX-20240904-102326.png) ## ÉTAPE 2 : Explorer les fonctionnalités **1. Contrôle du contour** - **Couleur du contour** - Vous pouvez définir la couleur du contour. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-NYUPJfA8nZ6Yh4M6qBtrh-20240904-102331.gif) - **Largeur du contour** - Vous pouvez définir l'épaisseur du contour. L'épaisseur du contour reste constante en fonction de la distance, mais à mesure que la distance par rapport à la caméra augmente (plus de 2M), l'épaisseur du contour diminue à mesure que la distance augmente. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-ypk_vQPmzX_KYCAg2szQZ-20240904-102326.gif) - **Outline Color Blend** - Ajustez la couleur du contour et le degré auquel il se fond avec la couleur de base. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-VEz6_dbmkWQosz9HMXYwH-20240904-102326.gif) - **Outline Off** - Option de ne pas dessiner de contours. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-XLqntzlHD3YP8FJCD_Bdn-20240904-102326.gif) - **Outline Normals Source** - Cette option est utilisée pour décider si l'information des normales lisses du maillage est représentée comme Tangente ou Normale. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-_M_wO4ShbOcq4QVByq-hh-20240904-102326.png) **2. Contrôle de l'ombrage** - **Couleur de l'ombre** - Ajustez la couleur de la zone ombrée. Cette couleur est multipliée par la BaseColor et rendue. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-Q2AAi6TRhAa4MDc3iZ_FU-20240904-102328.gif) - **Seuil de l'ombre** - Ajustez la zone de la zone ombrée. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-Dk_z1b_VSmiefH4Y9NWHf-20240904-102326.gif) - **Ombre Lisse** - Ajustez la douceur de la zone ombrée. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-1k8t7klnjssZ5ch9Tv8Kr-20240904-102326.gif) - **Détail de l'ombrage** - Contrôler les propriétés pour le deuxième ton. (Les détails sont les mêmes) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N--yOSslJwRZ1IhOEOSfKRK-20240904-102324.png) **3. Contrôle Spéculaire** - **Couleur Spéculaire** - Ajustez la couleur de la partie brillante. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-_Lgghj6nUeXbHXwIdrjSA-20240904-102326.gif) - **Seuil Spéculaire** - Contrôler la zone de la partie brillante. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-CCzUo0sfFFkQj4ceLrmIE-20240904-102326.gif) - **Lissage Spéculaire** - Contrôler le degré auquel la zone brillante s'étend en douceur. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-2tc3XVUkd6tbxgUTIVGJW-20240904-102326.gif) - **Utiliser la Mise en Évidence Spéculaire** - Activer/désactiver l'expression de la brillance. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-67sLG28DjnhQqOsxILOVH-20240904-102326.gif) **4. Contrôle du bord** - **Couleur du bord** - Ajustez la couleur de la lumière du bord. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-1PxT0m5kz2jdhIIZhSGit-20240904-102330.gif) - **Seuil du bord** - Ajustez la zone de la partie de la lumière du bord. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-7I3uWoMkL2oLHJVBHtBW8-20240904-102326.gif) - **Lissage du bord** - Contrôlez la douceur de la diffusion de la lumière du bord. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-8Bu_KolNF0TBfIqJzKEMi-20240904-102326.gif) - **Utiliser la lumière du bord** - Allumer/éteindre la lumière du bord. - **Masque basé sur la lumière** - Si Masqué est sélectionné, la lumière du bord ne sera pas affichée là où elle ne reçoit pas de lumière. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-7wIIknNjMxsLK9IfAP_IT-20240904-102326.gif) ## ÉTAPE 3 : Améliorer les détails **1. Texture de seuil d'ombre** :::hint{type="success"} **👍 **Les détails ci-dessous ont été comparés dans un environnement utilisant les mêmes propriétés d'ombre. ::: - Basé sur la texture grise 0.5, plus l'ombre est foncée, plus l'ombre est lumineuse. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-0lMLbjq_zFTMp16T1pGKT-20240904-102324.png) - **Lorsque la texture de seuil d'ombre n'est pas utilisée** ::Image[]{src="https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-RtdIxhPV9_FQpY8HkDlZO-20240904-102326.png" size="48" width="360" height="109" position="center" showCaption="false"} ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-OhhsxdJGAVOFVFxPJojU1-20240904-102325.gif) - **Lorsque la texture Shadow Threshold est utilisée** ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-LHjUlswWyXuKJgfPJhvSx-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-JPk3yVK8PCIe6LADcI62i-20240904-102327.gif) **2. Texture de Masque** :::hint{type="success"} **👍 **Les détails ci-dessous ont été comparés dans un environnement utilisant la même propriété Outline. ::: - Contrôlez la texture de masquage pour Outline, Specular et Rim dans les canaux R, B et G, respectivement. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-mGR3u_V6zgxPViDvdToZm-20240904-102325.png) **Lorsque la texture Shadow Threshold n'est pas utilisée** ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-844J6_wg3EGsPDho_6N3s-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-Sy-dPVxUE-hEBhT8ApHW5-20240904-102325.png) **Lorsque la texture Shadow Threshold est utilisée** - Le contour utilise le canal R de la texture ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-9bXWbTrDlnoyrY5XMCP7f-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-sk6SQ5HkDZDs9EhmHtugn-20240904-102325.png) :::hint{type="success"} **👍 **Les détails ci-dessous ont été comparés dans un environnement utilisant la même propriété Specular. ::: - Les canaux R, B et G contrôlent les textures de masquage pour le contour, le spéculaire et le bord, respectivement. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-ENHerwFzkNUbyRnW1m0iy-20240904-102326.png) **Lorsque la texture de masque n'est pas utilisée** ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-wQWNCRJ8XWDB6hSqenGNH-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-NRkU_LJDe7P8cPNvSu8Di-20240904-102327.gif) **Lorsque la texture du masque est utilisée** - Le spéculaire utilise le canal G de la texture ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-jRdSu7aJ2y0nyPjH15cvi-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-LB8ik0qOV94YXkMhj2PZ4-20240904-102327.gif) :::hint{type="success"} **👍 **Les détails ci-dessous ont été comparés dans un environnement utilisant les mêmes propriétés de jante. ::: **Lorsque la texture du masque n'est pas utilisée** ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-ylG2KMhDkl2jwhK6UrSpc-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-gfxfN63Qj3qohXUkYuBxL-20240904-102329.gif) **Lorsque la texture du masque est utilisée** - La jante utilise le canal B de la texture ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-tQh06mlifPE9BZJ3T4iXS-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-vcuUIyEHQ-jxLPyn5GMZH-20240904-102330.gif) **3. Pinceau texturé** - Exprime un motif spécifique sur la frontière du Toon Shader. La texture est produite à partir d'une texture grise de 0,5. ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-uKrgS-Vzr0LaicU0dphbo-20240904-102326.png) **Lorsque le pinceau texturé n'est pas utilisé** ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-_JdF-KefDERsnU188Nylk-20240904-102326.png) :::hint{type="success"} **👍 **Les détails ci-dessous ont été comparés dans un environnement utilisant les mêmes propriétés. ::: - **Lorsque le pinceau texturé est utilisé** ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-xx-4fPqYqB-1-bc_yLujR-20240904-102326.png) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-A-HS-qJqUIh63DBSNN0en-20240904-102328.gif) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-DrOANeZUIz1b8s9Osf1H4-20240904-102327.gif) ![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-7li6zFtF2nwV9zqXz8bBC-20240904-102328.gif)