Spelutveckling – introduktion – Projekt arbetet – vecka 4

Vår grupp ska under tio veckors tid förvandla ett spel koncept som heter Magic Writer till ett fungerande spel. Det är första gången jag jobbar med ett projekt som kräver så mycket tid och forcerad kreativitet av mig. Som grafiker har jag ägnat mig mest åt designa vårt spel, designat menyer, mindre objekt, bakgrunder, logga m.m. Min största utmaning förra veckan var att designa knappar åt spelet. Jag hade veckan innan designat en logga och en bakgrund för menyn som jag var nöjd med men nu skulle jag göra knappar som skulle passa in med bakgrunden.Jag ville låta loggan sticka ut som den redan gör då den bryter med resten av stilen. Det var viktigt att inte designa knappar som drar fel uppmärksamhet från loggan men det kändes väsentligt att göra unika knappar.

Jag började spåna på att låta knapparna inte vara mer än en font,tittade på arial narrow. Men det blev tråkigt. Min nästa ide var attgöra gamla slitna träskyltar.

Dessa är vad jag lyckades få fram.

Jag gjorde en skiss för att kunna diskutera med resten av gruppen hur de tycker att min design reflekterar den stämmning/intryck vi vill ge spelet. Detta var min skiss:Skissen fick väldigt positiv respons så jag fortsatte och gjorde fler bilder för varje knapp. Bilderna ska ge intryck av att man klickar på något. Det behövdes där skylten ändrar på sig när man för pekaren över den och en bild för hur den ska se ut när man har tryckt på den.
Flash underlättade mitt arbete enormt med sin simpla funktion att formatera en bild till en knapp där man kan lägga in bilderna och testa hur det ser ut när knappen fungerar.

Första bilden på start knappen har jag lagt en skugga som ligger åt motsatt håll från ljusets riktning i bilden. Detta har jag gjort för att det ska se ut som att texten är in karvad och så att den inte känns platt. Skylten har fått en mörkbrun kant långsidan under och kortsidan till vänster för att ge den lite 3D känsla.

Mitten bilden visar hur det ser ut när man för musen över start knappen. Textens skuggor har bytt plats för att nu få den att se ut som att texten sticker ut istället för inskärt. Ovansidan av skylten har flyttas så att den täcker det mörkbruna som fanns på sidan. Detta gör att det ser ut som att skylten trycks ned, och ger den känsla av att den är en knapp.

Sista bilden visar hur skylten ser ut när man trycker ned. Jag har bytt på färgerna för att göra det tydligt att man har tryckt. Eftersom den sista bilden visas under en mycket kort tid så tänkte jag att den stora kontrasten skulle vara en fördel, förtydliga.

Jag fick rita om ena palmbladet så att det inte skulle krocka men loggan men annars var jag vid det här laget var jag ganska nöjd. Men sen fick vi feedback av Steven, en av våra lärare i 2D grafik.
Enligt honom reflekterade vår stil vårt mål på ett bra sätt, glatt och tilltalade men den var inte unik och därför lite tråkig. Han tipsade om att undvika svart och byta ut det mot marinblått. Hann fann också placeringen av skyltarna problematisk. De nedre skyltarna bryter mot strandkanten på ett konstigt sätt och samma sak med horisonten. Linjerna för skylten tutorial går ihop med linjen för vattnet. Efter några timmars fixande:

Det är små skillnader men som gör ganska stor skillnad. Jag visade upp båda bilderna för några av mina klasskamrater och frågade vilken de gillade bäst. Alla svarade den nedre men ingen kunde riktigt säga varför.
15.5 h senare och detta blev resultatet. Alla knappar har bilder för att kunna göra dem till knappar och finns i en flash fil där man kan se fungerande exempel.
Jag har överskattat i vilken fart jag designar. Det går snabbt för mig att göra en skiss men jag har svårt att uppskatta hur lång tid finputsningen tar. Resultatet av denna meny känns okej, den funkar men jag hade jobbat några timmar till på den om jag hade haft tid. Blir nya saker att göra nästa vecka, kommer ett blogg inlägg om det också

About Danielle Uneus

2014  Graphics

View all posts by Danielle Uneus →