Purpose:
UI Concept and Animation for an art test
UI Concept and Animation for an art test
Assignment:
For this assignment, I was asked to provide an animation of a tablet screen UI and mock-up a Load-out screen.
For this assignment, I was asked to provide an animation of a tablet screen UI and mock-up a Load-out screen.
Software Used:
Photoshop CC, After Effects CC, Media Encoder CC, XD CC
Photoshop CC, After Effects CC, Media Encoder CC, XD CC
---
FPS TABLET GADGET
NOTE: I only made the interface design. The modeled hand, tablet and background were
provided as part of the assignment.
provided as part of the assignment.
FPS Load-out Sample
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/aff10980-2781-49f8-8008-593d10944deb_rw_1920.jpg?h=3f8505db005d4d188567e1d89f1e0201)
Breakdown of UI Button states and basic style guide
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/faa0c8f4-677f-4f19-8492-59bd432cd2c7_rw_1920.jpg?h=1f6c838dbf03be9c5b716d43c3666090)
Load out screen with weapon modifications. Player model borrowed from internet.
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/8b09dbb5-7862-4adb-a32c-3df7c3004b7a_rw_1920.jpg?h=432319e4734577db7d5216abc81e0e7e)
Inspect Weapon Model screen. Weapon model borrowed from the internet.