Difference between revisions of "Mod:Create a portrait"

From Wikipedia 2197
Jump to navigation Jump to search
(Created page with "Ce tutoriel vous expliquera comment créer un portrait à ajouter à ''Nous Aurons''. file:Exemple de g...")
 
m
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
Ce tutoriel vous expliquera comment créer un portrait [[Mod:Créer_un_personnage#Assigner_un_portrait|à ajouter]] à ''[[Wikipédia 2197|Nous Aurons]]''.
+
This tutorial shows how to create a portrait [[Mod:Create_a_character#Assign_a_portrait|to add]] in ''[[Wikipedia 2197|The Sum]]''.
[[file:Exemple de grand portrait.png|thumb|300x300px|Exemple de grand portrait aux dimensions de 300 x 300 pixels.]]
+
[[file:Exemple de grand portrait.png|thumb|300x300px|Example of large portrait with dimensions of 300 x 300 pixels.]]
  
== Outils requis ==
+
== Required tools ==
* [[Mod:Programmes_recommandés#Photoshop|Éditeur d'images, comme '''Photoshop'''.]]
+
* [[Mod:Recommended_Programs#Photoshop|Image editor, like '''Photoshop''']]
* [[Mod:Éditeurs#Phoenix_engine|Phoenix engine (''FT Tools'')]]
+
* [[Mod:Editors#Phoenix_engine|Phoenix engine (''FT Tools'')]]
  
== Créer un portrait ==  
+
== Create a portrait ==  
Il existe deux types de portraits: un petit (le plus commun) et un grand (pour les [[Nous_Aurons:Contenus#Personnages_.28principaux.29|22 personnages principaux]]).{{Idée|Pour une intégration réussie dans ''[[Wikipédia 2197|Nous Aurons]]'', la photo à employer devrait être cadrée aux épaules, comprendre toute la tête et être prise ''relativement'' de face.}}
+
There are two types of portraits: a small one (the most common) and a large one (for the  [[The_Sum:Contents#Main characters|22 main characters]]).{{Idea|For successful integration into ''[[Wikipedia 2197|The Sum]]'', the photo to be used should be framed at the shoulders, include the entire head, and be taken ''relatively'' from the front.}}
  
=== Petit portrait ===
+
=== Small portrait ===
[[file:Exemple de portrait.png|thumb|75x100px|Exemple de portrait aux dimensions de 75 x 100 pixels.]]
+
[[file:Exemple de portrait.png|thumb|75x100px|Example of a portrait with dimensions of 75 x 100 pixels.]]
[[file:Ecran Photoshop.jpg|thumb|Ce tutoriel utilise principalement Photoshop, mais tout autre éditeur d'images fera l'affaire.]]
+
[[file:Ecran Photoshop.jpg|thumb|This tutorial uses mainly Photoshop, but any other image editor will do.]]
# Ouvrez la photo dans '''Photoshop''', puis sauvegardez tout de suite une version '''.psd''' de celle-ci.{{Idée|Nommez ce fichier '''_nom_de_code_du_personnage.psd'''.}}  
+
# Open the photo in '''Photoshop''', then immediately save a ''.psd'' version of it.{{Idea|Name this file '''_code_name_of_character.psd''.}}  
# Accédez au menu {{Faux bouton|Calque|couleur=gris2}} puis {{Faux bouton|Nouveau|couleur=gris2}} et {{Faux bouton|Calque d'après l'arrière-plan...|couleur=gris2}}. Appuyez sur {{Faux bouton|OK|couleur=gris2}}
+
# Go to the {{False button|Layers|color=gray2}} menu and then {{False button|New|color=gray2}} and {{False button|Layer from Background...|color=gray2}}. Press {{False button|OK|color=gray2}}
# Avec l'outil '''lasso''' ({{Faux bouton|l|couleur=blanc}}), découpez les contours du portrait pour retirer le fond.{{Idée|L'outil ''Gomme d'arrière-plan'' peut aussi être utile pour cette tâche.}}
+
# With the '''lasso''' tool  ({{False button|l|color=white}}), cut the outline of the portrait to remove the background.{{Idea|The tool ''Background eraser'' can also be useful for this task.}}
# Changez l'outil pour '''recadrage''' ({{Faux bouton|c|couleur=blanc}}), et dans la barre de propriétés (en haut), dans les cases à droite de {{Faux bouton|Rapport L/H|couleur=gris2}}, tapez '''75''' et '''100''' et assurez-vous que {{Faux bouton|Supprimer les pixels rognés|couleur=gris2}} est décoché.
+
# Change the tool for '''cropping''' ({{False button|c|color=white}}), and in the property bar (top), in the boxes to the right of {{False button|W/H ratio|color=gray2}}, type '''75'' and '''100''' and make sure {{False button|Delete cropped pixels|color=gray2}} is unchecked
# Recadrez l'image près du visage (notez que la proportion est prédéterminée).
+
# Crop the image close to the face (note that the proportion is preset).
# Appuyez sur {{Faux bouton|ctrl|couleur=blanc}}+{{Faux bouton|s|couleur=blanc}} pour sauvegarder.
+
# Press {{False button|ctrl|color=white}}+{{False button|s|color=white}} to save.
# Accédez au menu {{Faux bouton|Image|couleur=gris2}} puis {{Faux bouton|Taille de l'image...|couleur=gris2}}
+
# Go to the {{False button|Image|color=gray2}} menu then {{False button|Image size...|color=gray2}}
# Changez la largeur de l'image pour 75 pixels (la hauteur devrait être de 100 pixels)
+
# Change the width of the image to 75 pixels (the height should automatically be set to 100 pixels)
# Accédez au menu {{Faux bouton|Fichier|couleur=gris2}} puis {{Faux bouton|Enregistrer sous...|couleur=gris2}} puis sauvegardez en tant que '''.png''' dans ''Game/core/---BOX---''.{{Avertissement|Fermez ensuite l'image sans la sauvegarder. Le fichier '''.psd''' déjà créé est de meilleure résolution.}}
+
# Go to the menu {{False button|File|color=gray2}} then {{False button|Save as...|color=gray2}} then save as ''.png'' in ''Game/core/---BOX---''.{{Warning|Close the image without saving it. The ''.psd'' file already created is of better resolution}}
  
=== Grand portrait ===
+
=== Large portrait ===
Suivez les étapes précédentes (ou repartez du fichier '''.psd''' que vous avez créé) en redimensionnant l'image à '''300 x 300 pixels''' au lieu de 75 x 100 pixels.
+
Follow the previous steps (or start from the file ''.psd'' that you have created) and resize the image to ''300 x 300 pixels'' instead of 75 x 100 pixels.
  
=== Convertir en fichier '''.zar''' ===
+
=== Convert to '''.zar''' file ===
# Ouvrez le dossier ''Game/'' puis '''FT Tools.EXE'''.
+
# Open the folder ''Game/'' then '''FT Tools.EXE'''.
# Cliquez sur {{Faux bouton|OK|couleur=blanc|bouton=oui}}.
+
# Click on {{False button|OK|color=white|button=yes}}.
# Cliquez sur {{Faux bouton|PNG To ZAR|couleur=noir|bouton=oui}}.
+
# Click on {{False button|PNG To ZAR|color=black|button=yes}}.
# Ouvrez le dossier {{Faux bouton|[[file:Icons8-folder.svg|20px]]---BOX---|couleur=noir}} et sélectionner votre portrait à convertir.
+
# Open the folder {{Fake button|[[file:Icons8-folder.png|20px]]---BOX---|color=black}} and select your portrait to convert.
# Déplacez le fichier '''.zar''' créé dans du dossier ''---BOX---'' au dossier ''Game/core/gui/char''.{{Idée|Bien que les fichiers '''.png''' fonctionnent dans [[Wikipédia 2197|''Nous Aurons'']], il est recommandé de les convertir en '''.zar'''.}}
+
# Move the ''.zar'' file created in the folder ''---BOX---'' to the folder ''Game/core/gui/char''.{{Idea|Although ''.png'' files work in [[Wikipedia 2197|''The Sum'']], it is recommended to only use the ''.zar''.}}

Latest revision as of 20:49, 21 September 2022

This tutorial shows how to create a portrait to add in The Sum.

Example of large portrait with dimensions of 300 x 300 pixels.

Required tools[edit | edit source]

Create a portrait[edit | edit source]

There are two types of portraits: a small one (the most common) and a large one (for the 22 main characters).

Bulb.png  For successful integration into The Sum, the photo to be used should be framed at the shoulders, include the entire head, and be taken relatively from the front. 



Small portrait[edit | edit source]

Example of a portrait with dimensions of 75 x 100 pixels.
This tutorial uses mainly Photoshop, but any other image editor will do.
  1. Open the photo in Photoshop', then immediately save a .psd version of it.
    Bulb.png  Name this file _code_name_of_character.psd. 


  2. Go to the
     Layers 
    menu and then
     New 
    and
     Layer from Background... 
    . Press
     OK 
  3. With the lasso tool (
     l 
    ), cut the outline of the portrait to remove the background.
    Bulb.png  The tool Background eraser can also be useful for this task. 


  4. Change the tool for cropping' (
     c 
    ), and in the property bar (top), in the boxes to the right of
     W/H ratio 
    , type
    75 and 100 and make sure
     Delete cropped pixels 
    is unchecked
  5. Crop the image close to the face (note that the proportion is preset).
  6. Press
     ctrl 
    +
     s 
    to save.
  7. Go to the
     Image 
    menu then
     Image size... 
  8. Change the width of the image to 75 pixels (the height should automatically be set to 100 pixels)
  9. Go to the menu
     File 
    then
     Save as... 
    then save as .png in Game/core/---BOX---.
    Alert.png  Close the image without saving it. The .psd file already created is of better resolution 


Large portrait[edit | edit source]

Follow the previous steps (or start from the file .psd that you have created) and resize the image to 300 x 300 pixels instead of 75 x 100 pixels.

Convert to .zar file[edit | edit source]

  1. Open the folder Game/ then FT Tools.EXE.
  2. Click on
    ⦿  OK 
    .
  3. Click on
    ⦿  PNG To ZAR 
    .
  4. Open the folder
     Icons8-folder.png---BOX--- 
    and select your portrait to convert.
  5. Move the .zar file created in the folder ---BOX--- to the folder Game/core/gui/char.
    Bulb.png  Although .png files work in The Sum, it is recommended to only use the .zar.