Game UI - Brawl Stars Supercell UI Tutorial Pt 4

Channel:

Warren Winters

Subscribers:

3,720

Published on November 1, 2023 4:03:11 PM ● Video Link: https://www.youtube.com/watch?v=TORQP2Zvlo0

Game:

Brawl Stars (2017)

Category:

Tutorial

Duration: 25:56

321 views

10

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 Statistics