• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 07:27
CEST 13:27
KST 20:27
  • 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
BGE Stara Zagora 2025: Info & Preview27Code S RO12 Preview: GuMiho, Bunny, SHIN, ByuN3The Memories We Share - Facing the Final(?) GSL47Code S RO12 Preview: Cure, Zoun, Solar, Creator4[ASL19] Finals Preview: Daunting Task30
Community News
Weekly 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-back0EWC 2025 Regional Qualifier Results26
StarCraft 2
General
The SCII GOAT: A statistical Evaluation How does the number of casters affect your enjoyment of esports? CN community: Firefly accused of suspicious activities Serious Question: Mech The Memories We Share - Facing the Final(?) GSL
Tourneys
$3,500 WardiTV European League 2025 Bellum Gens Elite: Stara Zagora 2025 Sparkling Tuna Cup - Weekly Open Tournament SOOPer7s Showmatches 2025 Master Swan Open (Global Bronze-Master 2)
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/ BW General Discussion Mihu vs Korea Players Statistics Will foreigners ever be able to challenge Koreans? [BSL20] ProLeague: Bracket Stage & Dates
Tourneys
[ASL19] Grand Finals NA Team League 6/8/2025 [Megathread] Daily Proleagues [BSL20] ProLeague Bracket Stage - Day 2
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
Stormgate/Frost Giant Megathread What do you want from future RTS games? Armies of Exigo - YesYes? Nintendo Switch Thread Path of Exile
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
LiquidLegends to reintegrate into TL.net
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
US Politics Mega-thread Things Aren’t Peaceful in Palestine Russo-Ukrainian War Thread Vape Nation Thread European Politico-economics QA Mega-thread
Fan Clubs
Maru Fan Club Serral Fan Club
Media & Entertainment
Korean Music Discussion [Manga] One Piece
Sports
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
Cognitive styles x game perf…
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
Poker
Nebuchad
Customize Sidebar...

Website Feedback

Closed Threads



Active: 22073 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?36999 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
Wardi Open
11:00
$400 Mondays 39
WardiTV301
OGKoka 250
IndyStarCraft 65
CranKy Ducklings59
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
mouzHeroMarine 523
OGKoka 250
Lowko238
ProTech96
Rex 81
IndyStarCraft 65
EnDerr 29
StarCraft: Brood War
Sea 6138
Hyuk 4179
Horang2 1255
EffOrt 536
Mini 369
Larva 301
firebathero 268
Rain 204
Zeus 202
Stork 185
[ Show more ]
Rush 166
ToSsGirL 131
Pusan 112
Hyun 101
[sc1f]eonzerg 51
Backho 46
sorry 46
GoRush 37
Sharp 37
Movie 34
Aegong 29
Sea.KH 27
Icarus 23
sSak 21
Shine 14
Noble 11
Yoon 11
yabsab 10
Bale 9
Dota 2
XcaliburYe517
BananaSlamJamma472
420jenkins346
League of Legends
Dendi963
Counter-Strike
shoxiejesuss1153
Stewie2K958
x6flipin525
allub205
Super Smash Bros
Mew2King111
Heroes of the Storm
Khaldor227
Other Games
singsing2085
B2W.Neo651
crisheroes362
Fuzer 273
Pyrionflax241
XaKoH 221
Organizations
Dota 2
PGL Dota 2 - Secondary Stream4971
StarCraft: Brood War
UltimateBattle 47
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 14 non-featured ]
StarCraft 2
• StrangeGG 38
• Adnapsc2 9
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• WagamamaTV349
League of Legends
• Stunt553
Upcoming Events
Replay Cast
12h 33m
Replay Cast
22h 33m
WardiTV Invitational
23h 33m
WardiTV Invitational
23h 33m
PiGosaur Monday
1d 12h
GSL Code S
1d 22h
Rogue vs GuMiho
Maru vs Solar
Online Event
2 days
Replay Cast
2 days
GSL Code S
2 days
herO vs Zoun
Classic vs Bunny
The PondCast
2 days
[ Show More ]
Replay Cast
3 days
WardiTV Invitational
3 days
OSC
4 days
Korean StarCraft League
4 days
CranKy Ducklings
4 days
WardiTV Invitational
4 days
Cheesadelphia
5 days
GSL Code S
5 days
Sparkling Tuna Cup
5 days
Replay Cast
6 days
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
ECL Season 49: Europe
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.