Graal Forums

Graal Forums (https://forums.graalonline.com/forums/index.php)
-   Graphic Design (https://forums.graalonline.com/forums/forumdisplay.php?f=9)
-   -   Skin-it yourself (RC Skinning Tutorial) (https://forums.graalonline.com/forums/showthread.php?t=134256149)

SwimChao 09-21-2009 05:45 AM

Skin-it yourself (RC Skinning Tutorial)
 
1 Attachment(s)
Helpful Resources:
Hex Color Code Generator | Hex Color Chart | Hex Color Wheel/Chart #2

Skin-it Yourself!
By Streety

The "skin" of the RC (as we'll refer to it as), consists of the images that are put together to make up the window's appearance. It's possible for you, the developer (or server staff), to edit your RC's skin to something more personal. If graphics are your cup of tea, this article is for you.

First off you need to understand that you will not find the images anywhere in your Graal folder. These images are programmed directly into the RC application, and thus are untouchable in that aspect. However, you can go about creating your own images and replacing the old ones in the few following easy steps.

Before anything, download the .zip file at the bottom of this post (Save this in your Graal folder, preferably). Then, to start, locate "control2config.txt" in your Graal folder. This is where all of the information for your Remote Control application's appearance (and the like) are kept. Please open it, and just brush through it. Most of the variables should make sense right away, they're pretty self explanatory (Example:nohtmlinpms=... /no html codes in PMs).

Since you're only editing the skin, or the images of the window, scroll down in the text file. You're going to start notice some image names and hex color codes. These are the things you're going to be editing. As a side note, notice that the majority of these images are two different states for the same thing (buttons (up&down)). Use the templates below to size your images accordingly, and get to editing.

Once you've made all of your graphics, you're going to go back into the "control2config.txt". Scroll back down to the bottom, and let's get editing. You can go about this one of two ways: You can place your images directly in your graal folder, or you can make a seperate "newrc" folder (or something like that).

Start placing the appropriate image names in their corresponding places (if you made a seperate folder ex: background=/newrc/rc_graalonline2.PNG =means-> /folder/image). If you placed your images directly in the Graal folder, you don't have to worry about any forward slashes and can get directly to editing by placing the names of your images in the old image places. Once you've placed your images in the correct spot, you can move onto the palette for your colors. This is probably the most tedious portion.

The palette for your colors is all based on what hex color codes you put in. Personally, I'd go for something that matches your background image. Here is a descriptive list of what each variable is:

background:
This is the header (so to speak) image of your RC. It is the largest image, and takes up a majority of the "label" space. It's the background, and anchor of your RC skin so to speak. It is 500x160 pixels when RC is opened on default (This is what you should make your image if you want to avoid any blurriness).

coloredit:
The color of the font that you see when you type in the "chat box" (or 'edit' output)

coloreditback:
The background color for the edit input. (or chat box)

colorchat:
The color of non-bolded text in the main chat portion of your RC, also known as the output. (Where you see what other staff members type, or when a script is updated, etc.)

colorchatback:
This is the background color for the output/main portion of the RC.

colorchatbold:
This is the color of bolded text used in the output/main portion of RC. It's used when people log in, for example.

colorlabel:
This is the color that the text placed over your "background" image is defined with. (Name of the server, number of players, etc.)

colorlabelback:
This color is used in the event there is no background image. This portion of a "skin" is known as a "label".

labelservers:
This is the text on your "label" that says the server your RC is currently logged into.

labelplayers:
This is the text on your "label" that says the amount of players currently on the server your RC is logged into.

(These terms are applicable to most communication/tool application skins)

http://img43.imageshack.us/img43/9254/grdia.png
(*PS: Please pin this? :D)

Cloven 09-21-2009 06:08 AM

Looks nice. :)

MagikMasterMind 09-21-2009 06:44 AM

That's deja vu? Isn't there another copy of this thread?

Anyways, good job. =]

SwimChao 09-21-2009 06:46 AM

Quote:

Originally Posted by MagikMasterMind (Post 1524232)
That's deja vu? Isn't there another copy of this thread?

This is the official, the other was just rough draft for feedback, and to get the stuff I forgot.

MagikMasterMind 09-21-2009 06:47 AM

Ah I see. Sticky this!

cyan3 09-22-2009 04:47 PM

All the information above in the starting post has now been transfered to the graal bible on request of SwimChao.

Here is the link if anyone wants it: http://wiki.graal.net/index.php/Crea..._Control/Skins

Soala 09-22-2009 06:46 PM

Awesome tutorial :)

Bell 09-22-2009 09:00 PM

Very nice, thanks!

Gothika 09-23-2009 12:47 AM

Good stuff. Really helpful. Rep+ coming your way when I can.

cyan3 10-26-2009 11:01 PM

Sorry for reviving this thread but I wanted to improve the Remote Control Skins page on the Graal Bible with examples of user skins created by other players. If you want your skin to be released to the public post it in this thread as a zip archive with the images and control2config.txt file together and I'll update the Remote Control Skins page on the Graal Bible here. All skins will be credited to the designers.

alskdjfhg 10-27-2009 08:55 AM

I'd like to see some more customized RC skins? = D Show meh!

xXziroXx 10-27-2009 01:00 PM

1 Attachment(s)
Fixed the skin attachment I added on the wiki a month or so ago, and here's a screenshot of it:

http://forums.graalonline.com/forums...8&d=1253314021

Rice2k 10-28-2009 02:24 AM

I love Ziro skin for rc. maybe because I prefer the color black for my desktop. :D

fowlplay4 10-28-2009 02:35 AM

Does this affect the script windows at all?

Crono 10-28-2009 02:15 PM

Quote:

Originally Posted by fowlplay4 (Post 1534618)
Does this affect the script windows at all?

I think this only affects the RC window.

cyan3 10-28-2009 10:06 PM

1 Attachment(s)
Here is the skin I'm using. The Image is the default background for the client rc on the Graal Linux Client and all the buttons and icons were made by myself. I would post the archive of my skin, however I will have to heavily edit the config file for it to work on Windows systems and I'll have to test it at a later date.

ff7chocoboknight 10-29-2009 08:59 PM

Nice recolors, Felix. -.-

cyan3 10-29-2009 09:20 PM

Quote:

Originally Posted by ff7chocoboknight (Post 1534882)
Nice recolors, Felix. -.-

I'm too lazy/busy at the moment to make new buttons ^^

xXziroXx 10-21-2010 11:44 PM

Bumping in order to (hopefully) get some new skins out there!

Emera 09-11-2011 04:02 PM

For Unixmad
 
3 Attachment(s)
I decided to make a bread loving theme for unixmad :D Hope you guys like it. It's a retro theme. Green writing, white text and stuff.
The readme file contains all of the information and says that I didn't make the images and they belong to Aeko. I programmed the rest though <3
Its called: Unixretro - If it is added to the graal bible page <3


Edit: Changed black icon back to picture of matrix code.

NicoX 09-11-2011 06:03 PM

Nice Skins.
Hope to see more :)

Supaman771 09-11-2011 06:21 PM

1 Attachment(s)
Uber thread revival, but ok.

I've had this one for a long time.. before the creation of this thread actually (as far as the screenshot/picture creation time goes).
Still the best :3

Edit: Just updated it cause apparently I changed the little 'statue' icon of my character awhile back.

callimuc 09-11-2011 10:58 PM

Quote:

Originally Posted by Emera (Post 1667821)
I decided to make a bread loving theme for unixmad :D Hope you guys like it. It's a retro theme. Green writing, white text and stuff.
The readme file contains all of the information and says that I didn't make the images and they belong to Aeko. I programmed the rest though <3
Its called: Unixretro - If it is added to the graal bible page <3


Edit: Changed black icon back to picture of matrix code.

Nice one ;)

Emera 09-18-2011 02:39 PM

2 Attachment(s)
I present you, client RC for external RC! If you are like me and love the default look of the client RC profile, then this theme is for you! Just drag the text file attached into your Graal folder and restart your external RC.

Added the two previous themes to the Graal Bible Page.
Graal Bible Page

destructo104 09-18-2011 05:31 PM

My custom RC, I changed the BG image and some colors thats pretty much it. :D

http://i54.tinypic.com/29atapk.png

cbk1994 09-18-2011 06:37 PM

Quote:

Originally Posted by Emera (Post 1668503)
If you are like me and love the default look of the client RC profile

wtf is wrong with you?

Crow 09-18-2011 07:06 PM

Quote:

Originally Posted by cbk1994 (Post 1668514)
wtf is wrong with you?

My thought exactly.

Crow 09-18-2011 09:35 PM

The negative rep wasn't really needed. It's just that the Client-RC is one of the ugliest things that have ever existed on Graal. It's not even close to good. The blue GUI colors are disgusting.

Crow 09-18-2011 09:43 PM

Quote:

Originally Posted by Emera (Post 1668545)
Wining about it makes you look like a fool.

You whining about me voicing my opinion makes you look like a fool. Not the other way around.

Crow 09-18-2011 09:45 PM

Quote:

Originally Posted by Emera (Post 1668548)
Yet I am not the one posting that my opinion is above everybody else.

Neither am I. Where did I say that?

Supaman771 09-19-2011 02:10 AM

Lol @ delete all the posts even though Crow quoted them.

^^

Emera 02-03-2012 06:56 PM

3 Attachment(s)
Major bump alert <3 Made an Era themed RC skin. Enjoy :P

cbk1994 02-04-2012 02:33 AM

How is that Era themed besides being ugly and having "Era" on it?

Emera 02-04-2012 03:15 AM

Quote:

Originally Posted by cbk1994 (Post 1683568)
How is that Era themed besides being ugly and having "Era" on it?

I don't see you posting any.

xXziroXx 02-04-2012 12:41 PM

Quote:

Originally Posted by Emera (Post 1683575)
I don't see you posting any.

How does that justify anything? :oo:

MattKan 02-05-2012 05:15 PM

Quote:

Originally Posted by Emera (Post 1683519)
Major bump alert <3 Made an Era themed RC skin. Enjoy :P

I'm using your skin with "Graphical Menu" unchecked :)

Emera 02-05-2012 06:31 PM

Quote:

Originally Posted by mattkan (Post 1683705)
i'm using your skin with "graphical menu" unchecked :)

<3

Emera 02-25-2012 12:32 AM

3 Attachment(s)
Working on something new since I'm on Delteria most of the time. I'm not finished yet, and still need to get the icons done.
Edit: Added some icons to the attachment :P

Tricxta 02-25-2012 01:24 AM

you got some pro gradient skillz boi

DustyPorViva 06-24-2013 12:48 AM

Buuuuumps.

http://i.imgur.com/rWgeN6K.png


All times are GMT +2. The time now is 09:34 PM.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2025, vBulletin Solutions Inc.
Copyright (C) 1998-2019 Toonslab All Rights Reserved.