updated sass and images

This commit is contained in:
ronny abraham 2024-12-02 00:02:35 +02:00
parent fde8488757
commit f94c0de2d8
6 changed files with 75 additions and 57 deletions

View file

@ -63,6 +63,12 @@ pre, code
h1, h2, h3, h4, h5, h6
font-family: $secondary-font
h4
text-transform: uppercase
h4[id="timestamp"]
color: color.adjust(map.get($default-header-colors, 'h2'), $lightness: 20%)
h3
a
color: color.adjust($anchor-color, $lightness: -12%)

View file

@ -4,9 +4,6 @@
* Links
- [[../photoshop-for-complete-beginners.org][TOC | Photoshop for Beginners]]
#+attr_html: :class small
[[file:../_share/media/img/photoshop-beg-piximperfect/photoshop-hand-tool.png]]
* types of layers
** [[https://youtu.be/unCS9syPJjg?si=zsF_a0d8zk9GeKH1&t=2646][adjustment layers]]
*** adjust the layers beneath theme
@ -19,6 +16,8 @@
- click on any color
- drag the hand tool to change saturation
- hold down CMD and it will change the hue
#+attr_html: :width 400px
[[file:../_share/media/img/photoshop-beg-piximperfect/photoshop-hand-tool.png]]
**** expand range
- move saturation over to right to see what gets affected

View file

@ -1,9 +1,29 @@
#+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)
@ -153,17 +173,3 @@ b. lighter group:
** layer styles
- fill only affects the main image, but will leave layers styles alone
* Timestamp
#+ATTR_HTML: :class content
- [[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]]

View file

@ -1,21 +1,46 @@
#+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 04 - Layer Mask | PiXimperfect
* Links
- [[../photoshop-for-complete-beginners.org][TOC | Photoshop for Beginners]]
*** timestamps
*** timestamp
:PROPERTIES:
:CUSTOM_ID: timestamp
:END:
#+ATTR_HTML: :class playlist
+ [[https://youtu.be/aNpO6G72O3w?si=OYj36t6pnG6zpXIm][00:00 What Are Layer Masks?]]
+ [[https://youtu.be/aNpO6G72O3w?si=CaHdFgVM5pw_fgp0&t=178][02:58 Important Downloads & Announcements]]
+ [[https://youtu.be/aNpO6G72O3w?si=pwKG3NNXzp8NsGN-&t=209][03:29 Why Use A Layer Mask?]]
+ [[https://youtu.be/aNpO6G72O3w?si=D0ZVdRvBZ9jrjm-n&t=227][03:47 Reason 1: Non-Destructive Abilities]]
+ [[https://youtu.be/aNpO6G72O3w?si=w8aLyeLpyyqeX5G9&t=474][07:54 Reason 2: Compatibility with Non-Raster Layer]]
+ [[https://youtu.be/aNpO6G72O3w?si=cHwwjgjcbIvf3Hno&t=686][11:26 Linking & Unlinking Layer Masks]]
+ [[https://youtu.be/aNpO6G72O3w?si=sDBGUsD5CKK_0i1g&t=813][13:33 Turning Off and On]]
+ [[https://youtu.be/aNpO6G72O3w?si=kEM8JPCox3RhIuSq&t=868][14:28 Mask Properties: Feather]]
+ [[https://youtu.be/aNpO6G72O3w?si=G6x177vUaa4TxX4Y&t=1062][17:41 Mask Properties: Density]]
+ [[https://youtu.be/aNpO6G72O3w?si=BIUkibJYNuT6ivq8&t=1184][19:44 Duplicate Masks]]
+ [[https://youtu.be/aNpO6G72O3w?si=X85qg0vdXugnBIR2&t=1295][21:35 Problem with Copying Masks]]
+ [[https://youtu.be/aNpO6G72O3w?si=2EubEOKmDI9dETuQ&t=1417][23:37 Double Masking]]
+ [[https://youtu.be/aNpO6G72O3w?si=QUt_vWIkDL2NfY0h&t=1604][26:44 Image as a Mask]]
+ [[https://youtu.be/aNpO6G72O3w?si=sCtxC5Mbb6xp_wjt&t=1709][28:28 Concept Recap]]
* Downloads
- Practice Files: https://bit.ly/44aHY3c
* Notes
the purpose of the mask is to hide parts of the image
** setup a mask
1. select the text
2. click on the mask button in the layers pane
- this will add a white square to the right of the text entry
- [[file:../_share/media/img/photoshop-beg-piximperfect/lesson3-1.png]]
#+attr_html: :width 400px
[[file:../_share/media/img/photoshop-beg-piximperfect/lesson3-1.png]]
The concept of a layer mask is that
- black areas are hidden
@ -52,7 +77,8 @@ while you can certainly delete parts of an image and putting something else in i
2. go to the backround layer, select subject the subject
- note that "select subject will be highlighed"
- [[../_share/media/img/photoshop-beg-piximperfect/lesson4-1.png]]
#+attr_html: :width 400px
[[../_share/media/img/photoshop-beg-piximperfect/lesson4-1.png]]
3. return to the imposed layer and create a negative mask
- alt+mask button on layers
@ -110,8 +136,8 @@ the way to unlink or unlink is to click on the link icon that connects the mask
- click the check box to "fill with overlay-neutral color 50% gray"
- overlay blend mode hides anything that is 50% gray
-
#+ATTR_HTML: :width 500px
[[file: ../_share/media/img/photoshop-beg-piximperfect/lesson4-2.png]]
#+ATTR_HTML: :width 400px
file:../_share/media/img/photoshop-beg-piximperfect/lesson4-2.png
*** convert the overlay layer to a smart filter
- select the overlay layer
@ -155,24 +181,3 @@ but the masked layer into a group and give that a mask
- select mask
- hit CMD+M
- this brings up curves
* Playlist
#+ATTR_HTML: :class playlist
+ [[https://youtu.be/aNpO6G72O3w?si=OYj36t6pnG6zpXIm][00:00 What Are Layer Masks?]]
+ [[https://youtu.be/aNpO6G72O3w?si=CaHdFgVM5pw_fgp0&t=178][02:58 Important Downloads & Announcements]]
+ [[https://youtu.be/aNpO6G72O3w?si=pwKG3NNXzp8NsGN-&t=209][03:29 Why Use A Layer Mask?]]
+ [[https://youtu.be/aNpO6G72O3w?si=D0ZVdRvBZ9jrjm-n&t=227][03:47 Reason 1: Non-Destructive Abilities]]
+ [[https://youtu.be/aNpO6G72O3w?si=w8aLyeLpyyqeX5G9&t=474][07:54 Reason 2: Compatibility with Non-Raster Layer]]
+ [[https://youtu.be/aNpO6G72O3w?si=cHwwjgjcbIvf3Hno&t=686][11:26 Linking & Unlinking Layer Masks]]
+ [[https://youtu.be/aNpO6G72O3w?si=sDBGUsD5CKK_0i1g&t=813][13:33 Turning Off and On]]
+ [[https://youtu.be/aNpO6G72O3w?si=kEM8JPCox3RhIuSq&t=868][14:28 Mask Properties: Feather]]
+ [[https://youtu.be/aNpO6G72O3w?si=G6x177vUaa4TxX4Y&t=1062][17:41 Mask Properties: Density]]
+ [[https://youtu.be/aNpO6G72O3w?si=BIUkibJYNuT6ivq8&t=1184][19:44 Duplicate Masks]]
+ [[https://youtu.be/aNpO6G72O3w?si=X85qg0vdXugnBIR2&t=1295][21:35 Problem with Copying Masks]]
+ [[https://youtu.be/aNpO6G72O3w?si=2EubEOKmDI9dETuQ&t=1417][23:37 Double Masking]]
+ [[https://youtu.be/aNpO6G72O3w?si=QUt_vWIkDL2NfY0h&t=1604][26:44 Image as a Mask]]
+ [[https://youtu.be/aNpO6G72O3w?si=sCtxC5Mbb6xp_wjt&t=1709][28:28 Concept Recap]]

View file

@ -1,14 +1,14 @@
#+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]]
* Notes
* Playlist
*** timestamp
#+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]]
@ -27,3 +27,5 @@
+ [[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

View file

@ -8,17 +8,9 @@
* Links
#+attr_html: :class links
- [[../../course-listings.org][Course Listing]]
- [[https://www.youtube.com/playlist?list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE][playlist: tn ]]
- [[https://www.youtube.com/playlist?list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE][youtube playlist: PiXimperfect]]
* Notes
** [[./_subsections/chapter02.org][Lesson 02 - Master Layer]]
** [[./_subsections/chapter03.org][Lesson 03 - Opacity vs Fill]]
** [[./_subsections/chapter04.org][lesson 04 - Layer Mask]]
** [[./_subsections/chapter05.org][lesson 05 - Blending Modes]]
* Playlist
*** Playlist
#+ATTR_HTML: :class playlist
- [[https://www.youtube.com/watch?v=xTzvQkOll2U&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=1][Lesson 1 - Photoshop for Complete Beginners]]
- [[https://www.youtube.com/watch?v=unCS9syPJjg&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=2][Lesson 2 - Master Layers]]
@ -32,3 +24,11 @@
- [[https://www.youtube.com/watch?v=7EjorOn7jAs&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=10][Lesson 10 - How to Save & Export]]
- [[https://www.youtube.com/watch?v=YXCHi0Uo2Ew&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=11][Lesson 11 - Intro to Camera Raw]]
- [[https://www.youtube.com/watch?v=CV01aTu9W-w&list=PLLlSBGLVsEPIFGSGw2zJ2K43V5vxMMMTE&index=12][Lesson 12 - Master Brush Tool from Start to Finish]]
* Contents
#+attr_html: :class contents-overview
- [[./_subsections/chapter02.org][Lesson 02 - Master Layer]]
- [[./_subsections/chapter03.org][Lesson 03 - Opacity vs Fill]]
- [[./_subsections/chapter04.org][lesson 04 - Layer Mask]]
- [[./_subsections/chapter05.org][lesson 05 - Blending Modes]]