• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 14:41
CEST 20:41
KST 03:41
  • 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 TLMC #5: Winners Announced!0[ASL20] Ro8 Preview Pt2: Holding On9Maestros of the Game: Live Finals Preview (RO4)5TL.net Map Contest #21 - Finalists4Team TLMC #5: Vote to Decide Ladder Maps!0
Community News
Weekly Cups (Sept 29-Oct 5): MaxPax triples up3PartinG joins SteamerZone, returns to SC2 competition245.0.15 Balance Patch Notes (Live version)114$2,500 WardiTV TL Map Contest Tournament 152Stellar Fest: StarCraft II returns to Canada11
StarCraft 2
General
5.0.15 Balance Patch Notes (Live version) The New Patch Killed Mech! Weekly Cups (Sept 29-Oct 5): MaxPax triples up Team TLMC #5: Winners Announced! WoL: how does "advanced construction" work?
Tourneys
Sea Duckling Open (Global, Bronze-Diamond) $2,500 WardiTV TL Map Contest Tournament 15 RSL Offline Finals Dates + Ticket Sales! Tenacious Turtle Tussle Stellar Fest
Strategy
Custom Maps
External Content
Mutation # 494 Unstable Environment Mutation # 493 Quick Killers Mutation # 492 Get Out More Mutation # 491 Night Drive
Brood War
General
ASL20 General Discussion BW General Discussion Question regarding recent ASL Bisu vs Larva game [BSL21] - How to Qualify to Each League ? RepMastered™: replay sharing and analyzer site
Tourneys
[ASL20] Ro8 Day 4 Small VOD Thread 2.0 [Megathread] Daily Proleagues [ASL20] Ro8 Day 3
Strategy
Current Meta TvZ Theorycraft - Improving on State of the Art Proposed Glossary of Strategic Uncertainty 9 hatch vs 10 hatch vs 12 hatch
Other Games
General Games
Stormgate/Frost Giant Megathread Nintendo Switch Thread ZeroSpace Megathread Dawn of War IV Path of Exile
Dota 2
Official 'what is Dota anymore' discussion LiquidDota to reintegrate into TL.net
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
SPIRED by.ASL Mafia {211640} TL Mafia Community Thread
Community
General
US Politics Mega-thread Things Aren’t Peaceful in Palestine Russo-Ukrainian War Thread UK Politics Mega-thread The Games Industry And ATVI
Fan Clubs
The herO Fan Club! The Happy Fan Club!
Media & Entertainment
Movie Discussion! Anime Discussion Thread [Manga] One Piece
Sports
2024 - 2026 Football Thread Formula 1 Discussion MLB/Baseball 2023 NBA General Discussion TeamLiquid Health and Fitness Initiative For 2023
World Cup 2022
Tech Support
SC2 Client Relocalization [Change SC2 Language] Linksys AE2500 USB WIFI keeps disconnecting Computer Build, Upgrade & Buying Resource Thread
TL Community
Recent Gifted Posts The Automated Ban List BarCraft in Tokyo Japan for ASL Season5 Final
Blogs
What your "aura" says about…
Peanutsc
Mental Health In Esports: Wo…
TrAiDoS
Try to reverse getting fired …
Garnet
[ASL20] Players bad at pi…
pullarius1
Customize Sidebar...

Website Feedback

Closed Threads



Active: 1513 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
OSC
16:00
Mid Season Playoffs
Iba vs ZiomekLIVE!
TriGGeR vs MindelVK
Lemon vs TBD
YoungYakov vs PAPI
ArT vs sebesdes
SteadfastSC226
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
mouzHeroMarine 513
SteadfastSC 208
MaxPax 159
ProTech81
BRAT_OK 79
Livibee 59
MindelVK 12
StarCraft: Brood War
Britney 30085
Mini 434
hero 300
Aegong 48
Rock 47
sas.Sziky 31
Hm[arnc] 14
yabsab 4
Dota 2
qojqva4467
Dendi1165
LuMiX1
Counter-Strike
fl0m3153
olofmeister2614
pashabiceps378
Stewie2K326
Foxcn113
Heroes of the Storm
Liquid`Hasu219
Other Games
Grubby2393
FrodaN2239
B2W.Neo492
ceh9445
RotterdaM162
KnowMe108
Sick108
ToD98
C9.Mang088
QueenE68
Trikslyr53
UpATreeSC46
Dewaltoss34
mouzStarbuck31
JuggernautJason9
OptimusSC24
Organizations
Other Games
BasetradeTV36
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 19 non-featured ]
StarCraft 2
• sooper7s
• Migwel
• LaughNgamezSOOP
• IndyKCrew
• AfreecaTV YouTube
• Kozan
• intothetv
StarCraft: Brood War
• FirePhoenix11
• ZZZeroYoutube
• STPLYoutube
• BSLYoutube
Dota 2
• C_a_k_e 3694
• WagamamaTV559
• lizZardDota242
League of Legends
• Nemesis5326
• Jankos1218
• TFBlade592
Other Games
• imaqtpie1226
• Shiphtur210
Upcoming Events
Tenacious Turtle Tussle
4h 19m
The PondCast
15h 19m
Map Test Tournament
16h 19m
OSC
21h 19m
Map Test Tournament
1d 16h
OSC
1d 18h
Korean StarCraft League
2 days
CranKy Ducklings
2 days
Map Test Tournament
2 days
OSC
2 days
[ Show More ]
[BSL 2025] Weekly
2 days
Safe House 2
2 days
Sparkling Tuna Cup
3 days
Map Test Tournament
3 days
OSC
3 days
IPSL
4 days
Bonyth vs Art_Of_Turtle
Razz vs rasowy
Liquipedia Results

Completed

Acropolis #4 - TS2
Maestros of the Game
HCC Europe

Ongoing

BSL 21 Points
ASL Season 20
CSL 2025 AUTUMN (S18)
C-Race Season 1
IPSL Winter 2025-26
WardiTV TLMC #15
EC S1
ESL Pro League S22
Frag Blocktober 2025
Urban Riga Open #1
FERJEE Rush 2025
Birch Cup 2025
DraculaN #2
LanDaLan #3
StarSeries Fall 2025
FISSURE Playground #2
BLAST Open Fall 2025
BLAST Open Fall Qual
Esports World Cup 2025
BLAST Bounty Fall 2025
BLAST Bounty Fall Qual
IEM Cologne 2025

Upcoming

SC4ALL: Brood War
BSL Season 21
BSL 21 Team A
RSL Offline Finals
RSL Revival: Season 3
Stellar Fest
SC4ALL: StarCraft II
eXTREMESLAND 2025
ESL Impact League Season 8
SL Budapest Major 2025
BLAST Rivals Fall 2025
IEM Chengdu 2025
PGL Masters Bucharest 2025
Thunderpick World Champ.
CS Asia Championships 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.