• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EST 04:04
CET 10:04
KST 18:04
  • 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 Season 3 - Playoffs Preview0RSL Season 3 - RO16 Groups C & D Preview0RSL Season 3 - RO16 Groups A & B Preview2TL.net Map Contest #21: Winners12Intel X Team Liquid Seoul event: Showmatches and Meet the Pros10
Community News
RSL Season 3: RO16 results & RO8 bracket13Weekly Cups (Nov 10-16): Reynor, Solar lead Zerg surge1[TLMC] Fall/Winter 2025 Ladder Map Rotation14Weekly Cups (Nov 3-9): Clem Conquers in Canada4SC: Evo Complete - Ranked Ladder OPEN ALPHA14
StarCraft 2
General
SC: Evo Complete - Ranked Ladder OPEN ALPHA RSL Season 3: RO16 results & RO8 bracket RSL Season 3 - Playoffs Preview Mech is the composition that needs teleportation t GM / Master map hacker and general hacking and cheating thread
Tourneys
RSL Revival: Season 3 $5,000+ WardiTV 2025 Championship StarCraft Evolution League (SC Evo Biweekly) Constellation Cup - Main Event - Stellar Fest 2025 RSL Offline Finals Dates + Ticket Sales!
Strategy
Custom Maps
Map Editor closed ?
External Content
Mutation # 500 Fright night Mutation # 499 Chilling Adaptation Mutation # 498 Wheel of Misfortune|Cradle of Death Mutation # 497 Battle Haredened
Brood War
General
2v2 maps which are SC2 style with teams together? Data analysis on 70 million replays soO on: FanTaSy's Potential Return to StarCraft BGH Auto Balance -> http://bghmmr.eu/ A cwal.gg Extension - Easily keep track of anyone
Tourneys
[BSL21] RO16 Tie Breaker - Group B - Sun 21:00 CET [BSL21] RO16 Tie Breaker - Group A - Sat 21:00 CET [Megathread] Daily Proleagues Small VOD Thread 2.0
Strategy
Current Meta Game Theory for Starcraft How to stay on top of macro? PvZ map balance
Other Games
General Games
Should offensive tower rushing be viable in RTS games? Clair Obscur - Expedition 33 Path of Exile Stormgate/Frost Giant Megathread EVE Corporation
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
Mafia Game Mode Feedback/Ideas
Community
General
Russo-Ukrainian War Thread US Politics Mega-thread The Games Industry And ATVI Things Aren’t Peaceful in Palestine About SC2SEA.COM
Fan Clubs
White-Ra Fan Club The herO Fan Club!
Media & Entertainment
[Manga] One Piece Movie Discussion! Anime Discussion Thread Korean Music Discussion
Sports
2024 - 2026 Football Thread Formula 1 Discussion NBA General Discussion MLB/Baseball 2023 TeamLiquid Health and Fitness Initiative For 2023
World Cup 2022
Tech Support
TL Community
The Automated Ban List
Blogs
The Health Impact of Joining…
TrAiDoS
Dyadica Evangelium — Chapt…
Hildegard
Saturation point
Uldridge
DnB/metal remix FFO Mick Go…
ImbaTosS
Customize Sidebar...

Website Feedback

Closed Threads



Active: 1883 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
RSL Revival
07:30
Playoffs
Maru vs SHINLIVE!
herO vs TBD
Crank 1168
Tasteless1124
IndyStarCraft 192
CranKy Ducklings124
Rex110
3DClanTV 108
LiquipediaDiscussion
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
Crank 1168
Tasteless 1124
IndyStarCraft 192
Rex 110
StarCraft: Brood War
Britney 40137
Sea 5711
Horang2 2887
Jaedong 2145
Rain 1184
GuemChi 690
Larva 628
Stork 310
PianO 162
Pusan 161
[ Show more ]
Leta 122
BeSt 115
Killer 103
Barracks 99
Dewaltoss 81
soO 73
ToSsGirL 57
Zeus 54
Sharp 52
Noble 28
yabsab 27
Sacsri 26
Hm[arnc] 16
Bale 15
NotJumperer 8
Purpose 5
Backho 0
Dota 2
monkeys_forever455
NeuroSwarm111
Other Games
summit1g15337
fl0m437
Organizations
Dota 2
PGL Dota 2 - Main Stream6799
StarCraft: Brood War
lovetv 14
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 14 non-featured ]
StarCraft 2
• Berry_CruncH26
• LUISG 16
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
Dota 2
• C_a_k_e 1974
League of Legends
• Stunt813
Upcoming Events
Wardi Open
4h 56m
IPSL
10h 56m
StRyKeR vs OldBoy
Sziky vs Tarson
BSL 21
10h 56m
StRyKeR vs Artosis
OyAji vs KameZerg
OSC
13h 56m
OSC
23h 56m
Wardi Open
1d 2h
Monday Night Weeklies
1d 7h
OSC
1d 13h
Wardi Open
2 days
Replay Cast
2 days
[ Show More ]
Wardi Open
3 days
Tenacious Turtle Tussle
3 days
The PondCast
4 days
Replay Cast
4 days
LAN Event
5 days
Replay Cast
5 days
Replay Cast
5 days
Liquipedia Results

Completed

Proleague 2025-11-21
Stellar Fest: Constellation Cup
Eternal Conflict S1

Ongoing

C-Race Season 1
IPSL Winter 2025-26
KCM Race Survival 2025 Season 4
SOOP Univ League 2025
YSL S2
BSL Season 21
CSCL: Masked Kings S3
SLON Tour Season 2
RSL Revival: Season 3
META Madness #9
BLAST Rivals Fall 2025
IEM Chengdu 2025
PGL Masters Bucharest 2025
Thunderpick World Champ.
CS Asia Championships 2025
ESL Pro League S22
StarSeries Fall 2025
FISSURE Playground #2

Upcoming

BSL 21 Non-Korean Championship
Acropolis #4
IPSL Spring 2026
HSC XXVIII
RSL Offline Finals
WardiTV 2025
IEM Kraków 2026
BLAST Bounty Winter 2026
BLAST Bounty Winter 2026: Closed Qualifier
eXTREMESLAND 2025
ESL Impact League Season 8
SL Budapest Major 2025
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.