diff --git a/_share/media/sass/graphics.sass b/_share/media/sass/graphics.sass index 48a388d..7cd422f 100644 --- a/_share/media/sass/graphics.sass +++ b/_share/media/sass/graphics.sass @@ -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%) diff --git a/_subsections/chapter02.org b/_subsections/chapter02.org index 9b47762..5f57950 100644 --- a/_subsections/chapter02.org +++ b/_subsections/chapter02.org @@ -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 diff --git a/_subsections/chapter03.org b/_subsections/chapter03.org index 594c1b5..0947bb3 100644 --- a/_subsections/chapter03.org +++ b/_subsections/chapter03.org @@ -1,9 +1,29 @@ #+HTML_HEAD: +#+HTML_HEAD: +#+HTML_HEAD: #+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]] diff --git a/_subsections/chapter04.org b/_subsections/chapter04.org index c99564f..e51e98e 100644 --- a/_subsections/chapter04.org +++ b/_subsections/chapter04.org @@ -1,21 +1,46 @@ #+HTML_HEAD: +#+HTML_HEAD: +#+HTML_HEAD: + #+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]] diff --git a/_subsections/chapter05.org b/_subsections/chapter05.org index ebe1519..56465be 100644 --- a/_subsections/chapter05.org +++ b/_subsections/chapter05.org @@ -1,14 +1,14 @@ #+HTML_HEAD: +#+HTML_HEAD: +#+HTML_HEAD: + #+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 + diff --git a/photoshop-for-complete-beginners.org b/photoshop-for-complete-beginners.org index 810fe7b..ec756a5 100644 --- a/photoshop-for-complete-beginners.org +++ b/photoshop-for-complete-beginners.org @@ -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]] +