The International Simutrans Forum

PakSets and Customization => Pak96.comic => Pak96.comic Add-ons and Graphics => Topic started by: An_dz on January 09, 2015, 01:44:25 AM

Title: New UI - Rules & Templates
Post by: An_dz on January 09, 2015, 01:44:25 AM
New UI - Rules & Templates

This guide will explain how you must draw the new cursors and icons for pak96.comic. They are very similar to our sister/brother pak192.comic, but more plain and with different label icons.

You need our template to create your icons, as you'll need the background and other layers to create a standard icon. If you have checked-out our repository, the template is located in \ui\symbols\toolbar_templates.psd\, or you can download the attached file.




Cursors
Let's begin with the easiest to explain. Cursors must be a resized version of the object, in the case of ways it must be the NS image. Ways must not go over 48px width, other types may be drawn around this.

A 1px black border is mandatory around all of it. In ways this will enlarge the way cursor to be 50px.

Manual work is highly necessary to build a good looking icon as the image must not be interpolated. This example shows how you may progress:

(http://i.imgur.com/WJwCbZW.png)

Sizes may be flexible to slightly bring more detail, you can check \air\ways\LZ*.png\ files to see how it was changed.

Tunnels are an exception as they must be the same from the icon.




Icons
Mostly, icons are either a 2D front or side representation of the object.

A full 1px black border is necessary as well, unless described in the next following rules.

(http://i.imgur.com/QtpsQvf.png)

Ways -  ground, bridges, elevated and tunnels

Ground ways & Tunnels
Ground ways and tunnels are and exception, they must be a 3D front looking perspective and no black border as it's almost impossible to have a good 2D sideways looking representation. To draw them you can use either the Runway or the Taxiway template and removing the label.

The maglev track is, so far, the only exception as it can follow the general rule.

(http://i.imgur.com/j52O9rA.png)

Elevated ways & Bridges
Elevated ways and bridges follow the general rule, they are drawn sideways. Bridges must have water at the bottom of the tile, while elevated tracks must not. The pink line shows where the ground of the bridge is and so you must draw everything else from it. Bridges pillars must end 1 px below the bottom of the tile while elevated tracks must touch it. If it has pillars, two of them must be drawn symmetrically.

(http://i.imgur.com/Czk7yyk.png)

The Template
(http://i.imgur.com/r61POYn.png)

All icons in the template have a specific purpose as you can see that each has a label. Each icon group has many layers so you can use the templates for other uses different from what the group is meant. For example, if you're going to create an icon without any label you may use any template and delete the label layer.

Labels are always over everything and your drawings must be done below the Overlay layer.

But let us explain what each of them are meant for, order is from left to right, first row and then second row.
Title: Re: New UI - Rules & Templates
Post by: Václav on January 10, 2015, 06:24:23 PM
Ha. Thanks. With this I can (after finishing of mall) prepare at least some (for some time) extensions and other constructions for final publishing - when they will have icon that will belong to pak96.comic instead pak128.