RivChat skin

Tutourial

wersja 1.1 by Wielebny K.

Wstęp

Celem tego dokumentu jest zapoznanie użytkowników RivChata z filozofią tworzenia skinów (skór - dokumentów określających wygląd) tego programu.

Potrzebne oprogramowanie

Aby stworzyć nowego skina potrzeba ok. 20 minut czasu, trochę chęci i kilku programów.
Oto lista programów, które należy zgromadzić przed przystąpieniem do pracy:

RivChat (najlepiej w wersji 1.551 lub nowszej)
Program graficzny (nieco bardziej rozbudowany niż paint - ja polecam Paint Shop Pro, i pokażę jak tworzyć skórkę na przykładzie tego programu)
WinRar

Rozpoczynamy pracę

Na początku musimy przygotować lub wybrać rysunek na tło, oraz nazwę dla naszego skina. Na tym etapie należy również przemyśleć koncepcję naszego projektu.
Ja wybrałem obrazek:

Jest on w wymiarach 710 x 543 pixele i w 16 milionach kolorów.
Mój skin będzie nazywał się "kicikici". :)

Przygotowanie tła

Teraz wczytujemy nasz rysunek do programu graficznego (ja do PaintShop Pro 7.02).

Za pomocą odpowiedniej funkcji programu zmieniamy paletę, na odcienie szarości ("greyscale").

Uzyskamy tymsamym następujący efekt:

Teraz należy dostosować wymiary obrazka. Ten krok nie jest wymagany jeśli nasz obrazek to tylko wzór, który ma zostać ułożony kafelkowo w tle programu. Warto jednak wiedzieć jakie rozmiary ma tło dla RivChata:

Okno główne:	572 x 400 pixeli
Okno prywatne:	300 x 285 pixeli

Wybieramy opcję Zmień rozmiar ("resize").

i wpisujemy przybliżony wymiar, uważając, aby nie zniekształcić rysunku.

Mój rysunek jest jeszcze trochę za wysoki, więc go obciąłem za pomocą funkcji "crop"

Tak przygotowany rysunek zapisujemy w podkatalogu graph katalogu głównego programu RivChat. Należy go zapisać jako plik typu BMP.

Ustawianie kolorów

Teraz nadszedł czas na pokolorowanie naszego skina. W tym celu uruchamiamy RivChata, a następnie wpisujemy komendę:

/setup

W oknie konfiguracyjnym, które się pojawi wybieramy zakładkę "skóra".

Rozpoczynamy od wybrania tła. Klikamy w przycisk "szukaj" znajdujący się w pobliżu napisu "tło okna głównego". Wybieramy nasz plik (kicikici.bmp) i klikamy w "OK".

Przed nami najważniejszy etap tworzenia skórki.

W środkowej części okna znajduje się lista zawierająca poszczególne parametry wyglądu okna. Do każdego parametru przypisane są 2 kolory, które można ustawić za pomocą 2 zestawów suwaków, lub przez przyciski wybierz, które znajdują się pod każdym zestawem. Zestaw składa się z 3 suwaków. Każdy z nich odpowiada za nasycenie jednego koloru podstawowego (czerwonego, zielonego, niebieskiego). Odpowiednio zestawiając nasycenia kolorów podstawowych można ustawić dowolny kolor.

Parametry wyglądu można podzielić na 4 podstawowe grupy:

Kolory tła
Kolory czcionek
Tolerancja kolorów czcionek
Kolory suwaków

Kolory tła

Kolory ustawiane dla parametrów tego typu to skrajne kolory gradientu, który zostanie użyty w odpowiednim miejscu zamiast odcieni szarości. Oznacza to, że jeśli po lewej stronie ustawimy kolor zielony, a po prawej niebieski, to kolor czarny z naszego szarego tła zostanie zastąpiony przez zieleń, kolor biały przez niebieski, a szare kolory przez odpowiednie kolory tworzące w sumie stopniowe przejście między zielonym i niebieskim.

Kolory czcionek

Tu lewy kolor to faktyczny kolor czcionki (napisu), a prawy to kolor obwódki lub cienia. Bardzo ważne jest dobre dobranie prawego koloru przy "kolor czcionki komunikat standardowy". Jest on używany także jako tło dla komunikatów przychodzących od innych użytkowników i ma duży wpływ na czytelność programu.

Tolerancja kolorów czcionek

Ten parametr oznacza jakby filtr dla kolorów, które mają ustawione inni użytkownicy programu. Gdybyśmy np. mieli niebieskie tło, a inny użytkownik używał niebieskiego koloru czcionki w takim samym odcieniu jak nasze tło, to odczytanie wiadomości od tego użytkownika byłoby bardzo trudne. Tolerancja to zakres dozwolonych kolorów. Należy ją ustawić tak, aby wszystkie kolory z zadanego zakresu były dobrze widoczne. Gdy jakiś kolor nie mieści sie w zakresie tolerancji to jest on odpowiednio modyfikowany. Ustawienie tolerancji można zostawić programowi zaznaczając opcję "automatycznie dostosuj tolerancję". Po zaznaczeniu tej opcji program dobierze tolerancję na podstawie naszych ustawień tła tak, aby wszystko było czytelne. Zwykle jest to bardzo dobre rozwiązanie.

Kolory suwaków

Lewy kolor oznacza wygląd suwaka, a prawy kolor ramki, która się pojawia, gdy najedziemy na niego myszką.

Okno prywatne

Aby ustawić wygląd okna prywatnego programu należy powtórzyć odpowiednio całe postępowanie od początku (przygotować odpowiednie tło, dobrać kolory). Jeśli kolorystyka okna prywatnego ma być taka saa jak okna głównego można sobie ułatwić życie i użyć przycisku "Main -> prv". Spowoduje to dokładne skopiowanie kolorów.

Zapisz skina

Tak przygotowanego skina należy zapisać na dysku. W tym celu należy kliknąć w przycisk "Zapisz skin..." i nadać mu odpowiednią nazwę. Ja nazwałem swój skin "kicikici".

A oto gotowy efekt naszej pracy:

Opis skina

Niektórych z Was zapewne zainteresował opis skina, który jest widoczny na obrazku. Pokazuje sie on w momencie ładowania skina (jeśli oczywiście został zdefiniowany).

Robi się go tak:

napisz #edit skins\nazwaskina.rcc
W naszym przypadku to było #edit skins\kicikici.rcc

W utworzonym pliku napisz skrypt opisujący Twój skin, np.:


/echo 
/echo Skin:  KiciKici
/echo Autor: Wielebny K.
/echo Więcej skinów do programu znajdziesz na stronie www.rivchat.prv.pl
/echo

Zapisz plik

Stworzenie instalki

Przed nami ostatnia już faza tworzenia skina. Trzeba już tylko przygotować naszego skina do użycia dla innych. Najpierw wyodrębnijmy potrzebne pliki. W tym celu najlepiej skopiować cały katalog "RivChat" w inne miejsce.

Teraz usuwamy niepotrzebne pliki i katalogi. Powinny zostać tylko pliki, z których składa się nasz skin, umieszczone w odpowiednich podkatalogach. W przypadku skina kicikici drzewo katalogu w kopii RivChata po skasowaniu niepotrzebnych plików powinno wyglądać następująco:

RivChat
- colors
  - kicikici.rcc
- graph
  - kicikici.bmp
  - kicikici_prv.bmp
- scripts
  - skins
    - kicikici.rcc.rcs

Teraz uruchamiamy program WinRar. Wchodzimy w tym programie do katalogu "rivchat" (tego w którym jest już tylko nasz skin) i naciskamy control + a.

Następnie klikamy w ikonkę "Add".

Wybieramy opcje jak na rysunku (create SFX i best method) i ustawiamy nazwę naszego skina. Teraz już tylko wystarczy kliknąć "OK" i nasz skin jest gotowy.

Z uwagi na brak miejsca na serwerze nie będą tam umieszczane skiny, więc proszę ich do mnie nie przysyłać.

RivChat