Game UI - Brawl Stars Supercell UI Tutorial Pt 4
✉️ Join my UI/UX Weekly + Early Access to New UI Kits Newsletter
http://eepurl.com/js5QII
☕ If you enjoy my work and want to see more, consider buying me a coffee, every bit helps keep this going!
https://buymeacoffee.com/warrenwinters
Hey guys, here's the fourth and final part of this series where we take a look at the Brawl Stars game UI. In this video we focus on the refining what we've done and pull together the overall screen for that final look. As Illustrator is a vector based tool, similar steps can be followed using other tools like Figma.
Here's a link to the illustrator file if you require it. https://assets.adobe.com/id/urn:aaid:...
Timestamps:
00:00 Intro/Refining Our Shear Approach
03:09 Changing Font Family
06:35 Adding Artwork & Refining Text
09:35 Building the Screen
20:42 New Panel Styling
22:11 Making Seamless Background Pattern
23:20 Finishing Touches
25:15 Outro
--
Disclaimer
I do not own the artwork used in this tutorial, they are the property of Supercell and are used for educational purposes only.