• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 10:36
CEST 16:36
KST 23:36
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
Code S RO8 Preview: herO, Zoun, Bunny, Classic7Code S RO8 Preview: Rogue, GuMiho, Solar, Maru3BGE Stara Zagora 2025: Info & Preview27Code S RO12 Preview: GuMiho, Bunny, SHIN, ByuN3The Memories We Share - Facing the Final(?) GSL47
Community News
BGE Stara Zagora 2025 - Replay Pack2Weekly Cups (June 2-8): herO doubles down1[BSL20] ProLeague: Bracket Stage & Dates9GSL Ro4 and Finals moved to Sunday June 15th13Weekly Cups (May 27-June 1): ByuN goes back-to-back0
StarCraft 2
General
The SCII GOAT: A statistical Evaluation Jim claims he and Firefly were involved in match-fixing Code S RO8 Preview: herO, Zoun, Bunny, Classic DreamHack Dallas 2025 - Official Replay Pack BGE Stara Zagora 2025 - Replay Pack
Tourneys
[GSL 2025] Code S: Season 2 - Ro8 - Group B [GSL 2025] Code S: Season 2 - Ro8 - Group A RSL: Revival, a new crowdfunded tournament series SOOPer7s Showmatches 2025 Sparkling Tuna Cup - Weekly Open Tournament
Strategy
[G] Darkgrid Layout Simple Questions Simple Answers [G] PvT Cheese: 13 Gate Proxy Robo
Custom Maps
[UMS] Zillion Zerglings
External Content
Mutation # 477 Slow and Steady Mutation # 476 Charnel House Mutation # 475 Hard Target Mutation # 474 Futile Resistance
Brood War
General
BGH auto balance -> http://bghmmr.eu/ FlaSh Witnesses SCV Pull Off the Impossible vs Shu BW General Discussion StarCraft & BroodWar Campaign Speedrun Quest Will foreigners ever be able to challenge Koreans?
Tourneys
[ASL19] Grand Finals [BSL20] GosuLeague RO16 - Tue & Wed 20:00+CET NA Team League 6/8/2025 [Megathread] Daily Proleagues
Strategy
I am doing this better than progamers do. [G] How to get started on ladder as a new Z player
Other Games
General Games
Path of Exile Stormgate/Frost Giant Megathread Nintendo Switch Thread Beyond All Reason What do you want from future RTS games?
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Heroes of StarCraft mini-set
TL Mafia
TL Mafia Community Thread Vanilla Mini Mafia
Community
General
UK Politics Mega-thread US Politics Mega-thread Things Aren’t Peaceful in Palestine Russo-Ukrainian War Thread Vape Nation Thread
Fan Clubs
Maru Fan Club Serral Fan Club
Media & Entertainment
Korean Music Discussion [Manga] One Piece
Sports
TeamLiquid Health and Fitness Initiative For 2023 2024 - 2025 Football Thread Formula 1 Discussion NHL Playoffs 2024
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
A Better Routine For Progame…
TrAiDoS
StarCraft improvement
iopq
Heero Yuy & the Tax…
KrillinFromwales
I was completely wrong ab…
jameswatts
Need Your Help/Advice
Glider
Trip to the Zoo
micronesia
Customize Sidebar...

Website Feedback

Closed Threads



Active: 29687 users

FXOpen SC2 Overlays

Blogs > Deleted User 135096
Post a Reply
Deleted User 135096
Profile Blog Joined December 2010
3624 Posts
Last Edited: 2013-02-12 22:39:59
February 12 2013 15:44 GMT
#1
[image loading]


Today I'd like to do something different. I've been meaning to write this blog for a while and waiting until I had finished until revealing what I've been working on for the last month or two in my free time (amidst all the teaching, performing, and a few large projects you'll hopefully see in the near future). If you haven't guessed yet the project I'd like to unveil to everyone is the official streaming overlays for the entire FXOpen SC2 roster:


[image loading]
[image loading]

[image loading]
[image loading]

[image loading]
[image loading]


I was approached a few months ago by Seeker and Unstable about doing design work for FXOpen esports, and while I am a self taught graphic designer and somewhat self conscious of my ability to create robust, professional looking designs, I was also excited about really attempting to task my abilities in this area and seeing what I could come up with.

I should note that during this process I started working on my blog The Economy of Design, and I had finished the main chunk of work on these overlays before I began that little excursion (well, until I realized hots would make me fiddle with things, again).

The idea behind this design was originally to mimic a real world electronics object, in taking some of the elements from modern technologies and incorporate them, but I quickly found out that conceptually speaking it was a good idea, just not entirely in practice. The first initial idea was a single flat element with inlays and no breaks in the body. However I found quickly that the idea I had wasn't really in line with the sc2 UI and therefore seemed to stick out much more than I liked. So I went back and started from scratch to try to create, not an overlay, but my own UI salvaging as much as I could but in a way that was more in line with the current UI. I also wanted to centralize the thematic relationship between all of the graphics associated with streaming and worked around that idea, which began with the offline screen. Finally, Raihn's overlay blog and small little hints on core ideas or principles in his design for TeamLiquid helped me to ask similar questions, and keep me aware of important elements/ideas when working on this project.

Overall the hardest aspect of the design was using the minimal amount of materials and space, while keeping a fluid design aesthetic, which is why when I realized that hots changed the idle worker, army, warpgate, and clock positions I started tearing my hair out when trying to make sure the design shift would work appropriately. The other difficulty was trying to appropriately accentuate important materials or objects while not taking up too much screen space in the process. As an example of the amount of space used, I originally created outlines of the current UI's to make sure I was being as close as possible in some areas, while taking into account that the zerg overlay moved as well.

[image loading]
racial UI outlines superimposed


Additionally I also, due to my awareness of financial considerations when running a team, made a concerted effort to design around the idea of potential ad space or billboard rolls, and to try to maximize that to potential investors, while keeping it within the parameters of the design. Here you'll notice in the main and in-game overlays there are two billboard rolls (can't see them here for obvious reasons) that more and more often teams have begun to implement (EG and TL are great examples) for their streamers/teams.

Finally, as I'm definitely interested in how things develop and mature over time, here are a few design samples from the earlier iterations or ideas just to see what I initially came up with, and the subsequent tweaking in between this and the final product. Just as a note of interest, I also had at this time decided that I would try to do as much as possible in illustrator in order to learn how to work with vectorized content better, and so aside from the texturing overlay (and the game screens) at the very end of the process, everything was done in Illustrator.

+ Show Spoiler [in game overlay] +
[image loading]

[image loading]

[image loading]

[image loading]

[image loading]

[image loading]

[image loading]

[image loading]

[image loading]

[image loading]

+ Show Spoiler [main overlay] +
[image loading]

[image loading]


Overall I think this project has been a big success for me, both in that the end result is unique and I hope compelling, but also in that I learned a ton on some UI design challenges and other more subtle areas in general that will really help me be a better artist in the future.

As always, feedback and ideas around these designs are welcome and appreciated, but I hope you like the finished product!

****
Administrator
icydergosu
Profile Blog Joined December 2009
528 Posts
February 12 2013 15:49 GMT
#2
I think most overlays people use look like shit.
Yours on the other hand looks really great!
I am the Punishment of God. If you had not commited great sins, god would not have sent a punishment like me upon you.
shiroiusagi
Profile Blog Joined September 2011
SoCal, USA3955 Posts
February 12 2013 15:53 GMT
#3
Wow REALLY nice. I likes. <3
Graphics@shiroiusagi_ | shiroiusagi.net
TheWahbinator
Profile Joined September 2010
United States131 Posts
February 12 2013 16:08 GMT
#4
Nice, the camera spots I created for them in 2011 were novel back then (with an unskinned command UI only imposed team logos/social buttons) but you really took it to the next level here. Just make sure to exapnd the timer to reach double digit minute counts.
Deleted User 135096
Profile Blog Joined December 2010
3624 Posts
February 12 2013 16:36 GMT
#5
Thanks! Actually the timer expands rightward so there's no real issue of clipping for above 10 minute games at least in the minute column (sec the 1st digit is chopped a little, but it is of course a compromise for the game ui showing or not showing).
Administrator
FXOTheoRy
Profile Blog Joined July 2008
United States519 Posts
February 12 2013 17:43 GMT
#6
WHAT I GET ONE OF THESE :O. i'm so undeserving of this amazing work ; ___ ; <3 <3
oyoyoyoyoyoyoyoyoyoyoyoyoyoyoyoyoy
opterown *
Profile Blog Joined August 2011
Australia54784 Posts
February 12 2013 19:56 GMT
#7
looks damn solid!
ModeratorRetired LR Bonjwa
TL+ Member
BreAKerTV
Profile Blog Joined November 2011
Taiwan1658 Posts
February 12 2013 21:41 GMT
#8
Love it, bro. Keep up the good work!
Retired caster / streamer "BingeHD". Digital Nomad.
Seeker *
Profile Blog Joined April 2005
Where dat snitch at?37003 Posts
February 12 2013 22:34 GMT
#9
It's just plain Seeker now. No capital K or R.

Nik you f*ing rock! Thank you so much for all the hard work you've been putting in so far!!!
ModeratorPeople ask me, "Seeker, what are you seeking?" My answer? "Sleep, damn it! Always sleep!"
TL+ Member
Deleted User 135096
Profile Blog Joined December 2010
3624 Posts
February 12 2013 22:53 GMT
#10
Oh I probably should also have mentioned for curiosities sake that I have about 23 images from 20 different teams or so on my HDD that I referenced from time to time as a measure of how identifiable the look was, and how the overlay (mine and others) was constructed and presented. Also good to know Seeker, I wondered about that.
Administrator
snively
Profile Blog Joined August 2011
United States1159 Posts
February 12 2013 23:23 GMT
#11
soo beautiful
self taught... wow :O
My religion is Starcraft
RiceAgainst
Profile Blog Joined November 2011
United States1849 Posts
February 12 2013 23:30 GMT
#12
It's pretty nice and clean. I like it, can't wait to see it in action.
aMEkaRmy
Profile Blog Joined December 2010
Canada633 Posts
February 13 2013 02:25 GMT
#13
I'm stokeeedddd. I'm going to wear FXO gear head to toe when I stream.
Team Captain for FXO.NA Follow me on twitter @FXOkarmy
Piemantheboss
Profile Joined February 2013
Canada2 Posts
February 15 2013 23:21 GMT
#14
I Really like these overlays are u makeing then for ppl if u are can u please make me one?
When will i get to silver ;(
Shellshock
Profile Blog Joined March 2011
United States97276 Posts
February 16 2013 02:37 GMT
#15
wo1fwood's work is always so good!
Moderatorhttp://i.imgur.com/U4xwqmD.png
TL+ Member
Deleted User 135096
Profile Blog Joined December 2010
3624 Posts
February 18 2013 17:54 GMT
#16
Thanks for the kind words guys, I'm glad people think they look good!
Administrator
Please log in or register to reply.
Live Events Refresh
Next event in 6h 24m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
trigger 347
Harstem 280
Hui .269
ProTech105
MindelVK 48
Vindicta 45
StarCraft: Brood War
Calm 10930
Sea 3717
Hyuk 3689
Snow 540
Light 400
Stork 264
Soulkey 218
Last 160
Zeus 137
PianO 123
[ Show more ]
Sea.KH 57
TY 56
ToSsGirL 55
Rush 49
sorry 41
hero 34
Nal_rA 24
Noble 18
Yoon 16
scan(afreeca) 16
Terrorterran 13
IntoTheRainbow 10
HiyA 8
zelot 7
ivOry 4
Dota 2
Gorgc5675
qojqva3089
syndereN394
XcaliburYe383
Fuzer 263
League of Legends
Dendi311
Counter-Strike
byalli263
olofmeister239
Foxcn200
fl0m0
Heroes of the Storm
Khaldor120
Other Games
singsing2921
B2W.Neo1476
C9.Mang0697
crisheroes440
FrodaN415
DeMusliM315
Beastyqt313
Lowko285
Mew2King151
Mlord148
ArmadaUGS128
XaKoH 101
elazer93
KnowMe38
Organizations
StarCraft 2
WardiTV567
Other Games
BasetradeTV19
StarCraft: Brood War
Kim Chul Min (afreeca) 8
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 15 non-featured ]
StarCraft 2
• poizon28 19
• intothetv
• AfreecaTV YouTube
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• C_a_k_e 3411
League of Legends
• Nemesis5961
• Jankos2461
• TFBlade948
Upcoming Events
OSC
6h 24m
ArT vs ReBellioN
HonMonO vs Ziomek
Shameless vs LunaSea
MilkiCow vs GgMaChine
Moja vs HiGhDrA
Jumy vs TBD
Demi vs NightPhoenix
Solar vs Cham
Replay Cast
9h 24m
OSC
9h 24m
WardiTV Invitational
20h 24m
OSC
22h 24m
Korean StarCraft League
1d 12h
SOOP
1d 18h
sOs vs Percival
CranKy Ducklings
1d 19h
WardiTV Invitational
1d 20h
Cheesadelphia
2 days
[ Show More ]
CSO Cup
2 days
GSL Code S
2 days
Rogue vs herO
Classic vs GuMiho
Sparkling Tuna Cup
2 days
Replay Cast
3 days
Wardi Open
3 days
Replay Cast
4 days
Replay Cast
4 days
RSL Revival
4 days
Cure vs Percival
ByuN vs Spirit
RSL Revival
5 days
herO vs sOs
Zoun vs Clem
Replay Cast
6 days
The PondCast
6 days
RSL Revival
6 days
Serral vs SHIN
Solar vs Cham
Liquipedia Results

Completed

CSL Season 17: Qualifier 2
BGE Stara Zagora 2025
Heroes 10 EU

Ongoing

JPL Season 2
BSL 2v2 Season 3
BSL Season 20
KCM Race Survival 2025 Season 2
NPSL S3
Rose Open S1
CSL 17: 2025 SUMMER
2025 GSL S2
BLAST.tv Austin Major 2025
ESL Impact League Season 7
IEM Dallas 2025
PGL Astana 2025
Asian Champions League '25
BLAST Rivals Spring 2025
MESA Nomadic Masters
CCT Season 2 Global Finals
IEM Melbourne 2025
YaLLa Compass Qatar 2025
PGL Bucharest 2025
BLAST Open Spring 2025

Upcoming

Copa Latinoamericana 4
CSLPRO Last Chance 2025
CSLPRO Chat StarLAN 3
K-Championship
SEL Season 2 Championship
Esports World Cup 2025
HSC XXVII
Championship of Russia 2025
Murky Cup #2
Esports World Cup 2025
BLAST Bounty Fall 2025
BLAST Bounty Fall Qual
IEM Cologne 2025
FISSURE Playground #1
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2025 TLnet. All Rights Reserved.