• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 00:58
CET 06:58
KST 14:58
  • 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
RSL Revival - 2025 Season Finals Preview8RSL Season 3 - Playoffs Preview0RSL Season 3 - RO16 Groups C & D Preview0RSL Season 3 - RO16 Groups A & B Preview2TL.net Map Contest #21: Winners12
Community News
$21,000 RyongYi Cup Season 3 announced (Jan 22-Feb 7)0Weekly Cups (Dec 29-Jan 4): Protoss rolls, 2v2 returns6[BSL21] Non-Korean Championship - Starts Jan 103SC2 All-Star Invitational: Jan 17-1822Weekly Cups (Dec 22-28): Classic & MaxPax win, Percival surprises3
StarCraft 2
General
Weekly Cups (Dec 29-Jan 4): Protoss rolls, 2v2 returns SC2 All-Star Invitational: Jan 17-18 Weekly Cups (Dec 22-28): Classic & MaxPax win, Percival surprises Chinese SC2 server to reopen; live all-star event in Hangzhou Starcraft 2 Zerg Coach
Tourneys
$21,000 RyongYi Cup Season 3 announced (Jan 22-Feb 7) WardiTV Winter Cup WardiTV Mondays SC2 AI Tournament 2026 OSC Season 13 World Championship
Strategy
Simple Questions Simple Answers
Custom Maps
Map Editor closed ?
External Content
Mutation # 507 Well Trained Mutation # 506 Warp Zone Mutation # 505 Rise From Ashes Mutation # 504 Retribution
Brood War
General
I would like to say something about StarCraft BGH Auto Balance -> http://bghmmr.eu/ BW General Discussion StarCraft & BroodWar Campaign Speedrun Quest Data analysis on 70 million replays
Tourneys
[Megathread] Daily Proleagues [BSL21] Grand Finals - Sunday 21:00 CET [BSL21] Non-Korean Championship - Starts Jan 10 SLON Grand Finals – Season 2
Strategy
Game Theory for Starcraft Simple Questions, Simple Answers Current Meta [G] How to get started on ladder as a new Z player
Other Games
General Games
Awesome Games Done Quick 2026! Stormgate/Frost Giant Megathread General RTS Discussion Thread Nintendo Switch Thread Should offensive tower rushing be viable in 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
Deck construction bug Heroes of StarCraft mini-set
TL Mafia
Vanilla Mini Mafia Mafia Game Mode Feedback/Ideas Survivor II: The Amazon Sengoku Mafia
Community
General
US Politics Mega-thread Things Aren’t Peaceful in Palestine Russo-Ukrainian War Thread Trading/Investing Thread The Big Programming Thread
Fan Clubs
White-Ra Fan Club
Media & Entertainment
Anime Discussion Thread
Sports
2024 - 2026 Football Thread Formula 1 Discussion
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List TL+ Announced
Blogs
Life Update and thoughts.
FuDDx
How do archons sleep?
8882
Psychological Factors That D…
TrAiDoS
James Bond movies ranking - pa…
Topin
StarCraft improvement
iopq
Customize Sidebar...

Website Feedback

Closed Threads



Active: 1276 users

Learning Photoshop the proper way -Part5

Blogs > leecH
Post a Reply
leecH
Profile Blog Joined September 2010
Germany385 Posts
Last Edited: 2012-01-20 21:17:22
January 20 2012 21:09 GMT
#1
Hello,

so i started to write this blog some months ago and some people really enjoyed it.

I did not had the motivation last few months because of having a new job. I had to move because of it so i was a little bit stressed out and stuff :-)

Last blogentry didnt seemed to get as many attention as the ones before. I guess it was because i did not talk about Potoshop at all and only talked about pictures. I still think you should spend alot of time thinking about pictures, art or whatever your into, compared to the time you actually spend in Photoshop. I think of it like playing Starcraft without a solid opener. You need to understand whats happening in the picture that is in front of you. Otherwise you will just play around with colours and this and that and then close Photoshop again. Photoshop is a tool for you to change or paint Pictures the way you want (or a client wants you to). You can know every tool or function Photoshop has to offer you. This does not make you any good at it. Yeah your "mechanics" are like the ones of a Grandmaster but your understanding is bronze. But of course you need to know some basics. Ohterwise your screwed.

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

First things first

This entry is a bit advanced. But the thing i will talk about this time is something that became more and more basic and logical to me, the more i used Photoshop. So i hope this kind of "technique" will save you alot of struggle later on. To me this is fundemental in my workflow.

Please stay with me even though english speaking people might get a "WTF" moment here or there. Not everyones born in England or the USA or payed attention at school ;-) Also ask questions if something is confusing you!

Also if youre still new to Photoshop this will be most useful to change colours, brightness and saturation and so on. Later you can use this technique for other tools.


Selections and Masks

Some entries ago i told you to use the Path tool because its a bread and butter tool you just have to know. When you manipulate pictures you always want to change "that thing over there" or "this certain thing that bugs me here". Maybe its just this one thing that needs some more red or you want to blur or whatever. But you first have to select it. You have to define space in which you work within a picture. This is essential. Otherwise you just puke all over the image.

There are alot of gimmicky tools photoshop offers but we go all the way back before Photoshop was even around. Before computers existed.

Back when i was still playing with toys there was a certain technique to manipulate pictures without computers.
Basicly the idea was you have "negatives". They are called Lithofilms i hope they are called the same in english. So imagine you have a big negative of a picture in front of you. Physicly. And you spray chemicals or light on it so you can change the brightness of it. Say you want to get rid of a shadow. They used chemicals to get the "black parts" out of the the picture. But they could not just spray those chemicals all over the picture s[o they put a special red foil over the parts they wanted to protect. Its basicly the same idea as this:



[image loading]
(a random picture on google images)

Only with this knowledge we can fully undertand the following function Photoshop offers us.


Alright. Lets prepare for battle!!!!!!!!!!!!!!!!!! Double click that Mask item!!
[image loading]
(Give it 100% youll understand soon. Also use Masked Areas unlike me. I forget to change it back for the screenshot. I like the other one better but for understanding use Masked areas. Its the default one.)


I hope you read and understood the last blog posts and fooled around with Photoshop a bit.

So this is how it works: You can switch between "Selection Mode" and "Mask Mode" at any given time by pressing the button Q. There is a reason why it is Q.. its because this function is so important they put it on a confi place for your hand.

Anyway..

You see that one icon switch from grey to dark grey when you press Q. Keep an eye on it so you wont get confused at the beginning. Dark grey means you are in the "Mask Mode".

For the nerds: You only work with vizualized 0 to 255 bits or 0% to 100% now. No colours involved at all.

Alright.. Stay withe me!!

So there are two ways to approach this:

We are in the "normal Mode / selection Mode".. the one you are probably in if you did not press Q yet.. and we use tools like.. making selections (Key: M) or other tools that can make you selections (Path tool i talked about in Part2 i think). You can then press Q to make a temporary mask/foil out of this selection. Now its red, right?. This IS the red foil i talked about earlier. The red parts protect the image from the changes we will do later. You now defined a space where you can change something in your picture. VERY important is that you understand this "Mask Mode" is there to visualize a "Selection". We dont touch the image itself. We define the space we want to change later on.

The other way around is like this:

If we are in the "Mask Mode" (by using Q) we can now for example paint a Mask with a brush. This also means we can paint Selections because we can switch back and forth with the button Q and make Selections out of Masks and Masks out of Selections. Get it? This i huge! We dont have to limit ourself to static slections the Selection Tool or the Quick Selection or many other Tools give us.

We can use all those Tools and then switch into the Mask mode and refine those selections. We can use all the Tools given by Photoshop to also work in the "Mask Mode". Not only the brush. We can use the for example the "Dodge Tool" or the "Burn Tool" only to define what space we want to work in. This gives a hole new level of depth to Photoshop and many of its tools! We now dont just use to Dodge Tool to paint/make a certain part of the image brighter. We can use the Dodge Tool to tune our mask/the space whe want to work with.

Think about the Sprayer again. He only has a paper cutout. It will block all the colour thus making a shape. 100% colour where theres no paper and 0% where the paper bocks the paint. The paint wont go threw the paper. But we can say "Here i dont want colour to be sprayed on the wall BUT here i want 25% of the color go threw the paper and here 12%". We can not only define Space where we want something to change we can even define how much % we change. And this is the magic of the Mask Mode.

Alright heres an example. Think of the Sprayer once again.

Step 1 Normal / Selection Mode

We do a square selection (Shorcut for the tool: M) in the normal Photoshp Mode we are used to.
[image loading]

Step 2 Mask Mode

We Press Q thus switching to the "Mask Mode". Again, the red is your foil that protects the white (which woul be a picture for example) behind it
[image loading]

Step 3 still in Mask Mode

We take a Brush (Shorcut for the tool: B) with a soft edge (right click while Brush is active) and click once (or draw something)
[image loading]

Steph 4 Normal / Selection Mode

Switch back to "normal Mode" and fill your selection with Colour by rightclick and "Fill ..." or click alt+backspace or ctrl + backspace. Now you painted colour only where your mask lets you.
[image loading]

The logic behind this is hard to undestand if you are new. But this is not only a clean style of working it has much more benefits. Sure we can fill this Mask/Selection with colour. But we can also use those tools:
[image loading]
(this is the bottom of the Layerwindow)

Now whats the connection between those precious tools in the screenshot above and the Mask Mode.

Go threw Step 1 to 4 again. You have your selection, right?
Now just click on one of those tools in the screenshot above. It will automaticly make a mask. Now your.. lets say Curves tool only works on the space you defined with the steps taken before. Same as the black colour worked when we filled our selection with black. We need / should use the Mask Mode to make clean and complex Masks for the Masks we "cut out" our Layers in the Layerwindow.

We can do very very complex colour corrections for example. Lets say we want to Photoshop a picture of us for a new job. But we dont want to pay this local photographer whos ripping everyone off, right?

Because we dont have a Studio we only have like one light in our room thus making one side of our face way to dark where the light does not reach. We now change this error by only using one tool, only one layer, only one set of colour correction. Only one Curve, or one Brightness change.

THIS IS working clean. The more clean and complex your Mask are on your Layer, the better the result and controle over the picture!!! This will consume most of your time. Changing the colour will be fast.

For the advanced people: Imagine you can tell your Clone Tamp Tool exactly where to Stamp and with how much opacity.

f you work like this you will avoid having 50 Layers on top of each other and have redundant changes to your image. If you want to make something more green you do this with only ONE thing. You dont first make it more bright, the second change is to make it less blue and on top you give it more contrast with a third tool. And the one thing that makes your face less red is also making the background less red and so on... Thats bullshit. Less is more. Sure sometimes you need to use more than one step but keep it simple by using good and clean Masks.

I think this is really advanced after writing it all down. I thought it would be easier to explain and the fact my english is not that good makes it even harder. But i hope you get the idea.

Defining spaces you want to change beforehand and then change those spaces with as less tools as you can.

Feedback is appreciated as always!!

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


Hope you guys liked this one. Someone in the last blog said he wants this thread to be more about Photoshop and the technical side of it. So here you go. I hope this helps you. Try to understand and use this method of working because it will open a hole new layer of possibilities within the program and the tools that come along.

I wish you all an awesome weekend full of Stacraft and Photoshop
Ask questions if something is unclear! Ill answer them all.

Much love,
leech

Previous Parts:

http://www.teamliquid.net/blog/photoshop
http://www.teamliquid.net/blog/photoshop/rss

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ps. the person who made the pictureuploader script is a genious ♥


*****
s.a.y
Profile Blog Joined October 2007
Croatia3840 Posts
January 20 2012 22:20 GMT
#2
Great stuff!
I am not good with quotes
leecH
Profile Blog Joined September 2010
Germany385 Posts
Last Edited: 2012-01-25 15:38:32
January 25 2012 15:38 GMT
#3
thank you but OHMYGAWD this time i get no visit this was so not worth my time.... ;-(
ohellooo
Profile Joined June 2011
United States6 Posts
January 26 2012 10:33 GMT
#4
aww thanks so much it was really nice of you to do this
EdSlyB
Profile Blog Joined September 2010
Portugal1621 Posts
February 04 2012 00:56 GMT
#5
I hope that now you'll have more time and motivation to update your blog! ^^
Keep up the good work!
aka Wardo
x-Catalyst
Profile Joined August 2010
United States921 Posts
February 04 2012 01:01 GMT
#6
Thanks for posting these, I really appreciate it! I've been working with photoshop more and more lately and I don't even know a lot of the basic stuff. But thanks for making these entries, so that even a newb like me can understand
Divinek
Profile Blog Joined November 2006
Canada4045 Posts
February 04 2012 02:35 GMT
#7
i was a bit curious if anyone on TL had written something cool for picking up photoshop, cool thanks
Never attribute to malice that which can be adequately explained by stupidity.
Oh goodness me, FOX tv where do you get your sight? Can't you keep track, the puck is black. That's why the ice is white.
GeckoVOD
Profile Blog Joined August 2006
Germany814 Posts
February 04 2012 10:31 GMT
#8
On February 04 2012 10:01 x-Catalyst wrote:
Thanks for posting these, I really appreciate it! I've been working with photoshop more and more lately and I don't even know a lot of the basic stuff. But thanks for making these entries, so that even a newb like me can understand


Exactly my thoughts.
Thanks for writing it, I'll definitely give this a closer look when I'm done with my tests at the end of the month. Greatly appreciated, keep them coming :D
@DonGeckone on Twitterstuff // JOIN THE YODA FANCLUB OR YOU'RE REALLY REALLY UNCOOL: http://www.teamliquid.net/forum/viewmessage.php?topic_id=398220
Funnytoss
Profile Blog Joined August 2007
Taiwan1471 Posts
February 07 2012 10:06 GMT
#9
Wow, this stuff is great. I've started diving deeper into Photoshop for work recently, and I knew I'd have to learn about the more technical aspects of PS sooner or later (I previously used it primarily for drawing with a tablet). Your blogs really explain some otherwise complicated concepts well, thanks a bunch!
AIV_Funnytoss and sGs.Funnytoss on iCCup
lazymej
Profile Joined February 2006
Canada269 Posts
February 07 2012 11:53 GMT
#10
Thank you so much for doing this!

I am a photography hobbyist who uses Lightroom to edit my pictures and have always wanted to learn Photoshop but didn't know where to start. I just found this and read your Part One and I enjoyed it a lot. I will definitely read the rest when I get the chance (it is 7AM right now and I need to go to sleep ).
^_~
Please log in or register to reply.
Live Events Refresh
Next event in 22h 3m
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
WinterStarcraft413
RuFF_SC2 224
Nina 152
StarCraft: Brood War
GuemChi 2989
Hyuk 717
Pusan 232
Movie 106
Shuttle 85
Larva 38
ZergMaN 34
Noble 34
soO 26
Icarus 11
[ Show more ]
Bale 10
Dota 2
NeuroSwarm109
League of Legends
JimRising 884
C9.Mang0603
Counter-Strike
Coldzera 1406
m0e_tv436
Other Games
Livibee104
minikerr58
Fuzer 43
Organizations
Other Games
gamesdonequick35061
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 20 non-featured ]
StarCraft 2
• Berry_CruncH142
• practicex 19
• Kozan
• sooper7s
• Migwel
• AfreecaTV YouTube
• LaughNgamezSOOP
• intothetv
• IndyKCrew
StarCraft: Brood War
• Diggity5
• STPLYoutube
• ZZZeroYoutube
• BSLYoutube
League of Legends
• Doublelift5687
• Lourlo1367
• Rush1014
• Stunt485
• HappyZerGling130
Other Games
• Scarra1202
• Shiphtur324
Upcoming Events
SOOP
22h 3m
SHIN vs GuMiho
Cure vs Creator
The PondCast
1d 4h
Wardi Open
1d 6h
Big Gabe XPERIONCRAFT
1d 7h
AI Arena Tournament
1d 14h
Sparkling Tuna Cup
2 days
WardiTV Invitational
2 days
IPSL
2 days
DragOn vs Sziky
Replay Cast
3 days
Wardi Open
3 days
[ Show More ]
Monday Night Weeklies
3 days
WardiTV Invitational
4 days
WardiTV Invitational
5 days
The PondCast
6 days
Liquipedia Results

Completed

Proleague 2026-01-06
WardiTV 2025
META Madness #9

Ongoing

C-Race Season 1
IPSL Winter 2025-26
Escore Tournament S1: W3
OSC Championship Season 13
eXTREMESLAND 2025
SL Budapest Major 2025
ESL Impact League Season 8
BLAST Rivals Fall 2025
IEM Chengdu 2025
PGL Masters Bucharest 2025

Upcoming

BSL 21 Non-Korean Championship
CSL 2025 WINTER (S19)
Acropolis #4
IPSL Spring 2026
Bellum Gens Elite Stara Zagora 2026
HSC XXVIII
Rongyi Cup S3
Thunderfire SC2 All-star 2025
Big Gabe Cup #3
Nations Cup 2026
Underdog Cup #3
NA Kuram Kup
BLAST Open Spring 2026
ESL Pro League Season 23
ESL Pro League Season 23
PGL Cluj-Napoca 2026
IEM Kraków 2026
BLAST Bounty Winter 2026
BLAST Bounty Winter Qual
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.