|
Hallå bloggen!
Den här veckan har jag jobbat med animationen för när man aktiverar en power up’en Moonshine. Moonshine gör att alla fiender går långsammare lite som bullet time i Timespliters eller slow time i fable osv. Animationen är gjord för att skapa en indikation som är tydlig att du aktiverat din power up.
Jag har kollat på andra spel med liknande effekter och kollat hur det ser ut när du aktiverar dem i de spelen. Till exempel bullet time i “Timespliters” och slow time i Fable. Utöver att jag tagit inspiration från andra spel har jag också följt våra riktlinjer i vår style guide.
För att göra animationen har jag tagit en cirkel i flera steg. Den börjar lite och blir större och större för varje frame. Jag har gjort den 100×100 pixlar i diameter. För varje frame har jag gjort den 100 pixlar större i både höjd och bredd. Eftersom skärmen är 1920×1080 så behövdes minst 20 frames för att den ska hinna utanför kanterna av skärmen. När cirklarna nått ut i kanten kommer några transparenta kanter i blått (som ni kan se) som ska vara lika länge som effekten av power up’en. Av någon anledning så blir det vita skarvar på den när jag laddar upp den på wordpress som inte syns i någon annan client. (inte i photoshop, inte i drive, inte i fotovisaren windows 10)
För att skapa cirklarna har jag använt elipse verktyget i photshop och matat in bredd och höjd manuellt. För att den inte ska bli för hård har jag lagt 75% opacitet på samtliga cirklar.
Jag testade med 75 % opacitet på kanterna i sista bilden men det blev för skarp skillnad. Så istället testade jag 50% vilket såg betydligt bättre ut. Jag använde mjuk pensel för att få en mjukare övergång från vanliga skärmen till de blåa kanterna.
Utöver det har jag arbetat på level select bilderna. Den är uppdelad i 4 bitar för 4 olika nivåer, varje bild har sedan 4 states. 1 state när den inte rörs, 1 state när den är låst 1 state när du har muspekare på det och en när du klickar/aktiverar den.
Vi har för tillfället placeholders för alla dessa bilder för tillfället, men jag arbetar för tillfället att få dem att stämma överens med vår style guide och generella stil i spelet.
För detta har vi en bestämd pensel och en utvald palett som vi får utgå ifrån. Vi har en pensel för detaljer och en annan för bakgrund. Dessa penslar har vi använt för tiles och detaljer. Vi har andra inställningar och andra penslar för förgrunden, detaljer, avataren, fiende planen och alla andra objekt. Vi har en separat palett för detta också, och dessa inställningar och verktyg har jag använt för att göra förgrunden på level select bilden. (Pilarna och nyckelhålet)
Placeholder ^
About Sebastian Engstrand
2015 Graphics
|
