Power-ups ikoner

Hej på er!

Tänkte börja med att berätta lite om vad som hände i början av veckan. I måndags hade vi vår deadline för betan, då fick alla grupper presentera och visa upp sina spel. Det var otroligt kul att se hur långt alla hade kommit sen beta testningen och vad dom hade åstadkommit senaste veckan.
Efter beta-presentationen så satte vi oss i gruppen och började planera vad som skulle prioriteras inför finalen. Vi grafiker ska ta och fräscha upp grafiken lite lägga in nya bilder där det behövs och även att göra lite effekter där det har saknats. Det blir till att göra spelet lite snyggare och piffa upp den lite.

Så det jag har gjort den här veckan är att arbeta med några bakgrunder till vissa menyer och att snygga till våra power ups ikoner. Just nu är dom alldeles för statiska och väldigt tråkiga, så tänkte göra dom lite mer intressantare.
Min ide var att behålla ikonen som den är och bara lägga in en animation med ljus och lite effekter så att den sticker ut lite mer från bakgrunden.

Eftersom power-ups ikonerna (som Peo gjorde) har en cirkel runt sig så tänkte jag att man kunde lägga in ett ljus bakom ikonen som rör sig i en cirkelmönster runt ikonen för att på så sätt få den att sticka ut lite mer.

Juste! en sak jag måste nämna är att jag faktiskt har börjat att använda ”video timeline” istället för ”frame” animation i photoshop. Började förra veckan då jag skulle göra animationen för radarn till våra fiender. Jag märkte att vissa saker var otroligt mycket lättare i video timeline än i frame animation, som att t.ex. kunna synka olika lager bättre m.m.
Utan att gå in på för mycket detaljer så gjorde jag två cirklar, en som är lite större än ikonen och den yttersta är där som en ram. Mellan dessa cirklar så gjorde jag en till cirkel där jag la till ljuseffekten och det ligger i ett separat lager bakom allt annat. När jag var nöjd med resultatet så började jag att animera rotationen. Det var inte så svårt i och med att det räcker med att ändra koordinaterna på objektet och sätta ut dom på några få key frames, så räknar PS ut rörelsen mellan dessa key frames och får då till en smooth animation. Min cirkel roterar då 360 grader med tre key frames.
Sprite sheeten för animationen av vår moonshine power up.

Efter att basanimationen var klar ville jag lägga in lite shiny effekter så det blev lite blinkade prickar… stjärnor? Whatever, och det andra som kommer flygandes tvärs över ikonen. Helt ärligt så är det inte så igenom tänkt, lika med det blåa ljuset. Däremot så är inget av våra ikoner blå så jag tycker det passar än så länge.
I och med att det inte finns en kod för animation för våra power ups i spelet än så länge så vill jag först testa hur det här ser ut i spelet innan jag börjar göra en massa ändringar. Så det ni ser nu kan se helt annorlunda ut sen i slutversionen av spelet.

The animation!

Tack och hej!

//Ricardo

About Ricardo Aranda

2015 Graphics

View all posts by Ricardo Aranda →