176 lines
5.2 KiB
Org Mode
Executable file
176 lines
5.2 KiB
Org Mode
Executable file
#+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 03 - Opacity vs Fill | PiXimperfect
|
|
|
|
* Links
|
|
- [[../photoshop-for-complete-beginners.org][TOC | Photoshop for Beginners]]
|
|
|
|
*** timestamp
|
|
:PROPERTIES:
|
|
:CUSTOM_ID: timestamp
|
|
:END:
|
|
|
|
#+ATTR_HTML: :class playlist
|
|
- [[https://youtu.be/ok9cVCETDeE?si=Lj4fPVabIC9jBW7O&t=1][00:00 What is Happening?]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=eI1QA8yYNe4IGAFe&t=32][00:32 Opacity vs. Fill: Similarities]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=Sit45roq4DllHZfy&t=105][01:45 The Differences: Introduction]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=5EnBeyPU4uBIjuXi&t=138][02:18 Condition 1: Special Blend Modes]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=7gIlQVf467ZZy7Nc&t=255][04:15 Color Grading & Blend If]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=cKnJci5Aat0WHRYB&t=427][07:07 Concept of Blend If in Detail]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=zegGCuk7aPv6GmUI&t=493][08:13 Create a Fake Sun]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=cXrntuGK4QVIfjmt&t=793][13:13 Adding Glare and Concept of Gradient Fill]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=lUdPbR6pZfIQy_vv&t=1061][17:41 Other Applications]] *current*
|
|
- [[https://youtu.be/ok9cVCETDeE?si=wTm3kuWL-4JOjZrW&t=1100][18:20 Condition 2: Layer Style]]
|
|
- [[https://youtu.be/ok9cVCETDeE?si=6saQFqQM020W3zcZ&t=1367][22:47 Quick Recap]]
|
|
|
|
* Downloads
|
|
- Practice Files: https://bit.ly/3ouxZWi
|
|
- Finished PSDs: https://bit.ly/3N1qDUi (Only for PiXimperfect Patreon Family)
|
|
|
|
* Notes
|
|
** blend modes
|
|
*** overview
|
|
normally there is no difference between fill and opacity
|
|
however there are 8 blend modes which make a difference
|
|
|
|
*** fill layers
|
|
- solid color
|
|
- gradient
|
|
- pattern
|
|
|
|
*** special blend modes
|
|
- color burn
|
|
- linear burn
|
|
|
|
- color dodge
|
|
- linear dodge (add)
|
|
|
|
- vivid light
|
|
- linear light
|
|
|
|
- hard mix
|
|
- difference
|
|
|
|
with hard mix you want to focus on changing fill %, not opacity.
|
|
low numbers, like 20% are good
|
|
|
|
*** color grading and 'blend if'
|
|
'blend if' meaning "blend if certain condtions exists"
|
|
|
|
1. bring up layer style dialog
|
|
- double click on right side
|
|
2. choose "blending options"
|
|
3. focus on bottom where it says "Blend If"
|
|
|
|
at this point you can notice two sliders
|
|
- current layer
|
|
- underlying layer
|
|
|
|
assume we want to lower effect on the darker ares of an image
|
|
since you double clicked on the fill layer, we want to apply "underlying layer"
|
|
move the left slider to the right, to the white
|
|
|
|
however this can lead to a harsh effect
|
|
1. hold option key and click on the cursor-slider
|
|
2. you can now move it apart as two piece
|
|
- its good to move them as far apart as possible to create a smooth effect
|
|
|
|
at this point you can lower the opacity to around 40%, and now the effect is subtle
|
|
significant
|
|
|
|
**** add a gradient
|
|
1. black and white, and apply linear
|
|
2. place gradient in layer above other layer
|
|
|
|
changing the underlying layer slider will affect what gets show but on the graident
|
|
|
|
** create a fake sun
|
|
*** create layer
|
|
1. layer on top of image
|
|
|
|
*** choosing brush
|
|
1. soft round brush
|
|
2. modify size using brackets: ']['
|
|
3. choose a warm color
|
|
|
|
*** draw sun
|
|
- dab somewhere in middle
|
|
- not side because it's hard to see3
|
|
- move it later
|
|
|
|
*** convert layer to smart layer
|
|
- right click on layer and choose 'smart layer'
|
|
- menu-Filter-Convert ot Smart Filter
|
|
|
|
*** choose a filter
|
|
|
|
- from Layers->blending mode pick color dodge
|
|
#+attr_html: :width 400px
|
|
[[file:../_share/media/img/photoshop-beg-piximperfect/blending mode.jpg]]
|
|
|
|
*** filter types
|
|
a. darken group:
|
|
- darken
|
|
- multiply
|
|
- color burn
|
|
- linear burn
|
|
- darker color
|
|
|
|
b. lighter group:
|
|
- lighten
|
|
- screen
|
|
- color dodge
|
|
- linear dodge (add)
|
|
- lighter color
|
|
|
|
*** shape layer
|
|
1. right click on empty space in layer panel and click "larger thumbnails"
|
|
2. double click on right side of layer to open up blending options dialog
|
|
3. uncheck "transparency shapes layer"
|
|
- we don't want the transparency to shape the layer
|
|
- we want the interaction with what is under the layer to shape it
|
|
- if an area is dark, we want to show less of it
|
|
- if an area is bright, show more of it
|
|
|
|
*** tweaking
|
|
- make the sun bigger or smaller
|
|
- change the fill
|
|
|
|
*** change color
|
|
- add a solid color layer on top of the sun layer
|
|
- hold down Opt key and move pointer between solid layer and sun layer
|
|
- icon changes, click it
|
|
|
|
** adding glare and the concept of graident fill
|
|
*** there are three main fills
|
|
- solid
|
|
- gradient
|
|
- pattern
|
|
|
|
*** gradient editor panel
|
|
- slider bar
|
|
- top is opacity control
|
|
- bottom is color control
|
|
- click on stops
|
|
- you can adjust the location by
|
|
- typing
|
|
- clicking and dragging from location textbox
|
|
|
|
*** to move a gradient around
|
|
- open the editor panel and you can move it from there
|
|
|
|
** make the background warmer
|
|
*** duplicate background
|
|
- =Cmd + J=
|
|
- convert to smart layer / Filter-> convert smart filters
|
|
|
|
*** add filter
|
|
- click on Filters->Camera Raw
|
|
- in the Camera Raw editor panel, click Color
|
|
- now adjust the Temperature
|
|
#+attr_html: :width 400px
|
|
[[../_share/media/img/cameraraw-color-temperature.jpg]]
|
|
|
|
** layer styles
|
|
- fill only affects the main image, but will leave layers styles alone
|