How to create a translated banner image.

This forum is for those of you who are interested in localizing the game text in Capitalism Lab into your native language on your own
torajiro
Translation Contributor
Translation Contributor
Posts: 140
Joined: Mon Jul 15, 2019 9:33 am
Has thanked: 1 time

How to create a translated banner image.

Post by torajiro »

I will explain how to make a translated banner.
Sample: You can create a banner like this.(These are not provided. You create them.)
sample-3.png
sample-3.png (433.23 KiB) Viewed 5787 times

step0. I have created a file with a font color scheme similar to the English version of the banner. The file is in PSD format, which can be used with image editing software.

Tutorial
Tutorial.zip
(3.14 MiB) Downloaded 151 times
Scenario
Scenario.zip
(5.17 MiB) Downloaded 153 times
Subsidiary DLC
Subsidiary DLC.zip
(1.44 MiB) Downloaded 159 times
City Economic Simulation DLC
City Economic Simulation DLC .zip
(1.47 MiB) Downloaded 153 times
DIGITAL DLC
DIGITAL DLC.zip
(2.29 MiB) Downloaded 153 times
DLC BANNER
DLC BANNER.zip
(2.53 MiB) Downloaded 144 times
torajiro
Translation Contributor
Translation Contributor
Posts: 140
Joined: Mon Jul 15, 2019 9:33 am
Has thanked: 1 time

Re: How to create a translated banner image.

Post by torajiro »

Step1.Go to Photopea.com.
https://www.photopea.com/

step2.Drag and drop the downloaded PSD file into your browser.
N1-x.png
N1-x.png (72.98 KiB) Viewed 5786 times
step3.First, press the button that looks like a "T" with the number 1 on it. Then press the red circle with the number 2. If you do not see this 2, you can go to the next step.
N2-x.png
N2-x.png (89.55 KiB) Viewed 5786 times
<step4-1: How to edit the text>
First, press 3-1 on the right side where the text you wish to edit is written. In this example, it is the word Breakthrough. Next, click on the text on the image in section 3-2. This will edit the text directly.
N3-x.png
N3-x.png (156.45 KiB) Viewed 5786 times
<step4-2: Changing the font design>
If you want to change the font design, press 4 to display the list of fonts to choose from.

<step4-3: change font size>
If you want to change the font size, you can do so in section 5.

<step5: How to save>
To save the file, select PNG in 6 and save the file, and you are done. If you want to save the edited PSD file, press 6-2.
N4-X.png
N4-X.png (117.81 KiB) Viewed 5786 times
If this is a banner for a scenario, it should be placed in the "image" folder under the scenario in your language.If there is no folder, please create one.
If it is a DLC banner, put it in the DLC folder in your language.

-Illustrated description of the save location.-

★:Your language (sample is in Japanese)
A1:Regular size scenario banner
A2:Small size scenario banner
B1:Regular size DLC banner
B2:Small size DLC banner
tree.png
tree.png (15.93 KiB) Viewed 5699 times
----------

*Two types of banners are needed: a regular size banner and a smaller size banner.
Below are instructions on how to make a small size banner.


<step6-1: How to change the image size>
You will also need to edit the size of the image to create a reduced-size version. Press "image" in the menu above and press 7.
N5-1-x.png
N5-1-x.png (93.63 KiB) Viewed 5786 times
step6-2.First of all, look at the place 8 circled in red. This is the automatic aspect ratio setting. However, this is not necessary, so click on it to deactivate it.
N6-x.png
N6-x.png (95.78 KiB) Viewed 5786 times
step6-3.If it is a scenario banner, set it to 390*100.

Save the banner in the "image_s" folder for scenarios, etc. If there is no folder, please create one.
Of course, this is also the scenario folder in your language folder.

The place where the banner is used is shown in this reply.
http://capitalism2.com/forum/viewtopic. ... 805#p37574

-------

The DLC banner to be placed in the slim folder is not a reduction, but a size cut.
But even with the method in STEP 6, users will not notice the difference.
Below is an easy way to create something similar to the English version. (Not exactly the same)

STEP7-1. Press 9 under the image in the menu above, not to be mistaken with where you pressed in 7.
X9-x.png
X9-x.png (109.34 KiB) Viewed 5655 times
STEP7-2. Set the size to 660*125. Then click on the white circle surrounded by a red square according to the DLC.
10-A:(BANKING&FINANCE,City Economic Simulation)10-B:(Subsidiary,DIGITAL AGE,EXPERIMENTAL)
x10-x.png
x10-x.png (117.63 KiB) Viewed 5655 times
Save the banner in the "Slim" folder for DLC. If there is no folder, please create one.
Of course, this is also the DLC folder in your language folder.

The place where the DLC banner is used is shown in this reply.
viewtopic.php?f=22&t=8805&start=10#p37586

<Caution
Although not explained here, you can import fonts that you have on your PC. However, we do not recommend importing fonts due to the licensing rights of the fonts.
Last edited by torajiro on Mon Apr 04, 2022 3:35 am, edited 7 times in total.
rafaeltodero
Translation Contributor
Translation Contributor
Posts: 160
Joined: Fri Oct 19, 2018 6:58 pm
Has thanked: 16 times
Been thanked: 5 times

Re: How to create a translated banner image.

Post by rafaeltodero »

Thank you very much, excellent tutorial. I'm doing it for Brazilian Portuguese.

Is the size 390*100 correct?
Attachments
Base game scenariosPT-BR.rar
(935.42 KiB) Downloaded 148 times
torajiro
Translation Contributor
Translation Contributor
Posts: 140
Joined: Mon Jul 15, 2019 9:33 am
Has thanked: 1 time

Re: How to create a translated banner image.

Post by torajiro »

rafaeltodero wrote: Fri Apr 01, 2022 12:56 pm Thank you very much, excellent tutorial. I'm doing it for Brazilian Portuguese.

Is the size 390*100 correct?
You can do it!

The reason for 390*100 is because that is the size of the small size of the English version.
I think the banner you made is very well done.
Last edited by torajiro on Fri Apr 01, 2022 1:35 pm, edited 1 time in total.
rafaeltodero
Translation Contributor
Translation Contributor
Posts: 160
Joined: Fri Oct 19, 2018 6:58 pm
Has thanked: 16 times
Been thanked: 5 times

Re: How to create a translated banner image.

Post by rafaeltodero »

thanks a lot for the info friend.
torajiro
Translation Contributor
Translation Contributor
Posts: 140
Joined: Mon Jul 15, 2019 9:33 am
Has thanked: 1 time

Re: How to create a translated banner image.

Post by torajiro »

rafaeltodero wrote: Fri Apr 01, 2022 1:35 pm thanks a lot for the info friend.
I ask because you must not make a mistake.
Did you create a regular size banner and a small size banner?

Regular size is 593*159 if saved as step5. if it is a DLC banner, the size is 750*125.
rafaeltodero
Translation Contributor
Translation Contributor
Posts: 160
Joined: Fri Oct 19, 2018 6:58 pm
Has thanked: 16 times
Been thanked: 5 times

Re: How to create a translated banner image.

Post by rafaeltodero »

torajiro wrote: Fri Apr 01, 2022 2:39 pm
rafaeltodero wrote: Fri Apr 01, 2022 1:35 pm thanks a lot for the info friend.
I ask because you must not make a mistake.
Did you create a regular size banner and a small size banner?

Regular size is 593*159 if saved as step5. if it is a DLC banner, the size is 750*125.

The scenario and tutorial, I left with this measure 370x100. The banners I haven't made yet. But I will follow your recommendation of 660x125
torajiro
Translation Contributor
Translation Contributor
Posts: 140
Joined: Mon Jul 15, 2019 9:33 am
Has thanked: 1 time

Re: How to create a translated banner image.

Post by torajiro »

rafaeltodero wrote: Fri Apr 01, 2022 4:49 pm The scenario and tutorial, I left with this measure 370x100. The banners I haven't made yet. But I will follow your recommendation of 660x125

I understand what you meant earlier when you asked "Correct?".
Let me illustrate this with a little diagram.
You need two banners of different sizes for this game.
Like this.
n.png
n.png (283.81 KiB) Viewed 5718 times
The DLC banner needs to be 750*125 and 660*125 as well.

The DLC banner should be placed in a folder called "slim" in the DLC.
In this case, please refer to the Japanese translation folder.
rafaeltodero
Translation Contributor
Translation Contributor
Posts: 160
Joined: Fri Oct 19, 2018 6:58 pm
Has thanked: 16 times
Been thanked: 5 times

Re: How to create a translated banner image.

Post by rafaeltodero »

torajiro wrote: Fri Apr 01, 2022 5:26 pm
rafaeltodero wrote: Fri Apr 01, 2022 4:49 pm The scenario and tutorial, I left with this measure 370x100. The banners I haven't made yet. But I will follow your recommendation of 660x125

I understand what you meant earlier when you asked "Correct?".
Let me illustrate this with a little diagram.
You need two banners of different sizes for this game.
Like this.
n.png
The DLC banner needs to be 750*125 and 660*125 as well.

The DLC banner should be placed in a folder called "slim" in the DLC.
In this case, please refer to the Japanese translation folder.
Thank you very much, now I get it. I'm coming home tonight, i'm going to test it, and I'll let you know if it worked.

Thank you so much for your help.
abbi-75
Posts: 5
Joined: Wed Mar 30, 2022 7:45 am

Re: How to create a translated banner image.

Post by abbi-75 »

That's great!
Thanks for the instructions.
I didn't know about this online service.

I am attaching the banners with translated captions in my language
Attachments
Russian_Translated_banners.zip
(8.55 MiB) Downloaded 229 times
Post Reply