• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 16:52
CEST 22:52
KST 05:52
  • 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
Team Liquid Map Contest #22: Results and Winners7Code S Season 2 (2026): RO4 and Finals Preview12TL.net Map Contest #22 - Voting & Ladder Map Selection7Code S Season 2 (2026) - RO8 Preview7[ASL21] Finals Preview: Two Legacies21
Community News
ZeroSpace at Steam NextFest - Last free demo8Weekly Cups (June 8-14): Clem and Solar double, PTR tested0RSL: S6 Finals played at BlizzCon 202611Douyu Cup 2026: $20,000 Legends Event (June 26-28)10[BSL22] Non-Korean Championship from 13 to 28 June4
StarCraft 2
General
StarCraft II 5.0.16 PTR Patch Notes may 26th Daily SC2 Player Grid - feedback wanted TL Poll: How do you feel about the 5.0.16 PTR balance changes? Code S Season 2 (2026) - RO8 Preview Updates to The Core/Core Lite for v5.0.16?
Tourneys
Master Swan Open (Global Bronze-Master 2) GSL CK #4 20-21th June Crank Gathers Season 4: BW vs SC2 Team League Douyu Cup 2026: $20,000 Legends Event (June 26-28) Maestros of The Game 2 announcement and schedule !
Strategy
[G] Having the right mentality to improve
Custom Maps
Work In Progress Melee Maps [D]RTS in all its shapes and glory <3
External Content
Mutation # 530 One For All The PondCast: SC2 News & Results Mutation # 529 Opportunities Unleashed Mutation # 528 Infection Detected
Brood War
General
BGH Auto Balance -> http://bghmmr.eu/ vespene.gg — BW replays in browser Data needed BW General Discussion VPN experiences
Tourneys
The Casual Games of the Week Thread [Megathread] Daily Proleagues [ASL21] Grand Finals [BSL22] Grand Finals - Sunday 21:00 CEST
Strategy
Simple Questions, Simple Answers Relatively freeroll strategies Creating a full chart of Zerg builds Why doesn't anyone use restoration?
Other Games
General Games
Stormgate/Frost Giant Megathread ZeroSpace at Steam NextFest - Last free demo Path of Exile Nintendo Switch Thread ZeroSpace Megathread
Dota 2
Looking for a Dota Mentor Official 'what is Dota anymore' discussion
League of Legends
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Deck construction bug
TL Mafia
Vanilla Mini Mafia {D-2} Late to making 20.06.2026 memorable [p]94718
Community
General
US Politics Mega-thread Russo-Ukrainian War Thread [H]Internet/Gaming Cafe Tips and Tricks The Games Industry And ATVI UK Politics Mega-thread
Fan Clubs
The HerO Fan Club! The herO Fan Club!
Media & Entertainment
Movie Discussion! [Req][Books] Good Fantasy/SciFi books [TV/BOOK] *SPOILERS* Game of Thrones Discussion
Sports
2024 - 2026 Football Thread McBoner: A hockey love story TeamLiquid Health and Fitness Initiative For 2023 Formula 1 Discussion Cricket [SPORT]
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread Facing Challenges in Mobile App Development
TL Community
The Automated Ban List
Blogs
How To Predict Tilt in Espor…
TrAiDoS
An Exploration of th…
waywardstrategy
I'm an arrogant trash talke…
FlaShFTW
Gauntlet SC2: A Retrospectiv…
Ctone23
Why RTS gamers make better f…
gosubay
Customize Sidebar...

Website Feedback

Closed Threads



Active: 14388 users

Learning Photoshop the proper way -Part2

Blogs > leecH
Post a Reply
leecH
Profile Blog Joined September 2010
Germany385 Posts
Last Edited: 2011-06-20 19:21:37
June 19 2011 06:10 GMT
#1
Hi again and welcome to Part2 If you are like "WTF is this?" please go check out Part1 first.
http://www.teamliquid.net/blogs/viewblog.php?id=234353

Thanks for all the nice feedback. Thats the reason Part2 is already here :D
I thought about how to continue. I dont really have a gameplan, so to say. First i wanted to go into some of the "bread and butter" tools for Photoshop after i already started talking about Layers and Masks. But actually i´d like to put Photoshop aside for a bit and talk about something i feel is very important to new comers and even for more advanced people.

Let´s talk about colours:

Remember when you were a littel kid? You had all those colourful toys, were forced to wear ridicoulous coloured clothes and maybe spent some time with a colouring book. As you grew older you started to wear more and more black and white clothes. Maybe you threw away all your colourful posters hanging around in your room because now, you like it nice and clean. Thats just how things change. You start to loose your sense for colours.

But this sense can be gained back and it´s very important you do so if you want to get into anything related to pictures, designs or even just making a very simple interface for a programm you are busy coding. The best thing about it is: It does not take any precious time away from you! For some people this may sound absolutly stupid but for others this is as eye opening as it was for me, espacially when you live in a city where everything is gray.

When first starting to work at a company during my education i was hanging out in Photoshop for 8-10 hours a day. After several weeks i started to look differently at my surrounding. When going to work at morning i was suprised how blue all these gray walls looked. And when going back home how orange and warm everything seemed. This sounds like i smoked too much weed during that time, which may be true or not.

Don´t open the spoiler yet. Look at this gray. Looks gray doesnt it :D ?
[image loading]
Now open the spoiler. See what i´m trying to say?
+ Show Spoiler +
[image loading]


If you start training your eyes so you can see the first gray is a warm gray without seeing the comparison, you developped a very helpful skill. For some this will be easier than for others.
The example is pretty obvious but if you train your eyes you will spot difference in 1-3% ranges.

Now, how can we train our eyes to do so? The first step is to understand that our brain actually works against us in this case. Our brain claims "The white wall in my room is painted white, therefore, it is white!" Take a look at anything in your room that is white. Is this really really pure white? Or does it look more like some kind of grey or "dirty white"? Compare it to the white on your screen.

Let´s imagine Day9 is our best buddie and he asks us to "Photoshop" his awesome picture. We open the picture and just look at it. Really do this. Just look at the picture for a bit. What do you notice?

[image loading]

Its very yellow heavy and oversaturated. Take a look at the table - its yellow! This means poor Day9 is also too yellow heavy. You see this has nothing to do with Photoshop itself. But with the help of Photoshop we now can correct this.

[image loading]

The next step i did was to give the picture a bit more contrast. I just felt like it. It´s not much so i wont upload a picture. Now with the corrected colours, the tshirts starts to look washed out. Doesn´t seem right so lets make a healthy green out of it.

[image loading]

This are 3 very simple steps and roughly took about 15 minutes to execute. It´s not really a creative or complicated process, still the picture benefits alot from those changes. Of course this is not a masterpiece but i try to keep it simple.

(Note: every screen displays colours differently. Ever have been to a media market where 30 screens are next to each other? They all have different colours. There are professional screens which can be calibrated to a veriety of standards. Those screens are insanly expensive [2000 Euro upwards]. I am using my TV as a screen which of course is very unfortunate but i can´t afford a good screen so im stuck with it. Anyway to all you more advanced folks: you can google and read abit more into it. There are some ways to optimize your screen without expensive hardware. It´s worth it.)

Let´s take it one step further:

Of course i know many use Photoshop for designing or layouting only and care less about pictures. Lets take the MLG Logo for example. Why does it look so glossy?

[image loading]

Again, take a look at your room. Why does glossy plastic look glossy? Why does metal look like metal and why does cloth look like cloth. You need to examine simple things like this and understand them. Then you wont have a problem making a glossy logo. All you then need is to know is how to immitate these characteristics in Photoshop. Now we can go into Photoshop and start bothering which tool to use to make the white gardients which let the MLG logo look like glossy plastic.

When you are traveling with the train, taking a sh*t or enjoying a cigaret on your balcony, think about why something looks like it does. Out of personal experience: don´t do this when interacting with other people :D Anyway i hope i could give you abit of a personal insight.

[Tools] A closer look at the Pen Tool (Shortcut: P)

I bet some of you are like "omg stfu and tell me something useful". Okeeey =( here you go:

This is one of the most powerful tools. Its one of those bread and butter tools you absolutly have to know about. Whenenver you need to select or cut out a part of a picture the first thought should be "can i do this with the Pen Tool?". Also this is the go to tool if you want to create any kind of shape. Because Adobe sometimes is a bit of a Troll, we have to adjust the settings for the tool first. By the way, always check out the tool settings and play around with it. Worth it! The Pen Tool one should look like this:

[image loading]

Now how does it work? Just try it out. It´s not rocket science :D Take 10 minutes and just try to outline something. Like always try keys like Alt or Strg/Cntrl out in combination with clicking on the little squares and on the lines. This tool will first feel awkward and need some time until you get used to it. But its the most accurate tool when you have to select, cut, make curves etc. We even have something like a "Layerwindow" only for our the paths we make. Imagine you do a retouche of a car, first thing you do is path the shit out of the car. It takes a huge amount of time, is boring as hell and needs to be as accurate as possible. Don´t be sloppy with the path tool! It will bite you in the ass later! (Also name your paths and dont be lazy like i was.)


[image loading]
(Note: this is a 25% view. When using the Pen Tool, zoom in a bit so you can work accurate)

After setting up all the paths we can now select every part of the car we like and influence them. To make a selection out of a path press Ctrl + click on the path in the pathwindow. You can also do this with layers. Now we have a selection. Sweet, right? From here we have lots of options. While having or selection active, we can make an adjustment layer (curves for example, as seen in Part-1 last picture). It will directly make a mask out of your selection, meaning you now can change to colours for the part you made the path for. I hope i explained this ok, if not tell me.

Alright thats just an example for the Pen Tool. Don´t be lazy and use it, even if it takes alot of time to use it´s worth it!

I guess thats it for Part2. Tell me if this helped you at all or if i may miss obvious things. It´s the first time for me really sharing this kind of stuff so yeah.. I also like the idea of always talking about something not too much related to Photoshop itself and then talk about a tool or a function. I guess this benefits a more wide range of people.

Hope you enjoyed and thanks for reading,
leech



****
Bockit
Profile Blog Joined November 2004
Sydney2287 Posts
June 19 2011 06:53 GMT
#2
Very cool that you're writing up this series

I didn't see this mentioned and I'd be curious what you think about it (it seems you use ps professionally, I do too, but not my primary tool). Just elaborating on the pen tool intro, I'd add that it's the best (as in quality) way to cut something out of a picture. Sometimes time > quality and you have to use other measures but if the time is manageable I always use the pen tool to cut things out of a picture.
Their are four errors in this sentance.
DoX.)
Profile Joined December 2008
Singapore6164 Posts
June 19 2011 07:03 GMT
#3
Very nice :D Thanks very much for this series
Sovetsky Soyuz
Profile Joined May 2011
Russian Federation905 Posts
June 19 2011 07:05 GMT
#4
Is it finished? Mooooarrr!!!
leecH
Profile Blog Joined September 2010
Germany385 Posts
Last Edited: 2011-06-19 07:09:37
June 19 2011 07:06 GMT
#5
On June 19 2011 15:53 Bockit wrote:
Very cool that you're writing up this series

I didn't see this mentioned and I'd be curious what you think about it (it seems you use ps professionally, I do too, but not my primary tool). Just elaborating on the pen tool intro, I'd add that it's the best (as in quality) way to cut something out of a picture. Sometimes time > quality and you have to use other measures but if the time is manageable I always use the pen tool to cut things out of a picture.


I added it. You are absolutly right it is the best tool to cut something out. Not just quality wise but also because Adobe InDesign can "read" these paths. I bet you know this but i thought i might mention it now and keep the first post as simple as possible :D

I feel you on the time/money > quality.. some clients.........


On June 19 2011 16:05 Sovetsky Soyuz wrote:
Is it finished? Mooooarrr!!!


gotta watch dreamhack soon and need to get into masters league T_T but moaar comming soon. promised.
HaruHaru
Profile Blog Joined November 2009
United States988 Posts
June 19 2011 07:37 GMT
#6
there needs to be a function to subscribe to blogs on tl...
Long live BroodWar!
Plexa
Profile Blog Joined October 2005
Aotearoa39261 Posts
June 19 2011 08:00 GMT
#7
On June 19 2011 16:37 HaruHaru wrote:
there needs to be a function to subscribe to blogs on tl...

http://www.teamliquid.net/blog/photoshop
http://www.teamliquid.net/blog/photoshop/rss
Administrator~ Spirit will set you free ~
BroOd
Profile Blog Joined April 2003
Austin10833 Posts
June 19 2011 08:16 GMT
#8
Great series so far, will be looking forward to more! I almost never use the pen tool out of ignorance, but I'll play around with it a bit.
ModeratorSIRL and JLIG.
adso
Profile Joined March 2011
718 Posts
June 19 2011 09:18 GMT
#9
photoshop rules all (and has for more than 20 years)
esasafe
Profile Joined November 2010
United States103 Posts
June 19 2011 09:46 GMT
#10
Thank you very much for this amazing series of blogs - I've been fumbling my way through photoshop to touch up my photos, but I haven't explored the myriad options available. Thanks for the highlighting on different tools!
RHCPgergo
Profile Blog Joined June 2005
Hungary345 Posts
Last Edited: 2011-06-19 11:12:07
June 19 2011 10:27 GMT
#11
I haven't used or tried photoshop before, but I've put it on my things-to-do list long ago. Thanks a lot for inspiring me, I will be following this blog. Cheers!

edit: I really like how you add some "real life examples" and you don't just explain the tools. 5 stars all the way, thank you!
DrThorMD
Profile Blog Joined February 2011
Canada359 Posts
June 19 2011 10:29 GMT
#12
Nice. I just got photoshop and was looking for a place to help me start off. This is perfect.
Damn your Chronoboosts!
Please log in or register to reply.
Live Events Refresh
Next event in 14h 8m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
WinterStarcraft550
ByuN 540
UpATreeSC 89
ZombieGrub75
Railgan 63
JuggernautJason23
StarCraft: Brood War
Calm 2795
Soulkey 331
ggaemo 143
actioN 82
Rock 23
Counter-Strike
fl0m9990
summit1g5945
byalli670
Heroes of the Storm
Liquid`Hasu418
Trikslyr74
Other Games
Grubby2829
singsing2102
FrodaN673
Beastyqt647
shahzam469
B2W.Neo366
PiGStarcraft259
C9.Mang0210
ROOTCatZ115
KnowMe77
Mew2King75
Livibee60
kaitlyn10
Organizations
Dota 2
PGL Dota 2 - Main Stream5221
Other Games
gamesdonequick1724
StarCraft 2
angryscii 31
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
[ Show 15 non-featured ]
StarCraft 2
• Hupsaiya 65
• musti20045 18
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• FirePhoenix13
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Counter-Strike
• imaqtpie749
• Shiphtur136
Upcoming Events
WardiTV Spring Champion…
14h 8m
GSL
15h 8m
Maru vs ShoWTimE
Classic vs Reynor
herO vs Lambo
Solar vs Clem
BSL22 NKC (BSL vs China)
22h 8m
XuanXuan vs Jaystar
Mihu vs Messiah
eOnzErG vs Dewalt
Bonyth vs Jaystar
TerrOr vs Messiah
XuanXuan vs Mihu
eOnzErG vs Jaystar
Replay Cast
1d 3h
WardiTV Spring Champion…
1d 14h
GSL
1d 15h
Patches Events
1d 20h
BSL22 NKC (BSL vs China)
1d 22h
Dewalt vs Messiah
Bonyth vs Mihu
TerrOr vs XuanXuan
eOnzErG vs Messiah
Jaystar vs Mihu
Dewalt vs XuanXuan
Bonyth vs TerrOr
Replay Cast
2 days
WardiTV Weekly
2 days
[ Show More ]
Monday Night Weeklies
2 days
Sparkling Tuna Cup
3 days
The PondCast
4 days
Douyu Cup 2020
5 days
Oliveira vs Trap
Jieshi vs XY
soO vs FanTaSy
TY vs Coffee
Douyu Cup 2020
6 days
Neeb vs Impact
MacSed vs Cyan
Scarlett vs Kelazhur
INnoVation vs Dear
Liquipedia Results

Completed

KCM Race Survival 2026 Season 2
uThermal 2v2 2026 Main Event
Heroes Pulsing #2

Ongoing

IPSL Spring 2026
Acropolis #4
CSCL: Masked Kings S4
YSL S3
BSL 22 Non-Korean Championship
CSL Season 21: Qualifier 1
SCTL 2026 Spring
Maestros of the Game 2
WardiTV Spring 2026
Murky Cup 2026
IEM Cologne Major 2026
Stake Ranked Episode 2
CS Asia Championships 2026
Asian Champions League 2026
IEM Atlanta 2026
PGL Astana 2026
BLAST Rivals Spring 2026
IEM Rio 2026
PGL Bucharest 2026

Upcoming

CSL Season 21: Qualifier 2
CSL 2026 Summer (S21)
CSLAN 4
Blizzard Classic Cup 2026
Kung Fu Cup 2026 Grand Finals
RSL Revival: Season 6
CranK Gathers Season 4: BW vs SC2 Team League
HSC XXIX
Douyu Cup 2026
BCC 2026
Light HT
Heroes Pulsing #3
BLAST Open Fall 2026
Esports World Cup 2026
BLAST Bounty Summer 2026
BLAST Bounty Summer Qual
Stake Ranked Episode 3
XSE Pro League 2026
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 © 2026 TLnet. All Rights Reserved.