Log in | Geen account? Registreer!
Making website themes

Website thema's maken

Geschreven door Myst'Sharion op donderdag 18 december 2008
Toen we de eerste versie van Tibia ML lanceerde, hadden we het idee om de gebruikers hun website zo veel mogelijk zelf te laten ontwerpen. Hiervoor hebben we het credit systeem toegevoegd, zodat onze leden achtergronden voor de website konden kopen en gebruiken. Na een paar maanden werd de website geüpdate tot de tweede versie met een totaal nieuwe look. Het nam veel tijd in beslag om deze nieuwe versie te maken. Een van de features was een ledenpaneel met unieke opties.

We starte de nieuwe Tibia ML met 7 website thema's. Het jungle thema was basis voor alle gebruikers en gasten. Geregistreerde gebruikers konden ook het vuur thema gratis gebruiken. Hiernaast waren er ook nog een paar thema's die konden gekocht worden met credits, maar er waren ook nog speciale thema's voor de premium leden. Sindsdien worden er steeds nieuwe thema's toegevoegd.

Vandaag willen we je vertellen hoe deze nieuwe thema's worden gemaakt. Zoals alles begint het maken van een nieuw thema met een idee. We brainstormen vaak en delen onze ideëen. Als we beslissen welk idee het beste is, kan het grafisch werk beginnen.

Elk thema bevat vier grafische elementen: de achtergrond, het themabeeldje, het webside logo en een "bodem". Gewoonlijk is het logo eerst gemaakt. Het bevat meestal elementen die wijzen naar de rest van het thema. De animatie hier beneden toont hoe een logo is gemaakt in een paar stappen:

Paper


Het volgende dat gedaan moet worden is het themabeeldje. Gewoonlijk gebruiken we graphics die al bestaan voor dat, zoals kunstwerken van CipSoft, zoals deze Worker Golem. Het creature moet uit het beeld worden geknipt, hij moet een andere maat krijgen, en op een transparante achtergrond worden geplaatst. Een deel van het beeld is buiten de achtergrond en een schaduw is toegevoegd om het een 3D uitzicht te geven.

Main image


Als we het logo en het beeld hebben, moet er een passende achtergrond komen. Het belangrijkste is dat de achtergrond zichzelf herhaalt. Het achtergrondsbeeld is meestal rond 250-300 pixels breed en kan verschillende keren getoond worden in de rechter- en linkerrichting. Natuurlijk is het belangrijk dat de kleuren van de achtergrond bij de rest van het thema passen. Meestal neemt dit het meeste tijd in beslag. Hier zie je weer een kleine animatie:

Background


Het laatste deel is een voet, die meestal dezelfde is als het bovenste deel van de achtergrond.

Als alle graphics gemaakt zijn, moet het thema gecodeerd worden en toegevoegd aan onze thema winkel. Vanaf nu kan je het factory thema kopen met je credits.

We hopen dat je een thema vind waarbij je je goed voelt in onze winkel. Vergeet niet dat we telkens nieuwe thema's toevoegen, dus je kan altijd iets leukvinden voor jezelf!

Myst’Sharion
Tibia ML ontwerper