1 (edited by Backtopp 2008-09-13 19:56:34)

Topic: [GUIDE]How to make Label/Clan Skin

This is a label Skin Totourial, i wrote because, i saw some "CutOUT&ClueIN" Skins.
German version below.

At first you need a programm that can handle Alpha channel. I use RealWorld Photos,a freeware
programm, because it is easy to handle.
http://www.rw-designer.com/photo-editor

Now you need a Logo, draw one or google it. When you did that, draw a round border around it, that it is
easier to put it on the layer.

http://www.repage5.de/memberdata/teeyes/TUT011.png

Now you have to cut away the rest. At first take the fill tool, click on the rest and put the scale on 100.
http://www.repage5.de/memberdata/teeyes/TUT012.png

To make the work easier, you should scale the Picture. Go on Image, then on Remove empty Border.
Now there would open a window wich you should configer like on the picture below
http://www.repage5.de/memberdata/teeyes/TUT013.png
Now it should look that way.
http://www.repage5.de/memberdata/teeyes/TUT014.png

If you done that copy it on your skin(a copy from default.png). Take and change the grid the way, that the sites
have the same proption. For the accurate placement use the continuously adjustabilty.
http://www.repage5.de/memberdata/teeyes/TUT2.png

At next you should put a black round border(2px) around the border, to hide nasty pixel edges.
http://www.repage5.de/memberdata/teeyes/TUT3.png

For more TW style you should set a shadow on the site. Mark one point in the logo with the magic stick tool and
set the scale on 100.
http://www.repage5.de/memberdata/teeyes/TUT4.png

After that, place a black curve, with transparency 0.22 like on the picture. Don't worry ^^
the magic stick tool block the curve.
http://www.repage5.de/memberdata/teeyes/TUT5.png
Save your skin and you did it!
If the eyes nerves you, mark them,
http://www.repage5.de/memberdata/teeyes/TUT6.png

and go on Effect then Transparency and put the Level on 1/3 of the scale.
http://www.repage5.de/memberdata/teeyes/TUT7.png
So you have eyes, wich you can see and don't cover your logo.

I hope you like it and it helps you and some GERMAN KIDS^^.

Written by Backtop

Als erstes braucht ihr ein Zeichenprogramm, dass auch über Alpha Kanal verfügt.
Ich benütze RealWorld Photos ein Freeware Programm, dass sehr einfach zu bedienen ist.
http://www.rw-designer.com/photo-editor

Als nächstes müsst ihr euch ein Bild suchen. Googelt oder malt euch etwas. Wenn ihr das gemacht habt,
öffnet euer Bild und zieht einen Runden Rand über euer Bild. Das ist dann die Fläche die euer Skin dann hat.
http://www.repage5.de/memberdata/teeyes/TUT011.png

Nachdem müsst ihr den Rand, der jetzt nöch übrig ist entfernen. Zuerst geht ihr auf das Füllen Tool, wählt den
Rand aus und stellt die Skala in der Leiste auf 100.
http://www.repage5.de/memberdata/teeyes/TUT012.png

Jetzt müsst ihr, um den nächsten Schritt zu erleichten, das Logo skalieren. Geht dazu auf Befehlsleiste in Image
und dann Remove Empty Border. Jetzt popt ein Feld auf, dass ihr so einstellt, wie im unten angeführten Bild.
http://www.repage5.de/memberdata/teeyes/TUT013.png
Das Ergebnis sieht dann so aus.
http://www.repage5.de/memberdata/teeyes/TUT014.png

Habt ihr das gemacht kopiert ihr das Bild mit Strg+C und setzt es in eine Kopie vom default.png Skin (benennt
dieses Skin wie ihr wollt). Nimmt das Raster zur Hilfe und verstellt die Größe des Raster, damit die Seiten im
gleichen Verhältniss bleiben. Zur Feinplatzierung nehmt die stufenslose Bewegung her(Rechte leiste,Linkes
Symbol)
http://www.repage5.de/memberdata/teeyes/TUT2.png

Wenn das Logo richtig sitzt setzt einen runden Rand (Randstärke:2) darüber, damit nacher keine hässlichen Pixel zu sehen sind.
http://www.repage5.de/memberdata/teeyes/TUT3.png

Damit das Skin mehr Teeworlds Style hat, müsst ihr noch einen Schatten hinzufügen.  Markiert einen Punkt im

Logo mit dem Zauberstab Tool und setzt die Skala auf 100.
http://www.repage5.de/memberdata/teeyes/TUT4.png

Danach setzt ihr eine schwarze Kurve mit Dichte 0.22 über das Logo so wie im Bild. Keine Angst das
Zauberstab Tool verhindert das ihr über den Rand zeichnet.
http://www.repage5.de/memberdata/teeyes/TUT5.png
Speichert und euer Skin ist Fertig!
Falls die Augen euch stören, dann markiert sie,
http://www.repage5.de/memberdata/teeyes/TUT6.png

Klickt auf der Befehlsleiste Effect und dann Transparency und stellt den Regler auf 1/3 der Leiste.
http://www.repage5.de/memberdata/teeyes/TUT7.png
So haben die Skins Immer noch sichtbare Augen und verdecken euer Logo nicht mehr so stark.

Ich hoffe es hilft euch und freue mich schon über euere Skins.

Written by Backtop

Don't apologize for your English! Improve it. woerterbuch.info
I am the master of spelling: THE TEECHER ~~~ YEAH 30th Skinversary
teeyes.repage5.deteeworlds-db.com

2

Re: [GUIDE]How to make Label/Clan Skin

yeah good nice tutorial wink

Please use an english signature //heinrich5991

3 (edited by Backtopp 2008-09-17 20:58:56)

Re: [GUIDE]How to make Label/Clan Skin

pooh ... i tought i would get bad comments.
man how i am glad. ^^
--------
English Verion is online now
Please post the wrong Gramatic of it so I can edit it.
and please make it sticky


Thx
--------
Aren't there any mistakes or is nobody interrested in it?

Don't apologize for your English! Improve it. woerterbuch.info
I am the master of spelling: THE TEECHER ~~~ YEAH 30th Skinversary
teeyes.repage5.deteeworlds-db.com

4

Re: [GUIDE]How to make Label/Clan Skin

heh nice tut!
i always like to see new programs