Game UI - Brawl Stars Supercell UI Tutorial Pt 4
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:sc:EU:a3698895-f0a3-4fa3-8cfc-1ac535ff1ad3?view=difile
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.
Other Videos By Warren Winters
Other Statistics
Brawl Stars Statistics For Warren Winters
Currently, Warren Winters has 5,030 views for Brawl Stars across 6 videos. His channel uploaded an hours worth of Brawl Stars videos, roughly 17.87% of the content that Warren Winters has uploaded to YouTube.