1 Topic by PrimeviL

  • PrimeviL
  • PrimeviL
  • Member
  • Offline

Topic: [GRAPHICS] Skins & Game


=====
TOOLS
=====
- You need to have Illustrator (for create your stuff; teewars' gfx are done at 99% with it)
- If you don't have Illustrator, you can choose another vector graphics editor like Inkscape (it's free)

- You need to have Photoshop (for saving your stuff)
- If you don't have Photoshop, you can choose another graphics editor like Gimp (it's free)


====
GAME
====

- Download the jeppo's game template
- Open it with Illustrator/Inkscape
- Let's talk your creativity without exceeding frames (try to stay in teewars' spirit, simple/clean)
- Upscale the jeppo's game template.png (1024x512) to 400% (4096x2048) with Photoshop/Gimp
- Export your work made with Illustrator/Inkscape to Photoshop/Gimp on template
- Mark all with alpha channel
- Upscale the mark + 1 pixel
- Press del
- Downscale the image to 25% (back to 1024x512)
- Save it to game.png (24 bits mode)
- Put it into your ../data/... folder


=====
SKINS
=====

- Download the jeppo's skin template
- Open it with Illustrator/Inkscape
- Let's talk your creativity without exceeding frames (try to stay in teewars' spirit, simple/clean)
- Mark the skin/duplicate it/group it/fill the group black/transform it width and hide with faktor 7/move it to the right
- Upscale the original skin.png (256x128) to 400% (1024x512) with Photoshop/Gimp
- Export your work made with Illustrator/Inkscape to Photoshop/Gimp on template
- Mark all with alpha channel
- Upscale the mark + 1 pixel
- Press del
- Downscale the image to 25% (back to 256x128)
- Save it to skin.png (24 bits mode)
- Put it into your ../data/skins/... folder


Credits: Thanks to jeppo for his template/help.

aka oop²

2 Reply by jeppo

  • jeppo
  • jeppo
  • Donor
  • Offline

Re: [GRAPHICS] Skins & Game

thanks for the tutorial

3 Reply by FireArrow

  • FireArrow
  • FireArrow
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

Very nice made smile

Used to be very active waay back

4 Reply by nikoPSK

  • nikoPSK
  • nikoPSK
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

the game.png template is great, didn't notice these before... tongue

No, that is not me; it's just a figment of your imagination.

5 Reply by Jon (edited by Jon 2008-02-22 15:40:26)

  • Jon
  • Jon
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

I am making a skin, but I do not know what the last "eyes" square is for. Is it the mask?
EDIT: Or are the first two masks and the last one the actual eye?

I need to figure out something to put here.

6 Reply by Landil (edited by Landil 2008-02-26 08:30:06)

  • Landil
  • Landil
  • Developer
  • Offline

Re: [GRAPHICS] Skins & Game

As I mentioned in another thread, the eyes-order is as follows:
Normal eyes, "player gets katana"-eyes, hurt eyes, kill eyes, death eyes (not implemented yet), "another player gets katana"-eyes

Antoine de Saint Exupéry: It seems that perfection is reached not when there is nothing left to add, but when there is nothing left to take away.
Besides -  I am the gfx guy!

7 Reply by jeppo (edited by jeppo 2008-02-22 19:31:52)

  • jeppo
  • jeppo
  • Donor
  • Offline

Re: [GRAPHICS] Skins & Game

it will be overworked when 0.4 is out

8 Reply by teetow

  • teetow
  • teetow
  • Developer
  • Offline

Re: [GRAPHICS] Skins & Game

The "???" eyes are ones I threw in there to be used as "dead" eyes. I don't believe they're currently in use by the game code.

9 Reply by nikoPSK

  • nikoPSK
  • nikoPSK
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

Dead eyes, maybe it would be cool in 0.4 if when your tee was depleted of health, it would remain for 3 or so seconds?

No, that is not me; it's just a figment of your imagination.

10 Reply by Landil

  • Landil
  • Landil
  • Developer
  • Offline

Re: [GRAPHICS] Skins & Game

is it dead eyes in English or death eyes. The eyes occur when the tee is dead, therefore the tee's death --> death eyes (?)

But besides: I recognized, that the Body sqare is 96x97! The first line of pixels of the 32x32 eye-sqares doesn't belong to the eyes-sqares but to the sqares above (body, black body, feet)

Antoine de Saint Exupéry: It seems that perfection is reached not when there is nothing left to add, but when there is nothing left to take away.
Besides -  I am the gfx guy!

11 Reply by davidd

  • davidd
  • davidd
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

about the signature spot (left bottom of the picture - i saw it on Jeppo's skin template):

i get a kind of bug each time i try to put there something (if i empty the sig place, the skin works perfectly)

the bug: some kind of outline appear on the side of the character (i didn't drew over the sig limits, i allready checked)

[skins] Phantoms by Koubis. [Web] http://www.koubis.com/

12 Reply by stoffe9522

  • stoffe9522
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

i dont know how to change the weapons...=S

13 Reply by stoffe9522

  • stoffe9522
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

i don't understand the tutorial very good...

14 Reply by nikoPSK

  • nikoPSK
  • nikoPSK
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

Change the weapon's look? Just edit the game.png in the "data" folder. smile

No, that is not me; it's just a figment of your imagination.

15 Reply by stoffe9522 (edited by stoffe9522 2008-03-02 11:09:50)

  • stoffe9522
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

does the form of every thing need to look exactly like before but you can change the look of the weapons?
EDIT: ohhh,can i make the skins in gimp instead for inkscape? i dont understand anything about inkscape...but i have made nicly sigs whit gimp...so can i make the skins in gimp instead?

16 Reply by Struppi

  • Struppi
  • Struppi
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

of course u can.

But they have to fit into the Template ^^

Jeppos Game.PNG Template

17 Reply by davidd

  • davidd
  • davidd
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

//can i make the skins in gimp instead for inkscape?

you can make the skins with every program you want, you just have the same the final file in a png, 24bit format

[skins] Phantoms by Koubis. [Web] http://www.koubis.com/

18 Reply by PrimeviL

  • PrimeviL
  • PrimeviL
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

I repeat it, the best skins are done with Illustrator/Inkscape (vector graphics software)...

aka oop²

19 Reply by nikoPSK

  • nikoPSK
  • nikoPSK
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

Although I have yet to learn how to make them in the teewars style... wink

No, that is not me; it's just a figment of your imagination.

20 Reply by jeppo

  • jeppo
  • jeppo
  • Donor
  • Offline

Re: [GRAPHICS] Skins & Game

i think teewars style is:
1. plain colors (no gradienst)
2. single plain shadow (black 30-50% alpha)
3. maybe a white highlight
4. for skins black outline

21 Reply by nikoPSK

  • nikoPSK
  • nikoPSK
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

That's what I wanted. For weapons? I know there's like a squiggly highlight.

No, that is not me; it's just a figment of your imagination.

22 Reply by davidd

  • davidd
  • davidd
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

PrimeviL wrote:

I repeat it, the best skins are done with Illustrator/Inkscape (vector graphics software)...

This is your way to work, there is no better way to do something,

Creating something is about skills, not having the 'best' softwares.

[skins] Phantoms by Koubis. [Web] http://www.koubis.com/

23 Reply by nikoPSK (edited by nikoPSK 2008-03-03 22:20:51)

  • nikoPSK
  • nikoPSK
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

I am one to embrace free applications, such as the gimp/ inkscape. EDIT: Misunderstood, yes, vector is better. smile

No, that is not me; it's just a figment of your imagination.

24 Reply by jeppo (edited by jeppo 2008-03-03 20:56:32)

  • jeppo
  • jeppo
  • Donor
  • Offline

Re: [GRAPHICS] Skins & Game

primevil say nothing over best software he says about vector vs pixel based skin making.

ps: inkscape is free

25 Reply by nikoPSK

  • nikoPSK
  • nikoPSK
  • Member
  • Offline

Re: [GRAPHICS] Skins & Game

Sorry, I misunderstood. Vector is superior. wink

No, that is not me; it's just a figment of your imagination.