New Sprite guide

User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

New Sprite guide

Post by Issue8 »

New Sprite guide
a5.jpg


This is a quick guide on how to introduce new sprites in the game, if anyone wants to customize or make their own versions. In this example, I will just re-paint an existing sprite, although completely new sprites can be made using this system. The pic below has a repainted T-72 Polish sprite.

I will use the painting program Gimp as an example, because it is freely available. Other programs (like Photoshop) can also be used in a similar way.

Before starting, I need to make a custom mod folder. It is exremely simple, but it should be done first, and the instructions are here:
tm.asp?m=4558585
Image
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

The first thing to do is find a sprite that I want to repaint. Vehicle sprites can be found in the folder data->graphics->vehicle, where the sprites are separated by faction folders. For example, the West German sprites are in the 'de' folder, the US sprites are in the 'us' folder, and the Polish sprites are in the 'pl' folder . . . The suffixes also identify what the sprites are. Usually _td means 'Turret Desert', _ts means 'Turret Summer', and _tw means 'Turret Winter.' Suffixes like _hs, _hd, and _hw are for the hull graphics. This is the game's naming convention, but any name can be used.

*note--unlike games such as Close Combat, where vehicle graphics are locked into files and must be extracted by third-party tools, AB sprites are simple png files and easy to access.

In this example, I will repaint a T-72 sprite.

It is best to find a sprite that doesn't have a camo pattern already, because that is easier to repaint. The Polish summer units are a general green color, so that makes them easier to work with. In the 'pl' folder I open the pl_t72_hs.png and the pl_T72_ts.png:

a1.jpg
Image
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

The next step is to desaturate the sprites, by going color->desaturate. I usually pick the 'luminance' option. If a desert sprites is used, like a desert M1a1, then sometimes the gray sprite needs to be darkened a bit by going colors->brightness and contrast, and then darkening the gray sprite a bit, but the Polish T72 is about the correct darkness:

a2.jpg
Image
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

My next step is to create a new layer above they gray sprite, usually in 'overlay' or 'soft light' layer mode and use the paintbrush tool to paint new camo patterns.

a3.jpg
Image
a4.jpg
Image
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

NOW--How do you get this in game?

I have exported my new T72 hull and turret, and I named them 'pl_t72_h_camo.png' and 'pl_t72_t_camo.png' to the 'pl' folder in the 'vehicle' folder. (For sprites, Armored Brigade uses the png file format.) That's great, but AB needs to know about these new sprites before it can display them.

Letting AB know which sprites are in the game is done via the resources_custom.xml in the custom dataset folder. EVERY sprite for every vehicle is named and registered in the file.

b2.jpg
Image
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

If I want to assign my new sprite to a unit, I must open the resources_custom.xml in a text editor and add the unit to the list. Usually, I just add the sprite names to the end of the list, following this format by simply copy/pasting another and changing the names. The lines include the new names and the file locations.

b3.jpg
Image

OK! now I can start the game with my custom dataset.

b4.jpg
Image
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

Open the database editor from the main screen, and find the Polish T-72 in the units tab to assign the new sprites. (The unit ID# is 686)
Remember to save the changes when finished.

b5.jpg
Image
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

If done correctly, then new sprite should show up in the purchase screen and in-game.

b6.jpg
Image
b7.jpg
Image
exsonic01
Posts: 1133
Joined: Tue Jul 26, 2016 6:45 pm
Location: Somewhere deep in appalachian valley in PA

RE: New Sprite guide

Post by exsonic01 »

Great tutorial! Is this photoshop you used to change colors and patterns? May I ask how do you change camouflage patterns from photoshop?
User avatar
Issue8
Posts: 123
Joined: Sun Dec 15, 2013 10:44 am

RE: New Sprite guide

Post by Issue8 »

ORIGINAL: exsonic01

Great tutorial! Is this photoshop you used to change colors and patterns? May I ask how do you change camouflage patterns from photoshop?

This example is with Gimp, but Photoshop does a fine job also.


The major steps to re-painting a sprite is to
(1) Find a suitable starting sprite to repaint that is generally a single color like green or desert yellow.
(2) Make the sprite black and white by desaturating it. In Photoshop this can be done with a Hue/Saturation/Value adjustment. Just slide the Saturation value all the way down.
(3) create a new layer on top for the camo color, usually in 'overlay' or 'soft light' mode.
(4) paint it however you like and export it as a png file.
(5) register the sprite in the resources_custom.xml and then assign it in the database editor.

Any raster editor can work, as long as it can create png image files.

User avatar
O.Schmidt
Posts: 94
Joined: Sat Mar 29, 2014 3:38 pm
Location: Europe

RE: New Sprite guide

Post by O.Schmidt »

I almost finished Stridsvagn 103 (Sweden)! Do I have to consider a size (scale)? This is 9,80m x 3,60m!
How do I translate this into pixels?

Image
Attachments
Stridsvagn 103 send.jpg
Stridsvagn 103 send.jpg (7.93 KiB) Viewed 1070 times
Ahoi Seemann
O.Schmidt
User avatar
22sec
Posts: 1015
Joined: Sat Dec 11, 2004 4:09 pm
Location: Jackson, MS
Contact:

RE: New Sprite guide

Post by 22sec »

ORIGINAL: O.Schmidt

I almost finished Stridsvagn 103 (Sweden)! Do I have to consider a size (scale)? This is 9,80m x 3,60m!
How do I translate this into pixels?

Image

The sprite scale is 25.6, so multiply the size by 25.6 to get number of pixels.
Content Specialist (But really good at maps) :D
User avatar
Veitikka
Posts: 1310
Joined: Sun Jun 24, 2007 10:11 pm
Location: Finland
Contact:

RE: New Sprite guide

Post by Veitikka »

ORIGINAL: 22sec

The sprite scale is 25.6, so multiply the size by 25.6 to get number of pixels.

Every unit has the 'spriteScale' attribute that can be adjusted in the data editor.
Know thyself!
User avatar
Perturabo
Posts: 2448
Joined: Sat Nov 17, 2007 5:32 pm
Contact:

RE: New Sprite guide

Post by Perturabo »

Does anyone know any tutorial for making vehicle sprites from scratch in GIMP or something similar?
People shouldn't ask themselves why schools get shoot up.
They should ask themselves why people who finish schools burned out due to mobbing aren't receiving high enough compensations to not seek vengeance.
SchnelleMeyer
Posts: 226
Joined: Wed Mar 26, 2014 3:29 pm

RE: New Sprite guide

Post by SchnelleMeyer »

Here are some tips:
http://www.closecombatseries.net/CCS/mo ... s&start=60

Edit: For best results why not go for free 3D models that you render out in Blender as 2D images. That will take care of light, shadow and the whole depth of the vehicle - giving a realistic resulting sprite. This is also how the original game sprites were made.
User avatar
O.Schmidt
Posts: 94
Joined: Sat Mar 29, 2014 3:38 pm
Location: Europe

RE: New Sprite guide

Post by O.Schmidt »

Finish with the Swedish Strv 103/0 / B / C!
Zip File is coming!
Thanks for your help!

Image
Attachments
S-Tank.jpg
S-Tank.jpg (75.64 KiB) Viewed 1068 times
Ahoi Seemann
O.Schmidt
User avatar
O.Schmidt
Posts: 94
Joined: Sat Mar 29, 2014 3:38 pm
Location: Europe

RE: New Sprite guide

Post by O.Schmidt »

The Zip File!
Attachments
Strv-103_v0_vB_vC.zip
(251.95 KiB) Downloaded 33 times
Ahoi Seemann
O.Schmidt
User avatar
nikolas93TS
Posts: 624
Joined: Fri Feb 24, 2017 4:32 pm
Contact:

RE: New Sprite guide

Post by nikolas93TS »

Great looking sprite!
Armored Brigade Database Specialist
Jace11
Posts: 91
Joined: Thu Aug 23, 2012 4:29 pm

RE: New Sprite guide

Post by Jace11 »

Had a quick try at this in Photoshop to make a camo scheme for the Russian T-80BV..



Image
Jace11
Posts: 91
Joined: Thu Aug 23, 2012 4:29 pm

RE: New Sprite guide

Post by Jace11 »

Here is the sprite from the pic above. If you want to install it, copy it to your data/graphics/vehicle/su folder. It will overwrite the original green version, so back those up first.
Attachments
su_t80era.zip
(46.84 KiB) Downloaded 35 times
Post Reply

Return to “MODS and Scenarios”