Introduction

Pour ce tutorial, je pars du principe que votre version de Virtual Skipper est installé dans l'emplacement par défaut.

Le bateau qui apparait dans ce jeux est généré à partir d'un fichier Zip contenu dans le dossier Boats. Ce fichier zip contient plusieurs fichiers ".dds" selon le modèle du bateau.

Bien qu'il soit possible de modifier et dessiner directement sur un fichier Direct Draw Surface (".dds"), cela donne rarement des résultats satisfaisants. Il est donc préférable de travailler sur un template ".psd" et de le convertir ensuite en format ".dds".
Bonne chance avec vos skins. Si une quelconque partie de ce tutorial n'est pas clair, s'il vous plait, demandez-moi et je vous apporterai une aide plus précise par e-mail et apporterai les modifications sur la page en conséquence.
Templates pour vsk5

ACC   RC44  Melges  Offshore

 Ce dont vous avez besoin

Pour commencer :

Dans un premier temps, afin de ne pas détruire ou endommager les fichiers templates de votre modèle, et donc de pouvoir vous en resservir en cas de problème, vous allez créer un nouveau dossier et y copier tous les fichiers que vous pourrez modifier.
Dans ce tutorial "nouveau bateaux" sera le nom du bateau mais vous pouvez stipuler celui que vous voulez. Ne vous inquiétez pas, il peut être modifié ultérieurement.
Allez dans le dossier contenant les fichiers templates de modèle de bateau à habiller et créez-y un nouveau dossier. Cela donne, en reprenant l'exemple précédent : "nouveau bateaux".
Copiez tous les fichiers ".psd" qui se trouvent dans le dossier Templates dans un nouveau dossier: "nouveau bateaux".
Ouvrez ce nouveau dossier et placez-y toutes les images (drapeaux, logos, etc) que vous avez l'intention d'utiliser. Cela vous évitera d'ouvrir plusieurs dossiers à la fois et vous simplifiera donc les manipulations.

Dessin de la coque

Ce tutorial décrit les opérations pour Adobe Photoshop mais tous rédacteurs d'image sont similaires. Dans le dossier "nouveau bateau", ouvrez le fichier "hull.psd". Dans l'écran principal de Photoshop il devrait y avoir l'image de coque plus deux petites fenêtres, (les outils et les couches). Si l'une ou l'autre de ces 2 plus petites fenêtres n'apparait pas, sélectionnez Window dans le menu principal de Photoshop et assusrez-vous que Tools et Layers sont cochés dans le menu déroulant.

Astuce*: Appuyer sur la touche F7 affiche la fenêtre de couches. Regarder la fenêtre de couches, dans les 3 étiquettes au dessus, assurez-vous que Layers est choisie. Au-dessous il y a des sections de couches incluant chacune un icône en forme d'oeil nommé Indicates layer visibility. Un clic sur l'oeil rendra la couche invisible, une autre clic la réaffichera.

Passez un peu de temps à découvrir quelle couche est laquelle et renommez-la au besoin. Utiliser le menu d'aide de votre logiciel de retouche d'image pour vous familiariser avec ses outils.

Astuce*: La fenêtre d'outils affiche le nom de l'outil lorsque vous passez la souris au-dessus d'un icône.

Pour travailler sur une couche spécifique elle doit être sélectionnée en cliquant sur celle-ci dans la fenêtre de couches. La ou les couches sélectionnées deviennent bleues. Voir la sélection d'une couche dans la photo ci-dessus. Chaque couche obscurcit les couches inférieures, par exemple, si vous voulez afficher votre nom sur la coque d'un bateau, assurez-vous que la nouvelle couche de textes que vous créez soit placée plus haut que la couche de la coque.

Pour colorer une couche spécifique, par exemple la "hull layer" ( couche de la coque ) choisissez la couche de coque dans la fenêtre couches et utilisez alors l'outil Wand, (Baguette magique - raccourci W), pour choisir le secteur à colorer, faites un clic gauche dessus. Vous verrez que le contour de la coque devient une ligne pointillée clignotante qui représente le contour de la sélection, ceci vous assure que vous ne colorerez pas en dehors du secteur de la coque. Si vous voulez sélectionner un secteur multi-coloré, faites un clic gauche sur une partie incolore (vide) de la couche puis faites un clic droit et choisissez la commande Select Inverse (raccourci Ctrl+Maj+I).
Cliquez sur le carré Set Foreground Color (Couleur de premier plan) et choisissez la couleur requise dans la fenêtre qui s'ouvre.

Astuce*: Pour récupérer une couleur spécifique dans un dessin, ouvrez le dans Photoshop et choisissez la couleur avec l'outil Eye Dropper Tool (Pipette - raccourci I).

Choisissez l'outil Brush (Pinceau - raccourci B), et appliquez la couleur sur la coque. La taille du pinceau peut etre reglé dans la barre d'outils de la fenêtre principale. (raccourci Maj+ Retour). Remplissez la sélection.

Astuce* : Pour remplir plus vite, utilisez l'outil Paint Bucket Tool (Pot de peinture - raccourci G).
Une fois que le secteur est coloré, cliquez sur Select dans le menu principal puis sur la commande Deselect (raccourci Ctrl+D), pour enlever la ligne pointillée clignotante.
Utilisez la même méthode pour ajouter d'autres couleurs à la coque, mais il est préférable de créer une couche séparée pour chaque couleur. Astuce* : On peut laisser la sélection pour délimiter le même secteur sur la nouvelle couche.
Sélectionnez la couche "hull" ( coque ), faites un clic droit dessus et choisissez la commande Duplicate layer. Ceci crée une nouvelle couche "hull" copy" que vous peindrez avec la deuxième couleur de coque en utilisant la même méthode que précédemment.
Afin de voir la couleur de la couche "hull", ci-dessous, on doit gommer ces zones sur la nouvelle couche "hull copy". Pour cela : sur la nouvelle couche "hull" copy", dessinez un rectangle avec l'outil Rectangular marquee tool (sélectionner un rectangule-raccourci M),couvrant la zone à effacer. Choisissez l'outil Eraser Tool (gomme - raccourci E) ,et effacez le secteur que vous venez de créer. Maintenant la couche du dessous redevient visible dans ce secteur. On peut également utilser l'outil Eraser Tool (gomme - raccourci E) sans dessiner un rectangle, par exemple si on veut faire les courbes.

Astuce*: Une fois que tous les secteurs que vous souhaitez ont été effacés, faites un clic droit sur la couche "hull" copy" dans la fenêtre de couches et choisissez la commande Merge Down (Fusion vers le bas). Les deux couches de la coque deviendront alors une seule couche nommée "hull".
Afin de créer une nouvelle couche pour la ligne de flottaison (waterline) si il n'en existe pas déjà une, cliquez sur Layer (Couche) dans le menu principal puis sur la commande New Layer (Nouvelle Couche) (raccourci Shift+Ctrl+N).
Changez la couleur et la taille de l'outil Brush (Pinceau - raccourci B), et tracez les lignes de flottaison. Astuce : Pour tracer plus simplement une ligne droite entre deux points, cliquez pour faire un point au début de la ligne, puis en maintenant la touche MAJ enfoncée, cliquez un point à la fin de la ligne.
Du texte peut être ajouté sur la coque et la bôme. Faites un clic sur l'outil Horizontal Type Tool (texte horizontal, le raccourci T). Une nouvelle couche texte se créée. Choisissez ensuite le modèle, la taille et la couleur de texte dans la barre d'outils sous le menu principal.
Écrivez le texte souhaité. Le texte peut être redimensionné, la police de caractères changée et la couleur modifiée. Pour modifier le texte, sélectionnez l'outil Texte, faites un clic droit sur une partie du texte et selectionnez la commande Edit Text (Editer le texte). Le texte devient accessible à la modification à l'intérieur d'un cadre coloré et vous pouvez modifier ses propriétés dans la barre d'outils sous le menu principal. Le texte peut être déplacé ou redimensionné en sélectionnant l'outil Move (Mouvement-raccourci V). Si on redimensionne un object ou un texte avec cet outil il vous faut valider la transformation en sélectionnant l'outil Move (Mouvement-raccourci V) encore une fois et confirmer la transformation.
Notez que le texte sur la bôme peut apparaître à l'envers, pour rectifier cela choisissez la couche de texte avec l'outil Move (mouvement) choisissez la commande Edit (éditer) dans le barre d'outils et dans le menu déroulant choisissez la commande Transform (transformer) ensuite choissiez Flip Horizontal (inversion horizontale). Pour modifier la direction du texte sur chaque côté de la coque, dupliquer la couche et sur la couche copie, selectionnez Edit (éditer) dans la barre d'outils principale et dans le menu déroulant choisissez l'option Transform (transformer) puis Rotation 180°. Le texte peut être déplacé ensuite par l'outil Move (Mouvement-raccourci V).

Apres la finalisation du texte, il est préférable de le transformer en image, plus facile à manipuler. Faites un clic droit sur la couche texte et choisissez l'option Rasterise layer. 

Importer une image, un drapeau ou un logo dans le psd de la coque "Hull.psd" est simple. Ouvrez l'image à importer.

Astuce* : Pour ouvrir simplement une image, faites glisser le fichier dans l'application Photoshop.

Sélectionnez le Background layer (couche de fond) de la nouvelle image et faites glisser cette couche dans notre "hull.psd".

Si vous n'arrivez pas à faire glisser l'image à importer, c'est que son type ne le permet pas. Dans ce cas, sélectionnez Select (Sélection) dans le menu principal et dans le menu déroulant sélectioner All (Tout). Sélectioner Edit (éditer) dans le menu principal et dans le menu deroulant sélectionnez Copy (Copie-raccourci Ctrl+C). Retournez sur "hull.psd" et sélectionner Edit (éditer) dans le menu principal et dans le menu déroulant sélectionnez Paste (Coller-raccourci Ctrl+V). Ceci ajoute l'image importée dans une nouvelle couche dans hull.psd. Assurez-vous que la couche est visible en la déplaçant dans le menu des couches.
Pour déplacer l'image importée, choisissez l'outil Move (Mouvement-raccourci V), faites un clic n'importe où dans l'image de hull.psd et faites glisser l'image importée dans la position souhaitée.
Pour redimenssionner l'image importée, choisissez l'outil Move (mouvement-raccourci V), placez la souris dans un coin et faites un clic tout en maintenant la touche MAJ enfoncé. Une flèche double apparaît à côté de l'image permettant de garder les proportions de l'image importée. Une fois la taille souhaitée obtenue, faites à nouveau un clic sur l'outil Move (mouvement-raccourci V) et confirmez la transformation. La confirmation est essentielle car vous ne pouvez pas faire autre chose jusqu'à ce qu'elle soit faite. Tant que vous ne l'avez pas fait un signe de sens interdit est affiché à la place du curseur quand vous essayez de faire autre chose. Une fois que vous êtes satisfait des modification de votre coque, enregistrez le fichier ".psd".
Transformez maintenant votre fichier "hull.psd" en fichier " hull.dds". Assurez-vous que toutes les couches que vous ne voulez pas afficher soient cachées, par exemple la couche "UV". Cliquez File (fichier) dans le menu principal et cliquez sur Save as (Enregistrez sous-raccourci Maj+Ctrl+S)dans le menu déroulant.

La fenêtre Save as  s'ouvre. Le format par défaut pour enregistrer un fichier est ".psd". Dans le champs format vous pouvez modfier le type dans un menu qui apparaît en cliquant sur la flèche à l'extrême droite du champ. Choisissez DDS dans ce menu. Après avoir vérifié que le programme ne propose pas de l'enregistrer comme "Hullcopy.dds", cliquez sur le bouton Save (Enregistrer). L'appellation des dossiers est ultra importante, s'elle est erronée, l'ordinateur ne peut pas comprendre. Ce doit être "Hull.dds". Cela s'applique pour tous les fichiers qui composeront par la suite le skin. (icon.dds spi2.dds sails1.dds sails2.dds hull.dds teammate.dds)

Quand vous cliquez sur Save (Enregistrer), une nouvelle fenêtre apparaît, pour le format .dds de NVIDIA. Choisissez l'option Dxt5 (alpha interpolé) dans la liste à gauche “save format” et cliquer sur le bouton Save pour l'enregistrer.

C'est fait ! ! Pour vérifier votre travail, allez à "nouveau bateau" et l'icone du fichier Hull.dds devrait être visible.

Afin d'avoir une copie de sauvegarde réutilisable dans photoshop, enregistrez votre fichier de coque sous le type .psd, cela donne "Hull.psd". Vous pourrez ainsi réutiliser ce fichier pour générer un nouveau ".dds". 

 Voiles
Dans VSK4 il n'y a qu'un fichier sail.dds mais dans VSK5 il peut y avoir sails.dds ou sails1.dds et sails2.dds selon le bateau à skiner. Dans le dossier "Nouveau bateau" ouvrez le fichier "Sails". Passez un peu de temps à découvrir quelle couche est laquelle et renommez-la au besoin. Pour les diverses couches, modifiez les couleurs ou importer des images comme décrit pour la conception de la coque ci-dessus. Écrivez les textes souhaités et changez leur taille jusqu'à ce que vous soyez satisfait du résultat. Créez les nouvelles couches avec tous les détails dont vous pourriez avoir besoin comme les bâtons ou différents panneaux de voile etc….

Pour faire tourner votre texte, sélectionnez Move (mouvement-raccourci V) et un rectangle apparaît autour du texte. Si vous déplacez la souris sur la bordure de ce rectangle, une double flèche courbée apparaît. Cliquez et tournez le texte dans la position désirée.

Notez que le texte peut être mis à l'envers horizontalement ou verticalement. Pour cela sélectionnez Move (mouvement-raccourci V) choisissez Edit (éditer) dans le barre d'outils principale et dans le menu déroulant choisissez Transform (transformer) ensuite Flip Horizontal (inversion horizontale) ou Flip Vertical (inversion verticale). Une autre option pour la direction du texte est Rotation 180°. Le texte, dans chaque cas, peut toujours être déplacer ensuite par l'outil Move (mouvement-raccourci V). Sélectionnez à nouveau l'outil Move (mouvement-raccourci V) et confirmez la transformation. Apres la finialisation du texte, il est préférable de transformer le texte en image. Faites un clic droit sur la couche texte et sélectionnez Rasterise layer. Notez la direction de l'écriture dans l'image ci-dessus.
La transparence de la voile peut maintenant être réglée simplement en changeant le degré d'opacité de la couleur de voiles. Sélectionnez la couche de couleur de voile et au dessus de la fenêtre des couches, vous voyez 3 petites fenêtres :Normal, Opacity:100%" et Fill:100%, Cliquez sur la flèche bleue à la droite de Opacity:100% et réglez le curseur qui apparaît pour changer l'opacité de la couleur principale de la voile, essayez environ 40%. Ceci peut être changé plus tard pour rendre les voiles plus ou moins transparentes.

D'autres couches de voiles peuvent également être changer en transparence telles que l'ombre de la voile, la texture etc. Vous pouvez les rendre invisibles en cliquant sur l'oeil de couche. Assurez-vous que la couche UV n'est pas visible et enregistrez le fichier en type ".dds" comme décrit dans la conception de la coque. Enregistrez le ".psd" dans le même dossier "nouveau bateau".

 Spi
Dans la dossier "nouveau bateau", ouvrez le fichier "Spi2.psd". Passez un peu de temps à découvrir quelle couche est laquelle et renommez-la au besoin.  Les étapes sont les mêmes que pour les voiles mais dans certains bateaux l'image du spi est renversée donc les textes et les images devront être renversés. Pour achever l'inversion d'une image ou d'un texte, sélectionnez Move (mouvement-raccourci V) choisissez Edit (éditer) dans le menu principal et dans le menu déroulant choisissez Transform (transformer) ensuite Flip Horizontal (inversion horizontale). La transparence du spinnaker peut maintenant être réglée comme pour les voiles. Assurez-vous que la couche UV n'est pas visible et enregistrez le fichier en tant que "Spi2.dds" comme décrit dans la conception de la coque. Enregistrez le fichier "Spi2.psd" dans "nouveau bateau"
Notez que dans certain modèles de bateaux, le fichier "Spi2.psd" peut être nommé "Spi.psd".

 L'icône
Dans VSK4 et VSK5 pour tous les bateaux il n'y a qu'un type d'icône. Dans le dossier "nouveau bateau" ouvrez le fichier "Icon.psd". Importez une image appropriée ou écrivez simplement le nom de votre bateau. Enregistrez le fichier en tant que "Icon.dds" comme décrit dans la conception de la coque. Enregistrez "Icon.psd" dans le même dossier "nouveau bateau". Beaucoup d'icônes comportent une image du bateau. Dans un premier temps, il vous faut créer un zip complet pour pouvoir voir votre bateau dans le jeu. Par la suite, vous pourrez, si vous le désirez, substituer à l'image par défaut, un screenshot de votre propre bateau. Afin de faire un screenshot lancer le jeu et choisissez le nouveau bateau que vous venez de créér. Jouez une course en mode solo avec le bateau et prenez quelques screenshots.
Pour faire des screenshots. Si le nom de votre bateau apparaît sur l'écran, appuyez sur la touche tab pour le cacher, appuyez également sur la touche del pour enlever l'affichage du tableau de bord. Changez l'angle de la vue du bateau jusqu'à ce que le l'image vous plaise et prenez quelques screenshots avec la touche F10.
Sortez du jeu, et récupérez les screenshots dans C:\Mes documents\32nd America's Cup. Les images peuvent être importées dans photoshop en sélectionnant l'outil Move (mouvement-raccourci V) et en les faisant glisser dans l'écran principal de photoshop. Choisissez l'outil Rectangular marquee tool (sélectionner un rectangle-raccourci M) et sélectionnez un secteur du screenshot que vous voulez pour icône. Quand vous êtes satisfait de votre choix, sélectionnez Image dans le menu principal et dans le menu déroulant  cliquez sur trim.
Ouvrez votre fichier "Icon.psd" et faites glisser l'image du screenshot dedans. Ajustez la taille de la couche importée et enregistrez-la à nouveau comme "Icon.dds".
Refaites le fichier "nouveau bateau.Zip" avec tous les fichiers ".dds" requis et installez le fichier ".zip" dans le jeu en remplaçant l'ancien "nouveau bateau.Zip"

Bonne chance avec vos skins.

Si une quelconque partie de ce tutorial n'est pas clair, s'il vous plait, demandez-moi et je vous apporterai une aide plus précise par e-mail et apporterai les modifications sur la page en conséquence.