Difference between revisions of "Mod:Create a portrait"

From Wikipedia 2197
Jump to navigation Jump to search
m
m
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
This tutorial shows how to create a portrait [[Mod:Create_a_character#Assign_a_portrait|to add]] in ''[[Wikipedia 2197|The Sum]]''.
 
This tutorial shows how to create a portrait [[Mod:Create_a_character#Assign_a_portrait|to add]] in ''[[Wikipedia 2197|The Sum]]''.
[[file:Large portrait example.png|thumb|300x300px|Example of large portrait with dimensions of 300 x 300 pixels.]]
+
[[file:Exemple de grand portrait.png|thumb|300x300px|Example of large portrait with dimensions of 300 x 300 pixels.]]
  
 
== Required tools ==
 
== Required tools ==
Line 13: Line 13:
 
[[file:Ecran Photoshop.jpg|thumb|This tutorial uses mainly Photoshop, but any other image editor will do.]]
 
[[file:Ecran Photoshop.jpg|thumb|This tutorial uses mainly Photoshop, but any other image editor will do.]]
 
# Open the photo in '''Photoshop''', then immediately save a ''.psd'' version of it.{{Idea|Name this file '''_code_name_of_character.psd''.}}  
 
# Open the photo in '''Photoshop''', then immediately save a ''.psd'' version of it.{{Idea|Name this file '''_code_name_of_character.psd''.}}  
# 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}}
+
# 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}}
 
# 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.}}
 
# 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.}}
 
# 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
 
# 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
Line 28: Line 28:
 
# Open the folder ''Game/'' then '''FT Tools.EXE'''.
 
# Open the folder ''Game/'' then '''FT Tools.EXE'''.
 
# Click on {{False button|OK|color=white|button=yes}}.
 
# Click on {{False button|OK|color=white|button=yes}}.
# Click on {{False Button|PNG To ZAR|color=black|button=yes}}.
+
# Click on {{False button|PNG To ZAR|color=black|button=yes}}.
 
# Open the folder {{Fake button|[[file:Icons8-folder.png|20px]]---BOX---|color=black}} and select your portrait to convert.
 
# Open the folder {{Fake button|[[file:Icons8-folder.png|20px]]---BOX---|color=black}} and select your portrait to convert.
 
# 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''.}}
 
# 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.