• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 06:19
CEST 12:19
KST 19:19
  • 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: Rogue, GuMiho, Solar, Maru3BGE 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
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
Jim claims he and Firefly were involved in match-fixing DreamHack Dallas 2025 - Official Replay Pack BGE Stara Zagora 2025 - Replay Pack Code S RO8 Preview: Rogue, GuMiho, Solar, Maru The SCII GOAT: A statistical Evaluation
Tourneys
[GSL 2025] Code S:Season 2 - RO8 - Group A Sparkling Tuna Cup - Weekly Open Tournament Sea Duckling Open (Global, Bronze-Diamond) Bellum Gens Elite: Stara Zagora 2025 $3,500 WardiTV European League 2025
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
BW General Discussion BGH auto balance -> http://bghmmr.eu/ FlaSh Witnesses SCV Pull Off the Impossible vs Shu 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
Nintendo Switch Thread Stormgate/Frost Giant Megathread Path of Exile What do you want from future RTS games? Armies of Exigo - YesYes?
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
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: 32209 users

Modular LR Thread Graphics

Blogs > MCXD
Post a Reply
Normal
MCXD
Profile Blog Joined February 2012
Australia2738 Posts
Last Edited: 2013-02-28 22:14:24
February 23 2013 23:39 GMT
#1
Note: As a result of a recent poll, I've decided to (for now, at least) discontinue this project (due to its unpopularity with a significant enough proportion of the LR community). You may still use what's here, but do so at your own risk!

So after opterown raised concerns over how LR threads are being handled, I felt quite bad for not being able to contribute anything constructive, due to my timezone/schedule. I really wanted to improve the LR experience somehow... and finally I decided that if I couldn't run the threads, I would work to spiffy them up a bit for those who do.

As is, the LR thread content is pretty in-depth. There isn't much immediate improvement necessary there. So instead, I'm going to focus on making the threads prettier, using modular banner graphics. What do I mean by modular? Well, you think of them like lego blocks or jigsaw pieces. I supply everyone with the pieces (and some guidance), and people can use them to create various types of banners and headings in LR threads.

If you see my graphics/designs in threads, please let me know what you think, both from an aesthetic and performance point of view. If the graphics are lagging mobile devices and things, I may have to rethink my approach to the project a little!

Without further ado, let me introduce you to the graphics in question. In particular, player banners:




Player Banners

[image loading]

[image loading]

These two images above are the examples of the player banners I've been making. They consist of the player's team and ID done up in a similar style to the GSL ID calls, on a textured background in the color of that player's race (T=Blue, P=Green, Z=Red). There is two player banners for each player, one which is left justified (as seen above), and another which is right justified:

[image loading]

[image loading]

I'm going to refer to these as the Left Name Plate and the Right Name Plate. In addition to these two types of 'pieces', there is a third important piece: the Center Block.

[image loading]


The most commonly used center block in the context of player banners will be this, the VS. Using this, you can combined a left and right name plate to make a cool little banner that shows off a particular player matchup:

+ Show Spoiler +
[image loading][image loading][image loading]


Over time, practically every relevant player will have their own name plates, allowing an LR thread creator to put together a banner for any match-up they'd like, without needing to bother anyone about making banners, or even any experience using programs like photoshop!

Additionally, there is two other types of pieces, Banner Headers and Banner Footers. These are designed to go directly above or below the player banners, respectively. For example, suppose the match-up above was in the Ro24 of Code A. The header can be used to indicate that...

+ Show Spoiler +
[image loading]
[image loading][image loading][image loading]


Footer example coming soon...

Now that you've seen what you can do with them, it's time to talk about how you can construct them yourself:




Constructing Player Banners

The format for posting a simple 3-piece match-up banner is as follows:

<Left Name Plate><Center Block><Right Name Plate>

All three pieces are on the same line and no spaces are put between them. To get the left name plate and right name plate, look up the players in the asset index, and use the links provided.

Make sure that you use a left name plate and right name plate, and not two of the same side. Otherwise it'll look something like this:

+ Show Spoiler +
[image loading][image loading][image loading]


Additionally, there are nine different VS center blocks, one for each match-up. Because of the gradients used in the banners, mismatching your VS center block with the races of the players around it while create visible seams that are aesthetically unappealing. Although you can't really see them with a dull monitor, you can with a bright one (like mine). Still, if you're feeling lazy, you can probably overlook this and not too many people will notice.

Wrong VS:
+ Show Spoiler +
[image loading][image loading][image loading]


Right VS:
+ Show Spoiler +
[image loading][image loading][image loading]


Once again, you can find the different VS banners using the asset index.

Headers and footers go directly above and below the player banner, on separate lines:

<Header>
<Left Name Plate><Center Block><Right Name Plate>
<Footer>

Technically the two are interchangeable - you can use headers are footers and virca versa, but the two types of assets are weighted specifically for their intended position. If you use them in the other position, it may look a little off. Ultimately it's up to the LR creator.

How I like to construct these things is to start off with the following:

[img][/img]
[img][/img]
[img][/img]

Then I look up the two players, and copy-paste their image links into the 1st and 3rd tag, respectively.

[img]http://i.imgur.com/7DkSzyZ.png[/img]
[img][/img]
[img]http://i.imgur.com/ZdrkrG2.png[/img]

Next I pick out the VS center block to use. In this case it's a ZvT, so I'll use the ZvT block:

[img]http://i.imgur.com/7DkSzyZ.png[/img]
[img]http://i.imgur.com/pdT0fZd.png[/img]
[img]http://i.imgur.com/ZdrkrG2.png[/img]

Then, to finish, I put it all on one line:

[img]http://i.imgur.com/7DkSzyZ.png[/img][img]http://i.imgur.com/pdT0fZd.png[/img][img]http://i.imgur.com/ZdrkrG2.png[/img]

And we've got ourselves a banner:

+ Show Spoiler +
[image loading][image loading][image loading]


Optionally, you can wrap a URL tag around each image so that clicking on the player name (or even the VS!) will take you to a particular page. Most commonly, I like to have the player names go to their TLPD pages, and the VS take you to the Aligulac prediction for that match. If you want to spiffy it up further, put a header on top of it!

If all goes well, the completely finished banner will look like:

[image loading]
[image loading][image loading][image loading]

Code:
[img]http://i.imgur.com/dZNv3om.png[/img]
[url=http://www.teamliquid.net/tlpd/sc2-korean/players/2627_DongRaeGu][img]http://i.imgur.com/7DkSzyZ.png[/img][/url][url=http://aligulac.com/predict/match/?bo=3&ps=4%2C12][img]http://i.imgur.com/pdT0fZd.png[/img][/url][url=http://www.teamliquid.net/tlpd/sc2-korean/players/561_Bomber][img]http://i.imgur.com/ZdrkrG2.png[/img][/url]


That's everything you need to know to construct a cool matchup banner!




Asset Index: http://www.teamliquid.net/blogs/viewblog.php?id=400207

Template Index coming soon (probably this upcoming weekend!)

What does everyone think?

*****
kollin
Profile Blog Joined March 2011
United Kingdom8380 Posts
February 24 2013 00:02 GMT
#2
That's fucking awesome. Good job on this, you deserve a lot of credit!
Master of DalK
Profile Blog Joined June 2012
Canada1797 Posts
February 24 2013 00:04 GMT
#3
That looks pretty sick man! Nice job
@MasterDalK | Maelstrom Entertainment | Streaming Every Esport Under the Sun
JBright
Profile Joined September 2010
Vancouver14381 Posts
February 24 2013 00:07 GMT
#4
This is a great idea but I'm not in love with the font choice. I think a simpler font would work better since Hero almost looks like HorO
ModeratorThe good and the wise lead quiet lives. Neo's #1 Frenemy and nightmare.
Pandemona *
Profile Blog Joined March 2011
Charlie Sheens House51472 Posts
February 24 2013 00:10 GMT
#5
Yeah the font isn't very good at all. Makes all the letters not look like proper letters lol
ModeratorTeam Liquid Football Thread Guru! - Chelsea FC ♥
MCXD
Profile Blog Joined February 2012
Australia2738 Posts
Last Edited: 2013-02-24 00:15:40
February 24 2013 00:11 GMT
#6
On February 24 2013 09:07 JBright wrote:
This is a great idea but I'm not in love with the font choice. I think a simpler font would work better since Hero almost looks like HorO


I probably should have asked about the font before going ahead and making a ton of assets yeah...

Lesson learnt. If the font gets unpopular I'm plenty OCD enough to go back and do them all again in a new font once I have time.
Master of DalK
Profile Blog Joined June 2012
Canada1797 Posts
February 24 2013 00:12 GMT
#7
Oh looks like Dodgin used em on a test run for the GSTL LR thread :D
@MasterDalK | Maelstrom Entertainment | Streaming Every Esport Under the Sun
Dodgin
Profile Blog Joined July 2011
Canada39254 Posts
February 24 2013 00:37 GMT
#8
I think a different font would be better
alQahira
Profile Joined June 2011
United States511 Posts
February 24 2013 00:45 GMT
#9
I too dislike the font, but other than that, awesome job!
nooboon
Profile Blog Joined July 2011
2602 Posts
February 24 2013 00:53 GMT
#10
Nice touch with the colours being based off of the players race. The glow or shine of the white text makes it quite hard to read the players names, and that is made worse because of the problematic font.

The final image looks amazing; just need to touch up on the texts. Really appreciate your efforts in these.
MCXD
Profile Blog Joined February 2012
Australia2738 Posts
Last Edited: 2013-02-24 01:24:26
February 24 2013 01:09 GMT
#11
So I tried two more fonts:

+ Show Spoiler [Font 1 with glow] +
[image loading]
[image loading]
[image loading]

+ Show Spoiler [Font 1 glowless] +
[image loading]
[image loading]
[image loading]

+ Show Spoiler [Font 2 with glow] +
[image loading]
[image loading]
[image loading]

+ Show Spoiler [Font 2 glowless] +
[image loading]
[image loading]
[image loading]


Also the reason I liked the old font is because it was subtle, even if it was harder to read, and fit the abstract angular style seen in the GSL logo. I'm fine with these two, but I don't like the first one as much because it's very "in your face" and bright, and the second one makes the banners look really empty because it's so squashed up. Most other fonts I tried were either too goofy looking, didn't feel unique enough (I don't want to use basically-Arial) or were case insensitive.

Still, this project is for all of you, not me! Do either of these two fonts appeal to everyone?

Poll: How about the new fonts?

Font #1 no glow is good (7)
 
47%

They're better, but still not perfect (4)
 
27%

Font #2 no glow is good (2)
 
13%

Font #1 with glow is good (1)
 
7%

Font #2 with glow is good (1)
 
7%

They're even worse! (0)
 
0%

15 total votes

Your vote: How about the new fonts?

(Vote): Font #1 with glow is good
(Vote): Font #1 no glow is good
(Vote): Font #2 with glow is good
(Vote): Font #2 no glow is good
(Vote): They're better, but still not perfect
(Vote): They're even worse!



And if anyone wants to see more examples using a particular font to be sure, just ask.
opterown *
Profile Blog Joined August 2011
Australia54784 Posts
February 24 2013 01:26 GMT
#12
good effort trying to get these to look a bit better :D

my feedback is that if you want to make banners like such, we need to have the section headers (i.e. the things that say "results" "streams" etc) to be the same, otherwise it looks kinda eh imo
ModeratorRetired LR Bonjwa
TL+ Member
MCXD
Profile Blog Joined February 2012
Australia2738 Posts
Last Edited: 2013-02-24 01:28:30
February 24 2013 01:27 GMT
#13
On February 24 2013 10:26 opterown wrote:
good effort trying to get these to look a bit better :D

my feedback is that if you want to make banners like such, we need to have the section headers (i.e. the things that say "results" "streams" etc) to be the same, otherwise it looks kinda eh imo


Yeah, I was going to focus on that once I got the banners themselves running so to speak.

I also plan on making modular title banners for GSTL/SPL. So if, say, Axiom-Acer and StarTale are versing each other, you can just stick together the Axiom-Acer and StarTale pieces to get a cool match banner (provided nobody else has kindly contributed a cooler one).
Dodgin
Profile Blog Joined July 2011
Canada39254 Posts
February 24 2013 01:29 GMT
#14
Do we have the starters for LG-IM vs NSH yet?
MCXD
Profile Blog Joined February 2012
Australia2738 Posts
February 24 2013 01:30 GMT
#15
On February 24 2013 10:29 Dodgin wrote:
Do we have the starters for LG-IM vs NSH yet?


Only that MadBull is opening for NSH. No word on LG-IM's starting player, afaik.
Shellshock
Profile Blog Joined March 2011
United States97276 Posts
Last Edited: 2013-02-24 07:07:20
February 24 2013 06:56 GMT
#16
On February 24 2013 10:29 Dodgin wrote:
Do we have the starters for LG-IM vs NSH yet?

I checked the korean gom a little bit ago and I can look again. They didn't have anything up yet. English Gom hasn't even updated the starters for FXO vs Azubu...

edit: just checked. Still nothing
Moderatorhttp://i.imgur.com/U4xwqmD.png
TL+ Member
Aerisky
Profile Blog Joined May 2012
United States12129 Posts
February 24 2013 06:58 GMT
#17
Whoa, this is a super cool idea. The font could be improved though, I also think.
Jim while Johnny had had had had had had had; had had had had the better effect on the teacher.
JOJOsc2news
Profile Blog Joined March 2011
3000 Posts
Last Edited: 2013-02-24 17:23:10
February 24 2013 17:20 GMT
#18
Sick! The font is kind of hard to read. For example the e in Hero.

Thank you for the hard work!


The two suggested new fonts still aren't perfect in my opinion. So I voted for that. If I had to make a choice though, I would go with Suggestion 1 with glow. It seems kind of put together without the glow.
✉ Tweets @sc2channel ⌦ Blog: http://www.teamliquid.net/blog/JOJO ⌫ "Arbiterssss... build more arbiterssss." Click 'Profile' for awesome shiro art!
MCXD
Profile Blog Joined February 2012
Australia2738 Posts
Last Edited: 2013-02-25 18:18:16
February 24 2013 18:27 GMT
#19
So 13 out of 15 people want the font changed (ouch! I'm so bad at picking fonts *shot*) and of those, the new Font 1 seems most popular overall. Also 'without glow' tends to be favored. However, I agree with jojo, I think Font 1 looks slightly better with some glow, so I decided to do a go-between and just give it a very faint glow (less than before) so that it looks less "put on".

Still, this new font does have some funny things I feel the need to point out. For one, there is no hyphen, so LG-IM has to be written as LG IM:

[image loading]

Also most of the letters are case sensitive, except for K for some reason. That means anywhere a K appears, it looks like its uppercase:

[image loading]

And lastly, 'CJ' is... kinda weird looking:

[image loading]

But the font is growing on me. Is everyone fine with me to go ahead with making a bunch of these?

Alternatively, if someone else wants to try their hand at picking a font, I can always upload the .psd I use. Progress will be much slower on my end after today though, because my first day back at university is tomorrow.

Here's some blanks too if people want to experiment:

https://dl.dropbox.com/u/5456268/pic/lr/nameplates/_blanks/_p_l.png
https://dl.dropbox.com/u/5456268/pic/lr/nameplates/_blanks/_p_r.png
https://dl.dropbox.com/u/5456268/pic/lr/nameplates/_blanks/_t_l.png
https://dl.dropbox.com/u/5456268/pic/lr/nameplates/_blanks/_t_r.png
https://dl.dropbox.com/u/5456268/pic/lr/nameplates/_blanks/_z_l.png
https://dl.dropbox.com/u/5456268/pic/lr/nameplates/_blanks/_z_r.png
TheBB
Profile Blog Joined July 2009
Switzerland5133 Posts
Last Edited: 2013-02-25 15:53:01
February 25 2013 15:52 GMT
#20
You know...

Making this scriptable wouldn't be so hard. Imagine a service that let you input two player names and a map, event name, etc. (whatever you need), generated images like these on the fly, uploaded them to imgur and then spit out ready-to-use BBcode with links to TLPD, Aligulac, Liquipedia or what have you.

I don't know how automatised Shellshock has made his OPs though.
http://aligulac.com || Barcraft Switzerland! || Zerg best race. || Stats-poster extraordinaire.
MCXD
Profile Blog Joined February 2012
Australia2738 Posts
February 26 2013 01:09 GMT
#21
On February 26 2013 00:52 TheBB wrote:
You know...

Making this scriptable wouldn't be so hard. Imagine a service that let you input two player names and a map, event name, etc. (whatever you need), generated images like these on the fly, uploaded them to imgur and then spit out ready-to-use BBcode with links to TLPD, Aligulac, Liquipedia or what have you.

I don't know how automatised Shellshock has made his OPs though.


At the very least, it'd be nice to have some sort of interface which would make including the urls easier. As it is, it's kinda fiddly making sure everything is in the right spot and the tags are around the right things.
opterown *
Profile Blog Joined August 2011
Australia54784 Posts
February 26 2013 01:10 GMT
#22
On February 26 2013 00:52 TheBB wrote:
I don't know how automatised Shellshock has made his OPs though.

not at all haha
ModeratorRetired LR Bonjwa
TL+ Member
Shellshock
Profile Blog Joined March 2011
United States97276 Posts
February 26 2013 08:28 GMT
#23
On February 26 2013 10:10 opterown wrote:
Show nested quote +
On February 26 2013 00:52 TheBB wrote:
I don't know how automatised Shellshock has made his OPs though.

not at all haha

I still do it the old fashioned way of copy and paste a template and fill in the names ^^
Moderatorhttp://i.imgur.com/U4xwqmD.png
TL+ Member
Normal
Please log in or register to reply.
Live Events Refresh
GSL Code S
09:30
Ro8 - Group A
Rogue vs GuMihoLIVE!
Maru vs Solar
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
ProTech65
EnDerr 36
StarCraft: Brood War
Britney 28493
Calm 4207
Rain 1833
Bisu 1009
Pusan 535
Jaedong 490
BeSt 313
TY 284
ToSsGirL 120
EffOrt 108
[ Show more ]
Soulkey 89
PianO 89
Shine 65
Killer 62
sorry 56
Hyun 55
Aegong 48
Last 44
[sc1f]eonzerg 42
NaDa 23
Movie 23
Barracks 20
Sharp 14
HiyA 13
Sacsri 11
Dota 2
XcaliburYe501
BananaSlamJamma430
420jenkins367
Fuzer 220
Counter-Strike
shoxiejesuss808
Stewie2K647
Heroes of the Storm
Khaldor145
Other Games
singsing1704
ceh9588
Happy505
Pyrionflax289
crisheroes256
XaKoH 197
Crank 187
DeMusliM72
Organizations
Dota 2
PGL Dota 2 - Secondary Stream6130
Other Games
gamesdonequick346
StarCraft: Brood War
UltimateBattle 39
lovetv 5
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 12 non-featured ]
StarCraft 2
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• iopq 5
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Other Games
• WagamamaTV65
Upcoming Events
Online Event
13h 41m
Replay Cast
15h 41m
GSL Code S
23h 11m
herO vs Zoun
Classic vs Bunny
The PondCast
23h 41m
Replay Cast
1d 13h
WardiTV Invitational
2 days
OSC
2 days
Korean StarCraft League
2 days
SOOP
2 days
CranKy Ducklings
2 days
[ Show More ]
WardiTV Invitational
3 days
Cheesadelphia
3 days
CSO Cup
3 days
GSL Code S
3 days
Sparkling Tuna Cup
3 days
Replay Cast
4 days
Wardi Open
5 days
Replay Cast
5 days
Replay Cast
5 days
RSL Revival
5 days
Cure vs Percival
ByuN vs Spirit
RSL Revival
6 days
herO vs sOs
Zoun vs Clem
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.