18. maaliskuuta 2019

PELI HAHMON LUOMINEN

Salo Go Go peliin tehtävänä oli myös luoda hahmo, jota pelaaja käyttää. Tavoitteena hahmon luomisessa on myöhemmin tuottaa hahmo perhe. Hahmoni kuvaa renkaalla kulkevaa digitaalista näyttöä, joka puhuessaan muodostaa tekstiä suun seudulle. Hahmo perheen luomiseen ajatukseni on kehittää nykyisestä versiosta putki tv malli. Salo on historiansa aikana tuottanut elektroniikkaa vahvasti maailman markkinoille. Putki tv tyyppinen hahmo antaisi historian havinaa pelille, sekä voi toimia pienenä tietopankkina nuoremmalle sukupolvelle.

Luonnos


Kuvassa luonnos pelin päähahmosta, kehittynyt renkaalla kulkeva näyttö. 

 

Toteutus adobe illustrator

Illustratorilla rakensin hahmon erimuotoisista palikoista. Käytin mm. soikeaa ja suorakulmaista muotoa. 


Kuvassa hahmo etu- ja sivuprofiilista katsottuna. 

Kuvassa olen kokeillut hahmon toimivuutta eri väri vaihtoehdoilla.

VIHERALUEEN GRAAFINEN ILME

Luonnostelu 

Salo Go Go pelin viheralueen raportin luominen oli samanlainen prosessi kuin vesistön. Ensin oli tietysti luonnostelu vaihe.

Kuvassa muutama luonnos. 


Työskentely adobe illustrator

Muutaman luonnoksen valittuani toin kuvat luonnoksista koneelle. Tietokoneella raportin työstäminen tapahtui adobe illustratorilla. Viheralueen raportin koko on 2048 px X 2048 px, kuin myös vesistö raportin. 

Kuvassa keskellä valmis raportti. Oikealla on havainnekuva viheralueesta konkreettisesti pelissä. Lisäksi olen merkinnyt käyttämieni värien rgb ja hex arvot. 

12. maaliskuuta 2019

VESISTÖN GRAAFINEN ILME

Luonnostelu

Ensimmäisenä aloitin vesialueiden suunnittelun Salo Go Go peliin. Luonnoksia syntyi kuin itsestään. Mielestäni vesi on kiehtova elementti, joten on mielenkiintoista kuinka erilaisilla tavoilla sen voi kuvailla graafisesti.

Kuvassa osa luonnoksista paperilla. Luonnosteluun käytin erikokoisia kyniä, jolla sain syvyyttä paperille. 


Raportin rakentaminen


Kerätessäni mielipiteitä opiskelija kollegoilta, valitsin mielestäni parhaan luonnoksen. Otin kuvan luonnoksesta ja toin sen illustrator ohjelmaan. Luonnos kuvan käsin piirrettyä viivaa ja aiemmin tehtyä värikarttaa käyttäen tein vesialueista raportin.

Kuvassa käsin piirrettyä viivaa, josta oikealle muodostuu 2048px X 2048px kokoinen raportti. Raportti koostuu pixeleistä, koska lopullinen käyttöympäristö on digitaalisessa ympäristössä.  


Kuvassa kolme valmista raporttia vesi alueesta. Keskimmäisessä ei ole taustaväriä. Vasemmalla ja oikealla olen käyttänyt samaa sinistä taustaväriä, mutta eri tummuus asteella. 

11. maaliskuuta 2019

MOBIILIPELIN GRAAFINEN ILME

Salo Go Go - peli


Projektina on suunnitella mobiilipeliin Salo Go Go graafinen ilme. Työn tilaajana on Salon kaupunki. Me visualistit toteutamme hankkeen yhdessä salon seudun ammattiopiston datanomi opiskelijoiden kanssa. Lyhyesti kerrottuna peli toimii niin, että voit kulkea mobiililaitteella kaupungin katuja sekä suorittaa tehtäviä. Kokosin pinterest taulun, jolla hain inspiraatiota värimaailmaan ja pelin grafiikkaan. 




Värikartan valinta


Värikartan kokoaminen on iso prosessi ja itselle jopa hieman hankala, koska pelin estetiikkaa ei ole nähtävissä. Värit voivat prosessin edetessä vielä muuttua, mutta alla olevassa kuvassa suuntaa antavaa värikarttaa. 

Väriarvot ovat rgb ja hex muodossa, sillä toteutus työlle tapahtuu digitaalisessa ympäristössä.