#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../_share/media/css/graphics.css" />
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../_share/media/css/org-media-sass/collapsible.css" />
#+HTML_HEAD: <script src="../_share/media/js/collapsible.js"></script>

#+title: Notes on Lesson 05 - Blending Modes | PiXimperfect

* Links
- [[../photoshop-for-complete-beginners.org][TOC | Photoshop for Beginners]]
- [[https://bit.ly/3LLKKVH][Downloadable Practice Files]]

- Curr: https://youtu.be/doI1eH_nCxs?si=BcvG_GWkiw14l492&t=1193

*** timestamps
:PROPERTIES:
:CUSTOM_ID: timestamp
:END:

#+ATTR_HTML: :class playlist
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=0s][00:00 What are Blend Modes?]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=67s][01:07 Important Announcements]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=87s][01:27 Most Important Blend Modes]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=105s][01:45 Normal Blend Mode]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=308s][05:08 Multiply Blend Mode]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=390s][06:30 Darkening with Multiply]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=552s][09:12 Multiply - Example]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=722s][12:02 Screen Blend Mode]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=782s][13:02 Brightening with Screen]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=843s][14:03 Screen - Example]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=1041s][17:21 Overlay & Soft Light]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=1156s][19:16 Contrast with Overlay & Soft Light]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=1189s][19:49 Overlay & Soft Light - Example]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=1278s][21:18 Color Blend Mode]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=1370s][22:50 Color - Example]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=1536s][25:36 More Blend Modes]]
+ [[https://www.youtube.com/watch?v=doI1eH_nCxs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=5&t=1547s][25:47 Quick Recap]]
* Notes

** what are blend modes
- control the way layers interact with other layers

  #+attr_html: :width 300px
  file:../_share/media/img/photoshop-beg-piximperfect/lesson-05/ex-01.png

  #+attr_html: :width 300px
  file:../_share/media/img/photoshop-beg-piximperfect/lesson-05/ex-02.png

*** some qualities
- screen makes things brighter
- multiply makes things darker


** normal blend mode
- default blend mode (usually)
- keeping the picture on top of another picture

*** when is normal not default?
- when you create a group the default is "pass through"
- to apply all group filters to within the group change it to 'normal'

** multiply blend mode
 - multiply darkens
 - ignores white
 - multiplies dark onto image
 - keeps the black and hides the white

*** technique 1
- duplicate an image
- set it to multiply
- change blending option
  - take away from the dark
  - find current layer slider
  - hold OPTION key, click on slider to break it apart

- problem is that if you change the underlying image, you have to change the multiply image

*** technique 2
- find an adjustment layer that changes nothing by default
- set it to multiple
- it effectively acts as a duplicate image

** screen blend mode
- opposite of multiply
- brightens
  - black hides, white stays

*** using screen for brightening
1. create a levels adjustment layer
2. change the adjustment layer to screen
3. if the sky for example is too bright
   1. open blending
   2. go to underlying layer section
   3.  move the right slider to the left
      - split it apart using the OPT key

** overlay & soft light
- pretty much same thing
- different intensities
- they increase contrast

*** overlay
- hides 50% gray
- anything brighter than 50% gray, becomes brighter
- anything darker than 50% gray becomes darker

*** soft light
- same thing but lower intensity

*** example 1 | soft light
link: see [[file:../_share/data/piximperfect/photoshop/lesson05/example03.psd][example-03.psd]]

1. create an adjustment layer that does nothing (ie curves)
2. selecte and apply adjustment layer to the image
3. then go to the blending mode and select overlay

this applies contrast to both dark and bright

***  example 2 | overlay
link: see [[file:../_share/data/piximperfect/photoshop/lesson05/example04.psd][example-04.psd]]

- add texture jpg by dragging and dropping over the canvas so it adds as a layer
- use SHIFT to increment rotation by 15 degrees
- select the background layer with the subject and background
  - select the any of the three selection buttons
  - click 'select subject'
  - NOW SELECT THE TEXTURE LAYER (you are masking out the subject on the texture)
  - hold ALT/OPT key and click on mask layer to get a mask of everything NOT in the selection
  - change blend mode on texture layer from 'normal' to 'overlay'

      #+attr_html: :width 300px
      [[file:../_share/media/img/photoshop-beg-piximperfect/lesson-05/ex-03a.png]]

      #+attr_html: :width 300px
      [[file:../_share/media/img/photoshop-beg-piximperfect/lesson-05/ex-03b.png]]

      #+attr_html: :width 300px
      [[file:../_share/media/img/photoshop-beg-piximperfect/lesson-05/ex-03c.png]]

** color blend mode
- changes color not brightness
- a better way to change the color of say a green apple is hue saturation
  1. create hue/saturation adjustment layer
  2. change the hue
  3. if any colors of the object are not getting hit properly expand the lower bar to cover those colors

*** mask the adjustment layer
- if it is affecting a part of the photo you don't want touched
  1. select the mask
  2. select the black color
  3. blacken what you dont want affected

*** color example
[[file:../_share/data/piximperfect/photoshop/lesson05/example05.psd]]

1. create a new layer
   - name it 'color'
   - change the blend mode from 'normal' to 'color'
2. make sure you have the correct sampling size
   - select eyedropper tool
   - confirm the sample is 3x3 and current and below

      #+attr_html: :width 500px
      [[file:../_share/media/img/photoshop-beg-piximperfect/lesson-05/ex-04a.png]]

3. paint over the area you want to change
   - select the brush
   - hover the brush over the color area you want to sample
   - hold the ALT/OPT button and press the mouse
   - paint over that area in the layer mask
4. if the changes are too intense, change the opacity
5. brighten the image
   - create a curves adjustment layer above the 'color' layer
   - grab the slider and move it to the left
   - right click on adjustment layer and scroll to where it says 'release clipping mask' so it will apply to all layers beneath it

      #+attr_html: :width 300px
      [[file:../_share/media/img/photoshop-beg-piximperfect/lesson-05/ex-04b.png]]

6. apply the brightening only to the face
   - select the mask on the curves layer
   - to invert the mask: press CMD+I
   - paint white over the area you want the curves layer to apply to