Learning Adobe Photoshop 2022: The complete picture | Martijn Van Weeghel | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Learning Adobe Photoshop 2022: The complete picture

teacher avatar Martijn Van Weeghel

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      1.1-Introduction

      1:00

    • 2.

      1.2-About the exercise files

      0:41

    • 3.

      1.3-The Creative Cloud library

      1:06

    • 4.

      1.4-Interface and options

      9:22

    • 5.

      11.5-Opening and closing documents

      5:37

    • 6.

      1.6-Zoom and navigation

      5:21

    • 7.

      1.7-Rulers and guides

      3:59

    • 8.

      1.8-New documents

      9:25

    • 9.

      1.9-Saving files

      9:28

    • 10.

      2.1-Working with layers

      5:47

    • 11.

      2.2-Grouping and merging layers

      5:01

    • 12.

      2.3-Layer opacity

      2:43

    • 13.

      2.4-Copying layers

      3:25

    • 14.

      2.5-Layers panel options

      5:20

    • 15.

      3.1-Image size

      7:42

    • 16.

      3.2-Canvas size

      3:15

    • 17.

      3.3-Cropping

      6:03

    • 18.

      4.1-Rectangular marquee

      4:53

    • 19.

      4.2-Eliptical marquee

      3:28

    • 20.

      4.3-Single row marquee

      3:26

    • 21.

      4.4-Lasso tool

      2:56

    • 22.

      4.5-Polygonal lasso tool

      3:17

    • 23.

      4.6-Magnetic lasso tool

      3:19

    • 24.

      4.7-Quick selection tool

      7:27

    • 25.

      4.8-Select subject

      3:53

    • 26.

      4.9-Object selection tool

      4:40

    • 27.

      4.10-Select and mask

      9:18

    • 28.

      4.11-Select and mask-2

      4:43

    • 29.

      4.12-Selecting hair

      2:20

    • 30.

      4.13-Quick mask mode

      7:11

    • 31.

      4.14-Magic wand tool

      4:43

    • 32.

      4.15-Color range select

      2:38

    • 33.

      4.16-Focus area select

      3:15

    • 34.

      4.17-Select sky

      2:07

    • 35.

      4.18-Editing selections

      5:30

    • 36.

      4.19-Saving and loading selections

      4:48

    • 37.

      5.0-Combining images

      5:15

    • 38.

      5.1-Getting started with masks

      10:23

    • 39.

      5.2-Masking with selections

      7:51

    • 40.

      5.3-Brush opacity

      12:42

    • 41.

      5.4-Project airplane

      9:17

    • 42.

      5.5-Project dice

      7:48

    • 43.

      5.7-essential shortcuts

      9:30

    • 44.

      5.8-Clipping masks

      5:32

    • 45.

      6.1-Content-Aware fill

      8:58

    • 46.

      6.2-Spot healing brush

      6:48

    • 47.

      6.3-Healing brush

      4:33

    • 48.

      6.4-Clone stamp

      9:59

    • 49.

      6.5-Content-aware move

      4:32

    • 50.

      6.6-Patch tool

      3:18

    • 51.

      6.7-Combining different tools

      9:18

    • 52.

      6.8-Content-Aware scale

      5:38

    • 53.

      7.1-Brightness/contrast

      7:30

    • 54.

      7.2-Levels

      7:03

    • 55.

      7.3-Curves

      4:59

    • 56.

      7.4-Exposure

      4:48

    • 57.

      7.5-Vibrance

      3:29

    • 58.

      7.6-Hue/saturation

      7:15

    • 59.

      7.7-Hue/saturation-2

      4:43

    • 60.

      7.8-Color Balance

      3:23

    • 61.

      7.9-Black and white

      4:09

    • 62.

      7.10-Photo filter

      2:30

    • 63.

      7.11-Channel mixer

      2:26

    • 64.

      7.12-Lookup table

      4:07

    • 65.

      7.13-Other adjustments

      9:56

    • 66.

      7.14-Project colored dresses

      3:35

    • 67.

      8.1-Smart objects

      6:10

    • 68.

      8.2-Free transform

      11:53

    • 69.

      8.3-Warp transform

      7:29

    • 70.

      8.4-Puppet warp

      5:24

    • 71.

      9.1-Poster mockup

      10:08

    • 72.

      9.2-Laptop mockup

      6:33

    • 73.

      9.3-Types of smart objects

      7:10

    • 74.

      9.4-Destructive editing

      4:52

    • 75.

      10.1-Adding text

      8:04

    • 76.

      10.2-Character formatting

      12:44

    • 77.

      10.3-Paragraph formatting

      8:46

    • 78.

      10.4-Character styles

      5:42

    • 79.

      10.5-overrides

      4:29

    • 80.

      10.6-Styles from libraries

      6:00

    • 81.

      10.7-Paragraph styles

      5:56

    • 82.

      10.8-Images within text

      3:42

    • 83.

      10.9-Text on a path

      6:39

    • 84.

      10.10-Warping text

      4:04

    • 85.

      11.1-Rectangles

      10:19

    • 86.

      11.2-Elipses

      4:23

    • 87.

      11.3-Triangles

      3:03

    • 88.

      11.4-Polygons

      3:25

    • 89.

      11.5-Lines

      3:44

    • 90.

      11.6-Custom shapes

      4:47

    • 91.

      11.7-Creating custom shapes

      4:08

    • 92.

      11.8-Pathfinder

      4:13

    • 93.

      11.9-Contraining shapes

      4:04

    • 94.

      11.10-Pen tool

      5:22

    • 95.

      11.11-Pen tool 2

      10:17

    • 96.

      11.12-Adjusting anchor points

      4:12

    • 97.

      11.13-The curvature pen

      3:32

    • 98.

      11.14-Fills and strokes

      9:05

    • 99.

      12

      9:22

    • 100.

      12

      3:16

    • 101.

      12

      5:13

    • 102.

      13

      5:00

    • 103.

      13

      5:27

    • 104.

      13

      5:53

    • 105.

      13

      3:08

    • 106.

      13

      8:46

    • 107.

      13

      5:33

    • 108.

      13

      4:06

    • 109.

      13

      2:59

    • 110.

      13

      6:49

    • 111.

      13

      3:04

    • 112.

      13

      5:25

    • 113.

      13

      3:12

    • 114.

      13

      3:14

    • 115.

      13

      5:44

    • 116.

      14

      6:49

    • 117.

      14

      2:21

    • 118.

      14

      4:42

    • 119.

      14

      5:20

    • 120.

      14

      5:38

    • 121.

      14

      11:06

    • 122.

      14

      4:50

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

427

Students

--

Projects

About This Class

Learn to edit in Photoshop like a pro!

Photoshop 2022: The complete picture

Learn everything you need to know about Photoshop 2022 in a practical way

If you’ve always wanted to learn how to work with Photoshop, then this is the course for you! From adjusting colors to combining images to getting creative with effects, This course covers it all. Developed with the newest edition of Photoshop, 2022.

About the course

In this course you’ll get straight to work in Photoshop, using images created by the author himself, who is an active photographer and designer. The emphasis is on working through common tasks that photographers go through every day, in the most fun and efficient way possible. So I will not just show you how to use Photoshop’s many tools, but also which tools are best to use in which situations. It’s not enough to know what each tool does; knowing how to apply them in the most efficient way is half the battle.

Each subject is covered extensively and taught by someone who really knows their stuff from spending years behind a camera to produce stunning images.

What is included?

- 11,5 hours of video, contained in 121 quick and easy lessons

- exercise files with every lesson, created by the trainer

- Access to a Creative Cloud library containing over 130 images

- Free updates as they become available

What is tought in this course?

The course is divided into 14 chapters:

1. Interface and options

2. Working with layers

3. Image size and cropping

4. Selections

5. Layer masks

6. Content-Aware

7. Adjustment Layers

8. Transformations

9. Smart Objects

10. Text

11. Shapes

12. Brushes

13. Layer styles

14. Filters

Who is this course for?

Because this course covers all aspects of Photoshop 2022, it is suitable for all levels. Even experienced users are sure to learn many new skills along the way.

About the author

- 12 years of experience

- More than 400 hours of content published

- More than 35.000 students

- Active photographer and designer

Meet Your Teacher

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. 1.1-Introduction: Hello and welcome to my brand new course on Photoshop CC 2020. To my name is mankind. And I've been teaching about Photoshop and other Adobe programs for over 12 years. This is actually my tenth online course on Photoshop, which contains over 11 hours of video and over 100 files that you can use to follow along and learn as you go. Throughout the 14 chapters of this course, I will focus on not just teaching you the essentials, but really go in depth into which tools are best to use, in which situations. You will learn how to extract subjects from a background, how to combine several images into one. Use Photoshop to make your own creative compositions and working with texts and shapes and much, much more. Photoshop is an incredible tool for creative CPUs. And after following this course, you'll be able to conjure whatever you wish onto the screen using its many, many features. 2. 1.2-About the exercise files: Before we get started with Photoshop, I would like to explain something about the images we will be using throughout this course. These are images that I have created myself using my camera, my drone, and of course, Photoshop. And you can use these images to follow the course and to practice what I actually show you in the videos. You can also create things for social media, for example, but you are not allowed to use them for commercial purposes. So if you want to use my images on a website or in a brochure, or on a commercial social media feed, polices dropping a line first so we can discuss it, but did not publish them in any commercial way without my permission. 3. 1.3-The Creative Cloud library: Along with making all the exercise files in this course available as downloads in the first lesson of each chapter, I've also created a creative cloud library that is free for you to use. Here in Photoshop, I have the Creative Cloud Libraries panel, and I have here the library PS 2022 or Photoshop 2020 to and all the exercise files are here in these folders. So instead of opening the downloaded files, I can just simply double-click them here. And that's going to open them in Photoshop. So to get access to this library, you will find a text file in the exercise files containing a link. If you follow that link, you will end up on the Adobe website where you can log into your Creative Cloud account using this sign-in button at the top right. And then you can either create a copy for yourself of this creative library or you can follow the one that I have created, giving you access to all of these files. 4. 1.4-Interface and options: It's time to familiarize ourselves with the Photoshop interface a bit. And this is the screen that you'll see when you start up Photoshop. And this screen gives us some interesting options. First of all, we have the menu which you will always have available to you in Photoshop. We have here the overview of our current Cloud Storage. I seem to have another 1.7 terabytes available. We can search for functions within the program with this search icon here. So if, for example, I searched for selections, it's going to find some resources for creating selections. I'm just going to exit out of this search for now. When you click here, you get the splash screen for what is currently knew in the current version of Photoshop. So I'm just going to close out of this for now because I will be showing you those. You don't need that splash screen. You can click here to end up in your Creative Cloud membership area. So that opens the Internet browser and you end up on the Adobe website, can look at your account. Here we have the ability to create a new file, which we will be looking at extensively later in this chapter. We also have the option of opening an existing file, which can be either an image file, a Photoshop file, or even a video file. Here we have the Home tab being currently displayed and that gives us an overview of recently opened documents which you can sort by either recent name, size, or kind. So if I sort by kind, it's going to show me Photoshop documents first and then J bags and then PNGs, et cetera. We'll go into those file formats a bit later in this chapter as well. We also have a Learn tab where Photoshop publishes some online materials for you to peruse to get better to grips with the program. So if you click on, Get to know the app, for example, it's going to show you a guided tour of the actual program. So you can click here to start tutorial. And it's just going to go over these separate documents with this Help window for new users, this can be a useful experience. So if you don't feel very confident opening the program just yet, you can always go into these tutorials. I'm just going to close out of this for now and out of this one. How I did that. I will show you later. Here I have your files or my files and these are the files that I have saved in my Creative Cloud documents. More about that later. But you can basically save your documents to the Cloud so you can access them from any system that you login on. And you could just dive straight back into editing once you login to your Adobe account. Here you haven't shared with you for when people share files with you, which is something you can do in Photoshop, you can give people access to your Creative Cloud files. You have access to all of your Lightroom photos as long as they are linked up with the Creative Cloud. And here you have an overview of the currently deleted items. Now, to get to grips with the rest of the interface, we need to actually open a document. So for now I'm just going to open a new file. And then I'm just going to choose Default Photoshop Size. And then I'm going to click Create. We'll go over this dialogue box more extensively later in the chapter. So I'm just going to click on Create. And now we end up in Photoshop proper and we have all the interface panels at our disposal. First of all, the menu bar here we have File, Edit, Image, Layer, and a few others. Below the menu is the Options bar. And whatever is displayed here is dependent on the tool that we have active. So I currently have the Move Tool active, which is shown here in the toolbar. So I have some options for alignment and transforming the layer. But once I activate the Type tool here in the left toolbar, you will get the type formatting options. So font, font family, font size, font color, et cetera. So whatever is displayed here depends on what tool you currently have. Active. To the left, we have the toolbar and all of these tools can be accessed by shortcuts. So let's say I want to access the brush tool. I just press the beaking on my keyboard and that gives me the brush tool. Let's say I want the type tool. I'm just going to press T for the Type tool. And if I ever want to switch back to the move tool, so you can click and drag things around. You can press the V key for move. Now onto these panels on the right of the program. These are the default panels. And I am not particularly fond of their initial configuration. For example, for reasons explained in Chapter 67, actually, I want the Properties panel and the adjustments panel to be available separately. Currently, I can only have one open at a time, so I can click on either properties or adjustments, but I can't have them both on screen at the same time. So what I'm gonna do is just click and drag this properties panel. Into this sidebar to the left of it. And that's going to place the properties panel right there while also giving me access to the adjustments. So you can just click and drag the position of these panels around. And you can also get rid of panels. For example, this comments panel, which I currently have no use for by right-clicking on it and choosing Close or close tab group. And the tab group currently is the history panel and this one, and I just want to close the comment section. So I'm just going to close for the adjustments. I currently have a bit too much screen real estate here I have this huge empty space which is not being optimally used. So let's say I want to increase the size of the Layers panel. Then you just place the mouse cursor in-between these panels. And you can click and drag to change the spacing of these panels. Now, there are some additional panels that can also be useful when you're working with Photoshop and you can add those to the interface at anytime. So let's say I want to add my brush settings to these, to this workspace as we call it. I'm just going to go into the Window menu. And this is an overview of all the available panels within the program. So I'm going to find the brush settings panel and then just click it. And that's going to add it to this workspace. You can still click and drag them around if you want. You can place them somewhere else or you can delete them outright from the workspace by right-clicking and choosing Close. So you can add whichever panels you want at any time by going into the Window menu and choosing the panel of your choice. Now at sometimes happens that you make a mess of things and you just have too many panels open and they're all spaced in correctly and you don't know where to find stuff and you just want to go back to how things used to be. So you can reset the workspace in a couple of ways. You can go into the Window menu here at the top and choose workspace. And here you have a few default configurations of panels available to you. Essentials 3D, which is now actually defunct in Photoshop 3D and Photoshop just doesn't work anymore, which you will see as soon as you switch to the 3D workspace, actually, you have Graphic and Web. You have motion, painting, photography. And here it's the option to reset the workspace to its defaults. So if you ever want to go back to a fresh how Photoshop looks when you first open the program, you can just reset essentials. Well, you can also do is create your own workspace for different purposes. So let's say this configuration appeals to me for photo editing. Then I want to create a new workspace based on these panel configurations. Then what I can do is go into Window and then workspace, and then just choose new workspace. And I'm just going to call this workspace PS2, 1000, 22. And you can also include your own keyboard shortcuts, your own menus, and even the configuration of the current, current toolbar. And then I'm going to click Save. And when I go to Window and then workspace, it gives me this separate workspace now. And you can find those workspaces here in the Window menu. They are also available here at the top right. So the second icon from the right actually is the Workspace Manager. So what I'm gonna do now is go back into essentials. And because I have this layout saved as the ps 2022 workspace, I can just reset the essentials to its defaults. So I'm going to open the menu and I'm going to choose Reset Essentials. And that's just brings everything back to where it used to be. 5. 11.5-Opening and closing documents: There are many, many ways to open files in Photoshop. And in this lesson I'm going to show you quite a few of them. First of all, we have here the start screen, the home screen. And as we saw earlier, we have here an open button which brings you into a file browser, allowing you to find the file you want to open and just double-click on it. I just cancelled out of that. You can also go into the File menu at anytime. For example, when you have a different document open, you don't have this button available to you, and then choose Open or press Control O or Command O on Windows. And that again is going to bring you into a file browser. Well, you can also do is find the desired file in your file browser. So that would be Explorer on Windows and finder on Mac. And you can just click and drag it into Photoshop like so, and just release it here on the program. And that's going to open up the file. Now, let's say I have a file open and I want to do that. Well, you wanna do then is just click and drag the file into Photoshop. But don't release it here. Don't release it on this image that is already open. You want to actually release it here at the top of the program to open it into a separate window. Otherwise, you're going to place this document into this other document, and that's not what we want, so I can just release it up here and that's going to open this secondary document. Now, what we've seen so far is that we rely very heavily actually on explorer interfaces. So file browsers and file browsers come with a bit of a downside. I'm here in Windows Explorer looking at these files. And for these to 1.61.10, I can see a preview because these are JPEG files and Windows has no problem reading JPEG files before these three Photoshop files, I am currently not getting a preview. And that's because Windows cannot interpret these files and render a preview of them. And that can be a bit of a problem because it makes it more difficult to see which file you actually want to open. So you have to look at the title or its version history or its size, for example, to determine which is the correct file. Now, another way of working is using Adobe Bridge. And bridge is a sister program of Photoshop, InDesign, and Illustrator. If you have a Creative Cloud subscription, you also have access to Adobe Bridge. In fact, even if you only have a subscription for Photoshop, InDesign, or Illustrator, you have access to Adobe Bridge. And bridge is no different from Explorer or Finder on Mac in the sense that it is also a file browser. I have here, my PC with my C drive and some favorite folders. I have my desktop, I have my Dropbox, and I have the folder for this specific course. So you can just click through these folders as you would on any other file browser program. But here it renders a preview of these Photoshop files and InDesign files and Illustrator files, making it much easier to find, the one you want to open in Photoshop. Another nice feature of bridge is that it automatically associates images with Photoshop. So if I double-click on an image here in Explorer, it's going to open it in the pictures app from Windows. But if I double-click the same image here in Bridge, it's going to open it in Photoshop immediately, which is far more handy. Now bridge has another few tricks up its sleeve that I go into later in the course. But it is my preferred way of working because I often use Photoshop documents like a Photoshop document being the end result of what I am creating. And bridge just makes it a lot easier to work with those documents and to find them. Going back into Photoshop. I'm going to open a file and I'm going to do that using Bridge. So I'm just going to double-click and Enbridge. And now I'm going to open another file through Explorer. So I'm just going to go into Explorer and double-click 1.6 opening documents. So now I have two files open. I want to show you how to quickly and easily close out of documents. Never click this button if you just want to close the document, the x at the top right of the screen or top-left if you're on Mac because that closes the program and it has to start all the way up again. When you open a different document. If you want to keep the program open, you just want to close the document. And you can do that by going into the File menu and then choose either close or close. All. So close closes the current document and close all closes all open documents. There are also shortcuts for these, which I use every day, Control W to close and Control Alt W to close all. So I'm going to press Control W once to close this document and Control W again to close this document and Control W actually works in all programs. So if you're an Excel, you can close the document by pressing Control W. If you want to close a tab in Chrome, for example, you can press Control W. So that is a very handy shortcut to be aware of. 6. 1.6-Zoom and navigation: There are a ton of different ways of zooming and navigating through your documents in Photoshop. And that's what this lesson is all about. So looking at the document 1.7, Zoom and navigation, and I'm just going to show you a few ways of zooming in. First of all, we have the zoom tool here, and I want you to forget that it exists. It is the least handy way of zooming and navigating over your document. Save for going into the View menu and then choosing zoom in or zoom out. So don't use this tool. Why you don't want to use this tool is, let's say I am editing something on the image with, let's say the spot healing brush, which I will tell you all about in Chapter 6. I'm making an edit and I want to zoom in a bit to see some more detail than I have to switch to the zoom tool. Then click or click and drag to zoom in, and then switch back to the spot healing brush. And when I'm done and I want to zoom out, I again have to switch to the zoom tool and then click and drag to zoom out. So the zoom tool is the least convenient way of actually zooming on your document. And I know a lot of people that use Control plus and Control minus or Command Plus and command minus to zoom in and out respectively. But that is actually a static zoom that just focuses on the center of your current view. So if I press Control plus, it's just going to zoom in on the island. But if I want to zoom in on the church spire, I now have to navigate through my document to get to that point. So that is also not the most handy way of zooming in and out. So the best way of zooming in and out in Photoshop is something for which you do require a mouse. So if you're following this course without a mouse, I would, I suggest that you get a mouse before you continue the course. So the best way of zooming in and out is the best way of zooming in and out, because you can use it in any situation. You don't need to switch to a different tool. And it's a targeted zoom that follows your mouse cursor. So that's why it's the easiest way of zooming in and out. And you hold down the Alt key or the Option key on Mac, and then you just use the mouse wheel. And on Windows you have to scroll up to zoom in. And on Mac you have to screw, scroll down to zoom in. And the reverse then zooms out. So here on Windows, if I scroll up, I'm going to zoom in. And if I scroll down, I'm going to zoom out. And it zooms in exactly where the mouse cursor is currently placed, which makes it such an easy and convenient way of zooming in and out. Now, let's say you don't have a mouse. There is a different way of temporarily switching to the zoom tool. And that is by holding down the Z key. Don't press it, but hold it down. And as long as you hold it down, it's going to switch to the zoom tool. And then you can either just click to zoom in or click and drag right to zoom in, and click and drag left to zoom out. When you're zoomed in like this, It's also very handy to be able to navigate over your document without having to think about it too much. So let's say I want to have the church spire here centered. I'm going to have to scroll up a little bit and then use this navigation bar to go right a little bit. Or alternatively, I can just hold down the spacebar to temporarily switch to the hand tool and then just click and drag over my document to end up where I want to go. So if you're in a zoomed in display, you can always hold down the spacebar to temporarily switch to the hand tool and navigate around your document. So for a few other shortcuts that can come in handy. One of them I use every day actually. And that is Control Zero. Control 0 just puts the document full screen, so it just zooms out until the entire document is in view. You also have control, one, which zooms into 100%. So the actual pixel dimensions of your document, That's another really good one. And if you really don't like holding the Alt key or the Option key on Mac. You can also hold the Control key and the spacebar at the same time to temporarily switch to a version of the zoom tool. So holding control and space temporarily switches to the zoom tool and adding all then lets you zoom out. So the most handy shortcuts for zooming in and out is Alt or Option. Scroll. The space bar to navigate in a zoomed in display and Control 0 to zoom out to the actual document size. 7. 1.7-Rulers and guides: Guides in Photoshop can help us align layers to certain positions and to align layers with each other among other things. And that's what this lesson is about. The first thing you need to use guides are the rulers that Photoshop has. Mine are currently displayed at the top and the left of the program. And it's these rulers at the top and the left that display the pixel dimensions of the document. So this document is actually ate 1000 pixels by 1000 pixels. And, and that is actually the 42 megapixel photo that my maverick Er2 took. So if you don't have these rulers displayed at the top, you can always press Control R or Command R on the Mac, or go into the View menu and then choose rulers. Now, using these rulers, we can create guides. So I'm just going to place the mouse cursor here on the ruler at the top. And then I'm going to click and drag down. And I'm going to try and find the exact center of the umbrella on this boardwalk. And I'm just going to zoom in using Alt scroll, which I taught you in the previous video to see if I placed it correctly. It's slightly out of position. So what I'm gonna do now is just place my cursor on the guide and I'm still able to click and drag it around because it's currently not locked. And I can do the same for the vertical guide. So I can just click and drag from the left ruler to the center of the umbrella. So here I have a little X marking the spot indicating the center of the actual umbrella, which can be useful in a lot of situations. If you temporarily want to hide the guides because you just want to look at the image. You can always press Control semicolon. So the point comma. And, and I'll Mac that would be Command semicolon. Obviously, you can also press Control H to hide all the extra interface elements that you may have on screen. I prefer Control semicolon. Well, you can also do is lock the guides because currently I can still hover the mouse over them and drag them around. Now, it's very possible that you want those to stay put. So to do that, you go into the view menu here at the top, and then you go to lock guides. And now they cannot be selected anymore and you cannot click and drag them around. Well, you can also do here in the View menu is clear the guides, so you can just delete them, take them out. So clearing guides just gets rid of them altogether and you can't bring them back unless he used Control Z. I'm quite happy with the guides gone for the moment to demonstrate this next point that you can do with guides. If you want a guide at a certain location at an exact point of the document, you can always go into the View menu and then choose new guide. And here you can enter the exact position of the guide. So let's say this document is 8 thousand by 6000 pixels. I want. Then at 4000 pixels on the horizontal axis, I would like one guide, please. Oh, actually I switched those around. So I did use Control Z to go back a step and going into the View menu and choosing new guide. So I want a horizontal guide at 3000 pixels. And then I'm going to click Okay, so this is the exact center of the actual image. And then I'm going to go into View again and choose new guide. And I'm going to add a vertical guide at 4000 pixels. And then I'm going to click Okay. So this would be the exact center of my document. 8. 1.8-New documents: Besides opening existing documents, Photoshop can also obviously create new files itself, and that's what we will be looking at in this video. I'm looking at the home screen right now and there's a big button here that says new file. I can also go up into the File menu and then choose new or use the shortcut Control N to create a new file, or at least to end up in the New File dialog box. So here we have an overview of my recently used document presets. So I usually work on 1920 by 1080 or 1920 by 1920, or 1080 by 1080 in pixels with a resolution of 72 pixels per inch, which is something I will clarify later in this video. But for you as a new user of the program, this dialogue will mostly be empty. So we will be looking at the available presets initially that we have here. The, the presets or the destinations that you can use these files for our listed here at the top, we have recent, we have saved, and those would be mostly empty then for you, we have photo, and if I click on photo, the presets here are targeted towards printing photos at sizes at which photos are usually printed. So I have 16 by 12 centimeters, for example. And if I click here on view, all presets, you see all the presets that Photoshop comes installed with. Now because we also have a saved category, you can obviously also add your own. But these are the defaults for the photo category. Then going into the Print intent, we have letter, legal, tabloid A4. And if we view all presets, we have a whole lot more. We have a 3, we have B5, we have S4, B3. So for most purposes, you would be able to find what you are looking for. Now, switching over to the Print intent, actually switched the units to inches because I am working with the US version of the program and the resolution switch to 300 from 70 to down, or a 118 actually for the photo category. So those are the things that these intense determine the dimensions that you are working with. So the units actually and the resolution. And in a lot of cases also the color mode, which I will get to in a little bit. Then going into art and illustration, we are again working in several dimensions. Actually. We have here pixel dimensions and we have values in inches relating to print. So I would usually pick something like 1920 by 1080 at 300 PPI. If I'm creating something for print, that's just the size that I like to work with. But for art in the illustration, the units by default are set to pixels and the resolution is set to 300. Then going into web, we have a lot of standard screen resolutions. So I have 1366 by 768. We have a MacBook Pro 13, MacBook Pro 15, iMac 27 Desktop HD design. So these are some standard screen sizes that you can develop for. So 1920 by 1080 is the defacto standard nowadays, at least on Windows systems. So you can just choose that right here. The units are configured for pixels when you're looking at web design and the resolution is set to 72 pixels per inch. Then going into mobile, we have a bunch of phone and tablet size presets. The dimensions are also set the pixels and the resolution is set to 72 pixels per inch. Film and Video. This relates to film and video as the name would suggest. So you, again are working with standard screen sizes. So here we have a 2k preset. For example, we have an ultra HD preset, or rather a fork preset. So these are also presets that you can just pick out from these categories. Now, I am just going to go into the web presets here and then we're going to go over all the options we have on the right. The first thing we can do is actually save our own preset. So I'm just going to name this our own preset. And then I can specify a width, and I'm going to make that 1920. I can specify the units and pixels is fine for my purposes for now. And I'm going to set the height to 1080. You can change the orientation of the document by just clicking these buttons. I can switch the basically all it does is just reverses the width and the height. So if you want to work with a wide document in landscape mode, you, which is this one if you want portrait mode. So a straight up picture, you would use the other one. The resolution is the pixel density of the document. And that doesn't really become a factor until you actually export the document for print. If you're just publishing on a screen, 72 pixels per inch is absolutely fine. And you don't need to even change that value to anything else. If you're going for print, you want the resolution to be ideally 300 pixels per inch, because that just produces a lot more fidelity when you actually print it. If you print something at 72 pixels per inch, you will be able to visually distinguish the pixels from each other. The image will be grainy, it will be of less quality. So if you want something to show up well on paper, you're going to want to set the resolution to 300. I'm not gonna do that for now. Most of my work is actually screen-based, so that is fine. For my purposes, the 72 pixels per inch, the resolution also dramatically increases. If you increase the resolution, it also dramatically increases the document size. So not the actual pixel dimensions, but it changes the file size of the actual file on your hard drive. So that is also something to take into account the color mode for digital work. So screen-based work is usually set to RGB color because we work with RGB color. On any digital screen. The bit depth is how many basically determines how many colors are able to be used in the document. It's standard is a bit. Most cameras nowadays shoot in 16-bit or 32-bit. But if you're working for design on the web, 8-bit is fine because most monitors will not be able to display all the colors that are actually possible with 16-bit color. For example, you can change the background color of the document from white to black to the current background color which we do not have on our screen right now. You can also make it transparent or you can set it to a custom value. So for now I'm just going to leave it at white, which is what I usually do anyway. And the advanced options are something where you are available here. If you click Advanced Options, you can let Photoshop color, manage the new document that you are creating. I usually don't let don't let Photoshop do that color management. And I configure the actual color space based on what kind of material that I'm working with, what kind of and assets that I'm working with, what kind of images that I'm working with. So you're better off leaving these options alone. So now we have a document set up for 1920 by 1080 pixels in landscape orientation. Obviously, the unit set to pixels or resolution of 72 pixels per inch in RGB, eight bit color. Now, let's say I want to save this preset for later use. Then I can just click this button over here. And then you have to actually Tidal the preset. So our own preset is what I will enter here and then click Save Preset. And now it's in the saved category with our chosen title. So now I can just click Create to make this new document. And that is all there is to it. If you want to change the document size and its resolution, that's something I'm going to go over in a separate video. But once you've actually created the document, you can still go into the Image menu here at the top and then choose Image Size. And they can still change the pixel dimensions and the resolution. This does come with a few caveats. Kavita caveats, actually, which we will go over in the separate video about image size. 9. 1.9-Saving files: In this lesson, I'm going to teach you how to save your files and about common file formats in Photoshop. So I have here the file 1.9 saving files dot PSD. And right now I'm just going to make a slight change to this document. I'm gonna make sure my Move Tool selected shortcut V, and I'm going to make sure the island layer is highlighted in the Layers panel. And I'm just going to slightly nudge this island to the right a little bit by holding down the Shift key and then pressing, pressing the right arrow key on my keyboard. So that just moves the island over to the right by ten pixels. So this is a change to the document. And if I now go to close the document by pressing Control W, for example, it's going to ask me if I want to commit those changes. And for now I'm just going to click Cancel, but I'm just showing you that any change that you make to a document will ask you to confirm it in this way. Now let's say I do want to save these changes. If I wanted to save it to this particular document, I can just press Control S or Command S on the Mac, or I can go into File and then Save, and that's going to commit the change to this file. But let's say I want to save it as a separate file. Then I need to use the Save As command. And that is by default, Control Shift S on Windows, Command Shift S on Mac. Or you can just go into File and then choose Save As. Now, you will get this popup, which gives you the option of saving the Photoshop document to your Cloud documents. Or you can save it on your computer. Saving it to the cloud is going to upload the Photoshop document to your Creative Cloud and will allow you to access it from other systems that are also attached to the same Creative Cloud account. I did this for a lot of my compositions actually because I like to, for example, sketch something on my iPad in Photoshop and then bring it into Photoshop on my desktop to continue. And you can do things like that with the Cloud documents function. But for now we're just going to save it on our computer. So I'm just going to click Save on your computer. And it's going to ask you where you want to save the file. So I'm going to choose my desktop. And then you can enter a filename. And then you can choose the file type for the document. Now because this is a layered Photoshop file, our options here are somewhat limited. We can choose a Photoshop file. We can choose a large document format, or PSB, which is actually only use for files larger than two gigabytes. We can choose Photoshop PDF, or we can choose tiff. And tiff is basically an open source variant of Photoshop files. So tiff retains layers, it retains paths, it pertains adjustment layers, et cetera, and allows you to edit them after the fact. But TIF can also be opened in other image editing. Image editing software and Photoshop files are not always able to do that. So we also have some buttons here for saved Cloud documents so you can always change your mind and still save it to the Cloud. And you can also save a copy, which is what we will be looking at after this. So I'm just going to save the file on my desktop here. Click Okay. This is for the compatibility. This is usually not an issue for new users, especially Creative Cloud users, because they always have access to the newest editions. But it might be that some of the functions that you use to design your document are not available in older versions of the software. So this is just a notification of that. So I'm just going to click Okay. Now, let's say I want to save this file as a JPEG to my desktop. Then I cannot go to File and then Save As because we, as we just saw, we have very limited options for file types that we can choose. In the newest edition of Photoshop, the only way to get a JPEG out of this is to save it as a JPEG, at least go into File and then Save a Copy. And that is the shortcut Control Alt S. And at the beginning of this year, this function was the bane of my existence because I'm so used to pressing Control Shift S to save a document as something and just using the JPEG. But that doesn't work anymore. You have to press Control Alt S to use, save a copy. So. This pop-up is essentially the same as when we use Save As previously. And I'm just going to save it on my computer again. I'm going to choose the desktop again. And it appends copy to the filename automatically. So that's something that Adobe added. For my purposes that wasn't really necessary, but you can always remove it here. So let's say I'm just going to take this out. Okay? Now, looking at the file formats that we can choose, this is already a slightly larger lists. We can choose Photoshop, we can choose PSB just like previously, but there are only a few file formats that are in general use. Generally speaking, the Photoshop format is nice because we can then retain the layers and transparency and just continue editing the document when we open it again. But you can't upload a JPEG to a website and display it in a banner, for example, for that, you need a flat file that has image compression. And JPEG is the defacto standard. Still, that's going to change over the next few years, but JPEG is still the de facto standard for images. So if you choose JPEG, it's going to flatten the file. So when you open it again, you will not have the layers. You will not have any edit stability in the document that you've created. So you cannot change layers that you don't have and it flattens transparency. So transparency is not supported in JPEG files. So that is something to keep in mind. If you have a logo that you want with a transparent background, JPEG is not for you. So I'm just going to save this to the desktop. And in this dialogue box, you can specify the quality. I usually just leave it at 12, which gives you a slightly larger file. But qualitative qualitatively speaking, it is the best that you can get out of JPEG. So I'm just going to click, Okay, and now on my desktop I have a jpeg of this Photoshop file. Now, let's say I cut out the island by just removing, by just hiding the background, which I can do by clicking this little eyeball here. And I want to save this island with a transparent background. So I'm going to press Control Alt S, NOT Control Shift S, Control Alt S. And I'm going to choose save on your computer. I'm going to save it to the desktop. And now I want to choose the PNG format, which stands for portable Network Graphic. And PNGs actually support transparency. You also lose access to layers and all the flexibility that, that brings. But you get a relatively small file which supports transparency. So if you've ever downloaded a logo from somewhere or design point yourself, you're going to want to have that file as a PNG. So you have this transparent backgrounds. If you want to save something with transparency and to share it online, to publish it on a site, or to use it in a different program. You're going to want to save it as a PNG. So I'm just going to save this out to the desktop. For PNG, I follow the same standard. I try to stick with the qualitatively best file. So the larger file size is actually better in this case. So I'm going to leave it set to this, the top setting large file size. And I'm going to click, Okay. And now I have a transparent PNG on my desktop, which I'm actually going to open in Photoshop. So I went to my desktop here. And the first and this is the PNG. I can see that this is the island without the background. I'm just going to click, click and drag this into Photoshop, release it up here. And as you can see, I no longer have the layers of the original document. So that is something you lose with PNG and JPEG. But PNG save transparency. And JPEG is the higher-quality of the two. 10. 2.1-Working with layers: Working with layers is one of the absolute core principles of Photoshop. And that's what we will be looking at in this video and a few of the preceding videos as well. Here I have this document called 2.1, working with layers dot PSD. This is a Photoshop document and it contains several layers which are visible here in the layers panel. The layers panel should be part of your workspace. But if it's not, you can always go up into the Window menu and go to l from layers and just click layers to enable visibility of this panel. Now we have here four layers, birds, clouds, Island, and the background. And this is a composition that I made. The actual photograph doesn't contain this fog and not doesn't contain these birds either. But because they are on separate layers, I can just click and drag them around to place them elsewhere in my composition so I can change the position of these birds. I can also click on the clouds layer and then click and drag that around. I can even grab the island and reposition that. I can also transform it and rotate it and scale it and do whatever because it's on its own layer. Now the order of the layers is very important because whatever is on top in the layer stack is on top of everything else in your composition. Currently the birds are on top of the clouds layer, and I can demonstrate that by zooming in a little bit using Alt scroll. So I'm holding the Alt key and I'm scrolling up with my mouse wheel. And now if I click and drag the birds down one layer to below the clouds, you will see that they become a bit lighter because of the color of the cloud. Now, what I can also do is click and drag the clouds layer below the island to show you what happens then. So I'm just going to press Control 0 to zoom out. And then I'm going to click and drag the clouds layer to blow the island. And now you'll see that the island is floating on top of the cloud. So whatever is on top of, everything else in the layer stack is on top of everything else in the layers of your composition. I'm just going to rearrange the layers again by putting the clouds here at the top, besides having these separate layers. And I will show you throughout this course how to create a composition like this and how to add these extra elements. You can also create empty new layers. You can do that by looking at this little icon at the bottom right of the layers panel, this little plus sign, if you click that you create a new layer. And if there's no layer with Layer 1 as the title, it'll be tired. Layer 1. There's actually a keyboard shortcut for this, which I use every day. And on Windows, that is Control Shift Alt N. And on Mac that would be Command Option Shift N. And that just creates a blank new layer on top in which you can draw shapes on which you can paint it using one of the brush tools. You can use it to edit your photographs. All of that will be covered in later chapters. So let's say I wanted to delete this empty layer. There are several ways of doing that. I usually just highlight the layer in the layers panel and then I can press the backspace key to delete it. I'm just going to undo that deletion with Control Z. To show you a couple of other ways, you can click on the garbage bin icon at the bottom right of the layers panel that asks you to confirm your choice. I usually don't need to confirm. So that's why I prefer the backspace or delete key, which perform the same function. You can also just click and drag the layer to the garbage bin. And that skips the confirm. So that can be quite easy unless you have a lot of layers in your composition, you might have to scroll a bit more to find the right layer. Now, the next thing I want to show you is this little check mark here at the top left, when the move tool is enabled. By default, this check mark checkbox is enabled on a fresh install of Photoshop. And this checkbox can make things kind of difficult. Currently, the birds layer is below the clouds layer. Now let's say I want to move the birds because this little checkbox for auto select is enabled. It's going to select whichever layer I click on, then allow me to reposition that. So if I click on the birds layer and then try to click and drag the birds around. You have to click exactly on the birds to be able to do that. So that can be quite tricky. To select the exact layer that you want just by clicking on it with this check mark. So let's say I want to try again. I'm just going to highlight the birds layer and I'm going to zoom in a little bit and then I'm exactly on this bird going to make sure the layer is highlighted in the layers panel. And then I'm going to click and drag. I still can't drag around the birds because the cloud layer is on top of it. So I'm not actually clicking on the bird layer but on the cloud layer. So I prefer to disable this checkbox. And if you ever want to use it, if you ever want to get back to it, you can just hold the Control key on Windows or the Command key on Mac to re-enable it temporarily. So as long as you're holding control, it will be enabled. And this just makes working with layers a lot easier. 11. 2.2-Grouping and merging layers: It often happens that we want to influence several layers at the same time because we want to move them or scale them or apply an effect. And that's why in this lesson we will be looking at grouping and merging layers. I have here these two top layers again that we saw in the previous lesson, the clouds and the birds. And let's say I want to be in, to be able to influence these layers together. I am then going to highlight them in the layers panel by clicking on the top layer of clouds and then holding Control and clicking on the birds layer. And that's going to select both of them in the layers panel. And now I want to create a group out of the selection. And there are several ways of doing that. We have this little folder icon at the bottom of the Layers panel, and that creates a new group. And it also places the selected layers in that group. I'm just going to Control Z that for now. So I press Control Z to undo my most recent action. And the shortcut for this is Control G. So if you want to group several layers together, you can just press Control G or Command T on the Mac. To do that. I can also rename this group by just double-clicking on the current title. And then I'm just going to rename this extras and press Enter to confirm. Now, when I grab the Move tool and I have this folder highlighted, this group, I can just click and drag them around together. I can also press Control T to be able to transform these elements together. So I can just grab one of the corners and drag it inwards a little bit to make it a bit smaller. And then I can confirm my changes with its little checkmark here at the top. This is something we will go over extensively in the chapter about transformations. Now, just because I grouped them doesn't mean that I cannot affect them separately anymore. I can just expand this group by clicking this little arrow. And there I have again, the clouds and the birds. You can always click and drag items into a group or out of a group to affect whatever is in that group. So let's say I don't want birds to be part of the group anymore. I can just click and drag birds downwards a little bit, and now it's placed outside of the group. And the same applies for dragging in. So if I want to place birds in the group again, I just click and drag and release, and now it's in the group again. If you want to disassemble a group, so if you want the group to not be a group anymore, you just click on the Group and you can either press Control Shift G or Command Shift G on a Mac, or you can right-click and choose Ungroup. So those are the easiest ways to work with groups in Photoshop. I'm just going to ungroup this group for now by pressing Control Shift G to cancel the group. And now I'm going to show you how to merge several layers together. Let's say I want the clouds and the birds to become one layer. I'm just going to highlight them in the layers panel by clicking on the top layer and control clicking on birds. And then I can right-click anywhere here in the layers panel. And then I can choose Merge Layers. And that's going to merge the currently selected layers into one. So now it is actually one layer and it will take on the name of the topmost layer. So that is something to keep in mind that you might have to change the title of the merged layer. And there's a very handy function in Photoshop, which I use very often because I make a lot of photoshop composites. And at the end of making such a composite, I like to make a merged version of all the layers. So I can apply, for example, a camera raw filter to it to equalize the lighting and the colors of the image. But in doing so, I don't want to lose the edit stability, the flexibility of having all these separate layers. So there is a keyboard shortcut, which is only available as a keyboard shortcut. You won't find it anywhere in the menus, which creates a merged version of all the layers while keeping the layers themselves separate. So it just creates a merged copy of all layers in the document while keeping the layers themselves. And that shortcut is Control Shift Alt E. So this merges all the layers below it into a top layer, but you still have the editing flexibility of these bottom layers. So that is very useful, in my opinion. 12. 2.3-Layer opacity: Another important aspect of layers is their opacity and the ability to change that capacity. And to demonstrate this, I have here the file to 0.3 opacity dot PSD, which is almost the same file as in the previous lessons. Except we see here that the cloud layer is a lot less transparent than we've previously seen. And that is because of its opacity. You will find layer opacity here at the top of the layers panel. And currently the opacity of this layer, the clouds layer, is set to 100%. Now, let's say I want to make these clouds a little more transparent than I can lower this opacity to any value below a 100, and it's going to increase the transparency of the layer. Now there are several ways of influencing opacity. I'm going to show you some of my favorites. You can either enter a value manually. You can actually expand this little menu here and then click and drag the opacity around to change it. But that is a bit too much effort for my taste. The, one of the easiest ways is to just place the cursor on the word opacity. And now if you click and drag to the right, left, actually, you will lower the opacity. And if you click and drag to the right, it actually increases the opacity. So that is a very handy tool, this so-called scrubby slider. And that works for all numeric values in Photoshop. For example, text size, fill, distance, et cetera, the values of different filters that we can apply. If you just click and drag on the text itself, you will be able to influence that value. Now, another very handy shortcut to influence opacity or the numerical keys of your keyboard. The only condition for that is that you do not have a brush tool active. So I have the brush tool active. These keyboard shortcuts won't work more about brushes in a future chapter. But if I have the Move Tool, the default tool active, I can just press the five key on my keyboard to change the opacity of the layer to 50. And I can press 33 to decrease it to 33. I can press Zero to put it back to a 100, and I can press 0 twice in quick succession to change the opacity to 0%. So I just increased it again by clicking and dragging on the word opacity. But these numerical keyboard shortcuts are something I use every single day. So the lower layers opacity, the more transparent it is. So if you want a layer to be partially transparent, all you have to do is just lower its opacity. 13. 2.4-Copying layers: Another essential skill is the ability to copy layers, and that is what we will be looking at in this video. So I have here the file to point for copying layers. And this is a photo I took in Rotterdam of my friend Michael. And I've already taken the liberty of putting Michael or a copy of him on its own layer, which you will see here in the layers panel. So that allows me to grab the move tool shortcut V, and then I can just click and drag Michael to a different place in the image. So I'm just going to place my goal a bit to the right care of himself. Now, let's say I want to duplicate this layer and put another clone of Michael here on the left of the image. Now, there are several ways of copying layers, and I'm going to show you a few of them. One way is to just simply right-click the layer in the layers panel and then choose Duplicate layer. This is going to give you a pop-up in which you can specify a name and also a different document. Currently the only document open is this one, but you can also just copy this layer to a new document if you so choose. So that is one way of doing that. Another way of doing it is clicking and dragging the layer to the New Layer icon at the bottom right of the layers panel. So doing this creates a copy of layer one. I'm just going to undo that with Control Z for now. Another way of doing it. And also to create a copy in the exact same location as the original is by simply pressing Control J or Command J on the Mac. And that jumps, the layer, has a copy to its own layer and Control J is one of my most used shortcuts in Photoshop. Actually, what you should know about control J though, is that if you have a selection active, which we will talk about a lot in Chapter 4, you will only jump the selection to its own layer. And that's something I will also show you in that chapter. I'm just going to delete that layer using the backspace key. Now, another very handy shortcut that I use all the time, and not just in Photoshop, but in every Adobe program, because this works in pretty much every Adobe program is the ability to drag out a copy of a layer. So I have layer one highlighted here in the layers panel, and I have the Move Tool active shortcut V. Then I can hold the Alt key on Windows and the Option key on Mac. And you will see your cursor changes to this double mouse cursor. And now I can just click and drag the layer over to the other side to drag out a copy of it. And notice also, once I place these over each other, that the newest layer is in front of the other layers. And that is because this is the newest layer, so that one is on top of all the others. So I can just click and drag out a couple more copies to make a whole group, a whole herd of Michael's over here in Rotterdam. So Alt clicking and dragging is a very handy shortcut to use next to Control J, to jump a layer to its own layer. 14. 2.5-Layers panel options: In this lesson, I want to show you some additional options of the layers panel. So here I'm looking at document 2.5 layers panel options. And we will be looking at the layers panel. So we've already looked at opacity, we've looked at stacking order. We have looked at moving layers from one spot to the next in the layers panel to change the order. What we can also do here is filter layers based on certain properties. By default, this property is set to kind to, so to what kind of layer it is. And we can filter for image layers, adjustment layers which influenced color and lighting, etc. More on that in Chapter 7, we can filter for text layers, shape layers, and smart object layer. So if I click the T here for text, it will only show me the text layers in the Layers panel. Mind you, the rest of the layers are still displayed in the actual document, in the composition. But it's just a quick and easy way to get to certain types of layers. I can disable the filter by clicking the T again. And then let's say I want to show only the image layers and the smart object layers more on smart objects in Chapter 6, I believe. So. You can use these buttons to filter for certain types of layers. You can also search for names. For example, if I choose name here and I type in Cl, it's going to give me the layer that I've titled clouds. So this is just something you can use to easily find layers when you have a composition consisting of many of them. Another property of the layers panel is the ability to hide layers temporarily, not by influencing their opacity, but just making them invisible. So let's say I want to look at this composition without this text frame and without the shape layer, I can just find the layers it concerns. And I can either click on these eyeballs separately or I can click and drag across them to hide them at the same time. So clicking and dragging allows you to actually hide or show several layers at the same time. Now, let's say I want to only look at the island. So I want every other layer besides the island to be hidden. Of course, I could hide all the other layers manually, but the easiest way of doing that is actually holding down Alt or Option on Mac and then clicking the eyeball. And that is going to hide every other layer besides this one. And if I Alt click it again, it's going to make those layers reappear. So that is something that I find exceedingly useful when you want to look at one layer specifically. You also have the ability to lock certain properties of a layer and to demonstrate that I'm just gonna go in to the birds layer, you can lock transparency, meaning that you cannot alter the transparent pixels of the layer in anyway, you can disable painting on the image with any of the painting tools or any of the destructive tools, can lock its position so you cannot actually move it. So let's say I place this lock on the birds layer and then grab the Move tool. I'm not going to be able to click and drag the birds because they are locked in place. If you want to release this lock, you can always just click the lock icon and that locks it. So another interesting thing about the layer, layers panel is the size of these thumbnails. Now, it could be that you have a very low resolution screen and the default size is a bit too large for you have a high resolution screen and you would like these thumbnails to be a lot bigger. What you can do then is go into the hamburger menu at the top right of the layers panel here. And then go to panel options. And going into panel options, you can choose from no thumbnail, small thumbnail, medium thumbnail, or a large thumbnail. So that is a quick and easy way of actually increasing or decreasing the size of these thumbnails. And the last hidden secret with the layers panel that I want to show you is the ability to color-code layers or layer groups. Let's say I want to highlight a certain layer for a student, but you will see me doing a lot in one of the later chapters in this course. What you can do then is just right-click around the eyeball icon and that's going to allow you to color-code the layer. So I can change this one to read, for example. And going to the clouds layer, I can turn this one yellow. And the text layer, I can make blue, et cetera. So you can color code the layer so you can easily find what you're looking for. And if you want to go back to the defaults, you just right-click once more and choose no color. 15. 3.1-Image size: In this lesson, we will be discussing Image Size. And when we're talking about image size in Photoshop, we are talking about the actual pixel dimensions of our images. So this particular image is 8 thousand pixels wide by 6000 pixels high. And I can just see that from the rulers which I have on the screen, these goes from, these go from 0 to 8 thousand and the vertical goes from 0 to 6 thousand. Even though that can sometimes be sort of difficult to see. But you can also grab this information from the image size dialog box. And you can find that under Image and then Image Size or Control Alt I. So here we have the dimensions of the image in pixels currently, you can pick some different units if you like, but for now I'm just going to leave it up pixels. So here we have the width of 8 thousand, the height of 6 thousand, and the resolution, or the pixels per inch. So the resolution is basically the pixel density, or how many pixels can be printed at this quality on each square inch. So 240 is actually a pretty decent resolution, meaning that at this size, I can print these, this picture with a fairly good result. Now, I want to show you what happens when I start resizing this image. Let's say I don't need this much resolution. I don't need an image of quite this size. Let's say I want to use this on a website banner, for example. Then I can just turn down the width to 1500 and the height we'll scale proportionately. And resample is currently turned on, which I will get into in a moment. And I'm just going to click Okay, so now the image is significantly smaller. If I press Control 0 to put it in widescreen again, on full screen, you won't see much of a difference. And that is because the initial quality was so high. Because eight thousand, six thousand is a 42 megapixel image. So you can actually scale it down quite a bit before you start seeing a significant drop-off in quality. Now, let's actually get to that significant drop-off in quality. So I'm just going to press Control Alt to get into image size. And then I'm going to downsize it to 300 pixels wide by 225 pixels high. And then click, Okay. Now pressing Control 0 again, you will see that the image is now degrading quite significantly because we just have far fewer pixels to display the image with any kind of fidelity. And why I wanted to get down to this size was first of all, show you that you end up with severe pixelation at some point because there are only 300 pixels in the width now instead of 8 thousand. But also that you can't just upscale a low quality image to any significant degree without even further degradation in quality. The, these actions that I'm performing art destructive. So you were actually discarding information from the image. And you can't just get that information back when you increase the size of the image again. So again, I'm going to press Control Alt I. And I'm just going to go back to the original size. So let's say 8 thousand. And you can already see that this is not going to be a very clean image. So I'm going to click OK. Press Control 0 to zoom out. And the quality is, the visual fidelity is essentially the same. But as the size at 300, you just have a lot more pixels to display that lower quality essentially. So you don't get any of that detail back. And Photoshop does its best to imagine pixels to figure out what should be displayed at what pixel in the image. But it's never really a clean result. So from a low quality, low resolution image, you can't really get to a point where on a larger size, for example, a print size, you would have any noteworthy increase in quality. So going back to the image size dialog box, I'm actually going to cancel out of this and I'm going to press Control Z to get back to the 8000 by 6000 pixels. So the original state of the image, I'm going to go back into the image size with Control Alt I, and then I want to show you what this resolution actually does. So let's say I don't want to print at a resolution of 240 pixels per inch, but 3000, 300 pixels per inch. So I'm just going to up this number to 3000. And you will see that the width and the height scale at a commensurate rate. So it figures out how many pixels on the height and the width are needed to comply with this resolution criterium. So it's imagining new pixels to fill out this resolution, which is essentially the same process as going from 300 pixels wide to 8 thousand pixels wide. But because this is a far smaller change in scale, it's not going to degrade in quality significantly. So it's going to be slightly less. It's going to be a slightly worse picture, let's say, but not to the extent where it wouldn't look good on a print. Now, it changed the width and height of the image at a commencer rate because this checkbox for re-sample was enabled. And re-sample basically recalculates how many pixels are needed to fit the resolution criteria. So if I cancel out of this for now or hold Alt and then click Reset, It's going to reset everything to the defaults, or at least the point where you open the dialog box. And now I'm going to de-select, re-sample. Now, when you de-select re-sample, you lose the ability to see this image in pixel dimensions, and now you only have a width and a height. So now we can actually specify how large we want to print our image. So let's say I want to put the width at one meter, for example, then I'm just going to go to a 100 centimeters. But you will see a drop-off in resolution because you have fewer pixels over a, over the same area. So you have less pixel density. So if I want to print it at a 100 centimeters wide with a resolution of 300 pixels per inch, I have to enable the resample dialog box. So now changing this to 300 will scale the image up through the same lossy process as we've seen before. But the quality difference will not be so significant because I'm not scaling it all that far. So if you want to have a larger image or a smaller image, the image size dialog box is where you want to be, but you don't want to get too crazy with your scaling because photoshop cannot significantly improve the quality of an image and it needs a certain threshold of quality to figure out what looks like what actually in the, in the eventual image. 16. 3.2-Canvas size: In addition to image size, we also have the concept of canvas size in Photoshop. And canvas size doesn't change the size of the actual image. It just changes the size of your Photoshop document background. So going into canvas size is essentially the same process. I can go up into the Image menu and then choose canvas size or press Control Alt C, or Command Option C on the Mac. So getting into this dialogue box, you will see the following. You see the width and the height of the image. We have a relative checkbox and we have an anchor. So let's say I want to increase the canvas size by 400 pixels. Now, I could do some arithmetic and figure out that 1920 plus 400 is 23, 20. Or I can just enable this relative checkbox. And then I can just enter how many pixels I want to add on either side. So I'm just going to enter 400 pixels and leave the anchor alone for now four. So I can show you what that does after this. And I'm going to click Okay, and what it does is actually add 200 pixels to the left of the canvas and 200 pixels to the right. So it scales from the center. So going back into the image, canvas size dialog box using Control Alt C, you will see that the width is set again to 0 because the relative checkboxes enabled. So let's go back to the size that we had before. So I'm just going to enter minus 400 for the width. And then click Okay. And you will get this dialog box to confirm that you are actually deleting pixels from the Canvas. These are not empty pixels. These are filled with the background color. So I'm just going to click Proceed to scale the actual image. Because it doesn't matter that we lose the pixels on the right and the left. Going back into Canvas size, once more, control alt C. I want to show you what this anchor does. Let's say I don't want to scale the canvas from its center. So adding space to the left and the right, I only want to add pixels to the left. That's where the anchor comes in. And if I want to scale the canvas to the left, I have to actually click on this right arrow in the anchor, and that creates this empty space in the left side here. And then the canvas extension color is something you can also define. You can set the foreground color, which is currently black. You can set the background color white, black, gray, or other. And if you click Other than you can just specify a color off your own using the color picker. So I'm just going to stick with white for now. And I want to add 400 pixels to the left side of the canvas. So then I'm just going to click Okay, so it's 400 pixels in addition to what we have now. And the anchor is set to the left, so it's added to the left side of the canvas. And then clicking Okay, it gives me 400 pixels more on the left side of the image. So that is how you can scale your canvas to suit your needs. 17. 3.3-Cropping: Cropping an image essentially means scaling the canvas to change what is actually visible in the photo. And for that example, I have the file 3.3 cropping dot JPEG. And to get to the crop tool, I can just press the C key on my keyboard. You will find it as the fifth tool from the top here in the toolbar. And going into the crop tool gives you these transform controls on the corners and the long sides of the image. And you can just click and drag these around. And it will display a grid currently, according to my settings. But the default is actually the rule of thirds. I'll show you those settings in a minute. So then you can determine what you actually want in the image. So let's say I'm going to make this crop window a bit smaller. You can still see the pixels outside of it. And you can then click and drag the image around to determine what you actually want to be in the center. So let's say I want the umbrella and these, this walkway to be centered, but I don't want these pillars on screen. So I'm just going to crop it a little bit further and then click and drag the image around again to get to approximately this point. So this is essentially how cropping an image works. Now, let's say I want to scale the image again later that I want to change the crop again. If I would click Confirm, now, I would commit these changes and the pixels outside of the crop area would be discarded because this little checkbox at the top is enabled delete cropped pixels. That is a way of saving space within the document, essentially because you might not need those pixels for editing later. But let's say I wanted to keep them. Then I can just disable this check box and then click Okay. And now I'm going to switch to a different tool, the move tool here, and then press C again to get back to the crop tool. And now as I increase the size, again, if I change the crop, you will see that those pixels were not discarded, that they are still available there. You can also crop at set ratios and set sizes. So let's say I want a perfect square, then I can just change the race ratio to one to one. And that's gonna give me a perfect square. And I can still click and drag the contents of that square around to put different things in the viewport. Let's say. You can also pick set and resolutions here. These are kind of specific for when you want to print something at exactly a certain size. So we're going to leave those alone for now. So we can also clear the contents of this. It's going to leave whatever it was set to. So now it's back to ratio with empty settings. And it's also possible that you want to straighten an image with this particular tool that you want to make sure everything is just lined up perfectly. So if you click, straighten, then you can click and drag a line of whatever, you know is straight in the image. And it's going to rotate the image to accommodate that. It's going to straighten that line. So it's just going to turn the image to make whatever you clicked and dragged over was straight. Speaking of rotation, we can also place our cursor outside of the crop window and just click and drag to rotate the image and it's going to crop it accordingly. So if you put it at an angle, you will also change the size of the image in all cases, because you are essentially making sure that there is less of the image available within the viewport because you are rotating it. And then we have some display options here you can choose rule of thirds, and the rule of thirds is a bit of a, is a bit of a thing in photography. Like lots of people seem to think that if you place the subject of your image on wherever these lines meet, you get a more interesting and visually appealing image. Now, I'm not necessarily in that camp. I don't necessarily agree with that at all. I just use these squares of the rule of thirds to basically align my subjects and to make sure everything is centered or that everything is straight. So I wouldn't necessarily follow that rule if you want to know a bit more about it, it's a quick Google search away, but I don't necessarily agree with the rule of thirds. You can choose diagonal. This actually gives you a very handy target to determine if your subject is actually in the center. So currently it is not. And I can just click and drag this around to make sure that it is. And then if I commit here, now my image is cropped to where I would want it. And if I'm not satisfied with the crop, I can always go back to a different tool and then the crop tool again, and then make more changes because the pixels are not actually being deleted because I disabled this checkbox. Now there's one other way of cropping that I tend to use when I am creating images for a website. And that is just based on selections. Selections is something we will look at extensively in the next chapter, starting with the rectangular marquee tool, which I'm going to enable now, which is in the second tool group. And then I can just click and drag to create a selection. And let's say I want to crop the image to the selection. I can just go to Image at the top here and then choose crop, and it's going to crop the image. Now, the pixels are deleted when you use this way of cropping. So that's something to keep in mind. But if you just need a quick crop to a certain size or certain aspect ratio, that is also something you can use. 18. 4.1-Rectangular marquee: Creating accurate selections in Photoshop is one of the true core skills of working with the program because using selections, we can isolate subjects from a background or we can limit editing of an image to a specific section of that image. So that's what we will be looking at in this chapter. And we will be looking at most of the selection tools at our disposal and also looking at why certain tools are better suited for certain projects. We aren't going to get started with the rectangular marquee tool. So I've opened the exercise file for 0.1 rectangular marquee. And the Marquee Tools are the second group of tools in the left toolbar here. Now, when you activate the rectangular marquee tool, you can simply click and drag on your canvas to create a selection. So that's what I'm going to do. I'm just going to click and drag and I'm going to hold the mouse down to show you some shortcuts we have at our disposal. Initially, you can draw freehand. So you can draw a rectangle of any size and any proportion. If you hold down the Shift key, you constrain the proportions to a square. So every side is as long as every other side. Something that's also very useful using this tool is the ability to move it as you are still drawing it. Because you will often find that you start clicking and dragging in just the wrong position. So being able to direct opposition is very useful. Holding down the space bar while I am still dragging them are key allows me to move the mark key to the desired spot. So when releasing the space bar, I can again influence the size of the marquee. And I can try to get an accurate selections of one of these squares, which is actually a light projection at an art installation in Amsterdam. And there we have our original marquee. Now, when you put the mouse cursor inside the Marquee, you are able to move it. So I can just click and drag and move the marquee over to one of the other rectangles. If you click and drag outside of the original Marquee, you will delete the old marquee, so the first selection will disappear, and all that will remain is our new selection. So every time you click and drag in the default behavior of the tool, you will delete the old selection and just leaving the new one. Now, every selection tool has several different modes that we can use, and you will almost always find those here at the top-left. This tool is currently set to new selection, which defines that behavior. If we enable add to selection, the second icon here, I can draw an additional marquee and the original Markey will remain. And now I will have to mark keys here. So I've expanded my selection using this mode. You also have subtract from selection. So the third icon, once I enable that, I can click and drag a marquee again. And now when I release the mouse, the part of the marquee overlapping with this new selection will disappear. So now I have removed that section from my selection. And the fourth setting is intersect. So if I enable that and click and drag, all that will remain is the area that intersects with my current selection. So releasing this, I now have 2.5 mark key selections over these rectangles. So those are the different modes of this selection tool. And you will find similar, or you will find similar modes on every selection tool that we will be using in this chapter. A couple of handy shortcuts. If you press Control D on Windows or Command D on Mac, you will remove the the active selection. You can also go into the select menu and then choose Deselect. But as I'm sure you've figured out, by now, I am a big fan of using keyboard shortcuts, and I advise you to use them because it increases your efficiency with the program greatly. And it also feels a lot nicer to use the shortcuts to just fly through your edits and fly through the program. Now, you might end up in a situation where you want to re-select your selection. So you want to recall a selection that you've made previously. On Windows. If you press Control Shift D, you reload the previous selection. And on Mac that would obviously be Command Shift D or Control D to deselect and control shift the two reselect. 19. 4.2-Eliptical marquee: The second tool we will be looking at in this chapter is the Elliptical Marquee Tool, which allows us to draw elliptical selections or oval selections using the same keyboard shortcuts as we use with the rectangular marquee tool. Now, to activate the Elliptical Marquee Tool, you can simply right-click or hold the mouse down on the Marquee Tools, and that will open up the other tools in this tool group. You will also note that there is a shortcut associated with these tools, the M key for marquee. And that means if I press the M key, I activate whichever Marquee Tool is at the top currently. And if I press Shift M, I will switch to the other marquee tool. So now I have pressed Shift M to switch to the Elliptical Marquee Tool. And again, this tool just allows you to click and drag to draw a selection. And let's say, and I've already done it here. If I want to select this circular swing set here where my kids are swinging. And this is an image that I shot with my drone, DJI, maverick Er2. You never want to start on the edge of the ellipse that you want to select. Because if I click and drag here, you will see that the ellipse falls into the shape that I'm trying to select. So you always have to kind of visualize the square box or the rectangular box in which this ellipse would fit. So I would look where the vertical and horizontal lines would intersect. And then I would start clicking and dragging. And then you see that I can end up with an accurate selection of this area here. And if you want to correct the position of the marquee the same way as you would for a rectangular marquee. You can just hold down the spacebar and move the mouse to relocate it. Holding Shift, you draw a perfect circle. So you can also use that. And once you release the mouse, you have your first selection. And again, these selection tools have these different modes here at the top. So I can draw a new selection. I can add to my current selection. I can delete from my current selection or subtracted, or I can intersect with the current selection. So if I choose Add and then click and drag another Markey, I can also select the circle surrounding this little swing set here. And if I choose subtract, I can draw another ellipse within the original ellipse and then de-select that specific area. So click and drag, and I'm holding Shift now and releasing the mouse. This area is now de-selected. So that's how these different modes work. And you will find that almost every selection tool, at least that we find in the toolbar, has similar modes. I can press Control D to deselect, or I can go into the select menu and then choose de-select. And I can always reselect it using Control Shift D. And that only works mind you if you have not resized or cropped the image. So that's one little caveat concerning that shortcut. 20. 4.3-Single row marquee: If we look in the group of the marquee selection tools by holding the mouse down on them or right-clicking. You will see that there are two other tools which do not have a keyboard shortcut associated with them. The single row marquee tool in the single column marquee tool. Now, these allow you to select a single row or column of pixels in an image. And it might be difficult to think of a practical application of these tools. But I'm going to show you one that I like using in my edits nowadays. So I'm going to select the single row marquee tool looking at the exercise file 4.3, single row marquee tool. And what I'm gonna do is click in this image somewhere between the model here and these two spots on the divider of this road. This is an image I took with my cell phone, by the way, as part of a project. And I'm just going to click here and it's going to mark selection of one row of pixels. So zooming into the image, you will see that only one row of pixels is selected. And I'm just going to press Control 0 to zoom out to fill my screen again. Now, I'm going to copy this single row of pixels to its own layer by using the shortcut Control J or Command J on the Mac. And I'm going to just call this line. And now I am going to transform this line to fill the image all the way to the bottom. So I'm going to press Control T to transform this layer. I'm going to drag the, grabbed the transform point here at the middle. And I'm just going to hold Shift and drag this down so I can transform it disproportionately. I'm gonna release the mouse and then the Shift key. And you don't really see anything happening yet. But you will once we click on confirm here. And that has transformed this single row of pixels into a rectangle of pixels going all the way down, making it look like the road. And these light trails are disappearing to the below. Then I'm going to re-select the background image by just clicking on it in the background layer. And I'm going to click once more, right where this divider starts. So I'm just going to click here and create a selection there. And I'm gonna do the same thing. So I'm going to press Control J to copy that selection to a new layer. I'm going to call this line two. And I'm going to transform this using Control T. If you don't like that shortcut, you can always go into the Edit menu at the top and choose Free Transform. I'm going to hold Shift and I'm just going to drag this all the way to the top and release. And this time I'm going to press the Enter key to confirm my transformation. So now we've created this image. And I think in the final result that I ended up posting on Instagram, I cleaned up a lot of the background elements and I worked on the blend between these different planes a bit more. But I personally really like this effect. And if you're working with light trails, for example, it can have some really interesting results. 21. 4.4-Lasso tool: The next tool we will be looking at is the Lasso Tool, which is part of the third group of tools here at the top left of the toolbar. And we are going to use this to create a selection around the opening in the roof of this bird observatory, which I also shot with my drone. So the Lasso tool is right here, the third one from the top. You can also press the L key to activate the Lassa tool. And I'm just going to zoom on this image using Alt scroll. The Lasso tool is a tool that allows you to just freehand draw a selection around an object or an area. And it's very difficult to do this accurately if you are not using a drawing tablet, which I am not, I prefer using a mouse and keyboard. Some people prefer to use a drawing tablet, but I am simply unable to make that work. So I just prefer using a mouse and keyboard. But using a mouse, a mouse, it is quite difficult to draw an accurate selection around something. So this tool is usually reserved for situations where accuracy is not that important and you just quickly need selection of roughly a certain shape around an object or an area. So using this tool, I'm just going to click and drag around this opening in the roof. I'm just clicking and dragging, clicking and dragging. And then when you release the mouse, it automatically draws a line to where you started drawing the selection, and it closes it and loads it as a selection, as we can see with these marching ants. And again, this tool has four different modes. New selection, add, subtract, and intersect. So let's say I want to bring this to the edge of the selection a bit closer to the actual hole instead of this whole wide area here, I'm just going to enable, remove from selection or subtract from selection. And I'm just going to click and drag an additional more key, let's say around this area. And that brings it closer to where I actually want it to be. And let's say I overdid that a little. And I now want to add to my selection again. I just enabled add to selection and I draw another line around this area. And as soon as I release the mouse, it is added to the selection. So if you need a quick and dirty selection within an image, this is something that you can use and you can also use the Marquee Tools for that. But it, it very often happens that you want a selection like this that is not a rectangle or an ellipse. And in that situation, the lasso tool would be my recommendation. 22. 4.5-Polygonal lasso tool: In this lesson, we will be looking at the polygonal lasso tool, which allows us to draw more accurately around objects in our images. You will find the polygonal lasso tool by holding the mouse down on the Lasso tool and just choosing the second tool here, the Polygonal Lasso tool. And using this tool, I'm going to create a selection around one of these domino blocks. So I'm going to Alt scroll into this particular block. And how this tool works is you just click on a point and it sets it as the start of our selection. And when you move the mouse, you will see that it draws a straight line to another point that I can define. So I'm going to use that to just click here on this corner of the domino block. And for this I'm going to use a shorter line and then there's going to be a longer one. And for angles like this, you can just use shorter lines. And it doesn't have to be pixel perfect for this specific example. And then I'm going to use a longer 11, shorter one or two, then just click on the original to close the selection. And you will also see a little circle next to your mouse cursor indicating that you are about to close the selection. So this allows you to select geometric shapes that are not rectangles or ellipses pretty accurately. And I find myself using this tool when I really need to get the fine details of a selection, because you can just zoom in as far as you want and put the points wherever you need them. So I'm going to de-select for now using Control D or Command D on the Mac and show you some handy shortcuts associate associated with this tool. I'm going to start my selection and let's say I click in. I just continue this for a little bit and let's say I click in the wrong spots a bit further on. You can delete the last point you made by using the backspace key. And you can do that until you end up at the beginning of your selection. You can also cancel the selection outright by pressing the escape key, and that just removes the frame that you were drawing currently. Well, you can also do is temporarily switch to the regular lasso tool and that's a shortcut not many people know in my experience, if I want to draw a more seamless edge around this corner, I can actually hold Alt and then click and move my mouse to temporarily switch to the regular Lasso Tool. And releasing Alt. And releasing the mouse actually sets it back to the polygonal lasso tool. So you can always switch between the regular lasso tool and the polygon or lasso tool by using the Alt key and holding that down. Now, let's say I just want to close my selection, even though I'm not quite finished yet, I can just press the Enter key and it just draws a straight line from wherever the mouse cursor was at that time. And as any other selection tool, it has new selection, add, subtract, and intersect here at the top. 23. 4.6-Magnetic lasso tool: The next tool we will be looking at is the Magnetic Lasso Tool. And I have a bit of a strange relationship with this tool because I don't like it. I never use it and I never encounter a situation where I would prefer the Magnetic Lasso Tool over the other selection tools at my disposal. Yet, I've been teaching about Photoshop for about 12 years and I keep running into clients who rely on this tool above any others. So I'm going to show you how it works. And I'm also going to tell you why I personally don't like it. And you're just going to have to make that decision by yourself, whether you choose to rely on this tool or the other tools that I will show you as we go on. So the Magnetic Lasso Tool is in the Lasso Tool Group, so I can switch to it by pressing Shift L. I currently had the Polygonal Lasso Tool selected. So the next tool in the list is the Magnetic Lasso Tool. How this tool works is it finds lines of contrast to stick to as you drag your mouse along the edges of a subject. So that's what I'm going to do for this building here. And I'm just going to click and drag along the edge of the building. And if you are following along and doing this yourself, you'll notice that the selection line or these anchor points stick to the shape that we are trying to draw. And as we go on, you will see that we get c. This is part of the reason that I do not like this tool. I just change my zoom level to get a bit closer. And as I zoomed, obviously my mouse moved and it attached new points here that I do not want. So right now I'm pressing the backspace key to delete those points so I can keep dragging. And that's the thing about this tool, at least to me. It keeps putting these points where I do not want them. The number of points is also often an issue. Like sometimes there are too many, sometimes there are too few, and you can actually change the settings up here, the width, for example, to get different results. But the other selection tools at our disposal are just more reliable than this. And I have all these extra points here that I really didn't want in my original selection. I'm going to have to delete all of these or get removed them from my selection, which I could do with these different modes that this tool also has. But I just do not like using this tool. I think there are much better ways of creating fast and accurate selections. So you're free to experiment with this obviously, and I'm sure there are situations where the tool does produce good and reliable, which is also important results. But to my findings, there are, is almost always a better way to create a selection outside the Magnetic Lasso Tool. 24. 4.7-Quick selection tool: The Quick Selection Tool which we will be looking at in this lesson, is actually one of my favorite selection methods. And we will find this tool in the fourth tool group from the top. So I can just right-click on this icon where it says Object Selection and then switch to the Quick Selection Tool. Now, something you should know about this tool is that it is a brush tool like many other tools in Photoshop, such as the Spot Healing Brush, the clone stamp, the regular brush tool, the eraser tool, et cetera. And brushes have certain settings that you have to be aware of. First of all, they have a size property, and the size property is displayed in pixels here at the top left. And you can extend this little drop-down and you can change the size here. But that is not the best way of doing that because of how this specific tool works. See, this tool looks at the pixels that you click on and select adjacent pixels that look like those pixels based on contrast, color, and brightness. So it's basically finds the edges of the objects that you click on it to create a selection. And in that context, we want our brush to be large enough to quickly work within whichever subject we are trying to select. And we want it to be small enough to stay within the silhouette of that subject. So we want to be able to neatly, yet quickly draw within the lines of whatever we are trying to select. So if we use this menu here at the top, I am going to have to increase the size, but I don't know by how much I should increase it. So I'm just going to put it at 50. And then I have to move my cursor back to the Canvas to see how large my brush it currently is and how much larger or smaller it should be. So to change brush, brush size, I'm going to learn you a shortcut and later a different shortcut, which is used for every single tool that is based on brush mechanics. And those are the square bracket keys of your keyboard. And on most QWERTY keyboards, you will find those to the right of the P key. And the right square bracket increases the size and the left square bracket decreases the size. So at a full-screen zoom control 0, I am just going to use brush size at 90 pixels. And I'm just going to click on the hood of our model here. And as you will see, the selection grows to encompass the entire top of his hood. So I'm just going to click a few more times. And you can also click and drag using this tool. And as you see, the selection keeps growing. Two, whichever area I am currently touching. And just to show you how this works exactly, I'm going to zoom in on the hand here, which is currently not selected. And I'm going to decrease the brush size using the square left bracket or left square bracket. Because brush size does not scale with zoom level. And I'm just going to put the edge of my circular mouse cursor right outside of what is currently selected. So just overlapping part of the hand. And as I click now, the selection immediately grows to select most of the hand. So that is how the tool works, like if you touch an object by clicking and dragging, it will find the edge of that object and place your selection. So as I'm going on, I keep varying my brush size to paint over different areas of the image. And as we can see, as I increase the selection along the hand here, we also get some areas that I do not want selected, like here at the back of the shoe or hear some of the floorboards are selected, which I obviously do not want. And as you're building the selection, you will see a plus sign within our mouse cursor. And that is indicating that we are currently adding to the selection as any other selection method that we've previously looked at, this tool has different modes. It has new selection, add to selection, and subtract from selection. Now, with this particular tool, I tend to stick away from, stay away from these icons because you can just quickly switch to the ultimate mode by holding the Alt key or Option key on the Mac. So currently I'm holding the Alt key and my plus sign, it turned into a minus. And now I can click outside of the model on the area that I do not want selected. And it's going to change the selection and basically push it back in. So to select, we worked from within a subject to its edges and to deselect, we work from outside of a subject towards its edges. And I'm just gonna do the same thing here. And for this part, I'm going to decrease my brush size quite significantly. And then it selects too little because I want this part of the shoe as well. So if I click on it again, it's going to expand again, but not to the same extent from which I corrected it. So this tool basically learns from what you are doing, not in An artificial intelligence sense, but it basically decreases the band of contrast that it is looking at to build your selection. So as you make these corrections, it starts to improve. And we are going to be spending a lot of time refining selection such as this in later videos. But what you should know about this tool is that you basically don't want to do your entire selection in one go. It's always a good idea to regularly release the mouse button. So that gives you a reset point. Because let's say if I remove the selection and I increase my brush size again, and I'm making my selection here. And then I run into a problem here. When I go over a shoe and I go way outside my subject. Now, I could use Alt to correct this, but it would be easier to just not make this mistake in the first place. So now if I use Control Z, I have to start all over again. Because the clicking and dragging and creating this initial selection was one action and Control Z and does your previous action. Now if I've clicked several times, like if I release the mouse button at certain intervals, and then I make such a mistake, I can just use Control Z. And all I have to do is this area again. So it's always a good idea to regularly release the mouse as you are creating selections such as this. And if you really are working on some finer details, it's actually a better idea not to click and drag, but just click and grow the boundaries of the selection incrementally. 25. 4.8-Select subject: About two years ago, Adobe introduced select subject into Photoshop CC, I believe it was the 2019 addition. And while I was not very impressed with it initially, it has seen dramatic improvement over the last year and a half or so. And I find myself relying on it more and more to create fast and accurate selections. Select subject is basically an automatic selection. So it looks at the image and makes an estimation of what the subject of the image is, and then puts a selection around it. And you will find this function when you have certain selection tools active, such as the Quick Selection Tool or the object selection tool, or the magic wand tool. You can also find this function in the select menu here at the top, and then you can choose subject. For now I'm going to activate the quick selection tool, and I'm just going to click on Select Subject here at the top. And Photoshop is going to do some calculation and it is going to put a selection around my subject, my son here. And as I zoom in, you will see that this selection is pretty damn accurate. So we have these extending hair lines out of his hood. And if we look here at the arm and the sword that is holding, there are some smaller issues that still need fixing. And here at the bottom of his shoes, we also need to correct for the shadows. But overall this is an excellent place to start. And that is what I use this function 4. So I just click on this button. Photoshop makes a relatively good initial selection, which I can then use the other selection tools on to keep working. So to get to the preferred result. And I'm just going to show you the selected mask function, which we will go over in detail in the next lesson. But if I click on Select and Mask here, and then I switch the mode to black and white, the display mode. And there we see the actual contours in black and white of our selection. You'll see these really fine details that would be very difficult to select manually using any of the selection tools without refining the selection initially. And this selection has not been edited. This is something that photoshop created completely on auto mode using select subject. So I am, I find myself using this function more and more because it's just a faster way to get where you want to go. So for now I'm going to click on cancel here at the bottom right. And I'm just going to zoom in on a sword where I saw a couple of problem areas. And with the quick selection tool active, I'm going to decrease my brush size using the left square bracket. And I'm just going to click a few times to add this area to my selection. So in the next video, I will show you how to remove little details like this. But this is a very good starting point for improving our selection. So this tool is basically an automatic selection. And I recommend trying it and see if it works for you and the types of images that you work with. But if you work with a lot of models, let's say I give you do a lot of portrait photography. This is a very reliable tool in my experience. 26. 4.9-Object selection tool: In the October update of this here, photoshop has seen some drastic improvements to the object selection tool, which I'm going to show you in this video using the file 4.9 objects selection. And I'm just going to activate the object selection tool. And when you activate this tool, you will see some new options here in the Options bar, which we are going to look at in a little bit once we actually get used to using this new tool. So as you mouse over your image, photoshop will actually highlight the subjects that it detects. So if I hover here over the leftmost model of this image, I can just click once and it's going to load a selection of my model. And this selection is deadly accurate. This is better than what you would get with the Quick Selection Tool, for example. And the preview is actually not that accurate because as you can see, as I hover over the model, you'll see some splotches on her skin here, which wouldn't be selected by our initial impression. And if I hover over the model here, you will see that the left side of her face isn't highlighted in blue, indicating that it won't be selected. But once I actually click on the model, you will see that she is actually completely selected and that part of her face was also part of the selection. So this mouse over just gives you a very quick instant preview of how your selection is going to look. But the actual selection is a lot more refined once you actually click on the model. There are some issues. Sometimes, for example, if I look at the model on the right here and I click, then you will see that the part below her chin and above the address here is not selected while I would have is selected when I wouldn't have wanted that to be part of my selection. But for that then I can select the subtract from selection setting. And I can just click and drag and it's going to de-select whatever I had selected there as the subject. So this is really quick and easy and I'm actually kind of a fan of how this work works. And I'm just going to show you how the rest of the new settings work here. We have a checkbox for object finder. And if you disable this checkbox, it actually resets to working like it used to work in the previous edition. So now I can just click and drag a marquee around whatever I want selected. It's going to look within that marquee to find my subject. And it does have to actually be an Add to Selection mode while it was still in subtract from selection. And there we go. Now, it did forget her watch here, so I'm just going to add that to my select selection using the Quick Selection Tool. And now going back to the Object Selection tool. So real enabling the object finder, we have some options here. We can actually reset it to its default settings. We can refresh it. Then we can click this button to show all objects that are currently being detected in the image. And note that this is not like a final preview of it. Then we have some settings here for objects. Subtract that we can auto refresh it or manual refresh it. We can choose the overlay color, the outline of our subjects, the opacity of the overlay, and whether the overlay is shown automatically or not. Here we can switch between a rectangular select or a Lasso Select. We can set it to sample all layers. We can determine whether the edge should be hard or soft. We can give it. There'll be some feedback with this button. We can go into Select Subject like we were able to do previously. And we can dive straight into Select and Mask. And going into Select and Mask. This also has an object selection tool, including the object Finder. So you won't just find it within the default workspace and Photoshop. It's also added to the select and mask workspace. So that's a quick overview of this new version of the object selection tool. And I can see myself using this quite a bit. 27. 4.10-Select and mask: The select and mask workspace allows us to improve our initial selections by playing with certain settings and by using certain tools. And we briefly ended up in that workspace in one of the previous videos. But right now we will be looking at the different settings you can use to improve your selections. So I've opened up four-point 10, Select and Mask. And I'm going to create an initial selection here by going into the Select menu at the top and then choosing subject. And that's going to create roughly the same selection as we had previously, which is pretty accurate as a starting point as pointed out earlier. So without going into any improvements here with the Quick Selection, like our previous example, I'm just going to go into the select menu here again and then choose, Select and Mask or shortcut Alt Control R. And that brings us into Select and Mask. And initially we will see our selected subject against this checkerboard background, which indicates transparency in Photoshop as we've gone over previously. Now, here on the left we have some tools which we will look at in the next video. This video, I only want to talk about the settings here on the right. So initially, we can determine the view of our subject, and the view is currently just a transparent background. So if I extend this menu by clicking the down arrow, you can choose marching ants, which just displays it as a selection as any other selection, you can set it to overlay. And that overlays this red color on everything that is currently not selected. You can choose on black or white. And if I close out of this menu by clicking outside of it, you can see that I can also increase and decrease the opacity of this overlay. So I can really see the contours of my selection. So if you want to edit out a subject out of a light-colored background, you would use on black, which allows you to see the light contours around the edges of our selection. And if you want to edit out some, someone or something out of a dark background, you would use on white, allowing you to see the contours of that background. So for now I'm just going to leave it to on Black. And I am going to take the opacity of the overlay down to about 80 percent. So here we have the refined mode and you can set that to color aware or object to wear. And it also gives you a short explanation of what this actually does. You can change it to Object Aware mode, which gives you this pop-up. And it is possible that you wind up with a very different selection at the end of it. But my selection here seems pretty similar. So this is more suitable for selecting hair or complex background and color are aware is more suitable for simple or contrasting backgrounds. So I'm just going to stick with color aware for now because it seems to have similar results. And then we have the edge detection. And this is a smart process which basically looks at the edges of your selection and tries to decontaminate it. And to demonstrate that, I just want to zoom in on the head of my son here. And I'm just going to increase the radius slightly. And what you will see is that we get a softer feather along the edges of his hood, at which I can visualize a bit better by changing the overlay to black and white, decreasing the radius to 0 again, and now increasing it to, let's say three pixels. So this is our before, and this is our after. And it has produced a more accurate selection at the top here at least. Because often what you see with using edge detection is that you get de-selected areas within our subject. And that's something I do not want. So I'm just going to decrease the radius again. And then I see that they're still there. And that with the radius, I actually had a better result. So I'm just gonna set it to three for now. There's also a smart radius, which is an automated process. And it tries to get the best results based on the image. So I can leave that on or I can turn it off. The results weren't drastically different. In this case. Here we have a slider to make our selection more smooth. And that is going to remove some of the jagged edges that we see along his jacket and his pant legs. So if I increase the smoothness and I'm just going to increase it too much. So you see what's happening at, it just kind of makes the edge blur together. So a low smoothness means lots of contrasty edges. And a higher smoothness indicates a smoother edge along our selection. Now the feather is basically a blur for our selection. So if I increase the feather, you will see that the edges blur and you get partially selected pixels outside and inside our subject. I never really use this. I tend to prefer to stick to using the other settings and, or the tools that we have on the left here, which we will look at in the next video. But it's something you can use to feather a selection. If, for example, want to select something that is not in focus, that this can help you get a better as around that, that you can also increase the contrast, which is another way of decontaminating the edges of our selection. And let's say we increase the smooth ER, the smooth value doesn't discriminate between pixels that you do and do not want to select. And you can eliminate some of the problem, problems that leads to by increasing the contrast of the selection. So I'm just going to leave it at 20 percent. And you can also use Shift Edge to shift the edge of our selection into our subject or outside of our subject. So moving back to the top here, you'll see that if I shift the edge, it will push the selection inwards. And if I change it to the right plus 100%, it increases the radius of our selection. Now, I'm not actually a big fan of what the smooth did with the top of the hood here. So I just change that back to 0. And I am going to display the selection on overlay mode for now. And this is looking pretty good. So now we're going to look at what we can do with this selection that we currently have. If I extend the output settings here, you can see that we can output the selection to an actual selection just like we've created with many other tools previously. We can apply this selection as a layer mask, which we will be looking at in the next chapter. We can put it as a new layer, a new layer with layer mask, a new document, or even in a new document with a Layer Mask. Now without going into what a layer mask actually is, because that's something we will be talking about extensively in the next chapter, I usually choose new layer with layer mask because that allows you to create these selections non-destructively. So I can always go back in and edit what is actually within the layer, shown within the layer or not. So I'm just going to choose new layer with layer mask and click OK. And then when we look at our Layers panel, the background layer, the original is currently hidden. So the I here is deactivated. And we have a new layer here at the top with a layer mask attached to it. And I'm just going to visualize that a bit better, better for you by increasing the thumbnail size by clicking, right-clicking within the layers panel and choosing large thumbnails. And as you can see, within this layer mask, everything that is filled with black is currently hidden and everything that is filled with white is currently visible. And that is the essential inner workings of layer masks. White is visible, black is invisible. So it outputs, outputs our selection to a layer with a Layer Mask. And the next video we're going to go over the different tools of the select and mask workspace. So let's get working on that. 28. 4.11-Select and mask-2: In this video, we will be looking at the tools that the select and mask workspace offers us. So I'm just going to quickly activate one of my selection tools by pressing the W key on my keyboard, which switches me to the fourth group of tools, the objects selection tool in this case. And I'm just going to click Select Subject here at the top. Now, with this initial selection, I can just go to Select and Mask. Note that you don't have to actually do this stuff first because Select and Mask also contains a button at the top for Select Subject, but I prefer to get started here. So I'm just going to click Select and Mask here at the top. And I'm going to leave it at this red overlay currently. So I'm just going to choose Overlay and leave it out read. And then we will look at these tools here. We have a Quick Selection Tool, we have a Refine Edge brush tool, the regular brush tool, an object selection, the lasso tool, and also the polygonal lasso tool. Actually note that we do not have the Magnetic Lasso Tool. And then we also have a hand in the Zoom tool. But for those, there are shortcuts, namely the spacebar to use the hand tool. So we'll bring that down switches to the hand tool and Alt scroll for the zoom tool. So we can use these tools to further refine our selection. So I'm just going to zoom in on the sword and I'm going to switch to quick selection. And it is currently set to add to selection and its size seems to be adequate for the area. I want to add some just going to click on the sword a few times to increase the selection. Now note that I went a bit too far and I painted over this area in between. So I'm just going to Alt click on this area a couple of times with varying brush sizes to paint the selection back and cure at the bottom, it is actually better to switch to the brush tool because I want to make these lines around the shoes a bit more neat, a bit more clean. So I switch to the brush tool. It's currently set to add to selection. And using this, I can just paint across the edges of the soles of the shoes to add those to the selection. And I can also do that for these areas. So this doesn't look for edges or any difference. In contrast, you can just paint straight over what you want to select or deselect, and that is what the tool will do. And then I'm going to look at the top here. And I'm also going to use this tool to paint over this little area. And then I would like to increase the selection of these outline hair's a little bit. And the best tool for that is the Refine Edge tool. So this is going to look at what's inside and outside of our selection and kind of calculate an average of what should and shouldn't be selected. So using this tool, I'm just going to click and drag along the edges of these hairs and release the mouse. And then we see that we get a bunch more hairs added to our selection. And I can demonstrate that a bit better by switching to the black and white overlay. So we have a lot more bushy hairs around his hood selected currently, so this would be a better result. And then I see that I am missing a little bit here. So I'm just going to switch back to the regular brush tool and just paint in these pixels. Now, let's say I went too far and I selected an area that I did not mean to select. Obviously I can use Control Z or Command Z on the Mac to go back a step. But I can also just hold the Alt key and then just paint over what I do not want selected. And then release the Alt key to, again, add to the selection. So you can use these tools to create far more accurate selections. And if you use these in addition to using the settings here on the right, you can really quickly get accurate and fast results. 29. 4.12-Selecting hair: In this video, I want to give you another example of how well Select Subject actually works in many cases. Here I have a photo of a motto in a forest from the mind, Dominique. And I'm just going to click Select Subject to create an initial selection. And when you look at the selection initially, it seems very jagged, like there are selections or partially selected pixels that I do not want my end result. But once I click on Select and Mask here, and I show her in overlay mode. So I set the view to overlay, which allows me to quickly see which pixels are selected and not selected. You will see that even these out flying hairs are very accurately selected. And there are a couple of areas where I would like to improve, such as between her hair and her arm here. But for that I can just use the either the brush tool or the quick select tool. And then just Alt click or Alt click and drag over what I want to deselect. Now, there is another button here at the top four refine hair. But in my experience, unless the image purports a certain preconditions, it doesn't really work that well for better results. Like I'm currently very happy with my selection here. But if I click on refining hair, hair, you will see that it removes a lot from the selection. And this is a very good result. And even if I switch to object to wear and click on Okay, it has improved like it's better than it was, but I'm still missing this whole bottom section of her hair. Even if I click on Refine here now, I will not get those details back. So I prefer to use the standard automatic selection and then incrementally improved by using the Quick Select tool and the brush tool. Or you can use the Refine Edge brush tool, which we went over in the previous video. 30. 4.13-Quick mask mode: In this video, we will be looking at Quick Mask Mode. And Quick Mask Mode is not a selection tool in and of itself, but it's something that we use to refine our selection we already have. And for that demonstration, I've opened 4.13 Quick Mask Mode, which is a photo of my daughter I took here on the water, water side. And I'm just going to click Select Subject here at the top to create an initial selection. And that's selection is missing some areas such as on the umbrella that she is holding up. And it also selected a bit too much. This would, in the background of this Bannister, and also little too little of her shoes. Now, I couldn't use the Selection tools that we've already gone over to improve the selection, for example, the Quick Selection tool. But I'm going to show you how to do that using Quick Mask Mode. To get to Quick Mask Mode, I can just press the Q button on my laptop. And you will, this will look familiar if you've seen the previous two videos where we worked with the overlay in selected mask. By the way, you can also get to this mode by clicking this little icon underneath the foreground and background color in the toolbar. Now, in Quick Mask Mode, I can work with white to add to my selection, with black to subtract from my selection. So I'm just going to activate the brush tool, just the standard brush tool, shortcut B. And I can use the bracket tools or the bracket keys on my keyboard to increase or decrease its size. I can also right-click to get to the size and hardness properties. I'm going to teach you a shortcut right now, which I use every day and which works for every single tool. That is a brush tool in Photoshop, which I find very intuitive to change the size and hardness of a brush that you're using. So on Windows, I'm going to hold down the Alt key and then I'm going to hold down the right mouse button. And now I can drag right to increase the size of my brush and drag it left to decrease it. And I can drag up to decrease the hardness of my brush and down to increase the hardness of my brush. So now you have a visual reference point relating to the brush settings, which I find exceedingly useful in most cases. And it's also a lot faster than using the bracket keys. So you can just visually determine how hard and how large your brush needs to be to perform whatever action you're doing. And this is very useful because as stated earlier, a lot of the tools of Photoshop such as the quick selection, the brush tool, the Spot Healing Brush, the clone stamp, et cetera. They're all Brush Tools and they all work with this shortcut. So for this particular task, I would like a small hard brush and I want to paint with black to remove this Bannister from my selection. So I'm making sure that black is set to my foreground color. And then I'm just going to click and drag along this edge to remove it from my selection. And initially this doesn't seem like a very accurate way of doing this. But you can actually zoom into the pixel grid and use a one pixel brush to determine exactly which pixels you want selected and which ones you do not by switching between black and white. So currently I'm using black to subtract from my selection. And I'm just going to change my brush size slightly again. And I'm not doing this in one go mind you I'm releasing the mouse button very often as I go so that I have a restore point to which I can revert with Control Z or Command Z on the Mac obviously. So I've added these pixels to mice or removed these pixels from the selection. Now here on her tights, she, we have some unselected pixels which I would like to select, some just going to switch to white as the foreground color. And I can use that by using this little elbow arrow where the four and background color are. Or I can use the x key on my keyboard. And I'm just going to click and drag over these pixels to add them to my selection. And I'm not gonna do this to accurately. This is only for demonstration purposes, apigee, obviously. So I'm just dragging over these pixels. And I also want these pixels. And the pixels. Okay? So, oh, I accidentally dragged out the window. Now I can move that to the top here and use white to paint in her arms to actually add them to my selection. As you see, Select Subject didn't do an excellent job of it, to be honest, in this particular case. And I'm going to use black to de-select these and white to select these. And I'm just using the X key to switch between black and white. And now I'm going to use a slightly bigger brush and white as the foreground color to add the umbrella to my selection. And it's not going to be too accurate unless I really take my time and zoom in and just do this on a pixel by pixel basis. But this is just to demonstrate that you can make it as accurate as you want. I can just zoom in on the edge of my umbrella and then choose white and just paint in these pixels, but not these pixels. So you can make it as accurate as you want using this particular method. Oh yeah, the shoe, I'm just going to add this to my selection with a slightly larger brush. And now, when we exit Quick Mask mode by pressing the Q key, again, we have this selection. So quick mask mode is a way that you can edit in or out pixels from your selection to get the desired result. And it basically works the same as painting in these pixels in Select and Mask Mode. But I just wanted to demonstrate that you don't need Select and Mask Mode to perform this kind of edit because this function has been in Photoshop since before I started using the software about 15 years ago. 31. 4.14-Magic wand tool: The magic wand tool is a tool that most Photoshop users are familiar with, and it allows us to create selections based on color and contrast between colors. So here in exercise file 4.14, magic wand, I'm going to hold the mouse down on the Quick Selection Tool. And I'm going to select the magic wand tool. Now at the top here, this tool also has similar settings to the other selection tools we've already looked at. We have new selection, add, subtract, and intersect. We can select a sample size which at currently selects a single point that we click on. And the others create certain grids around the point that we click on to extend our selection. The tolerance is how many lighter and darker values will be selected once we click with our mouse, which is set to 32 by default. So the lower this value, the narrower, narrower the range of pixels that are to be selected is. Then we have anti-alias, which when you use selection tools like this and also when you look at text, anti-aliasing is a thing. And basically it kind of makes the edges of selections and of texts less jagged. So it becomes smoother. So that's something you want to leave on by default. And there's another checkmark for contiguous, which means that it will only select pixels that are in one uninterrupted area. And because this is enabled currently, once I click here on this top left segment of this heart, it will not select any other parts of the heart, even though they are within the same tolerance of the pixels that I clicked on. So here is my initial selection, and I can obviously click on another segment of the heart, which will move the selection to there because currently new selection is on. So if I change this to add to selection, the second mode, I can just click on the different segments of the heart to add them to my selection. But this can be a lot of work and I would prefer to select the heart in its entirety with one click of the mouse. So currently I'm going to use Control D to de-select or Command D on the Mac. And I'm going to disable this checkmark for contiguous. And then I'm going to up the tolerance just a bit because I saw that some of the darker shades of orange of the heart, we're not selected initially. So I'm just going to change this to, let's say 42 instead of 32 and press Enter and then click on the heart. As you see, we have a nearly perfect selection of all the pixels that are actually part of the heart. Now, if I also want to select this bar here, just going to click on this again and again, or click and drag over it to add this to my selection. But what you will see is that her face is also starting to be selected. So I should have actually enabled the checkbox for contiguous again, to limit the selection to this area and not these areas of her face which I do not want to select. And I could change this tool currently to subtract from selection. But the quick selection tool is actually more suitable for this. Because I don't really want to de-select based on color. I want to just deselect this area. So I'm going to switch to the Quick Selection Tool. And I'll make sure it's about 40 pixels in size at this zoom level. And I'm just going to Alt click on her face to push the selection outwards. And there we have it, our selection. So the magic one tool allows you to select based on the color values of the pixels and the differences between them by changing the tolerance values. And if you want to select one area of an image where the color is contiguous, so it's all together and there's no interruptions between them. You can enable contiguous. And if you want to look at the whole image, when you use this tool, you de-select this particular checkmark at the top. 32. 4.15-Color range select: Another method of using color to create selections is a Color Range select. And I actually prefer this method over using the magic wand tool because it's a better visualization of which pixels will be selected and which ones will not. So to demonstrate this, I've opened 4.15 Color Range dot JPEG, which is essentially the same image as we saw with the magic wand. And in this image I'm going to go up to the Select menu and then I'm going to choose Color Range. And this is our initial view in this panel. Basically, the black pixels are not selected. The white pixels are selected or going to be selected once we click Okay, and the gray pixels are partially selected. So now when I click on this heart, you will see that we get most of the heart, but some pixels will not be selected and some will partially be selected. Now, I could change this in two ways. I can increase the fuzziness, which is basically the range of pixels that the program will be looking at. Or I can enable this Plus Eyedropper. Because currently the new selection is active, meaning that every time I click it recalculates which pixels will be selected and which ones will not. If I enable the plus eyedropper, I can keep adding pixels to my selection and thus increasing the area of selected pixels. So currently this is looking pretty well with a fuzziness of 48 and several cliques of my mouse on the heart. We don't see any selected pixels outside of the heart. There's a couple on the face of the model, which we can correct with the Quick Selection Tool. So for now I'm just going to click OK. And there we have our selection. So now I can zoom in on the face of the model once more. Take the Quick Selection Tool and just Alt click on the pixels that I want to deselect. So this is another way of using color as a method for selections. And I prefer this method over the magic one tool because it just feels a little more exact, like I have more control over what will be selected and what won't be. 33. 4.16-Focus area select: Focus area select allows us to select the pixels of an image that are in-focus and not select pixels that are out-of-focus. And for that example, I've opened 4.16 focus area. And we will find this function in the select menu at the top, and then selecting focus area. And Photoshop. Photoshop is going to do some calculations to see which areas of the image are in focus and which are not. And initially you might see this on a white preview, which is not what I want because I cannot see the image, the parts of the image of which are not selected. I don't have an opacity slider here, so I'm just going to choose something with partial transparency, which is the overlay here. So now on the image, I can determine which pixels I want to select and which I do not. So here we have this rose. And I'm just going to click and drag over this. And it's going to use the quick select function to increase the selection to also include this rose. And I can do the same here. And again, it's going to use the quickselect function to grow the selection to its bounds. And I can also select this by just clicking and dragging over it. And for removing from the selection, you simply hold the Alt key and drag over the areas you want to deselect. And it might have to do a little bit more than you would like. But this is how it works. Note that I do not use this function. I believe there are faster and more accurate ways of selecting. And my pictures tend to have a lot of depth in them. I showed them with a very low f-stop, so a larger aperture. So yeah, There's a very gradual difference between what is in-focus and what is not in focus in my images. And I, I just prefer other selection methods to get what I want. So I want to deselect this branch here at the top. So I'm just going to Alt drag over this and these. And that's the nice thing about this particular overlay, is that it allows us to instantly see what is selected and what is not. So from here, I can choose where to output this selection to a selection layer mask new layer, new layer with layer mask, new document or new document with layer mask. What I can also do is just from here, dive into select and mask. So if I click on Select and Mask, I end up in the select and mask workspace where I can use these tools on the left that we've looked at earlier, or the settings here on the right. To improve my selection. Let's just say I want to output these two new layer with a Layer Mask and then click on OK. And there we have it. So we have our isolated rose petals here. 34. 4.17-Select sky: There are many possible situations where you want to quickly and accurately select the sky of an image to replace the sky, or to brighten it up or to darken it. There is actually a Sky Replacement function in Photoshop that we will be looking at in a different chapter. But there is a specific selection function, specifically for Skies, which we will be looking at in this image, 4.17, select sky. I couldn't use, for example, the Select Subject function or the Quick Selection tool to quickly select my subject. And then I can easily invert the selection by going into the Select menu and choosing inverse or pressing Shift Control I. But there's also a specific menu function for this, but in the select menu. And then choosing sky. And once we do that photoshop looks out what it thinks the sky is in this image and creates a better selection than I could've made by hand in the same amount of time. And looking at the details of this selection, like even the horizon here and these extruding pieces of hay from the hay bale are not selected. And this mountain hearing in the distance is obscured by some haze. But I could still actually select this or deselect this by Alt clicking on the horizon with my quick selection tool. So this function looks at what the sky in an image would be and creates a pretty accurate selection of it. And there have been situations where I've used this function to quickly select the sky. And in those situations, I have not been disappointed. 35. 4.18-Editing selections: In this video, I'm going to show you how to use the Select menu to edit selections that we've already made. And there are many possible situations where that can be useful. And to demonstrate this, I've opened 4.18 editing selections. And I'm just going to zoom in on this rose petal here at the top. And I'm going to take the object selection tool and make sure the mode is set to rectangle. And I'm just going to click and drag a rectangle around this rose petal to create a selection. Now, let's say I want to remove this rose petal from the image. I just wanted to fill in with the background. For this, I could use content aware fill, which we will be looking at in a later chapter in detail. But to use this function, I can go into the Edit menu here at the top and choose Fill. And then when you end up in this dialogue, by default, Content Aware will be set for its contents. So I'm just going to click Okay. And it's going to fill with content aware. And I click the wrong button there. And I'm going to deselect. And you will see that you can still see the contour of this rose petal. And that's because the selection wasn't pixel perfect. And for Content-Aware Fill, you usually want the selection to be outside of the subject so that it removes the subject in its entirety and you don't end up with this bending around the subject that you're trying to remove. So what I'm gonna do is increase the size of this selection by using the Select menu. So I've gone back with control Z before I use the fill command. And now I am going to go into the select menu here at the top, and then I'm going to select Modify. Now you can create a border which will actually de-select the center of this selection and create a one pixel border around it which will be selected. I can make the selection more smooth, which is similar to the smooth command in the Select and Mask dialogue. I can expand the selection, I can contract it so making it bigger or smaller by a set pixel value or I can feather it and feathering it means that you just make it softer towards its edges. So in this case, I want to expand the selection by about three pixels. So I'm going to choose Expand. And I'm going to enter a value of three pixels. And you don't get a preview of this unfortunately, but I'm just going to click Okay for now. So now you see that my selection has grown by exactly three pixels, which I can also visualize by zooming in a little bit. And now if I use the fill command, and instead of going to Edit Fill, I'm just going to press Shift backspace for the same dialogue box. And I'm just going to leave it a Content-Aware and click. Okay. And now once I de-select, you will not see the contour of the rose petal because the selection was, I'm far enough outside of it that no pixels of the edges were selected. And in similar fashion, you can decrease the size of a selection. You can feather it if you choose. And you will find all of those functions in the Modify menu of the select menu here at the top. One other function of this I'm going to elucidate on right now. I'm just going to use the object selection tool to select part of this rose petal. The Select menu has a couple of other options that I want to expound upon a little bit. If I press grow, it's going to use a Quick Selection Tool like algorithm to grow the selection to the first edge of contrast that it encounters. So if I click grow, it's going to grow the selection to the edge of this particular rose petal. And if I use Control Z to go back one step, I can also use the command similar phi via the Select menu. And that's going to look at the entire image and self select pixels that look like the pixels that were already selected. And this is a very inaccurate process. It almost never gives me the results that are won't grow. I sometimes use, but similar is one that I've never really encountered a practical use for. So usually you use the Select menu to either get to one of these commands. Color, range, focus, area, subject, or sky, or use it to modify and expand or contract a range of selected pixels. But these ones further towards the bottom, the grow and similar are not ones you typically use if you want to wake, work quickly and accurately. 36. 4.19-Saving and loading selections: In this final lesson on selections, I'm going to show you how to save selections and load them within the same document or in different documents. And for that, I've opened 4.19 saving and loading selections and using the object selection tool set to rectangle mode in ads add to selection. I am just going to quickly select a few of these petals. And what you'll see once I drag a marquee around these two here, the area between them will also be partially selected. So I'm going to switch to subtract from selection at the top left. And I'm just going to drag a smaller marquee around this area to deselect where they meet. And then switch to add to selection again. And I'm just going to select a few more of these. And again, when you're dragging more keys, you can always use the space bar to move the mark key to a different location. So if you click and drag in the wrong initial position, you can always use the space bar to reposition your Marquee. Okay, so let's say I want to save this selection to use it later. For that, I can go up in the select menu and then go to the first one from the bottom, save selection. Here you can choose a document and I want to save the selection in the current document, but I can also choose a new document. I can choose a channel here and it's going to create a new channel, which I'll talk about more in a minute. And I can also name this selection, and I'm just going to call this collection. And it's going to put it in a new channel. And once I click, Okay, the selection is now saved. So I can de-select now using Control D. And I can always recall this selection in a couple of different ways. The first and most simple way would be going into the Select menu and then choosing Load Selection. Now, there's only one saved selection, so it's automatically set to this document and it's already set to the correct channel which I have just created. And it's going to create a new selection because I don't currently have a selection active. If I did, I could add to that current selection using this saved selection, I could subtract it or I could intersect it if I so chose. So I'm just going to click Okay, and it's going to reload the exact selection that I had before. So that's way number one, that's method 1 for reloading a selection. I'm just going to click press Control D for now to deselect. And now I am going to look at the Channels menu where you don't really have a lot of business being in, especially if you're a beginner working with Photoshop. But basically this gives us a collective channel for RGB, for red, green, and blue. And it also gives us the grayscale values for the red, green, and blue channels. So here we have all the information in the red channel, the green channel, and the blue channel. And the RGB is then a collective channel, combining those into actual color information. And here we have the selection channel which has been added by using the Save Selection command. Now, if you enable the visibility of this channel, it's going to distort the image. So it will display actually in the true colors, the objects that we selected, and in red what is not selected, similar to what Quick Mask Mode would do. So this is not something we want. The easiest way to reload. A selection from this channel's panel is holding Control on Windows and Command on the Mac. And then just clicking on the thumbnail of the channel. So if I click on this black and white rectangle here, it's going to re-select the channel. And that loads the selection as it was saved. And that actually works for layers as well, which I will demonstrate in another video. So by control clicking on a layer, you select all the active pixels within that layer, provided that it's not a background layer. 37. 5.0-Combining images: Working with layer masks is another core aspect of working with Photoshop because they basically allow us to combine several images together into a single image in a non-destructive way, either based on selections which we looked at in the previous chapter or working with grayscale values, which I will demonstrate in this chapter. So this chapter is all about working with layer masks. And to get started with layer masks, we're going to need two images, at least two images in one Photoshop file. And there are several ways of doing this, a few of which I will demonstrate in this video. So I have Photoshop open here, and I want to combine the first two images of the exercise files of this chapter into one Photoshop file. Now what I can do is basically open both of them separately by going into the File menu. Choose Open, find the file in my folder structure. Here they are. So I can select both of these, and then I can click Open. And it will open both images in Photoshop, but it won't put them into a single document, it will open them separately. So let's say I want to add this image to this image or the other way around. Let's say I'm going to add this image to this image. So I'm just going to open the image here in Photoshop and I'm going to grab the move tool, and I'm just going to click and drag onto the other file, the tab that's open at the top. And then I'm going to hold down Shift as I'm still holding down the mouse button and then I'm gonna release. And that's going to place the other image as a separate layer in the dead center of the original, which is what the Shift key was for. So now I have both of them in one file. I'm going to undo that with Control Z. And I'm going to close the other image, and I'm going to show you another way of doing. Let's say I've opened this single file, then I can just go into Explorer or Finder on the Mac. And I can find my second image and I can just click and drag it into Photoshop. And again, holding down Shift, place it in the middle of this other image. Now, this is going to place it in a Free Transform. So you see these transformation points along the corners and the long edges. So this is something you have to confirm initially. So I'm just going to click this check mark here at the top that confirms the placement. And now I have two layers in this document. Now, please note that when you do it like this, when you use this method of combining images in Photoshop files, you place the second image as a Smart Object. And there's a whole chapter on smart objects later on in the course. But you should be aware of that it is a smart object. So you cannot use destructive tools such as the Spot Healing Brush or the clone stamp tool on this specific layer. Now, I'm going to show you my favorite way of placing several images into one Photoshop document. And to do that, I'm going to close out of this image by pressing Control W or Command W on the Mac. And I'm going to open Adobe Bridge, which I talked about for a bit in the second chapter of this course. So using Adobe Bridge, I can select both of these images in this directory, which I already opened before I started recording this video. And then I can go into the Tools menu here at the top. And there is a photoshop dropped down here. So I'm going to open Photoshop and then I'm going to choose load files into Photoshop layers, which is exactly what I want. And the number of images that you do this for doesn't matter. You can do this for 20 images at the same time. Even though depending on your system, it might take a while to open all of those into Photoshop layers. But I'm just going to select these two, click that option. And a few seconds later, both files will be opened in Photoshop. The background layer is not locked. It in fact, this document doesn't actually have a background layer. So I can just click and drag the order of the layers to adjust whichever one I want at the top. Because as you saw, it takes the file order of the folder that you opened and places the images in that order in the layers panel. So this, according to me, like that, my humble opinion, because there are always several ways of doing things in Photoshop concerning most of its functions. This is the most convenient way of putting several images into one document. 38. 5.1-Getting started with masks: Now that we have two images in one Photoshop file, we can start combining the two. But first, let's look at what these images actually are. The top layer 5.1 Introduction to masks. One is a photo of my friend Michael standing on the edge the roof of my apartment building. The second layer, which I can make visible by hiding the top layer by clicking the icon. Here is a photo of Michael's shoes here at the edge of the roof. Now, the way I wanted to combine these images is to make it seem like only Michael's shoes are at the edge. But his reflection in the puddle here is in fact showing. So basically I want to hide Michael in the end result at the top here. So I want to leave his reflection visible but hide Michael himself. Do that. We are going to basically make the top half of this image transparent. Now, we already looked at layer opacity, as stated in the previous video, where we can just change the opacity of the top layer to reveal the bottom layer. But that's not what I want. I want to localize this partial transparency. So I only want to make this top part of the image transparent. Now, we used to do that with the eraser tool. So here I have an eraser tool with a size property that I can change here at the top if I want. And with the eraser tool, you can just click and drag over a layer to erase that layer. But this is a destructive edit. So I am actually discarding the pixels that I'm dragging over and I cannot get those back unless I use Control Z. So if you've saved the image or if you want to undo part of the erasing that you've done, you are unable to do that. So to combine images in a non-destructive way, we are going to add a layer mask to this top layer. So I'm going to click on the top layer here to make sure it's selected. And you see it's selected by the gray highlight. And then I'm going to look at the bottom of the Layers panel to the third icon from the left, this little rectangle with a circular hole in it. That tells me like if I hover the mouse over it and add layer mask. So I'm going to click on that and you will see next to the image, thumbnail is now a mask thumbnail. So this indicates that the layer has a layer mask applied. And this mask is currently filled with white, indicating that the entire layer is currently visible. Now we can hide parts of an image by working with grayscale values within a layer mask. So if we want to hide something completely, we can just paint over those white areas of the layer mask with a black brush. And if we want to partially hide parts of an image, we can use a gray scale value between white and black to partially hide it, which I will show you in a later video. So I'm going to make sure the mask is highlighted because note that you can select either the layer itself or the layer mask by clicking on either of those. And I'm going to activate the brush tool. That's this regular paintbrush here in the Tools panel. You can also press the B key to activate the brush tool. Now, there are certain properties of brushes that we have to go over. There is a separate chapter on working with brushes, where I go into a bit more depth for these particular settings. But basically, there's three settings that you have to keep in mind when you're working with brushes. And that is the brush size, which is the size of your cursor. So the size of the brush you'll be painting with. There is the hardness, which I will give you a short demonstration of. And there's the brush opacity, which we will be looking at a couple of videos from now. So the brush settings can be found here at the top left where you see this brush indicator. Now, the size property is something you can change here as well as the hardness below it. And you can just enter a numerical value. You can drag this slider from right to left or left to right. Or you can actually put the cursor on the word size and click and drag to alter the size of the brush. But this is not the most convenient place to alter these properties because you don't get a preview of how big your brush actually is. So let's say I grab the default size, which is 30 pixels. So that should be. What your current size is, approximately 30 pixels. Then I have to move my mouse back to the image to see if it's actually big enough to paint out what I want to hide. So let me just increase the size here to 50. Well, that's still way too small. This is a 43 megapixel image, I believe. So. This is not the best way to change these properties. So I'm just going to click out of it. And I'm going to put my cursor on the image. And then I'm going to use the square bracket keys, which you will find right, of the P key on your keyboard, on most keyboards on accorded keyboard anyway. So with the left bracket key, I can decrease the brush size. And with the right bracket key, I can increase the brush size. And I'm going to set it to about 1000 pixels. And now I want to make sure that black is my foreground color. Now, the foreground color is displayed here at the bottom left of the toolbar. White is currently my foreground color, and I can switch that around by pressing this little elbow arrow. Or you can press the X key on your keyboard to switch out black and white. It will always be black and white when you first activate this, when a layer mask is selected because masks work based on grayscale values. So now I have a black brush of adequate size and I have the layer mask selected. And that means that I can now just click and drag over the image. And wherever I click and drag will be hidden in the composite image. So I can just paint down to Michael shoes. And there's my composite. And as you can see here in the layers panel, the top half of the image of the mask is now filled with black indicating that it is invisible. And the bottom half of the image of the layer mask is still in white, meaning that it is visible. Now, there's a few handy shortcuts that you can use when working with layer masks. I can use the X key to switch back to white as the foreground color. And then I can just paint back over the layer mask and bring Michael back. So this is completely non-destructive and I can change whatever is hidden or visible at anytime by just switching out the foreground color from black to white or from white to black. And just painting over the images, over the sections of the image that I want to hide or reveal. Now, let me give you a demonstration of brush hardness, which is a concept we will be using in several lessons in this chapter. We already opened the brush properties here at the top-left, and my hardness is currently set to 50 percent, 0%. So let me change that to 50 percent. Now, if I switch the foreground color back to black using the X key and then click on the image. You'll see that there is no longer such a strong gradient as we saw before. The brush has a lot less feathering and the shape of the brush is much more defined. So let me just change that back to 0. As a demonstration, it is now set to 0. And if I click now, you will see that only the very center of the brush position is transparent and there's a very heavy feather towards its edges. Now with 50, as we saw, we have a much more defined circle. And if I set it to a 100 percent, there is no feathering at all and you just cut a circular hole in the image. If you click on the layer mask with black, that is now what size you want to use is dependent on how well-defined the lines are that you want to paint out. Now, I have this angular roof here, which would be easiest to do with a harder brush. But if you want something to blend into the background more seamlessly, you will want to use a soft airbrush. Not usually 0%, more like something between 25 and 50, but it really depends on what you're trying to blend, which I will give you some examples of later. So let me just complete the composite. So I'm just going to set the brush size to approximately 50%. I wanna make sure black as my foreground color, my size is still set to about a 1000. So now I can just click and drag over the top part of the image to complete my composite. So the workflow is pretty much always put two or more layers into one document. Apply a layer mask to the topmost layer. Just paint with a black brush to hide what you want to hide from that layer. So what you're basically doing is cutting a hole in the top layer. So you can see the bottom layer through it. 39. 5.2-Masking with selections: In this lesson, we will be looking at creating layer masks based on selections, which is of course, something we've looked at extensively in the previous chapter 4. And we will be creating a composite it using two images. This image of a cooling tower, an abandoned cooling tower in Belgium where I went, wants to take some pictures and this image of a passing plane overhead. And we're going to make it seem like this plane is flying over the cooling tower. Now, you've probably seen a lot of images like that where a plane is exactly in the center of a lookup shot. And most of these are unfortunately faked. Like it's almost impossible to get the timing right, to get the position right. So, I'm sorry to ruin this for you, but almost all of those images are faked. There are some real ones out there, and they usually show there behind the scenes. If you look on Instagram, if you're on Instagram and you're into that sort of thing, you can usually tell when it's fake or not when it's too perfect. It's usually faked afterwards in Photoshop with either an entirely different plane or a plane that was moved to the exact right position. So what we will be doing is opening these images into one Photoshop file. And just as a revision, revision exercise, I'm going to show you two ways of doing that. So I'm going to select both of these images in bridge, both five-point two. And I'm going to go into the Tools menu, go to Photoshop and choose load files into Photoshop layers. And that's going to put the airplane here at the bottom, which is not what I want. So I can always click and drag to change the order. And I'm actually going to show you two more ways of doing this. So I'm just going to close out of this image for now using Control W. And I'm just going to open both files from Photoshop. So File Open. And I'm going to select both of these images. And I'm going to click on open. Now to get them both in the same document. I'm just going to grab the move tool, shortcut V. And I'm going to click and drag the airplane into the other file. And I'm going to release the mouse holding Shift to place it in the center. Now, I also have both of them in one file. And the third way of doing this is using the Creative Cloud library that you have access to through this course. So I'm just going to open my Libraries panel and just going to find the image of the airplane. And from the library. By the way, the library is organized into groups. So in group 5 layer masks, I can find the airplane image and just click and drag it into my Photoshop file. And then double-click to confirm. So that's something you can do using Creative Cloud Libraries. Now what I want to do is isolate this airplane from its background. And there are of course, several ways of doing this. The fastest way in the current edition of Photoshop is using select subject. So I'm just going to activate the quick selection tool, which will give me this button here at the top for Select Subject. If you don't want to switch tools, you can always go into the select menu at the top and then choose subject. Now, because this airplane layer is selected, it automatically finds the airplane as the subject. With this selection active, I can click on the Add Layer Mask button at the bottom of the Layers panel to just add the layer mask. And as you can see, the layer mask is in the exact shape of my selection. So you can first create a selection and then add a layer mask to basically cut out what you have selected, which is exactly what I wanted in this example. Now, there are a few minor mistakes that photoshop made here. Like the sky is still visible through parts of the wheel wells here. And what I can do to change that is just grab the brush tool and decrease its size dramatically. To make sure I can paint over these blue areas. Make sure black as my foreground color. And I can just paint over these areas to hide the blue. But this is something that isn't really necessary for this composite because I will be scaling down this airplane to such an extent that you will not be able to tell that there is still some blue in between the wheels. So let's forego making these final little corrections. You can if you want to, but you don't have to get the same end result as we're looking for. So I may want to transform this layer. I want to make it smaller. So to get into a Free Transform, I can either go into the Edit menu here at the top and choose Free Transform. Or I can press Control T or Command T on the Mac. So that's usually what I do because I am shortcut maniac. So with this layer selected and without the menu open, I can press Control T to get into a free transform. Now, note that the free transform actually applies to free transform to the entire layer, not just the map, the masked area. You see this transform frame is a lot bigger than the airplane and it encompasses the entire original image and not just the mast area, which is something you should keep in mind when you're working with larger images out of which you want to cut a much smaller part. So now I can transform the layer. And I can either just click and drag one of the corners. Or I can do that using the Alt key on Windows or the Option key on Mac to transform the layer to its center. So as long as you're holding the Alt key, you will transform the airplane to its own center instead of to the opposing corner. Whatever corner you're dragging from. And I'm going to make it about, let's say 200 pixels wide. The size should be displayed next to your mouse cursor, by the way. And then I'm going to first release the mouse key and then the Alt key. And then I can just still drag this airplane around. Or I can nudge it around using the arrow keys on my keyboard and just put it where I want it. And then I still have to confirm the transformation by clicking this little check mark at the top, pressing the enter key, double-clicking or just switching to a different tool. So I'm just going to double-click on the airplane and there it is. I can still nudge it around provided that the move tool is active. So I can just use the arrow keys on my keyboard to make sure that it's actually centered on the chimney, on the smokestack or cooling tower. I'm not sure what the word is. So and now we've created a composite where an airplane is flying in the perfect center of a lookup shot, which is something you very often see on Instagram. And this is how those images are almost universally created. 40. 5.3-Brush opacity: So far we've looked at the basics surrounding masking in Photoshop, combining two images into one document and working with brush size and brush hardness to combine two or more images together. There is another property concerning brushes that you should be familiar with if you're going to be combining images into one end result. And that is brush opacity, which we will be looking at in this lesson. And for that purpose, I am going to open the file five-point brush opacity one by just double-clicking it in Bridge. You can also obviously you go to File and open to open it from your File Explorer or Finder program. Now here I have a drone image that I shot of the island in the lake of bled, Slovenia. And what we are going to do is make this island float on the shell of a turtle. So for that purpose in the library, you will find the turtle image five-point brush opacity too, which is a PNG file indicating that the background is transparent. So I've already isolated the turtle out of its background. So I'm just going to click and drag this into my image from the library. You can also obviously do this from bridge or Explorer or Finder, as we've seen in previous videos. And dropping it in from the library puts it in free transform. So I'm just going to grab on to the edges and holding Alt, I'm going to increase its size from the middle. I'm also going to stand right outside the layer boundary and just click and drag to rotate it a bit. And as you can see, I can't really see where I want to position my turtle because the island is obstructed. Now, while you're in free transform, you can still change the layer opacity of the layer you're transforming. So we can see a bit more clearly what we want to do. So now I can see the island a bit better with an capacity of about 50 percent. So I can rotate it a bit more. Something like this. And I want like the neck to stick out of these trees at the front. Maybe increase the size a little bit, holding ALT. Okay? That looks about right. So I'm going to commit the transform by pressing the Enter key and then just increasing the opacity again to make the turtle visible again. Now what we want to do is basically cut an island sized hole in this giant turtle. And for that purpose we are going to hide the turtle. And we're going to click on the background layer to make that the active layer. And now what I want to do is create a selection of the island. And for that, again, we are going to use Select Subject. So I'm just going to go into the select menu at the top, making sure that the background layer is highlighted. And into the Select menu we are going to choose subject. And that creates a relatively accurate selection of the island depending on which version of Photoshop you're using. It didn't miss a few items though, the church spire and some of the orange rooftops on the island. So I'm just going to switch to the Quick Selection Tool, increase the brush size using the right bracket key. And I'm just going to click on these areas to add them to my selection. Okay? This looks about right for our purposes. So I am going to really visualize the turtle. Just make it visible again by clicking the eyeball. And I want you to think about what's going to happen when we add a layer mask at this point. Because as we've seen in the previous lesson, applying a layer mask leaves the selection and hides everything that is not selected. So in that case, we would actually get the reverse of what we want. So if I click Add Layer Mask now here at the bottom of the Layers panel, it's going to hide everything except the turtle where the island is sitting. So that's not what we want. It's also what we can see in the in the Mask thumbnail. By the way, everything is white except for everything that is not the island. So I'm going to, there's a few ways to fix this. Actually, one way of fixing it is just pressing Control or Command I on the Mac with the mask highlighted because this inverts the layer mask and turns everything white into black and black into white, giving us the desired end result. I'm just going to go Control Z back to this point before applying the layer mask is there's two other ways that you can fix this. So I can go into the Select menu and choose Inverse, and that inverts the selection before applying the layer mask. So now I've everything that is not the island is currently selected, giving me the desired result when I click on Apply Layer Mask. I did Control Z again and one more before inverting. So there's one handy little shortcut when applying layer masks. It's often the case that you want to apply a black layer mask instead of a white layer mask. And that is exactly what the Alt or Option key on the Mac does when you apply a layer mask. So with this selection that we started with initially and the turtle layer highlighted, I'm going to Alt, click on Apply Layer Mask, and that gives me the immediate desired result. So this requires the fewest amount of actions to get the mask that I would want. Now, I'm not quite happy with the position of the turtle. I would like to move it down a little bit more. And that presents a problem because I can grab the layer here. Once I start clicking and dragging, you will see that the mask also moves with it. So the cutouts changes basically. And I want the cutout to stay the same, but I just want to change the position of the turtle within the cutout, within the mask. Now, this is because the layer and the mask are currently linked, which is displayed by this little chain link icon between the layer and the mask thumbnail. Now if I release this by clicking the chain, clicking the link, then I can move the mask and the layer independently. So I can either click the mask and move that. Or I can click the layer and just move the layer. So now the mask stays in place and the layer is repositioned when I click and drag using the Move tool. So now it looks in about the right position. So now we finally get to talk about brush opacity. And to demonstrate that I'm going to highlight the actual layer mask and not the layer itself. And I'm going to grab my brush tool using the B key on my keyboard or just clicking it here in the toolbar, my brush size is currently set to one pixel, which is obviously a bit on the small side. So using the right bracket key, I'm going to increase its size. So using basically what we want to do is make it seem like parts of the turtle are submerged because currently it's just floating on the water. There's no shadow, There's no difference in transparency, and it doesn't really give a compelling result that way. So basically what I want to do is make the parts of the turtle that would be further underwater in this composite, a bit more transparent than the other parts to make it seem like there are some actual depth there. And for that purpose we're going to use brush opacity. Now, the brush opacity is displayed here at the top and it's currently set 100%, meaning you paint with a 100 percent white or a 100 percent black, depending on which is your foreground color. So now with a 100 percent white, nothing happens unless I paint over the island. So I'm going to put black as the foreground color. And as you can see, when I click and drag over the turtle, the entire turtle disappears. And this is also displayed in the layer mask by this big black spot here at the top. So that's not what I want. So what I'm going to show you is what happens when I lower the brush opacity, which you can also do in a few different ways. I can expand this slider and just click and drag this. I can enter a number manually. I can also just put my mouse on top of the word opacity and click and drag. But a very handy shortcut for brush opacity are the numerical keys on your keyboard. So if I press the five key, you will see that my opacity jumps to 50%. And if I press the three key, you'll see that it jumps to 30 percent. With the two key, it's 20 percent and that's about where I want to get started. So with my brush opacity set to 20, black as my foreground color. And then the layer mask here highlighted. I can just click and drag over the turtle. And it's going to incrementally increase, decrease the opacity of the turtle. So now everything is becoming a little bit transparent. So now what I'm gonna do is just click and drag over certain parts of the image again. And that's going to double up on that 20 percent. So 20 plus 20 equals 40% opacity in total. So that's going to increase the transparency of parts of the image that I go over once again. And that's what I'm gonna do for a like this shoulder part of the fin. And I'm just gonna do this a few times to really double up on the effect. And I'm going to make it seem like this part of the turtle is a bit deeper. And I'm just going to go over this edge. I'm going to take the head down a little bit. So I'm just clicking and dragging over parts of the image until I get the desired effect. And that is already looking a lot better. Now I can zoom in on the image a little bit using Alt scroll. And as you can see, the shadows of the trees aren't showing, showing through to the turtle like he can't see the turtle through the reflections. The trees which were also included in the selection. And to get around that, we are actually going to put white as the foreground color because this is currently filled with black in the mask, meaning the turtle is invisible there. So using a slightly smaller brush, white as my foreground color and an opacity of 20 percent. I'm just going to go over the reflections or the shadows of the trees. And that's going to allow me to paint through the shadows to the turtle, making the turtle partly visible, which increases the realism of our composite in most cases. So I'm just going to go over these shadows. And there we go. That is already a lot better. Now, normally, I would take a lot more time to refine this composite and really get the depth right. Add some shadow below the turtle and mix a few other additions here and there to really finish the image. But this video is about teaching you how to work with brush opacity. So with brush opacity, you can incrementally increase or decrease transparency by just painting over parts of the image that you want more or less transparent than everything else. 41. 5.4-Project airplane: In this lesson, we will be looking at a practical application of layer masks. And we are going to take a photograph of my son and we are going to make him float in the air. If you look in the exercise files for this lesson, you will find two images, five-point for project Airplane 1.45, project airplane to now I'm going to load 5.4 project Airplane one into Photoshop first by just clicking and dragging it into the program and letting it go here on the splash screen. Now, for the next step, I am going to import the second image, which is in the same folder. And I'm just going to click and drag it into Photoshop and release it on top of the background layer. Now as we know, this puts it in a Free Transform. So I'm just going to confirm that free transform because I don't actually want to transform it. And now let's take a look at these two images in the top layer, project airplane to my son team OEM is laying on this piano stool and the bottom image is just the background. So without our model here, and what we're gonna do is basically paint out the stool to make it seem like T-Mobile is just flying in the air. So with this top layer selected, I'm going to click the Add Layer Mask button here at the bottom of the Layers panel, and that adds the layer mask. So now I can start painting with black over the areas that I want to make transparent. So I'm going to select the brush tool and I'm going to increase my brush size a bit. I'm going to make sure that black is my foreground color by pressing the X key. And I want my brush opacity at a 100 percent. So I'm just going to press 0 key in this case because the brush tool is active, 0 puts the opacity at a 100. And now I can just start painting over this foreground here. And that's just going to disappear. That's going to become hidden behind the black layer mask. And first I'm just going to do a rough outline of the floor here and I'm doing the entire floor because there is a difference in lighting on the floor between both images. And I want them to look consistent. I want the Florida look consistent as far as lighting is concerned. So I'm just painting out the entire ground here from the top layer, revealing the ground of the bottom layer. Now I'm going to want to increase the hardness of my brush a bit. And as we've seen, we can do that here at the top, at the brush settings here where the size is displayed. Or I can hold the Alt key, hold the right mouse button, and then I can move my mouse down to increase the brush hardness. And then I can just grab these more exact lines around our model here. And once you get closer to these edges, you're going to want to zoom in even more and scale down your brush even more. So you can do this in detail. And I'm not going to make this pixel perfect. Usually I spend quite a bit of time adjusting and readjusting my masks to make sure that it looks realistic. Even the slightest difference in lighting or color or blend of the background can ruin the illusion and make your composite look unconvincing. So I'm just painting along these edges. And we're gonna do that again over here. These edges are a bit too, too well-defined, so I'm going to come back to those. Again, decreasing my brush size using Alt and right mouse. And I'm just painting between his fingers. Because as you can see, there's inconsistent lighting. And that's not something that you can prevent in a case like this. Like we took these photos outside, outdoors in a parking garage. And for one shot, the sun was out. And for the other shot, the sun was hidden behind some clouds. So that gives you a difference in lighting no matter what you do. So I'm just going through all of these edges and note that if I go too far, like if I remove a bit too much of his jacket here, I can always switch to white as the foreground color and just paint it back in. Easy as that. Now, for this next part, I can zoom out a bit and increase the brush size again. And I'm just going to do my best here to paint all this out. And initially, I don't mind that I'm taking out a bit too much of his collar here because I can always switch to white and just paint it back. And I'm just varying my brush size as needed. And now I'm going to decrease my brush hardness as much as I can because this top part doesn't have to be as precise like the illusion is created by having him floats above the ground basically. And this background here, it doesn't look unconvincing that this is a bit different. So I noticed that I painted out a little too much of his shoes. So I'm just going to put white as the foreground color and just paint this back in his note that if I paint over to moan with black, he will disappear. So just be mindful of that when working with layer masks like this. So using black, I'm just going to take care of these final little edges. And here I'm going to grab a very soft brush. So I'm going to lower the hardness to 0%. And I'm just going to paint over the edges of it with a black brush to kind of put in a feather to make it seem like it's a bit uneven. And there we go. There is my son floating in the air. Now to make it look a bit more realistic, we can add a shadow to Cimon. So I'm just going to click the New Layer icon here at the top of the layer, at the bottom of the Layers panel. I'm going to name this shadow by double-clicking the current name. And I'm just going to drag this down under the, under the second layer. I'm gonna grab my brush tool. I'm going to go and hit the D key to set it to the default color. So black, in this case. I'm going to increase the size of my brush and decrease the hardness to 0. And I'm going to switch it to 40% opacity by pressing the F4 key. And now I'm just going to paint under T-Mobile here, like so. And now I can still change the opacity of the layer to make it a bit more transparent. So I'm going to set this to, let's say 60 percent, something like that. So this is with the shadow added, and this is without the shadow added. And the shadow makes it a bit more convincing. It's a tattoo big so I could grab the eraser tool and just paint over some of the edge here. Maybe make a small indent just to change its shape a little bit and make it conform a bit more to what my son actually is shaped like. So this is our final composite with Tim OEM floating in the air. These floating pictures are really easy to take. You just take two photos from a tripod, one without a model and one with the model on top of a stool or some other kind of object. And you just put them on top of each other. You add a layer mass to the top layer, and you just paint with black to remove what you want to be hidden. 42. 5.5-Project dice: Now that we've looked at the essentials concerning layer masks and use them in a practical sense. With the airplane project, we are going to look at how to use several layers with several layer masks. And for that we need to have several images in one Photoshop document. And by far, the easiest way of achieving that is using Adobe Bridge, as I've demonstrated in the first video of this chapter. So I'm going to select these four images within the exercise files. All the 5.5 images, which isn't image of a friend of mine throwing a bunch of dice towards the camera, which I shot on a very wide angle lens. So I'm going to select these four images, and I'm going to go up into the Tools menu here in Adobe Bridge, go into Photoshop and then choose load files into Photoshop layers. And that's going to load all these files into Photoshop layers within a single document. These images are all the same size. There were all taken from the same position. And basically the purpose of taking the several images was that I could decide how many dice are actually in my final image. So here we have four images. And what I'm gonna do is work from the bottom up towards the top to decide which dice I actually want in the image. But for that, I'm going to move the top layer to the bottom because that is actually what I call a clean plate, which doesn't contain any of the dice at all. So I'm just going to drag this down to the bottom of the layer stack and I'm going to hide the three top layers. And I can do that in several ways. Like you can just click the eyes to hide the other layers. You can also click and drag across the eyes to hide them all. Or what you can do if you want visibility on a single layer and no other layers, you can also click on the I icon of that layer, and that's going to hide all the other layers. So here we have our clean plate and now for the second layer, project dice for, I'm going to make that visible and then decide which dice I actually want visible. Let's say I want this one right next to his hand. This one here at the front, and this one here in the middle visible. So what I'm gonna do is hide this layer behind a black layer mask. We've already seen that we can add a white layer mask by just clicking the Layer Mask icon at the bottom of the Layers panel, which adds a white layer mask. Now if I'm holding Alt or Option on the Mac and then click this icon I had. I add a black layer mask, hiding everything in the layer. And this is a lot easier because it's a lot more convenient to paint in what I want from the final image. Instead of painting out what I don't want, which is most of the image except for the dice. One problem though, is that now I can't see the dice because they are hidden behind a black mask. So I'm going to take a look at the properties panel, which should be in your current interface. If it's not, you can always go up into the Window menu at the top and then select Properties. Now with the mask selected, you get the mask properties here. And here I have a density slider. Now if I start lowering this to about 60 percent, you'll see that the image below the layer mask actually becomes partially visible again. You will also see it filled with a dark gray or 60 percent gray here in the Layers panel. And you can always undo that by just increasing the density to a 100 again. But now I can easily see where I want to paint with white to make those dice visible in the end result. So I'm going to grab my brush tool. I'm going to press 0 to make sure that the opacity is set to a 100 percent. I'm gonna make sure white is my foreground color and I'm going to decrease my brush size and increase the brush hardness a bit so that I can easily tackle these dice. And again, for this, I was using the shortcut, holding down the Alt key, holding down the right mouse button, and just moving the mouse left and right to increase or decrease size. And from the top and the bottom to increase or decrease the hardness of the brush. If you're working on a Mac, that would be the Control key and the left mouse button, if I'm not mistaken. So now I'm just going to paint over this dye here. And this one. And this one. And then I can just increase the mask density again to a 100. And there we have the end result. Now, I want to add some more dice, so I'm going to grab the next layer, project dice three, and I'm just going to make that visible. And let's say for this one, I want this dye, this dye visible in the end result. So I'm just going to hide the layer behind a black mass by Alt or Option, clicking the Layer Mask icon at the bottom of the Layers panel, and then set the density to about 60 percent so that I can actually see the dice. And to make things even easier, you can also hide the layer you did previously. So I'm just going to hide the second layer from the bottom so I can easily see which dice I actually want in my image. And then I'm just going to paint over this with white. And over this with white. Increase the mass density again. And there they are in my end result in if you still notice some missing edges or whatever, you can just still paint over it with white. Now that the dice are at least partially visible. Here is the image so far. So let's take a look at the final image, the top layer project dice 2. So I'm just gonna make that visible and I'm going to hide the other layers for a moment. No way. I'm going to leave those visible. And I'm going to hide this layer, bind the black layer mask Alt, clicking the Layer Mask icon, and decrease its density, and then hide the previous layer so I can see which dice I actually want. And let's say that I just want this one from this particular layer. So I'm just going to grab my brush tool, white as foreground opacity at a 100. And I'm just going to drag over this to make it visible. I'm going to increase the layer dense, the mass density again. And there I see I'm missing like a little corner from this dice die. So just paint over that with white, make these layers visible again. And here then is my end result. So I can Alt click on the icon of the bottom layer. This was my starting point and all clicking it again makes the other layers visible again. And this is then my final composite. And I create images like this all the time. Just to make it, we're just more dynamic and to decide for, to be able to decide for myself which objects I want in the final image and which I don't need. 43. 5.7-essential shortcuts: In this lesson, I want to highlight some of the more useful keyboard shortcuts when you're working with layer masks. And speaking of keyboard shortcuts, there is no keyboard shortcut by default for applying a layer mask with either black or white. And that's something that we can change ourselves. And that's exceedingly useful because layer masks are something that comes into play every time you open up Photoshop basically. So let's set up a couple sheet keyboard shortcuts for applying a black layer mask and a white layer mask. To do that, we are going to go into the Edit menu here at the top and then select Keyboard Shortcuts. The default keyboard shortcut for opening keyboard shortcuts is Control Shift Alt K. So I'm just going to click here and then we have an overview of all the menu options we have at the top of the programs we have File, Edit, Image, layer, type, et cetera. And the Apply Layer Mask functions are in the Layers menu. So I'm just going to expand this menu option. And then I'm just going to scroll down and it's quite a ways down to the layer mass category. Now reveal all is applying a white layer mask. So I'm just going to click this and then assign a keyboard shortcut to it. And my keyboard shortcut is going to be Control Shift Alt M, as you see displayed on the screen right now. Now that keyboard shortcut is already assigned by default to changing the menu options. Now, that's something that I never really do because I don't need to change what menu items are available and in which order they are. I think the program is fine as it is in that aspect. So I'm just going to overwrite that standard keyboard shortcut with this one applying a white layer mask. So when I click Hide All that is for applying a black layer mask to hide the entire layer behind a black mask. So to assign a keyboard shortcut to that, I'm just going to press Control Shift Alt K. And that is already assigned to opening up the keyboard shortcuts for Photoshop. But I don't really need to be in that part of the program a lot. So and I do often need to apply a black layer mask. So I'm just going to overwrite that current keyboard shortcut with this one. So with these keyboard shortcuts entered, I'm just going to click Accept here and then click Okay. And then with this layer selected in the File five-point eight essential shortcuts, I can press Control Shift Alt M to apply a white layer mask. And I can undo that with Control Z, of course. And I can press Control Shift Alt K to apply a black layer mask, which is exceedingly useful when you're working with masks pretty often. And if you're working in Photoshop, you will be working with masks pretty often. So continuing on, some other useful keyboard shortcuts that are on by default is what we will be looking at next. And to demonstrate those, I'm just going to apply a layer mask, a white layer mask to this layer by pressing Control Shift Alt M, you can, of course, click the Layer Mask icon here at the bottom. I just want a white layer mask. And now I'm going to create a selection of my daughter here in this image. And to do that, I have the quick selection tool active, and I'm just going to click Select Subject here at the top to create an initial selection. Now, accuracy is not really important because this is just an example of some keyboard shortcuts pertaining to layer masks. So I'm just going to improve my selection a little bit by using a small brush and clicking on some of the other parts of the image. Now, let's say I want to hide my daughter from this image. I have the layer mask selected, and white is currently my foreground color, and black is my background color. So I want to fill this selection with black, for which I can use the keyboard shortcut Control Backspace or Command Backspace on the Mac. So using Control Backspace, you fill with the background color, which is currently set to black on my system. So I can Control Z to undo, and then I can press Control I to invert that layer mask. So I've turned the white within my selection into black so I can invert again to bring, to shout back here. So control, I inverts the layer mask. You can also fill with the foreground color if I just invert it again by pressing Alt Backspace. So Alt backspace fills with whatever is currently set to your foreground color Control Backspace fills with whatever is said to your background color and control. I inverts the colors, meaning it hides whatever is selected. When there's a selection active. I'm just going to press Control D to de-select, which we've often used in this and the previous chapter. And I'm going to show you what happens when I press Control I with the entire layer mask selected. So with no active selection, I have the layer mask here highlighted and I'm just going to press Control I. And that's going to invert the layer mask as you can tell. The next thing I'm going to show you is how to copy layer masks from one layer to the other. And to do that, we are going to duplicate this current layer. So I'm just going to press Control J or Command J on the Mac to duplicate the layer. And I'm just going to hide the bottom layer for now because we don't need it at the moment. So what we're gonna do is recreate our previous selection. So I'm just going to click here at the top for Select Subject since my quick selection tool is still active. And that's gonna give me the same selection as before. And I'm just going to touch that up a bit. And I'm actually, I actually have to paint out a little bit here on the side. There we go. So let's say this is my selection. And I'm just going to fill the selection with black, which is currently my background color. So I'm just going to press Control 0. Actually. The first thing we're going to want to do is invert the selections. We can actually hide the background. So I'm going to go up into the Select menu and choose inverse. You can also press Control Shift I or Command Shift I on the Mac to invert the selection, to select everything but my daughter. And now we're going to fill this selection with black to hide the background. So I'm going to press Control Backspace, command backspace on the Mac. And that gives us my isolated daughter here. Now, if I re-enable visibility on the bottom layer, That's just going to restore the image. So now we have a full, the full image again. And let's say I want to copy this layer mask to this layer mask which is already applied to the layer below, I can just hold the Alt key or Option key on the Mac and click and drag the mask from one mask to the other. And once I release, you get this confirm dialog where you can specify whether you want to replace the layer mask or not. So I'm just going to click Yes. And now I've copied the layer mask from one layer to another. Now, a situation where this can be useful and I'm just going to press Control Z for now is when you're working with adjustment layers, which we will be looking at in a future chapter. So I'm just going to click here for the adjustments panel. If you don't have this in your interface, you can always go into the Window menu and then choose adjustments. And I am going to choose the hue saturation adjustment layer here, the first icon from the middle row. And let's say I want to completely desaturate my daughter. So remove all the color. I'm just going to click and drag the saturation slider all the way to the left. But that the saturates the entire image. But if I want to apply to only my daughter, I can just hold the Alt key here and click and drag the layer mask from the middle layer into the top layer, which is the adjustment layer. I can replace the layer mask and that applies the effect only to my daughter. So those are some handy shortcuts. Another couple I'm going to show you is you can temporarily disable the layer mask by holding the Shift key and clicking the thumbnail. So that disables the layer mask and shows you the layer with the layer mask. And what you can also do is Alt click on the layer mask, which gives you the mask in grayscale values. So now we see in white what is visible in the image and in black what is invisible. So this is another handy shortcut that you can use to more accurately paint out or in what you want in your end result. 44. 5.8-Clipping masks: Another way of affecting layer visibility is by working with clipping masks instead of with layer masks. And how clipping masks works, it works is basically you limit the visibility of one layer to the position and scale of another layer. So basically you're determining that one layer is only visible where the other layer is visible in the layer below it. And to demonstrate this, I've opened up exercise file 5.9, clipping masks. And what we're gonna do in this document is draw a circle using the ellipse tool here on the left in the toolbar. So there's this group of shape tools. It's, the default is the rectangle tool. If you hold the mouse down on this group, you can select the ellipse tool. And using the ellipse tool, I can just click and drag for an ellipse and then grab shift to constrain it to a circle. And using the space bar, I can still change the position of this circle. This is something we will be practicing in the chapter on shape layers. But for now I just want this circle. Currently, my settings have determined that this circle does not have a fill, so it doesn't have an actual color. So to change that, I'm going to look up here in the Options bar, and I'm just going to click the Fill Color and select one of my previous LEA used colors. The actual color doesn't matter because we're going to be using it as a clipping mask. So for clipping masks to work the mask, so the actual shape that you want the layer to be visible in needs to be below the image layer. So I'm just going to unlock the background layer by clicking the lock icon. And I'm just going to click and drag the ellipse down in the layer stack. It's still there, it's just hidden below this image layer. And now I want to create a clipping mask. So I want to limit the visibility of the top layer to wherever this bottom layer is positioned. We can do that in three ways. We can go up into the Layer menu and then choose Create clipping mask. We can use the shortcut key Alt Control G or Option Command G on the Mac. Or what I usually do is just go into the Layers panel, hold down the Alt or Option key. And you will see this like branching arrow downwards. And now if I click, I apply the layer as a clipping mask. And you will also see this downward arrow and the thumbnail scoots over to the right a little bit to indicate that it's a clipping masks. Mask, besides what you can see in the actual document, of course. Now a few interesting things about clipping masks is that the mask or the masking will move wherever I move this ellipse. So if I select the Ellipse and have the Move Tool active, I can just click and drag and move the circle around. And that's going to affect the visibility of the top layer. But I can also do is click on the top layer and move that. And that just moves where the image is visible or which parts of the image are actually visible. So this is an interesting application because you can use this for many different things. For example, you can put and the image inside of a text or a shape, or inside of another layer. So the only downside is that it applies to single layers only. So I can only clip this layer into this bottom layer and not other layers below it unless I put them in a layer group. And I'm going to show you that just for demonstration purposes. So I'm going to release the clipping mask by again, Alt clicking in between the layers. And I'm going to go back to my shape tool, grab the Ellipse, and I'm going to draw another ellipse. Right care at the bottom. It's a smaller one away. Actually, I want to click and drag and release it. So now I have two layers and I cannot clip this image to both of them currently. So when I Alt click between the layers, it just masks it to the newest layer, which is on top of the previous one. I can move this one up and then create a clipping mask by clicking between the layers. But then this smaller circle is not taken into account. Now what I can do is select both of these shape layers and put them in a layer group, which we looked at in a previous chapter. So with this layer selected, I'm just going to press Control G to put them in a group. And I'm just going to call this group circles. And now if I Alt click in between the layers, you will see that the effect is applied to both of these layers because they are in a group. And you can't clip to several layers at once, but you can clip to layer group as I've just shown you. So applying a clipping mask is as easy as Alt clicking in between the layers. And you can always release it again by Alt clicking in between those layers, again. 45. 6.1-Content-Aware fill: In this chapter, I'm going to teach you all about the Content Aware tools in Photoshop. And Content Aware mostly allows us to remove parts of an image that we do not want there. And there are some other uses for Content Aware within Photoshop that we will also be using. But the main use of content aware is to remove unwanted objects from your photos. And as an example, I have here 6.1 Content Aware Fill. And here we see a drone taking off or actually it was landing when I took this image. And we are going to remove this drone from the image. And to do that, we are first going to need a selection around the drum. So I'm just going to grab the Lasso tool here, hotkey L. And I'm just going to click and drag a selection around the drone and it's propellers. And when I release the mouse, when I'm close to the starting point, I will have my selection. Now what we're going to be doing is filling this selection with content aware. And Content Aware will look at what is around the selection. And based on that, we'll make an estimation of what should be within the selection or what it should fill the selection with to remove the unwanted object. And there are two ways of working with content aware fill. One, which is an automated process, and a second, which gives you more control over what is actually used to sample the contents of our new selection and also gives us some options to put the result on a new separate layer, making it non-destructive. So where you are going to be looking at the expanded options, a Content-Aware Fill first. So to get there, I go into the Edit menu. And then we have here about halfway down Content Aware Fill. And when I click on Content Aware Fill, we end up in this secondary workspace. This is basically a pop-up within Photoshop. And this pop-up also gives you some selection tools. So I can add to my selection. I can use a paintbrush or the lasso tool. And obviously also we have a hand tool and zoom tool. And here we see the actual image as it currently is. And in green is where Photoshop is allowed to look for sample pixels. Now, this looks pretty good, and I can already see the end result here, which is basically fall us. But it also has some of the tree tops here highlighted. And I don't want those to be sampled. So I'm just going to paint over these to remove them from the green highlighted section. And as you can see within my mouse cursor, there's currently a minus sign. If I hold down the Alt key or the Option key, I can turn that into a plus sign and then I can add to my selection again. But I'm just going to undo that with Control Z, which thankfully also works within these pop-ups. So here I have my selection. I have the area highlighted in green, out of which I want Photoshop to sample. And then here I see my end result. So what we're going to be looking at is the sample area options first. And you can put this on auto, which bases it on a selection. We can put it out rectangular, which is just going to highlight the entire image. And we can create a custom which gives us a blank slate, and we can just paint in whatever we want. So this basically starts you off from scratch and is only really useful if you don't make an initial selection, which we did of course. So I'm not going to be looking at this further. I usually pretty much in every case make my selection. First. Here we have the Fill settings. You can use the defaults in most cases unless you see some strange results in the final image. Here. And here we have the output, which is an important setting because we can output to the current layer, making it a destructive edit. We can put it on a new layer, or we can duplicate the current layer and just put it on top of the original. Now I'm going to choose new layer, which is the default also. And I'm just going to click Okay. And now when I press Control D to de-select, here we have the edited image and as you can see, it's pretty much flawless, like you would not be able to tell that a drone use to paint flying there and the clouds are absolutely perfectly filled in. So in many cases, especially with backgrounds like this, your results are pretty much done and dusted as soon as you click OK. Now this put the result on its own layer. So if I hide the background layer, you will see that the selection is perfectly filled in with this bit of sky and the clouds. And you can also move this separate layer. But once you do, you will see some. Edges, obviously which we don't want. I just put it back where it was. By accident really is, is quite difficult than it needs to be pixel perfect. It, even if I move this result a little bit, it's going to show up in the edges. So there's also a person, a friend of mine here in the background which I would like to remove. And to do that, I again need to highlight the background layer because this person is not in the result layer from the previous edit, but in this layer here. And again, I'm just going to use the Lasso tool to draw a marquee around this person. And now I'm going to show you the second way of working with content aware fill. And this is a destructive edit. So what I should be doing actually is creating a copy of this background layer to stay consistent with my non-destructive editing, which can be difficult sometimes and sometimes a bit unnecessary like in this case, because I'm just going to close out of this image without saving it. But because I'm showing you for, for demonstration purposes, but I'm still gonna make a copy of this background layer by right-clicking it and then selecting duplicate. So I'm just going to make this edit in the duplicate layer while retaining the information in the background layer. So with this later highlighted, I can go up into the Edit menu and then choose Fill. You can also press Shift F5 or shift backspace, which I usually use to end up in the same dialogue. So just click Fill. And where it says contents, it should have content aware already highlighted. That's the default. You can choose foreground color, background, color, your own color, Content Aware a pattern history, which will reset the image. At that particular point. You can fill it with black, grey, or white, which pertains to masks mostly. But for now we just want content aware. We want color adaptation, we want normal blend mode, and we want it at a 100 percent opacity. So I'm just going to click Okay. And Photoshop is again, just going to look at the image and what is around my selection. And based on that, fill in the selection. And as I zoom out, like nobody would be able to tell that there was a person standing here. And it's not quite perfect. Like the path doesn't really line up here, but it's just a sand trail. So none of those details matter for your final result and nobody will be able to tell. And that's the whole point of editing like this. If you can remove it cleanly so that a pair of new eyes will not be able to tell that the image was edited, then you have achieved your goals as a retouched. So if somebody you've never seen the image can tell that it was edited in this way, then that's all you need to do. And Content-Aware Fill is often a tool you can use to achieve results like this. 46. 6.2-Spot healing brush: In addition to content aware fill, there is also a tool which allows you to just paint with content aware. So just click and drag over your image to remove whatever you are clicking and dragging over. And before we get started with that tool called the spot healing brush, I am going to explain something about non-destructive editing. So non-destructive editing means that you are always working flexibly and that you can always make alterations to the alterations that you are making to your image. So that basically you can always just get back to the original or look at the original for reference to. Always be able to change up what you are doing to use a different tool or to approach the edit differently without having to close out the image and opening it again. So this is what we call non-destructive editing, where you can always edit your edit at every step of the process. So for these content aware Options, these are destructive edits. So you are permanently altering the pixels of your image and once you save it, there is no going back. So to make these edit non-destructively, we often use just a copy of the background layer to do our editing and then the background layer is saved as our original. So we are going to make a copy of the background layer by pressing Control J or Command J on the Mac to duplicate the layer into its own layer. So we're going to be doing our editing in this layer and the background layer, it's going to be saved as our original. Now in this image which is drone photo which I took about a year ago of my model, Claudia. I want to basically fill in this background and remove this tree and the dirt around it. And I'm actually, while I was taking this, I was in the image without noticing. So I also want to remove myself from this image. And what you can see here is that this image has a vignette. So it has like this darker edge towards the edges of the image. And that vignette makes it more difficult to use things like the clone stamp tool or the regular healing brush, which we'll be looking at in a different video in this chapter. But it is actually very suitable for the spot healing brush, which I will activate now by pressing the J key on my keyboard. The Spot Healing Brush is up here in the toolbar, and it's this little band-aid with a dotted line coming out of it. There's also a regular healing brush, which we very rarely use, which I will also illustrate in the video about these tools. So we're just going to stick with the Spot Healing Brush. And as the name suggests, the Spot Healing Brush is a brush tool, which means that it corresponds with the shortcuts to increase or decrease its size. So currently I'm using the left and right bracket keys to change the size of the brush. And I'm going to put it at about 250 pixels. Looks good, bit smaller, 175. And now I'm just going to click and drag over my self-care to see if I am convincingly removed from the image. So I'm just going to click and drag over this part of the image. And it merely worked, but it filled in part of this tree with content. Aware. When you're using it from the Spot Healing Brush tool, you have less control over what is actually sampled from the image. But it's not a big deal because I can just click on it again and the algorithm runs again. And now we see that it is filled in and you wouldn't be able to tell that something was there in the first place. So now I'm going to start working on this tree. So I'm just going to start clicking and dragging over this area of dirt including the tree. I'm just gonna do everything in one go, release the mouse button and it's gone. And I can also fill in the section of leaves a bit better by just clicking on it again. And I'm seeing some other spots which are a bit less populated with leaves. So I can just click on those. And as you can see, the result is pretty much flawless. Like you wouldn't be able to tell that there used to be a tree here and you wouldn't be able to tell that I was standing there. Now, let's say I want to go back to a different point of the image where I am still actually in the frame. Now, if I was working destructively, so not on copy of the background layer, I would just have to go Control Z until I ended up back at the original image. But because I made a copy of the background layer, I can just add a layer mask to this top layer and then switch to my brush tool using the beak key or the tool button here, I can increase the size of my brush a bit and I can put black as the foreground color using the X key. And looking at the thumbnail, I am right here in the bottom left corner. So I can just click and drag over this and bring myself back into the image. So not then I, not that I necessarily want my, want myself in this final result, but this is one added bonus of working non-destructively, that you can always just add a mask and paint down to the original image. So the spot healing brush and I just use Control Z to undo that is a way of just being able to click and drag over your image and remove whatever it is you want to remove. It's basically the magic disappear button in Photoshop. And it works in almost any context. When you have a very and symmetrical and well-defined background, it can be a bit tricky, which we will also look at in a different video. But for things like this, just removing people from a background where you don't want them. It is absolutely fantastic and it works in almost all cases. 47. 6.3-Healing brush: Another tool that can help us remove certain parts of an image is the healing brush tool, which is different from the spot healing brush tool. The spot healing brush is basically an automated process. So you just click on a bunch of pixels and it calculates based on the surrounding pixels, what pixels it should fill in. So you have very limited control over what parts of an image or actually sampled. The regular healing brush gives you a bit more control over where the sample pixels are coming from by sampling a part of the image and then painting over what you want to remove. But it doesn't necessarily lead to better results, which we will see in this lesson. So I have here the exercise file 6.3, Healing Brush dodge JPEG. And I'm just going to get the healing brush from the category where the spot healing brush is. So I'm just going to choose the Healing Brush and to work non-destructively. I'm just going to copy the background layer by pressing Control J or Command J on the Mac. So we're going to edit in this layer and keep this layer as the original. Now, to use the Spot Healing, to use the healing brush. When you click on the image, you get this popup saying Alt click to define a source point, be used to repair the image. And that means we have to define what we want the sample to paint over this tree and the dirt here. And I just want to show you what happens when I select a spot at random, semi-random. So I'm just going to Alt click on this part of the image. And that samples this part of the image. And when I start painting, Photoshop tries to emulate the color and light of the image that I'm going to paint over. So the actual image is sampled from here, but it's lighting and color are sampled where I'm actually painting. But this doesn't really lead to good results because you can definitely see that there's a spot here where something else used to be. So I'm going to Control Z that for now. And I'm going to sample a different part of the image. So I'm just going to Alt click over here, and then I'm going to paint over this area again. And that is a slightly better result. Let you blends a bit more into the rest of the leaves. And now I'm just going to Alt click here again to sample once more. And I'm just going to paint over it again. And it's decent, but it's still not as good as what you would get with the spot healing brush tool. So what you see is that you're basically painting the texture where you sampled with the color and lighting of where you are painting. And that in my experience, leads to less reliable results as the regular Spot Healing Brush, I'm just looking at this part of the image where I'm standing and in frame, I'm just going to Alt click over here to the right of me to sample. And I'm just going to paint here. And as you can see, like the, there's too many of these light colored leaves because that's where I sample the image. So I'm just going to Alt click here again and try this once more. And it doesn't really give me any better results. So just for comparison sake, I'm going to delete this copied background by pressing the back space key. I'm going to read duplicate the layer by pressing Control J. And now I'm going to grab the spot healing brush tool just for comparison sake. So I'm just going to paint over myself here. And again. And this is a much cleaner result, like there is no distinguishing between this area and the area around it because it just removed me far more cleanly. So there are certain situations where you want a little bit more control over where Photoshop is actually getting the pixels that you're painting. But they are, those situations are a lot less frequent than just painting over them with the Spot Healing Brush Tool. 48. 6.4-Clone stamp: The Clone Stamp Tool is an old staple in Photoshop, and it essentially works by copy and pasting pixels from one part of an image to another, another part of an image. So in that sense, it's not a Content Aware Tool at all, but it is a tool that is often used to fix images and to remove parts of an image that you don't want there. And in this video, I'm first going to show you an example in which the Clone Stamp tool does not work, followed by an example in which the Clone Stamp tool does actually work when there is a more complex background that needs to be filled in instead of this sea of leaves. So the clone stamp tool is down here in the toolbar shortcut S. So if you press the S key, you will go to the clone stamp tool. And the clone stamp tool, like the previous tools we've looked at, is a brush tool with a size and a hardness property and also an opacity property here at the top. So using the square bracket keys, I can increase the size of the clone stamp, or I can hold down the Alt key and the right mouse button to increase or decrease its size and decrease or increase its hardness, whichever is relevant for the current situation. So let's say I want to remove the model from this field of leaves. I'm just going to copy the background layer by pressing Control J or Command J on the Mac. And with this tool, you also first need to sample a part of the image. So first you sample the part of the image that you want to copy and paste to a different section of the image. So I'm just going to click Okay in this dialog, and I'm just going to Alt click here in the image where the leaves appear similar to the leaves of the model would be laying on. And now I'm going to start clicking and dragging. So I'm holding the mouse down and it's difficult to tell. But the part where I Alt clicked actually contains a cursor. And that cursor is telling me which part of the image I am currently sampling. I'll show you this in another example right after this. But as you can see, the result is pretty good. The model is not visible, but that's because of how these leaves are filled in. Like you wouldn't be able to tell this part of the leaves from this part of the leaves, except based on the lighting on them. Now, it becomes a lot more tricky when you look at parts of the image like the tree over here. Because to fill in those pixels, I need to get them from somewhere based on how this tool works. So I could try sampling up here at the top by Alt clicking and then moving the mouse down here. And what I'm going to actually do is decrease the hardness of my brush. So I'm just going to hold down Alt, hold down the right mouse button. And I'm just going to move my cursor up to decrease the hardness of my brush. And now I'm going to start painting it in. And as you can see, this is going pretty well until I end up at the part where the tree used to be with this additional interface cursor. So this little plus sign above my brush. Because now I'm just painting in the tree again because I'm just copying and pasting pixels from where I used to be to where I am currently. So that just moves the tree basically. So that's not what I want in this situation. But the pixels here are not large enough like the area that I'm sampling is not large enough to paint in the entire tree. And that gives me some problems. So I'm just going to start painting it in again. And to get the rest of the tree, I have to sample it again by Alt clicking. And I'm just going to keep painting over and that is a relatively good results. It's not seamless. The vignette around the image, around the edges of the image is now copy it over here so it doesn't look very good. Now, what you want to keep track of is whether or not this button here, this checkbox here at the top, is activated or not currently, it is inactive. The default is that it is actually active. The aligned sample allows you to keep painting from the point of origin. So if I Alt, click here to take a sample and I start painting, it works as it did before. But now, if I start painting again, it just continues where I left off. So it's aligned to where I took my original sample. I'm doing this with a checkbox deactivated. I can sample again by Alt clicking. And I start painting. And then I just released the mouse. And now if I start painting again, it starts off where I took my original sample, so it doesn't keep going from where I was. It just starts again at the source, which is sometimes what you want in certain situations. So if you want a seamless blend of the pixels, you want to decrease the hardness of your brush and sample intelligently. So you want to make sure that the pixels you're sampling will actually blend in where you are painting them in. Which can be a difficult process, especially in cases like the tree. It's pretty easy when you look at the model in the center. Now, I'm going to show you a different example which is not included with the exercise files, where you would need both the Spot Healing Brush and the Clone Stamp tool. So I'm just going to my desktop here and I'm going to grab an image. And I'm going to open it in Photoshop by releasing the image in the top bar here. Now, this is a photograph of my Father, which a friend of his took with this phone. So it's not like the other photos in my exercise materials. I get my father asked me to get rid of this foliage here at the bottom. Which judging by what we've done so far, should be pretty simple. We just click and drag over it with the Spot Healing Brush. And that would be the case if this was not a brick wall because the brick wall follows a certain pattern that isn't that isn't taken into account when you are working with the spot healing brush. So I'm just going to copy the background layer as always Control J. And I'm just going to zoom in and I'm going to show you what happens when I start painting over these little twigs here at the bottom. So clicking and dragging over this part of the image works fine. It just looks at the brick around where I'm painting and fills in the brick texture where I'm painting. Now, if I go over more of this area at once. So now I've, I'm going over the mortar between the bricks and the bricks themselves. If you look here between the bricks, it fills in brick and mortar because the algorithm for content aware is not able to see that this should be mortar and not brick. So to fix this, I can actually use the clone stamp. So from the spot healing brush, I'm just going to press S to switch back to the spot, to the clone stamp. And as you can see, I still have the pixels from my previous image. So I'm just going to decrease its size to approximately the width of the mortar. And then I'm going to sample, so Alt click in between the bricks to sample the mortar. And then I'm just going to click and drag down to fill in the mortar. And I'm going to have to do that for all of this brick here to make sure that the pattern of the bricks isn't broken. So here I'm going to switch back to the spot healing brush. I'm gonna click and drag here in between the bricks and here it works out a bit better. I can take this spot. And as long as you do those spots individually, you end up with slightly better results. And here and here. And I'm going to take down this one. And here it's sampled some brick again. So I'm going to switch back to the clone stamp with S Alt click to sample, and then paint over it. And I can also do this for larger sections at once. So I'm just going to increase my brush size and the hardness a bit. And then I'm just going to Alt, click here to sample this brick. And then I can just paint over this area to remove it. And for these bricks at the bottom, I can switch back to the spot healing brush and just paint over those. So this is a pretty meticulous process where you want to switch between the tools to get the best end result. And that is often the best solution to not lean on one of the tools, but use them in combination with each other to finally get the edit that you want. 49. 6.5-Content-aware move: The Content Aware Move tool allows us to move parts of an image to another part of the image using the Content Aware process. And the Content Aware Tool basically looks at what we initially selected, then fills that selection with content aware, while also moving what we selected to a different part of the image and making it look as seamless as possible. Now, this is not always seamless. It depends on what you're sampling and where you are moving, the selection too. But it often has some pretty cool results. So I have here the exercise file 6.5, Content Aware move. And to start off, I'm just going to copy the background layer as usual to work non-destructively. The Content Aware Move Tool you will find under the spot healing brush tool. So if you hold the mouse down on the spot healing brush or the Healing Brush, if you've been following along, you can select the Content Aware Move Tool. And the Content Aware Move tool starts out as a lasso tool. So I can just click and drag a lasso around the subject, my daughter here, who is pretending to be asleep and she is very good at pretending she's asleep. But if you look here, zoomed in, this is a drone shot that I shot on my DJI maverick air to us by the way. And here I have my selection. And let's say I want to move a bit to the left. Then using this tool, I can just click and drag. And initially it seems like it's just going to copy here to this part of the image. But what it does instead is it leaves the selection highlighted and it puts the selection into a transform, into a free transform. So I can scale her or I can rotate here her and that's what I'm gonna do. So I'm just going to click and drag from one of the corners holding Shift so I can rotate her exactly 180 degrees. And then once I click OK here at the top or press the Enter key, she will be blended into this stack of leaves and where the initial selection was will be filled with content aware fill. So I'm just going to click the check mark here at the top. And there we go. And once I de-select, you will see that this area is now filled with content aware, which worked out pretty well. And now she is placed here in the image. And as you can see, it's pretty difficult to actually spot the edges of my selection. So here we have the original, which I can show you by just hiding the top layer. And here is my Edit. And you can kind of tell that there was a contour here and I could have mitigated that by making my selection slightly bigger. But this was pretty much the result that I was looking for. So Content Aware move allows you to move parts of an image, such as a person or an object, or a vehicle from one part of the image to another. And a prerequisite of that is that you can accurately select that subject, but you can use any selection tool for that purpose. So I could have selected, if I just control Z back, I could have just used the Elliptical Marquee Tool to select my daughter here. Then switch to the Content Aware Move tool. And of course, I actually have to go back a little and just remove this layer Control J to copy her. And then create my selection. Switch to the Content Aware Move tool and just click and drag her over here, like so. And I'm not going to flip or this time I'm just going to leave it as is, and then click the check mark at the top. And then this is my result, which is actually a lot better than what I had before. So that was just using one of these selection tools. You can use any of the selection tools to create your initial selection. And then just click and drag the subject to whichever part of the image you want it to end up in. 50. 6.6-Patch tool: The next tool we're looking at is going to be the Patch Tool. The Patch Tool basically functions identically to the Content Aware Move tool without actually moving the content. So basically what we do is draw a lasso selection around the subject that we want to remove from our photo. And then we drag the selection to a part of the image which is then sampled and then filled in to where our original selection was. So the patch tool is a tool you will find in the Content Aware healing group here. So I can hold the mouse down on this group and then choose the Patch Tool. Using the Patch Tool, I'm going to draw a selection around this bale of hay, hay. So I'm just going to click and drag here, drawing my Lasso selection. And once you release close to the point of origin, you will have this selection. Now, this tool works well in some cases when you have a clearly well-defined source to drag too, because it matches exactly the pixels that you are going to release the mouse over. So you want to release it on an area that looks like the surroundings of the air of the object that you want to remove. So as you can see, once I click and drag here to the right of the image, not only is the color different, but the angle is also different from the lines that are in the field over here. So once I let the Moscow, it matches the color to where the pixels originated, but the angle is wrong. So it copies the pixels and matches the color and light to the area of origin. But if you have non-contiguous lines like that, if the perspective is wrong, then it's immediately obvious that the pixels have been altered. So instead of dragging to the right, now I'm going to drag down. I'm going to try and match the lines up as well as I can. That looks okay. And then I'm going to release, I'm going to use Control D to de-select. And that looks pretty okay. But you can see that it's a non-contiguous line where the wheels of the tractor or whatever vehicle was driving there was, but it still kinda works. So the patch tool allows you to sample an area and just fill it in elsewhere, matching the texture, matching the color and lighting of the original area, which works in some cases, but in most cases, it's actually better to lean on the spot healing brush, as I stated in a previous video. So if I just switch to the Spot Healing Brush, increase its size, click and drag over this. Usually you end up with a better result as I have over here. 51. 6.7-Combining different tools: In this lesson, I want to look at a situation where none of the tools that we've previously looked at solve our problems on their own. But we need a combination of techniques to get to the best final result. And for that in the exercise files. So you will find the file 6.712 when not to use content aware. So here in Bridge, I'm just going to select both of these images. And I'm going to go into tools, Photoshop, and load files into Photoshop layers, which as I previously shown you, is the easiest way of getting two files into one Photoshop document. Now, it's going to put the layer sec in the right order. I want the picture of my daughter on the bar stool here at the top and the empty background at the bottom. The idea for this edit is to make my daughter float in this little archway here, which is constructed out of some brushes or bushes or trees. I'm not sure. Anyway. So what we want to do is get rid of this burstable to just make her float in the air. And this is also why I select, I chose to shoot two images because it's easier to just paint out the bar stool instead of removing it with Content-Aware, which is something that I'm going to show you now. So here on this layer I have the spot healing brush. And I'm just going to click and drag over these supports here, the legs of the bar stool. And as you can see, it's pretty good, but you can still see that there is like a line here and also this part of her jacket or actually this part of the bar stool now contains samples of her jacket and it's just not perfect. So if I grab the horizontal one, again, I have to drag multiple times to get to any kind of satisfactory result. And the same is going to go for this area here. I'm just going to have to click and drag a few times, at least to get the best results. And what helps me in this case is that the background is so blurry. I shot this on an 85 millimeter at 1.4. So yeah, I have a lot of background blur, but there's an easier way of doing this and also a non-destructive way of doing this by just applying a layer mask to this top layer with the layer mask button here at the bottom of the Layers panel. Grabbing my brush tool, making sure black is the foreground and that my opacity is set to a 100. And now I can just paint through this layer to the layer beneath. And I can decrease my brush hardness a bit to make it blend more into the background. And as we're getting closer to my daughter here at the top, I'm going to decrease my brush size and increase my brush hardness to get some more definition in the lines, I'm just going to up it to 100%. And now I can just paint through. And now I'm running into a bit of an issue because I'm going to have to work with a very small brush to get the rest of these areas out. So what I'm actually going to do is create a polygonal selection, several actually. So I'm just going to grab the polygon lasso tool. And I'm just going to create a selection over here. And now that I have a selection, I can only paint within that selection. So I'm gonna go back to the brush tool. And I can just paint out this area here. And this I can grab using the brush. And for this area I feel more comfortable creating a selection. So I'm just going to click on these different points. And if you're trying to select a curve with the Polygon Lasso Tool, polygonal lasso tool actually, you just need to use smaller sections because the curve is basically just a chain of smaller straight lines. So that's still relatively easy. This doesn't look very natural. My daughter apparently does not have a bum. So we're going to fix that in a bit using the clone stamp tool actually. So the idea is to get rid of all the bar stool pixels. And this is pretty easy to tackle with the brush. So I don't have to create any selections over here. We're gonna go over here. Now, these two photos were shot from a tripod with identical settings and yet there is still some lighting difference. And that's just because this is natural light. Like at some point, the sun might be obscured behind some clouds. And that gives you a difference in lighting. No matter if you have the exact same settings. Okay, that's looking pretty good for now. But before we continue, I want to show you how this would work if I tried to do it with content aware. So let's say I grab the spot healing brush and I tried to remove this bar stool. The bar stool doesn't have any of the pixels around it that I want Photoshop to sample. So if I just click and drag, I got to actually click the layer. If I just click and drag here, it's going to sample pixels out of my daughter. Mostly. Here we see some hair and parts of her jacket, so there's no information around it that I want Photoshop to fill it and so that's not going to suffice. Content Aware move is obviously not going to suffice. The clone stamp isn't going to suffice because that can't fill in the details of this archway in the back that I want to see there. So none of those tools are actually going to be good enough. I could try the patch tool, but again, it doesn't fill in any of the details of the archway, so that's just not going to be good enough. So this is why you need a, a so-called clean plate, which is this layer where you can just paint two with masking on the top layer. So now I want to fill in this part of her leg. And again, Content Aware isn't really going to cut it there because I want Photoshop to fill in pixels that look like the pixels of her pants. So the best way of doing that is to just clone them out of other areas. So I'm going to grab the clone stamp tool with S. And I'm just going to sample this part of her leg holding Alt and clicking bit further down here. And then I am going to actually this part of the image is now hidden. So what we're actually going to do is create a new layer above these two. So I'm just going to click here for a new layer. And I am, I have sample all layers enabled here at the top, meaning that I can just sample out of any layer and paint on any other layer. So now on this layer, because this is not hidden behind a layer mask, I can just paint in pixels that are exactly like the pixels of our pants. And I'm going to increase my brush hardness because we're working with tighter lines. And I'm keeping an eye on the little plus icon. That's telling me where I'm sampling from. Here. I'm going to go down a little bit. And I'm going to click here once here. It's like that. And once you zoom out, like if you zoom in, you might see that this has been edited extensively, but zoomed out. If you post this on social media, nobody is going to notice, which is the whole point of editing like this. So here we have an example where you want to use a combination of content where tools, masking and the clone stamp tool, for example, to get to your final composite. So that's something that you should keep in mind. Usually there is not a single solution to a problem that you might run into, but you have to lean on several tools in Photoshop to get the best results. 52. 6.8-Content-Aware scale: In this lesson, we will be looking at the content aware scale function in Photoshop, which can be useful in certain situations. Content aware scale allows you to increase or decrease the size of a layer. And it uses a Content Aware process to maintain certain details of a layer without compromising the image. So as an example, I have here 6.8 Content Aware Scale. And let's say I want to turn this image from a landscape orientation into a portrait orientation. And obviously I can just crop the image, but that's also going to remove part of the image that I would like to keep in a frame, which is the walls here on the side like this little alleyway where I shot this image is something that we want to remain visible in the end result. Now I shot this in landscape mode when I was still shooting mostly in landscape mode. Nowadays, I shoot mostly in portrait. Actually, I pretty much shoot everything in portrait nowadays except the videos that I create, which I'll give you some, some, some demonstrations of later in this course. So let's say I wanted to turn this image into a portrait. A portrait, portrait image, while keeping most of the image in frame. Because again, once I select the crop tool and I start cropping it out, I'm going to lose all of these walls here on the side. So that's not something I want to do. Now. I could tried to transform the layer just using a free transform. So for that, I'm going to unlock the layer by clicking the lock icon in the Layers panel. And I'm going to press Control T or Command T on the Mac, which gives me these transform controls. Now I can just click and drag here and that's going to proportionately scale the image down. That's not what I want. I want the image to transform disproportionately. But obviously that's going to distort the image as you will see. So I'm going to hold down Shift to constrain the proportions are unconstrained the proportions. And I'm going to also hold Alt to scale towards the middle of the image, holding Alt and Shift. And now I'm going to drag one of these transform handles. And as you can see, this does not lead to great results. I still have the walls and the foreground here, but my friend Michael is becoming completely distorted. So this doesn't suit my purposes at all. Transforming without constraining proportions is almost never a good idea because it just distorts the image. So that's something you want to be mindful of. And that's also why the default Photoshop behavior is to constrain the proportions. So you don't for pixel layers anyway. So you don't distort the images. Now, there is a way of doing this and it's pretty easy to find with the layer unlocked. I'm going into the Edit menu here at the top and then select Content Aware Scale. And basically, what we're doing when we are scaling a layer like this is discarding rows and columns of pixels, like they are just discarded. They're thrown away, and you can't really get them back in a non-destructive way. So this is a destructive transform. And content aware is also a destructive transform. But what Content-Aware does is it looks at the image and it looks for details that should be preserved like a person or a vehicle, a subject of any kind. And it starts discarding other columns of pixels first before it starts removing columns of pixels from the actual subject of the image. So once I start dragging this down with, again holding Shift and Alt to transform proportionately towards the center of the image. You can see that the walls are closing in, but Michael is mostly left on transformed or a lot less transformed, a lot less warped then everything around him. So now I'm just going to close this end a little bit. And I'm actually just going to exaggerate the effect. As you can see, Michael is still completely untouched and well, almost completely untouched. I can see he's losing part of his arm. But the face and the mask are almost entirely the same as when we started. His leg is being transformed with a little bit. And as you can see, the mask is actually the last thing that Photoshop starts distorting. So now I can get to something like this and then confirm my transform. And now I have a portrait image which I can crop using the crop tool, which I've activated using the C button. And I can just Alt, drag this towards the middle. And there we have it. So there is a way of scaling layers like this non-destructively. And you can, without cropping the image when there are details on the side of an image that you want to retain. So there is a way of doing it, and it's called Content Aware Scale. And it doesn't work in nearly all circumstances, but it does work in this one. 53. 7.1-Brightness/contrast: In this chapter we will be looking at adjustment layers. And adjustment layers are tools that we can use to non-destructively change lighting, color, and other aspects of our images. And we used to have to make those edits destructively so we could copy the background layer, for example, and then go into the Image menu and then look at the adjustments. And here you have brightness contrast levels, curves, exposure, and a whole bunch of other ones. But these are destructive edits. So these permanently changed the lighting and color values of our pixels. So these are changes that we later can not change again. So once you commit those changes by pressing OK and the dialogue, they are committed. And you can Control Z to undo them, but you cannot edit them further. And you cannot also locally decide where you want those changes to take effect. And that is something that adjustment layers do, let us do. So I am going to show you where we can find these adjustments. I have them here on the right in the adjustments panel. If you don't have those in your interface, you can always go into the Window menu and then choose adjustments to bring them up over here. Now, we're not going to look at all of these in as much detail, but we're going to look at the most important one's a bit more extensively am looking at the less practical ones in some summary videos. So the first one we're going to look at is brightness contrast, just as an example of what adjustment layers can actually do. So I'm going to click here on brightness contrast. And what that does is it creates a new layer above the background layer. Now. And this new layer also comes with its own layer mask, which is important to remember for later. The properties panel then shows us some controls for the brightness and contrast of the image, which as the name, which is what the name of the adjustment layer would suggest. So here I have a brightness control, a contrast control, a checkbox to use legacy, which I will show you in a bit, and an auto function which automatically changes the brightness and contrast of the image to what Photoshop thinks they should be. So here if I start changing the brightness, you will see that the image overall becomes brighter. And if I lower the brightness, the image overall becomes darker. So all values Our changed uniformly. When I reset this to the default. So I'm just going to put it back at 0 and I start changing the contrast. The bright parts of the image become brighter and the dark parts of the image become darker to create more contrast. And once I lower the contrast, you will see that the image flattens out and the dark and the light areas of the image are more uniform. Now, as I said, there's also this legacy checkbox here, basically that uses the old version of brightness and contrast, which is a lot more flat. So if I increase the brightness now you will see that the eye, it looks a lot more uniform and the image is just made a bit lighter. And once I switch this to dragging to the left, you will see that the image overall becomes darker, but you lose a lot more detail in both the shadows and the highlights when you use the legacy format. And the contrast also has much less visually pleasing results in general. So don't use this check box unless you are using a very old document that uses this older version of brightness contrast. Now, I also want to show you the auto function here. There is this auto button here at the top left of the properties panel. And by the way, I always have my Properties panel here in the secondary column because then I can always add another adjustment without having to click back into the Properties panel. Because the default is actually that you have the adjustment and the Properties panel in one panel group. But if I add an adjustment, I switched to the Properties panel and then I have to switch back to this panel to add another adjustment. And use. Very often you're working with several adjustment layers in one document. So I prefer to add these in different panel groups as such. So once I click the Auto button, photoshop estimates what the contrast and brightness should be in the image. And this overall gives me a much more appealing image. So if I hide this layer by clicking the I in the Layers icon, this is my original and this is now my edit. And my subject is a lot better highlighted. And overall, I'd say this image is more pleasing than the original. Because I'm working with an adjustment layer. There are still several ways that I can change how this layer affects the layer below it. For example, I can decrease the opacity of this layer to tone down the effect. So I can just grab the opacity scrubby slider here and I can decrease it to 50 percent for example. And now it's basically like a filter that is 50 percent transparent. So if I hide the layer now, you'll see that the result is a lot more subtle. The walls are pop a bit more. The model. My fiance here also pops a bit more. So you have a lot of control over the strength of the effect. Let's say snap. That's not the only thing we can do because this layer comes with its own layer mask. And as we've seen in Chapter 5, having a layer mask allows me to just grab the brush tool, increase, increase the brush size and lower its hardness. And let's say I want the ceiling to be, to not be influenced by this effect. I'm just going to put black as my foreground color. Make sure that my brush opacity here at the top is set to a 100 percent. And then I can just paint through the adjustment. And as you can see in the layers panel, the ceiling is now removed from the adjustment. And if I just control Z that you can see that I get some detail back in the roof here. Because upping the contrast made it a bit darker. So that's something you can easily do using adjustment layers. And we will be using this technique extensively throughout the whole chapter, which is why we always look at masks first and then look at adjustment layers in Photoshop. So you can locally decide which parts of the image you want to be affected by these adjustment layers. And that doesn't just go for the brightness contrasts which we're looking at now. But that goes for every single one of these. 54. 7.2-Levels: The second adjustment layer we will be looking at is levels. And levels is found here as the second icon in the top row of the adjustment layers. And levels is also an adjustment you will find under the image and then Adjustments menu. But as I said in the previous lesson, these are destructive edits that permanently alter the image and that's not something I want. So that's why we are using adjustment layers. So I'm just going to click on the Levels adjustment. And that's going to create a new layer above the background layer with a Layer Mask already attached to it. And here in the properties panel we are looking at a histogram of the current image. And a histogram is basically a graph representation of our images light values. So here we see a lot of darker areas in the image because the left of the histogram is raised. Most of the image is here in the midtones. And then again, we have some lighter pixels which are blown out to white. So the left most area of the graph, or the black levels, these are the midtones and the right is reserved for the lighter tones or the white tones of the image. And these sliders give us control over which pixels are, which light values, which luminance values are mapped to, either black or white. So if I raise the number of black here, so I can just grab the black slider and drag it to the right. More of these pixels, like all of the pixels on the left of this slider, are going to be mapped to black, giving us more black pixels in the image. So a darker image overall. I'm just going to reset that by dragging it back to the left. And if I drag the white slider to the left, that's going to map more of the lighter pixels to white. So as I drag this further, you'll see that more of the lighter pixels are being blown out to completely white. So that's basically how this adjustment works. I also have a midtone slider, and basically this works in the sense that whichever side you give more room, we'll have more of those pixels in the image. So if I drag it to the right, I darken the image because I map more of the pixels of the image to black. And conversely, if I drag it to the left, it will also increase the brightness of the image overall. And notice that as I drag the slider on the right, so the white slider, the shadows of the image are mostly left undisturbed. If I drag this one and give white more room, you will see that the darker areas of the image also become brighter. So that's something to keep in mind. Just going to reset this. Here at the bottom we have the output levels. Basically every image contains 0 to 255 levels of brightness. And we can determine the number of levels by dragging these sliders. And you will see that if I drag the black slider to the right, the image becomes brighter overall. And if I drag the right slider to the left, the image becomes darker overall. This is not something you often use. Pretty often you just use this to create a bit more contrast in your image. So dark and the blacks a little race the highlights by dragging these sliders around until you get the desired results. So in this case, I would darken the shadows a little bit and I want to brighten the highlights a little bit just for a little more contrast. Now, there are also ways of having Photoshop do this automatically, because here we have these eye droppers. This is the black point, this is the great point, and this is the white point. So let's say I want to properly correct this image. What I'm gonna do is look for either a point that I know is fully black or fully white. So I'm just going to click on the white eyedropper here. And I'm just going to click on an area of the image that I know to be completely white. And that automatically corrects the values of the levels adjustment to determine that this is white. So this is now the rightmost point on the histogram. Now the same I can do for black. I can just click the black eye dropper here and click on the silhouette of my girlfriend here. And you get basically the same adjustment because this is already completely black and this is completely white. Now, one additional feature of this adjustment is that you can also manage the car channels individually. So currently we are altering the RGB channels of the image together. But we can expand this drop-down and then choose either the red, green, or blue. And you can use these to correct for our color cast or to create a color cast of your own. So let's say I want to give the reds in the image a bit of a boost, I'm just going to click red. And this is then a representation of all the red values in the image. And if I increase the black point, I'm basically removing red from the image. So as you can see, it becomes a lot more bluish purple. If I increase the red values by the number of red values by dragging the right point to the left, you'll see that the purples and the magenta start to pop a lot more because more red is available. And I'm also going to grab the blue. And I'm also going to give those a little bit of a boost by clicking the white point and dragging it to the left. And this overall makes the image pop a bit more. But now I see that the face of the model is visible and that detracts from the overall effect. So I'm going to go back into the RGB. And now I'm just going to darken the blacks a bit by dragging the black point to the right. Then I'm going to look at my before and after. So I'm just going to disable this layer by clicking the icon here. So this is before and this is after. And this is a much more saturated, much more vibrant version of the image that I'm quite happy with. So this is something that you can use the levels adjustment for. 55. 7.3-Curves: Next on our list is the curves adjustment, which is another adjustment you can use to control the lighting of an image, the brightness of an image really. So I'm going to look at the third icon of the top row here, this S curve. And I'm just going to click that to add it to my image. And again, that just adds an adjustment layer to the image above the background layer, including a layer mask, which we will be looking at in this video as well. And just like the levels adjustment, the curves adjustment gives us a visual representation of all the brightness values of our image. And here we see a lot of black, a lot of darker sections of the image. Some highlights in the mid-tones, and few, very few lighter colored pixels. So this basically, if you can read a histogram, you can tell whether in an image is very bright or very dark based on where these peaks are, these are mostly in the black. So this naturally is a darker image. And again, here we have these black and white sliders at the bottom, which I can grab to map more of the image to black or white. So if I just click and drag the black point, you will see that the darkness of the image increases overall. And if I drag the white point to the left, more of the lighter pixels start being mapped to white. So I can just take down the brightness a little bit by grabbing this black point and shifting it to the right. And basically now what we can do is add anchor points to this diagonal line to make it a curve. And that basically allows us to alter the contrast of the image so we can raise the highlights, we can darken the shadows, or we can raise the whites of it more to change the brightness of the image. Let's say I'm just going to grab the middle here and I'm going to click and drag that up to the left. And that's just going to brighten this part of the image. So only these luminance values are altered now by this adjustment layer. And then I can choose to click and drag this section down to darken those parts of the highlights to bring some more detail back from the clouds. Now, I'm going to expand the black levels again a bit by clicking and dragging this to the left, giving me back my silhouette. Basically, this is in the mountains in Colombia. Well, mountains, it's more of a jungle, slash beach, air slash mountains. Colombia is pretty weird like that. But here again, we have the ability to pick a black level, a gray level, or a white level. So let's say, I know that this part of the sky is blown to completely white. Then I can click that part of the image and it adjusts the image according to those values. Now, I'm not necessarily happy with that adjustment, so I'm just going to undo that. I think this version of the image is a bit more dramatic. And I can do the same for the black. So I can just pick this black level Eyedropper and click this part of the image to darken it up again. But again, I was happier with my manual version, so I'm just going to go back. There's just a little bit more contrast here. You can still make out my silhouette and the sky has still a lot of detail. So I'm just going to leave it at that. Now. I can also take control of the individual red, green, and blue channels here. So let's say I'm just gonna go to red. And I'm just going to fill in a little bit of red by clicking the middle and clicking and dragging this up. And let's say, I don't want that adjustment to expand into the pool. Like, let's say I only want the sky, the mountains, my silhouette to be affected by this adjustment. Now I'm just going to pick up the brush tool here. Shortcut B, I'm going to make sure black is my foreground color. And I'm going to decrease my brush size a little bit so I can accurately paint over the pool. So I'm just going to click and drag here. And as you can see, I'm painting through the adjustment to the image layer below. And then this would be my final image. I could still tone down this effect a little bit by grabbing the opacity and dropping it. But I'm quite happy with how dramatic this looks. So I'm just going to leave it at that. 56. 7.4-Exposure: The next adjustment we're looking at is the exposure adjustment. And the exposure adjustment has limited settings that you can tweak and limited use in a practical sense. So we can be pretty brief about it. It is the fourth adjustment from the top row. So when I click this icon, it's going to add the adjustment above the background layer with a Layer Mask as all other adjustment layers. And in the properties panel, we now have an exposure control, an offset control, and a gamma correction control. Now, the exposure control is basically a pretty dumb process, which makes the image brighter overall or darker overall. So if I drag this to the right, It's going to brighten up the image and dragging it to the left. We'll darken up the image without taking into account any contrast or other luminance values of the image. The offset basically increases or decreases the contrast. And increasing this value decreases the contrast and makes the image lighter overall and decreasing the offset increases the contrast, making the image darker overall. The gamma correction has to do with the fact that cameras interpret images differently than our eyeballs do basically, which is a pretty technical explanation that would need in-depth video of its own. Basically, it darkens up or brightens up the image depending on how much correction you enter. Also, this adjustment has the standard eye droppers for the dark values, the black values, the gray values, and white values. So you can use those to automatically correct the image according to your own preferences. Now, we've worked with several adjustments up until now. And because this is a shorter video, I'm just going to explain some of the things that we see at the bottom of this panel. The first icon here is a way to clip the layer 2, only the layer below it. So let's say that we have several layers in this image in this document. And I want this adjustment to only affect the layer below it. Then you can use this icon to clip the layer to the layer below, making it only affect the layer directly below it. And you can also release this by pressing this icon again, click in between the layers or pressing Control Alt G. Then we have the possibility to basically hide the layer temporarily by holding the mouse down on this I icon. So I can hold the mouse down on this and it hides the layer temporarily. We can also reset the adjustments settings by clicking this circular arrow icon. And we can turn off the visibility of the layer using this icon here. And we can also remove the layer with this garbage bin icon at the bottom right. This actually gives you a confirm. So yeah, uh, confirm dialog. So you have to click yes. I usually use the backspace key to delete a layer, so I'll just click on the layer thumbnail, press backspace and that deletes it as well. And one more thing about these adjustments. You can use the same shortcuts you use for layer masks, namely the Alt or Option key and Shift to determine to alter the visibility of the mask. Basically because this layer comes with a layer mask. So let's say I'm just going to paint part of the image out with black, which isn't visible currently because I have no adjustments settings. So let me just go in here and adjust the exposure a little, increasing it slightly. So now we see that the bottom of the layer is masked out with black. Now clicking the shift, clicking the Mask thumbnail using the Shift key, I can disable the layer mask temporarily. And you can see that by this red x that appears over the mask. And you can also click on the mask to make the mask visible only. So now I have the mask visible and I can determine which areas still need to be masked out. Like if you missed a spot within this black. When you see a white spot within a black mask, you can still correct that. And Alt clicking on the mask thumbnail again disables that function. 57. 7.5-Vibrance: Now that we've looked at the adjustments that concern lighting in our photographs, we are going to look at the adjustments that pertain to color, starting with the vibrance adjustment, which is the last icon at the top row of adjustment layers. So clicking this icon enables the adjustment and it adds it to the layer stack along with a Layer Mask. Now, vibrance allows us to add saturation to unsaturated areas of an image while leaving colors that are already saturated pretty much alone. So looking at this image, we can see that the reds and oranges are already pretty saturated. But the ambient lighting of the scene, which was blue when I was here to photograph, this is pretty diminished, comparatively speaking. So let's see what happens when we start increasing the vibrance. You can see that the reds do become a bit more saturated, but the image gets a blue color cast from the overcast clouds and the street light, which is just out of frame. So the reds are mostly left alone and do not get as much saturation as the areas of the image which are unsaturated. And to illustrate this a bit further, I'm going to just flatly increase the saturation across the entire image by also increasing the saturation slider, which is below the vibrant slider. So I'm just going to up the saturation. And that's going to uniformly increase the image's saturation. And as you can see, there's hardly any difference between how the sky ended up looking by increasing the vibrance. But the reds are now completely blown out and the orange also becomes a bit unpleasant from the flying sparks. So in this case, it makes a lot more sense to increase the vibrance, which kind of adds a bit of saturation to the reds, but mostly to the surrounding Blues, which was the ambient lighting situation at the scene. Now, Let's say I want to desaturate the reds in the image a bit further. Because we are working with adjustment layers which come with their own layer masks. I can just grab the brush tool and then decrease the brush size a bit. Make sure that black is set to my foreground color. And then I can decrease the brush opacity to 40 percent by just pressing the F4 button on my keyboard. And then I can paint over the reds. And you'll see this little gray spots showing up in the mask indicating that I have partial transparency here. And then I can also tackle the reds over here and the oranges of the main stream of light, let's say. And the other shoe. So undoing those changes, Control Z, Control Shift C to go forward again. So you kind of D saturate the reds a bit further while keeping the added saturation in the sky and in the tiles and the water here on the corner. So this is one way of leaving saturated colors mostly alone while adding saturation to colors that do not have a lot of saturation on their own. 58. 7.6-Hue/saturation: Another adjustment that gives us control over the colors of our image is the hue saturation adjustment layer, which is the first icon from the middle row here. So clicking this layer adds the adjustment layer to my layer stack hue saturation here along with a Layer Mask. And before we actually perform our edit, which is going to be changing the color of only these traffic cones of this art installation. I'm just going to show you what all these buttons do in this dialogue box. So the hue basically shifts all the colors beneath it, which aren't masks, to a different color. So it basically shifts all the colors along the color wheel to change the colors that you want to influence. And also the colors that you don't want to influence because it influences all of the colors all at once. The saturation manages the saturation of the image. And if I drag this all the way to the right, you get these really blown out colors and dragging it all the way to the left or removes all color from the image. Then we have the lightness, which increases the lightness of the image or decreases it when we drag it to the left. We also have a checkbox here for colorize, which basically turns the image into black and white first and then adds a hue to it. So I can hear, find a hue that I would like and then paint out whatever I don't want colored blue for example. This is what they use to actually colorize black and white images, at least until Photoshop improves the neural filters, which I will talk about in a, in one of the next chapters. To automatically add color to an image. But the colorized checkbox here is usually used to actually add color to a black and white image. We also have a color selection here, which I'm going to discuss in the next video. Basically, the first thing I want to show you as a practical exercise here is how we can limit the adjustment to the red traffic cones only. For that purpose, I'm just going to delete the adjustment layer for now. I'm just going to click it and press backspace. And we are going to start by making a selection of all these traffic cones, which is the subject of this photo. So enabling one of the selection tools here, or going into Select and then Select Subject. Photoshop is going to look at the image and determine what the main subject of the images. And it got it down pretty well. There's some parts of the sky selected here which wasn't necessary. This part of the building in the background wasn't necessary. But we can work with that after we add our adjustment. And I'm also seeing some areas that should have been selected but aren't. But we can correct that later after we add the adjustment layer. So now that we have this selection, I'm going to add the adjustment layer by just clicking on it in the Adjustment Layers panel. And here we see our layer mask. And again, Alt or Option clicking the mask shows you how the mask actually looks. So now what we can do is click on the adjustment here. And now I can just start shifting the hue. And I'm going to look for this like darker side of magenta, cyan here actually. And as you can see, the traffic cones change color, but also some of the background elements. And some of the traffic cones don't change color, which is something we need to fix. So what I'm gonna do is grab my brush tool and I'm going to make sure the mask of the layer is selected. I'm going to make sure that my foreground color is set to black and my opacity, my brush opacity is set to a 100. And then I can just paint over the areas that I do not want to be affected by this color adjustment. And that's pretty much it. Decreasing my brush size. I can also tackle these smaller areas, but I'm not going to sweat the details too much right now. So I'm just going to paint over these areas which were also affected by the adjustment. And here we have some traffic cones which should have been colored blue but aren't because they weren't part of my selection. So I'm going to switch the foreground color to white using the X key or this elbow arrow at the bottom left of the toolbar. And then I can just paint over these traffic cones to add the blue color cast to them. And I'm also gonna do that over here. This obviously wasn't part of my selection, so I'm just going to paint over this to add the color cast. And this little edge over here, this entire traffic cone. There we go. And just painting over it. And so painting over it actually applies the blue to it. Because now it's part of the white area of my Layer Mask. And like I said, I'm not going to sweat the details too much. I can zoom in and do this on a pixel by pixel basis. This is just a quick and dirty example of what you can do with this adjustment. There we go. I painted out too much, so I'm just going to paint this back along the edge here. What else are we missing? Okay, there are some parts of the sky here at the top that I don't want. And what I could actually do is create a selection with the Polygonal Lasso Tool. Like so. And going back to the brush tool, I white, black as my foreground actually. And now I can only paint within my selection. So that speeds up the work a little bit. Make sure that it's as accurate as can be. And again, for this area, I can just press L for the last row. Create my selection. Click on the point of origin. Use B to go back to my brush tool and use black to paint in the color of the sky. And I could do that for every part of the image which is still not included or is included in the adjustment where while I don't want it to be. So just closing out this selection B, and I can just paint out the color. So this is one application of the hue saturation adjustment layer. It allows you to edit the colors of a part of the image as well, by just creating a selection and then masking out what you don't want to be influenced by the adjustment layer. 59. 7.7-Hue/saturation-2: In the previous lesson, we looked at using hue saturation adjustments based on selections so we could alter parts of an image, but there is another way of selectively altering colors with this adjustment that I'm going to show you in this video. So here I have 7.7 hue saturation to jot dot JPEG, which is essentially the same file as the previous lesson. And again, I'm just going to add a hue saturation adjustment layer by clicking the first icon of the middle row here in the adjustments panel. We get the same adjustment layer as in the previous video. And in this video I'm going to show you how to selectively edit color. So here we have these red slash orange traffic cones, and I want to alter their color and their color alone. So I'm going to go into this drop down where it says Master. And this allows you to choose which parts of which colors of the image you would like to influence, master influences all of them. Then we have the reds, the yellows, the greens, the cyan, which is in between green and blue, the blues and the magenta. Magenta, or then again between the blues and the reds, which you can also see in these colored bars. We go from red to yellow to green to cyan to blue to magenta, and back to red. Looking at this line by the way where it says whew, it starts at read and it ends at red again. And that's because this is a one-dimensional representation of a two-dimensional color wheel. So we're here, we have the same colors. If I drag all the way to the left as we do when I drag all the way to the right. So this is basically just a representation of the color wheel. So let's say I only want to edit the reds of this image. I'm just going to click where it says Master, choose the reds. And then I can click and drag the hue. And what you'll see is that the sky and the floor are completely unaffected. So I can again find this cyan that I wanted. And there are some problems in the image with this background here on the right and on the left. If I go back to the original by hiding the adjustment layer, you will see that this building has some orange unit. The leaves on the trees have some orange in it because it's autumn. And here there's also some structure here on the left, which contains some orange. And those are also affected by changing the reds. Because oranges next to read by the white skin tones are almost always in the orange spectrum. No matter how light or dark a skin is, it is usually within the reds that you will find those. So let's say I want to remove those from the Edit. Then I'm just going to grab my brush tool with an opacity of a 100 percent and black as my foreground color. And then with a slightly bigger brush than I had, I can just paint over these areas to remove them from the edited colors. And here I'm just going to zoom in a bit. Like so. If not happy, how the cyan as applied, I can always just change the values. Here. I can always just play with the hue slider a little bit to get a better result. Now, another way of doing this is with the on Image Adjustment tool, which I'm going to show you now. So I'm just going to go back to the default settings of the adjustment and note that the mask is not reset when you go back to the defaults. So instead of choosing a color from the drop-down, I'm just going to click on this icon here, this hand with an extended finger. Now, when I put the cursor, which is now an eyedropper on a section of the image and start clicking and dragging. You will see that I'm affecting the saturation of those colors and those colors alone. I'm just going to Control Z that holding the Control key or the Command key on Mac, I can click and drag to alter the hue of these items. So now I'm changing the hue. And I can find whichever cue I would like. And I can also grab this over here to change that a bit so you can control drag or Command drag on the Mac to alter specific colors. If you're having trouble choosing which of the colors you should choose from the drop-down. 60. 7.8-Color Balance: In this lesson, we will be looking at the color balance adjustment layer, which as its name suggests, allows us to change the balance of colors in our image in a few interesting ways. So that's going to be the second adjustment from the middle row, these scales here, color balance, I'm just going to click that and that's going to add the adjustment to my layer stack. And here with this adjustment, we have the option to change the mix of colors in either the shadows, the mid tones, or the highlights, allowing us to add a color cast to any of those. So the shadows, mid tones and highlights. And I'm just going to show you how that works with the default settings and set the mid-tones currently. And if I click and drag this top slider into the cyan, you will see that it adds a cyan color cast. So it's basically removing some red and adding some cyan. And undoing that with Control Z. I can do the same for magenta and green. So I can increase the greens while removing some of that magenta in the image, adding a green color cast. And I can do the same for the yellows and the blues. So increasing the yellows decreases the blues and increasing the blues decreases the yellows. Adding a color cast to your image. You can achieve some interesting results with this by switching between these different tone range of tonal ranges. So shadows, mid tones and highlights, and adding different colors to each of them. So I'm just going to switch to the shadows and I'm going to add a little bit of cyan to the shadow. So I'm just going to click and drag this to the left set to add a bit of cyan. And already I feel like this makes my image a bit more dramatic. And I'm just going to show you that by hiding this adjustment here in the layer stack. So yeah, that's looking pretty good so far. I'm now going to go into the mid-tones and add a little bit of magenta. Giving me a bit more contrast here in the pool, which is the spring of the patina river in the Croatian mountains. And now I'm going to go into the highlights. And I'm just going to add a little bit of yellow. So put blue at minus 20 basically. And that's going to be my edit. I think this looks a lot better than what I started with. So I'm just going to hide the adjustment to show you the before. And this is the after. And it's seems a lot sharper, a bit more contrasty, the colors pop a little bit more. So this is how you can use this adjustment. And it's basically kind of like the HSL panel in Lightroom. Or you can just add different colors to different tonal ranges of the image. And it gives you a lot of control over the look and feel of the image. It basically acts as an Instagram filter without giving you too much control over the actual brightness of the image and the tonal ranges that pertain to brightness. But at least where the colors are concerned, you have a lot of control over how they actually translate into a final image. 61. 7.9-Black and white: The next adjustment we will be looking at is the black and white adjustment layer, which allows us to convert our images into black and white. And obviously, we've seen another way earlier to create a black and white image. And that is by adding a hue saturation adjustment layer and then just dropping down the saturation to minus 100. But the black and white adjustment layer gives us a lot more control over how black or how white colors in the image will appear. So I'm just going to delete the hue saturation layer. And here I have this photo of these traffic cone art installation. And I'm just going to add the black and white adjustment layer, which is the third icon from the middle row. And that adds the black and white adjustment layer. And as you can see, the image immediately appears black and white. Now, we can determine how black or how white colors in the image appear by playing with the sliders. They all have a default value based on the luminance of the image and the colors. So what I can do here is actually increase the brightness of the reds. And as you can see, all the red pixels in the image, or all the red pixels below the adjustment layer shift to a lighter luminance. I can also alter the yellows. And because these traffic cones are actually orange, you will see that whether I alter the reds or the yellows, both will affect the traffic cones because orange is a mix of yellow and red. So you will see that the traffic cones are also affected when I change the yellow value of the image. Now, the image contains maybe a few pixels of grain, but nothing much. So I can just click and drag and nothing will happen because there are no green color values. The cyan will affect the sky. So I can darken up the sky by just dragging this slider to the left. The blues will also affect the sky because it next to cyan, there's also some blue in there. And then the magenta has effects like the edges of the traffic cone because they're backlit by this blue sky. So now I have a much more dramatic image than we originally started with when I applied the black and white adjustment layer. And I can show you the before and after by just clicking the reset icon here in the properties panel. This is what we started with. And using Control Z, I can go back. Now. Let's, I still would like to darken up the ends of the traffic cones, the top of the traffic cones, I can just click and drag the yellow slider a bit further into the darker tones. And there we go. So let me just check the before and after. This is my before, and then this is my after. So this is what you can use this adjustment for. You have a great amount of control over the contrast of the colors of the image by clicking and dragging these sliders. Now, you can also use this adjustment layer to apply a tint to an image. So if I click this checkbox here for tint, it's going to add this Instagram like color filter. And I can click this color swatch here and then I can actually choose the color that I want to apply. Let's say I want a bit of a blue cast in it. I can just click OK. And you can also just click this check mark again to disable it. And when you enable it again, it's going to remember the tint that you set before. So that's pretty useful. So this is how you work with black and white images in Photoshop nowadays, because this way of working, this workflow really gives you the greatest amount of control over how black and white images appear in the end result. 62. 7.10-Photo filter: Up next is the photo filter adjustment layer, and it does exactly what its name suggests. We can apply a filter to our images based on a certain color. So looking at this image, 7, 10 photo filter, I'm just going to look here at the fourth icon of the middle row and click that to add the adjustment layer. And immediately the image changes to a warmer tone like there's an orange tint to the image which is determined by the filter here. Now, there are a number of useful presets that you can pick here from the top drop-down, It's currently set to a warming filter. And I can choose different kinds of warming filters here. I can also choose cooling filters to make the image cooler, lowering its color temperature. Let's say I can add all kinds of color casts with bread, orange, green, cyan, blue, magenta, et cetera. And it just applies these as a filter to the image on top of it. So it's just transparent color layer basically of which we can change the color here. Now, we can also alter the density of the filter by just clicking and dragging the density here. And that increases the how dominant the color cast is. So I can choose a warming filter here and you will see that it has this orange effect over it. I can pick a cooling filter and just tone that down a little. And besides these presets, you can also choose a color yourself. So I can just click the swatch here and I can look for any color with the color picker. Click Okay, and that changes the color again. Now, there's a checkbox here for Preserve Luminosity. This is something that you in most cases will want enabled because it preserves the luminosity of the pixels below the adjustment layer. So if I unclick this, if I uncheck the checkbox, you will see that this darkens the image. So the denser the filter, the darker the image becomes. So it's better to leave the Preserve Luminosity checkbox enabled so you don't have to later go back in and alter the brightness of the image with, for example, a curves or a levels adjustment. 63. 7.11-Channel mixer: The channel mixer adjustment layer allows us to add a color cast to an image based on the different color channels in the image. So every image, every RGB image has three color channels, red, green, and blue, with certain values. Now, the color balance allows you to add a bit of green to the reds or subtract a bit of reds from the blues, et cetera, to change the color values of the image. So looking at this image here, I'm going to add the channel mixer adjustment layer. And here, by default you end up in the red channel. And as you would expect, you see value for a 100 for red and 0 for green and blue. Now, I can add some green to the red channel by just clicking and dragging this slider. And it's going to increase the strength of the reds in the green values of the image and the image overall. So let me just dial that back again to 0 using Control Z, I can do the same for the blue channels. And as you can see, no matter what value I choose for either green or blue, it enhances the red channel because I'm currently working in the red channel. Now, I can also go into the blue channel, for example. And here we see 0 for red, 0 for green, and 104 blue. Now I can tone down the blues, which does not actually give me a very nice image at all. So let me just Control Z that for now. There we go. I can add some red, which is going to increase the strength of the blues. And I can track a little bit of green. And this is actually like a more pleasant version of this image. So let me just hide the adjustment to see my before. Yeah, there's much warmer tone to the image, mostly because of the work I did in the red channel. So you can just play around with these sliders and the results are always going to vary based on the images that you're working with. But by playing around with it and understanding what changing these values does to your image can lead to more pleasing results, such as this one. 64. 7.12-Lookup table: The lookup table adjustment layer is one of the more complex adjustment layers that we can work with. And not necessarily because it's difficult to use, but to understand how it works. By using color lookup tables, you are basically assigning values for the luminance and color of an image based on a pre-generated map. So basically, this lookup table says, Okay, this tint of orange should be this color and this luminance value within a certain range. And we're just going to look at what this adjustment layer actually does to create that understanding. So I'm going to look at the last icon of the middle row, which is the color lookup adjustment. And initially nothing changes. So initially nothing happens to the original image because we have not applied a lookup table yet. We need to do that by actually clicking here in load 3D LUT or LUT, as it's commonly known, or which is obviously an abbreviation for look up table. So here you have some standard lookup tables that you can use. And you can just click these to see what they actually do to the image. So I can click this to strip. And as you can see, it D saturates all the greens of the image and it really highlights the orange and the blues. Here I have three strip which also brings back the color on the greens. And you can always go back to the previous state of your image by using Control Z. Obviously. For this particular image, I know there is one lookup table that works really well, and that is the foggy night. So I'm just going to click this and that's going to dramatically alter the image. Really desaturated, the saturates it, it really highlights the elements of the image that have color. And it also really highlights the fog and the transparency of the fog here in the top middle of the image. But it's a bit too strong. This adjustment currently. So what I can do now is just click and drag the opacity a bit to the left, let's say 70 percent, let's say 65 percent, something like that. So I can show you the before by just hiding the adjustment by clicking the icon. So this was my original composite, which is built out of several different images, a 3D model of these astronauts, a photo of my daughter, a photo of this forest and some trees in the background and the fog I painted in manually. I will show you how to do in a next chapter. So enabling this adjustment again, this dramatically improves my image. And sometimes it's a bit of a puzzle looking for the appropriate lot. But if you know what these do and if you've seen how they work on a few images, you will know exactly what to go for once you apply them to your photos. Now, these are the pre-built lots that are part of any Photoshop installation. You can also load in your own Lutz by going into the drop-down here at the top, and then choose load 3D LUT. And if you have a let like if you Google Photoshop, bloods or Premiere, Let's or Lightroom lets like it doesn't matter what program the LUT was originally designed for. You can basically use any LUT for this process. So you can use for video or you can use it for photo, and you can load them in using this setting here. 65. 7.13-Other adjustments: Now that we've seen the adjustment layers pertaining to brightness and color, we are going to look at the next category here, which allow us some more creative edits of our image. But I must say in a practical context when editing photos, I very rarely use these, and I've only seen a practical application for my own work with one of them. So I'm just going to show you how all of them work. This bottom row here in this video. And then you can try them out on my images or one of your images to see what they actually do. And I'm sure a lot of people have found some creative way of applying these adjustments. But for my particular workflow, they are not especially useful. So here I have this photo of a parking garage spiral in the center of my city, Eindhoven. And I'm just going to look at the invert adjustment layer. And as its name suggests, the invert adjustment layer actually inverts the image. So now I have an inverted image, which is not particularly useful. But if you want to invert an image, this is something you can do. It might be useful if you have like a scanned negative of a analog photograph that you want to invert. But you can also just invert an entire image, in that case by pressing Control I. So this one does not have a lot of practical applications. So I'm just going to click the layer here in the layers panel and then delete it with Backspace and look at the next image. The posterize adjustment layer basically limits the amount of colors in the image. So let's say that this image has 265 luminance values between 0 and 255. And 0 is a value as well as far as luminance goes. So here, the luminance levels in the image are basically limited to two, which is then multiplied by the color channels, even me, six different. So we have 3 times 2, giving me six tones within this image. Now if I change the number to three, that already gives me nine different values. Going up to four, it gives me 12. And after 12, it really progresses into a regular looking image. Basically, even with higher values, you still get this banding in gradients within the image. So where it changes from one color into another color, like we have here in the sky. And it basically kind of makes your image look like a comic book. So if this is something you find useful, if this is a creative effect that you like, you can apply that using the posterize filter. Now, threshold basically does the same, but then in black and white. So here all the pixels of the image are assigned to either white or black. So all pixels lighter than 50 percent gray or turned to white, and all pixels that are less than 50 percent gray or darker than 50 percent gray turn into black. And that is a process that you can control by just changing the threshold level here. So as I'm dragging the slider to the right, more of the pixels are assigned to the blacks. And if I drag it to the left, you will see that I get more illuminance values in the whites. So if this is a creative effect you like, again, you can just apply it through the adjustments panel. Now, there are some interesting things that you can do by changing the blend mode of this adjustment layer. Like for example, changing it to overlay might give us an interesting effect in certain parts of the image, but it's just not something that I use on a regular basis. So I'm just going to delete this adjustment layer by. And this is something in the newer additions to Photoshop that can sometimes be a bit tricky because if I press the backspace, backspace key right now, I will not delete the layer. I can right-click it and then choose Delete layer. But I almost exclusively use the backspace or delete keys to delete my layers depending on what I'm doing. But I was just in this blend mode drop-down menu, which I will tell you a lot more about in next, in one of the next chapters. And you will see that it is highlighted in blue, meaning that Photoshop is still focusing on this blend mode drop-down. And that has its advantages like I can use the arrow keys at the moment to cycle through the different blend modes, but I want to delete my layer. So what I actually have to do is press the Escape key to get out of this little drop-down. And then I can press the backspace key to delete the layer. Now after a threshold, we have here selective color. And here you can actually add different color casts based on the different colors of the image. So let's say I choose the reds here, then you can see that I can add a bit of cyan to the reds, or I can actually subtract the cyan to highlight the reds. I can also go into the cyan values and give those a little bit more cyan, which slightly alters the color of the sky up here. I could also add a little bit of cyan magenta to my science. But for this to work, the color has to actually be present in the image. So for this image, there is mostly an orange color cast. So I'm going to have to go into the yellows are the reds to dramatically alter the image. So I can add a bit of yellow to the yellows and that saturates the yellows a lot more as you can see. And I can do the same for the blacks just to make these oranges a little more dramatic. And if I ever overdo it and I wanted to go back, I can always just decrease the opacity of the layer. So this is something that can be useful in certain situations, but it works almost the same as the color balance and the Channel Mixer does. And I prefer those because of the types of controls that I have in those adjustment layers. So I'm just going to delete that adjustment layer for now. And now we will be looking at the last adjustment layer here, the gradient map. The gradient map basically assigns the colors of the image to a color gradient. And you will see what that means when I actually apply the adjustment here by clicking it. And the gradient of the image is currently set to black and white. And as you can see, the image turns into a black and white image. Now, I can go into this drop-down. So into this actual black to white bar here. And I can click that and I can select different tones or different gradients. And let's say I'm just going to choose this yellow to red gradient. And what that does is basically almost the same as the threshold adjustment, but it does it with the different colors of this gradient. So pixels above 50 percent gray in luminance are mapped to the lighter color of the image or the other way around actually. So the lighter pixels are mapped to one color and the darker pixels are mapped to the different color of the gradient. And you can choose from these presets here as we've just seen, and there are many of them. Or you can actually click this colored bar and alter the colors yourself. So let's say I want a darker shade of yellow. Then I just double-click on the yellow and I end up in the Adobe color picker. And I can just decrease the luminance and saturation of that yellow a bit with this result. And I'm just going to click Okay. And again, you can play with the blend modes of these adjustments to get very different results. So I can change it to, let's say, Color Dodge for this dramatic color filter. And I'm just not personally a big fan of edits such as this, but if you are, then this would be the place to go. There are some uses for the Gradient Map 2, for example, more naturally blend a composite images together. But for that situation, which I'll also show you in a next chapter, the photo filter and the lookup table adjustment are more suitable or using a camera raw filter. So these items on the bottom row of the adjustment panel, I'm just showing you for to make it this chapter as complete as it can be. But they lack practical applications when you're actually trying to make your images better. 66. 7.14-Project colored dresses: In this lesson, we are going to apply some of the skills I've shown you in the previous 14 videos. By looking at this image of these, this woman in this color dress in different poses. And obviously these, this was not a set of quadruplets. This is a photo composite based on four different images. And what we will be doing is making each dress a different color. And we're gonna do that by using different adjustment layers for each dress. So what I'm gonna do is grab the rectangular marquee tool and just click and drag to create a selection around the leftmost model. Now, I'm going to apply a hue saturation adjustment layer by clicking on the first icon of the middle row. That creates my adjustment only where I had my selection active. So only there do we see this white rectangle. And now I want to change the color of the dress. And what I could do is just click and drag the hue. But that is also going to shift the color of her skin, which also contains color information so it is affected by this adjustment. But what I can do now is select a different single color that I want to effect here where it says Master. So I'm just going to expand this drop down and then choose magenta. And magenta is actually going to shift the colors of the dress only and leave the pixels of her skin alone because those do not contain any color information in magenta. So dress number 2, I'm going to again click and drag using the rectangular marquee tool. And I am going to add another hue saturation adjustment layer through the adjustments panel. I will again limit the colors to be changed to magenta. And I'm just going to click and drag this into like a dark burgundy red. And now I'm actually going to click and drag across the final two dresses at the same time. And again add a hue saturation adjustment layer. Now, both dresses are affected when I choose magenta and then click and drag for a different color. And I'm going to go for this blue here, minus 65. And again, whether you choose minus 65 or 65 doesn't really matter. And now I'm actually going to restore the third dress to its original color to purple to get four different colors. And for that, I am going to grab my brush tool. I'm going to increase my brush size and hardness so I can easily paint across the model. I want to make sure that my mask here is selected of the adjustment that is affecting this third dress. I'm gonna make sure my foreground color is set to black and that my brush opacity is set to a 100. And then I can just click and drag across the dress to cut it out of the adjustment, which you will also see here in the Mask thumbnail. And it's as easy as that to change the color of these dresses. When you want to change a different color to a different color, you just add another adjustment layer and you mask out which parts of the image you do not want to be effected. 67. 8.1-Smart objects: It's often the case that we want to scale, rotate, or otherwise transform our layers. And that's what this chapter is all about. Before we get into creating actual transformations for layers, I'm going to tell you something about working with smart objects, because when you import layers into Photoshop in different ways, you get them into Photoshop as Smart Objects. And smart objects are generally just a part of the modern Photoshop workflow. For most workflows actually, because it allows you to non-destructively transform layers. And I have an entire chapter about working with smart objects in this course, but this is just an intro to show you how it works actually and what it actually means to work with smart objects. So here I have the document 8.1, smart objects dot PNG. And I am going to show you what a smart object actually does. Let's say I want to scale this layer down by quite a bit. I want to make it about a small as the height of his shoe here. For that, I need to transform the layer and to get to a free transform, which is something we've seen in previous chapters on few occasions as well, I need to transform the layer by going into the Edit menu and then choosing free transform or pressing Control T or Command T on the Mac. That gives me the free transform box. And in the current version of Photoshop, you don't have to hold down Shift to actually transform it proportionately. And I'm just going to make them as small as an admin right there. And then I'm going to commit the transformed by clicking the check mark here at the top. Now let's say I increase the size of our model here again, I'm just going to transform the layer again by pressing Control T or Command T on the Mac. I'm going to grab one of the corners and I'm just going to make them larger. Now as you can see, we currently have a very pixelated view of the layer. And even when I confirm the transformation by pressing the enter key, in this case, we don't get any of that detail back. Because when you transform layers like this, you are basically discarding rows and columns of pixels to accommodate that transformation. And Photoshop just discard that information and you cannot retrieve it once it's gone, except by using Control Z, which is not available if you've just saved the document and close it and open it again. So for now I can just go back using Control Z. Let's say I want to non-destructively transform this layer so that I can always go back to the original and the quality of the original is saved within my Photoshop document. For that, we are going to turn this layer into a Smart Object. And there are several ways of doing so. The easiest, as far as I'm concerned, is just right-clicking here on an empty space of the layer in the layers panel. And then here at the top you have Convert to Smart Object. You will also find this in the Layer menu here at the top. And then Smart Objects and convert to smart object. And we use this function so often that it might actually be useful to create a shortcut for it. So let's say I want a shortcut to convert a layer to a smart object. I'm just going to go into the Edit menu here at the top and go to keyboard shortcuts. I'm going to find the Layer menu and expand it. And I'm just going to scroll down a bit until we find the smart object. Subcategory. New Adjustment Layer, Layer Mask. Vector mass Smart Objects Convert to Smart Objects. And let's say I am just going to turn this into Control Shift Alt P. So the shortcut is currently already set for the function file print one copy. I never use this function, so I am comfortable overriding it. So I'm just going to click Accept and then click OK to commit that change. And now with this layer highlighted in the layers panel, I can just press Control Shift Alt P, and that converts it into a smart object. Now, I can tell that it is a smart object by this little icon here at the bottom right of the layer thumbnail. This indicates that it's a smart object. And now when I go into Free Transform by pressing Control T, you won't just see the transformation points like the standard transfer free transform box. You will also see this cross over the middle. And that's a link cross that indicates that it is actually a linked object or a smart object. So what I can do now is just create the same transformation. We're just going to scale them way down and then commit the transform by pressing Enter. So he is way down there. Then I'm going to press Control T again, and I'm going to increase the size again. And there you see that the quality of the original layer was saved within the Photoshop document. What a smart object does, it just saves the current state of the layer in like an attachment file with the Photoshop document or a PSB as it's called. And I'm going to show you how to edit smart objects on how to do some interesting things with it, like creating product mockups and stuff in a next chapter. But this is basically what smart objects are and how they work on a basic level. 68. 8.2-Free transform: At this point, we've used Free Transform in several lessons already. But in this lesson we're going to look at some of the deeper secrets that the free transform holds. So I have here the document 8 to free transform dot p is the, and this is a layer document where I have the image of a lake and the island within the lake. This is an island in Lake bled in Slovenia, which is shot with my drone and I isolated the island from the background to be able to transform it as such. So I'm going to show you some secrets of the free transform. And to do that, we're just going to go into the free transform using Control T or Command T on the Mac. As we've seen before, we can grab one of the corners and just transform the layer like this. We can also grab one of the center handles along each axis. And that always scales it proportionately, so it doesn't distort the actual layer, it just makes it smaller or larger. There are some cases where you want to distort a layer where you want to change its length and width ratio so that it fits better within a certain composition. And for that you want to hold down the Shift key. So if I transform holding Shift, I can actually distort the layer into different proportions. Now, this only goes for pixel layers actually and smart objects. So it doesn't apply to shape layers, for example, that you can draw, which are also have a chapter on. But for pixel layers like this, you just want to hold down the Shift key to transform it disproportionately. It also often happens that you want to transform a layer to its direct center, to its own center. And for that we can hold the Alt key. So if I start clicking and dragging using alt, you will see that I'm not scaling it to the opposite corner anymore, but to its own center, which can be very useful if you don't want to actually change the position of a layer, but you just want to change its scale. Because let's say that I wasn't aware of this Alt key function. Then Just want to make the island a bit smaller. First I'm going to have to click and drag it. And then I'm going to have to click and drag it again to position it properly, which is not very handy. So I'm just going to press Escape to cancel this transformation for now. And then press Control T again to end up in the Free Transform. So knowing this, we can also use Alt and shifts simultaneously to transform a layer to its own center. Disproportionately, Sahni can actually distort the layer from its own center, which in some cases can also be useful. Well, we've also seen is when we put the mouse cursor outside of the free transform box, we get this little elbow arrow. And we're using this cursor, we can actually click and drag anywhere outside of the layer boundary to rotate the layer. And this is initially a free rotation. So you have to be very mindful of how much, how many degrees you're actually rotating it. If you hold down the Shift key, you constrain the rotation to increments of 15 degrees. So if you want to rotate something exactly 45 degrees, you can just hold down the Shift key and move down a couple notches. And if you want to rotate something 270 degrees, you just go to minus 90. And now I've reset the position using the Shift key. So this is also exceedingly easy to remember. If you want to rotate something to an exact amount of degrees or an increments of 15 degrees, you can just hold down the Shift key to accomplish that. Now, there are some other shortcuts within the free transform that a lot of people are not familiar with. These are still pretty basic so far. And those are actually the skew and a few other distort functions that you can use. Let's say I want to change my perspective on this island. So I want to make it seem like the front of the island is a lot closer than it is at the back of the island, a lot further away. Now, what I can do is actually hold the Control and Alt keys or the Command and Option keys. And then click and drag along these corners. And what you see is that it changes the position of the corner I and dragging and the opposite corner of what I'm dragging. So if I click and drag the bottom right anchor point here, the bottom right transform point, it also changes the top left transform point. And the same goes for the other way around. So now I am transforming the bottom left and the top right, while the top left and the bottom right actually stay in the same position. Now if I add the Shift key to this, so I am currently holding Control Alt and Shift. You don't flip around the transform point, but you change the transform point you are dragging and the adjacent transform points. So now I'm clicking and dragging the left bottom transform point and the right bottom transform point is also being changed. So using this, I can make the island appear a bit more flat and distort it a bit, as you can see. Now, it's going to be pretty difficult to put these points exactly back where I where I started. So I'm just going to press Escape to cancel this Free Transform and then go back into Free Transform using Control T. Another transform property which I very often use to change the perspective on layers, especially when I'm creating my own smart object mock-ups is the ability to click and drag just one of these transform points. So if I hold the Control key or the Command key on the Mac, I can just click and drag one of these points. And as you can see, the other three transformed points stay in their original location. So I can just click and drag this. And it doesn't actually improve the picture. But this is useful in many, many situations. And if I click and drag one of the middle transform points here along the shorter axis, along the x axis. You'll see that I am also changing the perspective on the layer. So this is very useful if you want to transform something to appear, to be stuck to something. Let's say you've made a logo and you want to present this logo as a sticker, you can just transform the logo, logo into the position that you want the sticker in to make it appear like it's actually part of the scene, which is what the next chapter is actually going to be about. Now, a few more secrets of the Free Transform, going back into Free Transform using Control T, you also have all these controls here at the top in the option bar. Here I have an x and y position for the layer. So this is currently its x position from the middle of the layer. And the y position. Here we have a scale property. It's currently, currently set to 100% scale. Obviously, if I want to make it smaller, I can just enter 80 here, for example, because this chain icon is enabled, this link, the width and height are linked. So changing one always changes the other. Here I also have the rotation property. So I can also click and drag here on this little icon for the rotation to rotate the layer, I find it a lot easier to just click and drag outside of the layer unless you're looking for a very specific number of degrees that you want to rotate four. And then here we have the skew values and we can add a horizontal or a vertical skew. So here we have a horizontal skew. And that kind of misaligned the transformed points by the same amount for the top 24, the opposite amount for the bottom two. And then here we have a vertical tilt skewed that we can actually do the same for the vertical points or for the vertical axis. We'll be looking at the warp function in one of the next videos. But these are basically the options you have available for the free transform. When you are in free transform, by the way, you can also right-click and then choose scale, rotate, skew, distort, perspective, warp, which we'll be looking at later. And I very often use these two here at the bottom actually flip horizontal, flip vertical. So if you want to just mirror a layer to the other side on either the vertical or horizontal axis, you can just use these buttons here so I can flip it horizontal. And then you see the island is mirrored horizontally. And I can also flip it vertical. And I can do that again. To get back to my original blood island. These are very useful functions which you will also see in a few practical cases later on in the course. So you can find those over there. And basically these options here, the skew distort perspective are ways of getting only the modes that we used with Control Alt and Control Alt Shift and control through this menu system. So I can choose skew, for example. And now I can only skew the layer by dragging one of these anchor points, transform points actually, I can choose distort. And then you see it uses both of these anchor points. So that's just a way of getting to those different transformations. I prefer using Control Alt Control, or Control Alt Shift depending on what the situation calls for. And in most cases I only need the control because I just want to change the perspective on a layer. So once you're done with your transformation, you just press Enter, press the check mark here at the top, or just switch back to the Transform tool. And then your transformation is committed. And please remember that once you commit a transformation, there's only a certain amount of steps. You can actually go back to undo the transformation. So it's very often a good idea to create a smart object out of your layers so that you can Middle East always get back to the original state of the layer and work non-destructively. 69. 8.3-Warp transform: In this lesson, we will be looking at the warp transform in Photoshop. And warp gives us a bit more control of the distortion of a any given layer. So to get to warp, first, we're going to just press Control T or Command T on the Mac to get into free transform. When you're in free transform, here at the top we have a toggle for switch between Free Transform and warp. And once I click on this icon, I end up in the warp mode. Now, warp mode works quite differently from Free Transform. We still get this transformation box, but we are seeing a bit more like a few more points along the outside edge. Now we can click and drag these points. And what you see is that I am basically folding the layer in on itself. So I can distort it along any axis. And I can actually click and drag so far that I can see the back of the layer making the island look like basically a piece of paper. Which is actually a good analogy for this work transform initially because you can just treat the corners like a piece of paper and fold it like an origami. So besides the actual corners, we also have these transformed points in between these handles as they are known. So watch what happens when I click and drag this point down a little bit. You will see that this handle extends. And this handle actually determines the curve between this point that I am currently changing and this point here. So if I click and drag this up, you will see that I am basically shortening the curve between those two points. And if I click and drag, click and drag it further than the actual transform point, you will again see that I basically folding it in on itself. So this handle determines the curve between these different points. And every point has two handles. So here we have a point for the top-left here. And changing this one changes the curve between this one and this one. And changing this one determines the curve between this one and that one. So if you want more of an equal curve between two points, you always have to alter both handles to get something like that. Now I'm just going to cancel out of this by clicking this arrow icon at the top to reset my warp. And I'm going to show you that you can actually and add transform points and warp points to whichever part of the layer you want. And you do that by either looking here at the top where you can split the warp grid. So you can add a vertical and a horizontal with a cross wise. You can just add a vertical or you can just add a horizontal. So you can just click these and then your mouse cursor changes and it actually enables you to add a vertical split. And if I click this one, it will allow me to add a horizontal split. And this one gives me both. So this just adds another distort point to both axes. I'm just going to undo that for now. And I'm going to show you that there is an easier way of doing that. And you will add both a cross, you will add a cross section actually, and not just a vertical or horizontal. But if you hold down the Control key or the Command key on the Mac, you will add another transform point to both axes. So here clicking once with control gives me another intersection to alter with my warp. And as you can see, I can just click and drag this point around now. And I can alter its handles. I can even rotate it like so to kind of folded in on itself again. And I can just click and drag these lines. And as you can see, it alters how this section is curved. And you can really get some cool distortions like this. And I'm just going to reset that by using Control Z. Well, you will also see if you want to add another warp point. If I hold down the Control key and I'm not hovering over a pre-existing line, I get both the vertical and horizontal axes. But if I'm hovering over a vertical line, it just adds the utter. It just adds the horizontal line. And if I'm hovering over a horizontal line, it only adds the vertical. So that can be pretty useful. And if you want to add only a vertical or horizontal, you can just follow along the edges of the transform box. So hovering over the edge here on the left enables me to only add a horizontal axes, axes, axes. And I'll bring down the bottom here allows me to add a vertical point. You can add as many points as you want to increase the complexity of the possible transformations. So now when I click and drag this point, you can see that I am only distorting this part of the image because the other points are not affected when you just start clicking and dragging like this, I can transform individual segments of an image. And note that when you add a point, you always get a handle, a Bezier handle for both the beginning and the end of the curve. So that's something to keep in mind. You can also select several of these transformed points at once by holding Shift and just clicking on them in this transformative slits. And I'm just going to grab all of these for now. And now when I'm clicking and dragging, you can see that I can alter larger parts of the images, but the points that are not selected are not affected by my transformation. So you can also use this to create some interesting subjects here. Okay? So you can always delete these points by just pressing the Delete key with them selected. So let's say I want to make this a bit more simple. I can just click on these and use delete or backspace to get rid of those extra warp lines. And then I can either reset, cancel, or commit my transform using these icons at the top. And that's basically all you need to know about warp transform, which lets you really pull layers out of context and create your own dynamic transformations. 70. 8.4-Puppet warp: Another transformation that we can use, but which has less practical applications is the Puppet Warp. And the Puppet Warp basically is another way of distorting parts of an image to suit our purposes. And one use case for it is when a model or an object that you photographed and isolated to its own layer doesn't have the exact right position, let's say. So I'm looking at 8.4 Puppet Warp dot P and G. And let's say I want to change the position of the arm of my model. Now, I can't go back to this specific location under the specific conditions, so I can't retake the shot. So I'm going to have to edit it here in Photoshop. And to enable Puppet Warp, we can go into the Edit menu here at the top, and then about halfway down we can choose Puppet Warp. Puppet warp is first going to show up as nothing until we actually click on the image to activate the initial warp point. So what I'm gonna do is click here on his fist to add a transform point, a puppet point, let's say. And then the actual mesh shows up in the mesh. Basically all these triangles are shapes that we can distort individually. And you can actually change the density, density of the mesh by going into here and choosing more points. And it will make the mesh more complex. But I'm just going to stick with normal for now. Then I can right now actually, when I click and drag this point, I am moving the entire layer. So puppet warp doesn't actually work until you add two or more points in total. So I'm just going to add another point where his shoulder would be. So now I can click and drag and you'll see that I am rotating the layer around the second here. That's also not quite what I want. So what I'm gonna do is add yet another point to where his elbow would be. So now I have created a puppet for his arm essentially. And I can just click and drag these points. And the other points are going to stay in place, enabling me to distort the layer. So I'm just going to grab his fist here. And then I'm just going to click and drag that down. And you will see that there is some additional rotation to the layer currently. And I can disable that actually by adding a few more points. So I'm just going to put some points over here because I don't want these areas of the image to distort. And then I can just click and drag this onto his knee. But as you can see, the fist actually goes below the mean. So it's behind the knee. And let's say I want to move it to the front. If I look here, you will see the pin depth and you can move points up, down to alter their position in the composite. So if I move it up, you will see that it is now in front of the knee. And if I move it down, you will see that it is now behind. And I can actually click them, drag this point down a bit to get rid of some of the distortion. And I can make the arm a bit less thick by adding a few more points. And it doesn't look great. And this is something you really have to practice to get a hold of properly. But if, like I said, this also lacks general practical applications. But if a model is positioned in a way that you slightly want to change, this is something you can use. Now, let's say I wanted to remove a point. For that I can hold the Alt or Option key and just click on a point to delete it. And then the transformation of the point also actually resets. What you can also do when you click on a point. When you click on a point and then hold the Alt or Option key, you actually get a rotation property that you can use and you can just rotate a layer like so. If that's something you need to do in specific circumstances, doesn't happen very often, but it is something that can be useful. Now once you commit the transform by pressing the check mark here at the top, the transform is committed. And also keep in mind that when you again go into Edit and then puppet warp, it doesn't reset. So you don't get the same transformed points that you had before. You're basically starting fresh and your original transformation is no longer available. 71. 9.1-Poster mockup: This chapter is all about smart objects. And in the previous chapter, I already gave a short explanation of what smart, smart objects are and how they work. And we will be expanding on that in this chapter. And we are going to be using the smart object function in Photoshop in this lesson to create a poster mockup. And a mock-up is basically a sketch of a certain product, like a poster or a logo or anything else. Concerning digital imagery, really, that you can show people without actually having printed the poster, for example. So let's say I've designed a poster and I want to show it to a customer or a coworker. And then I can just send them a JPEG or a PDF of that poster. Or I can show them that poster in an actual environment where a poster would make sense. So let's say I've designed to poster and I wanted to show Bush somebody might nice poster. I can just easily Photoshop it into a, an image like this to create a poster mockup. And that's what I will be teaching you in this lesson. So here we have this photograph of two blank posters and we are going to be Photoshopping our poster design, which is going to be very modest, consisting of a logo and a text frame into the posts are here on the right. And the first thing we are going to do for that is to draw a shape across this larger poster here in the front. And it's easy, easier to have a front-facing image like this for reference. So you get the proportions of your shape correctly initially. So what I'm gonna do is go into the toolbar here and I'm going to go into the Shape Tools and select the rectangle tool. I'm going to make sure that the rectangle has a fill color by clicking here where it says Fill and just choosing any color. It doesn't matter which color it can be black, it can be white. It doesn't matter for our end result because the color is actually going to be covered by our mockup. So I'm going to set the stroke to 0 here at the top, I currently had a black stroke of one pixel. And now using this tool, I'm going to click and drag across the poster to draw my shape all the way down to the frame here at the bottom. And then I'm gonna release the mouse and there is my shape. So before we do anything else, I'm going to convert this shape into a smart object so I can use my shortcut for that which I set in the previous chapter, Control Shift Alt P. I can right-click on the layer here and then choose Convert to Smart Object. Or I can go into the layer menu, smart objects and convert to smart object. I prefer to use the shortcuts, so I'm just going to go ahead and press Control Shift Alt P. And please keep in mind if you didn't watch the earliest chapter or you missed it. I set that keyboard shortcut as a custom shortcut through the Edit menu and in keyboard shortcuts. So now it's a smart object. And I want to basically transform it onto this poster here on the right. And to do that efficiently, I'm going to reduce the opacity of this Smart Object layer to about 50 percent. And I could do that manually over here, or I can just press the five key of my keyboard to decrease the opacity to 50 percent. Now, I'm going to move it over here and I'm going to go into Free Transform. So I'm going to press Control T or Command T on the Mac. And initially I'm just going to hold down the Control T, the Control key or the Command key on the Mac. And I'm going to grab the individual corners and just drag them to approximately where they should be. And I can do this for the individual corners currently because I'm holding the Control key. And now that I have a rough outline of the position, I'm going to zoom in using Alt scroll. And then I'm going to do it in a detail view. So now I'm actually looking where the actual corner is and I can drag them to the right place. It's a bit tougher to see here at the top right, but we can work around that. There we go. And I'm just navigating across my document holding the space bar. And once I'm happy about where those corners are placed, I'm going to confirm my transformation with the checkmark here at the top. Now, these posters are suspended through these clamps here at the top. And obviously I don't want my mock-up to hide those clamps. So what I'm actually going to do is apply a layer mask to this Smart Object layer by pressing the Layer Mask icon here at the bottom of the Layers panel, which we've looked at extensively in Chapter 5. I'm going to grab my brush tool by pressing the B key. And I'm going to decrease my brush size and increase the brush hardness so that I can use black as my foreground color to paint out these clamps. And I'm not going to go pixel perfect for this. This is just a quick sketch. Let's say. Here we go. And then I'm going to use the space bar to navigate to the right clamp. And I'm just changing my brush size wherever that is pertinent to do. Remember I want to tackle a smaller or larger area. And I'm just painting over these. Okay, that looks pretty good. And now what I can do is actually start designing my poster within the smart object. And I can open the smart object by just double-clicking the layer thumbnail in the Layers panel. And that's going to open my original rectangle and show me the rectangle as I originally drew it in the first steps of this exercise. So if I double-click here, and if you've never done that before, you're gonna get a pop-up saying, okay, just edit the smart object, save it and close and then it'll be, the changes will take effect. But we don't have to do that here because I've clicked, Don't show again on that particular checkbox. So what I'm gonna do now is just hide this layer because I don't need it. I don't want this blue shape here. And I'm just going to import my logo. So I'm going to go into the exercise files. Here we have logo dot PNG, meaning the background is transparent. And then I'm just going to let it go here on the canvas. And I'm going to place it a bit higher. And I'm going to confirm the placement with the checkmark here at the top. And then I'm going to grab the type tool here on which I have an entire chapter later in this course. And I'm just going to click and drag for a text frame. And I'm going to type online courses. Then I'm going to select the text and using the Properties panel, I can just decrease the text size. And I'm going to set this line spacing to auto. And then I want the same color for the text as the logo. So I'm just going to click the color here at the top. And again, I'm going to show you how exactly all of this works in one of the next chapters. For now, I just want a text frame with this and I'm just going to commit my text with this checkmark here at the top, which is the same as the free transform. Then I can center my text by just clicking and dragging it using the Move tool. I'm going to move it down a little bit. And now I am just going to save. So I'm just going to press control S. We're going to file and save. You don't want to save as you want to just save, because that saves the current state of the smart object. And then I'm just going to close out of the smart object by closing the tab here at the top. And now you'll see that my logo and this text is actually in the perspective that I put my smart object in. And I still have to correct the opacity. So I'm just going to increase that back to a 100. And there we go. Now we have my logo and this text here in perspective. And you can still apply my adjustment layers to it. You can still go into the smart object and edit the text and edit the logo. So what I could do if I wanted to, let say increase the size of the logo, I'll just double-click the smart object. I'll select the logo layer, press Control T, and using Alt, I can scale it up. Confirm the transformation, just move the text down here a bit way. I accidentally undid the transform on the logo. So I'm just going to make that bigger again. There we go. Move the text down. Okay? And we're gonna save it again. Just Control S, close out of the smart object. And there is then my mockup so I can replace the contents of the smart object with anything and all the masking I did and the transformed, the transformations that I did to put it in perspective will remain in place. So this is actually already the basics of how you create your own smart object mockups. 72. 9.2-Laptop mockup: In this lesson, we will be creating a mock-up of a laptop. So here I have just a straight JPEG image of a laptop. And we are going to create a Photoshop document in which we can easily replace the contents of the laptop screen for when we've created a website template, for example, or a digital illustration or anything else we want to put there. Now, there's something different about this image compared to the image we were working on in the previous lesson in the sense that we do not have a front facing screen here the screen is tilted towards the camera and that can make it difficult initially to draw our first rectangle. So the shape layer that we will be creating in the right proportions. Now, most laptops screens actually have a set width to height ratio, which usually 16 by nine. So for every 16 horizontal pixels, we have nine vertical pixels. So knowing that we can actually constrain the proportions of the rectangle that we can draw. So I'm going to go to the rectangle tool here. And then I am going to look here at the additional settings for the shape a path. And then I can, I can pick a proportional rectangle that I can draw. So I'm going to set 16 by nine. So for every 16 pixels in the width, we now have nine pixels on the vertical. So using that, I can now click and drag roughly the size of the laptop screen. Just like so. Then I can change the fill color here at the top for a swatch I recently used. And then I can create my smart object. So I'm just going to right-click on the layer and choose Convert to Smart Object. I'm going to decrease the opacity of the shape layer to 50 by pressing the five key on my keyboard. And then I'm gonna go into Free Transform using Control T or Command T on the Mac. And then again, just like in the previous lesson, you holding Control or Command on the Mac, I'm just going to click and drag the corners of the rectangle to approximately the right place on the image covering the laptop screen. And then once they're in roughly the right place, I'm going to zoom in. And I'm going to do this in a bit more detail. So I'm just going to put them exactly on the corners, making sure that I cover the entire screen. And when I'm navigating from point to point, I'm actually holding down the space bar so I can just click and drag across my image to navigate. And I'm just going to place that here. And zooming out. I can see that I've covered the entire image. So I'm just going to click Confirm here at the top to commit my transformation. Now, I can see that I'm actually missing a few pixels here at the top. So I can go back into free transform, and I can just grab these handles and drag them up ever so slightly to cover up those corners as well. And then recommit my transform. Now, let's say I would just want to put a screenshot of my own personal website here on this laptop screen, I'm going to go to my web browser and I'm just going to press Print Screen to create a print screen. And back in Photoshop, I can then reset the opacity for the layer by just clicking and dragging the opacity to the right on the text value here. And then I can replace the contents of the smart object layer by double-clicking on the layer thumbnail. And I'm just going to paste my screenshot here using Control V. I'm going to scale this up using Control T and holding Alt to scale it proportionately from its center. To fill the entire screen. I'm going to commit my transform here. And then I'm going to save the smart object layer by pressing Control S or Command S on the Mac. And going back to the laptop image, now you will see that the contents of the screen has been replaced. Now, an additional trick that you can use to make mockups like this, a bit more realistic is to add a transparent gradient overlay to your screen layer. So I'm going to show you how to do that in more detail when we get to the Layer Styles chapter. But for now I'm just going to give you a quick demo of how that would work. So with this layer selected, I'm going to go to effects here at the bottom of the Layers panel. And then I'm going to choose Gradient Overlay. And that's going to put an overlay on top of this layer. Now, I currently have this overlay. I actually want to reset it to the defaults. So I'm going to click Reset to default, and that gives me this subtle light gray to white gradient. Now I want to darken that gray a little bit. So I'm just going to click on the gradient. I'm going to double-click on the gray. And then I'm just going to put the color picker a bit further down. Let's say a bit more than halfway down on the gray-scale. I'm going to click OK and OK once more. And then I can play with the angle of the gradient to match the lighting of the scene. Now, the lighting seems to be coming more from the left here. So I'm just going to rotate the angle of the gradient to reflect that. And obviously through the gradient, we currently cannot see the screen. So I can either choose to lower the opacity. And it looks about right at 35 or 40 percent. Or I can actually change the blend mode of the overlay to something like multiply and then decrease the opacity to match the screen a bit more. So now it looks like it's low. It looks more like it's part of the actual scene, instead of just paste it on there. So this is a little trick that you can use to add some realism to your product mockups. 73. 9.3-Types of smart objects: Not all smart object layers are the same and that's something I want to teach you in this lesson. There are actually three types of smart objects that we use and can use in Photoshop. And those are embedded smart objects, which we've already seen so far. We also have Linked Smart Objects, and then we have Creative Cloud smart objects. They're just Creative Cloud items, but they are usually linked to the original in the Creative Cloud library. So they essentially function the same way as Smart Objects do, but not from a local file, but from the Creative Cloud library. So the first thing we want to show you is the embedded smart object, which is the most common smart object and most workflows. So here I have opened 9.3 types of Smart Objects. And I'm just going to look in the exercise files for the logo element here, which is just a PNG of my company logo. And I'm just going to click and drag this into Photoshop and release it on the canvas and confirm the placement here with the check mark at the top. Now, this is now a Smart Object because the default Photoshop behavior is placing images from into a different document in, in a imbedded Smart Object. And you can tell it's an embedded smart object by this little icon here. And that means that any changes I make to the contents of the smart object, which I would do by double-clicking here on the layer thumbnail, will only be limited to this specific document. So it's not going to show up anywhere else. These changes will not affect any other photoshop documents. This just affects this current Photoshop document. So let's say I'm just going to add a hue saturation adjustment layer. And I'm going to click and drag the hue to change the color of the logo. I'm going to save it with Control S, which I cannot do currently because it is a PNG which I placed. So I'm just going to merge these layers using Control E, press Control S to save. And then you will see the color of the smart object layer has been changed. Now I'm just going to undo that. And I'm just going to delete. I'm just going to save this again using Control S. And I'm gonna make this a little smaller to make room for our next smart object type. Using control team and confirm here at the top. So I'm going to name this to imbedded. Actually. The other way of placing embedded images besides clicking and dragging them out of explorer or bridge is going into the File menu and then choosing place embedded. And that's going to bring you into this dialogue box. And you can just pick which document you want to embed. Now placing a linked image works slightly differently. Let's say I want to place the same logo, but I want to link it to the original file. I can do that by just finding the file on my hard drive in bridge or Explorer or Finder, or going into File and then Place linked. And I'm just going to pick the logo. And now initially we don't see any difference. But once I confirm this placement, you will see a link icon here instead of the embedded icon for the other smart object. And that means that when I open this smart object, I'm not opening an embedded file. I am opening the original file on my hard drive. So once I make any changes to this, it's not only going to affect this Photoshop document, but every Photoshop document in which I use this logo or any InDesign documents that are used as login or Illustrator or After Effects or anything. Really, I am altering the actual document that I have just placed instead of using an embedded smart object layer. So any changes made to a Linked Smart Object layer will affect the original file as well. So that is something to keep in mind when you're working with Linked Smart Objects. Another way of placing Linked Smart Objects, and I'm just going to delete this layer by clicking on it and pressing Backspace is just finding it on your hard drive. Clicking and dragging it into Photoshop and holding down the Alt or Option key on the Mac, then releasing the mouse button. And once you commit the transform, you'll see that it is now a Linked Smart Object layer and not an embedded smart object layer. So I'm just going to rename this to linked. I'm going to scale it down Control T and confirm the transform with the Enter key. Now, the third way of placing smart objects is working with Creative Cloud Libraries. And creative cloud library items are linked to the original in the Creative Cloud library. So what I'm gonna do here is open up my Creative Cloud library here. And I'm just going to click and drag this logo file onto my canvas. And I'm going to confirm the placement cure with a double-click. Now we're here, we see the Creative Cloud Library Smart Object indicator. So it's this little cloud icon that's telling me that this is linked to the Creative Cloud library item. So once I double-click the layer thumbnail here, it opens up this file which is actually in my Creative Cloud Library. And when I change its color and then save it, oh wait, I have to flatten the file once more. So I'm just going to merge these layers, use Control E and then save it. And then when I look at my Creative Cloud Library, the file has also been changed here, meaning that it's also changed in any document that I have this logo elements placed. So that's something to keep in mind when you're working with creative cloud library items. Now there is a way of disconnecting Creative Cloud lightweight. I actually have to save the file using Control S, and then you will see it will change here as well. Now, there is a way of placing a disconnected version of any element in your Photoshop documents. And that is by holding the Alt or Option key and then clicking and dragging from the library. And that's just places an unlinked logo element. So this is not linked to the original. Here, it just functions as its separate layer, which is then not a smart object. So we have embedded smart objects, which you can bring it into Photoshop. I'm just clicking and dragging onto your Canvas. We have Linked Smart Objects, which we can place by holding down the Alt key when doing the same. And we have Creative Cloud, smart objects or creative cloud library items, which we can just click and drag from any creative cloud library that we have access to. 74. 9.4-Destructive editing: An aspect of smart objects that we haven't really touched upon yet is that you cannot use destructive editing tools on them, such as the clone stamp tool or the Spot Healing Brush. And in this video, I'm going to show you what that actually means and how to work around that problem. So here I have the exercise file 9.4, destructive editing dot JPEG. And I'm just going to look in the exercise files for this chapter. And I'm going to pick 9.4 destructive editing dash T2. And I'm going to click and drag this into Photoshop and just release it on the canvas to place it as an embedded smart object. I'm going to confirm the placement here at the top. And let's say I want to get rid of some of these flying rose petals here. This is a composite, by the way. She was actually laying on a Barstow which I placed there. And I'm just going to pick the spot healing brush here. And as I mouse over this layer, you will see the stop sign on my mouse cursor. So when I actually click on the layer, it's going to tell me this smart object must be rasterized before proceeding. Editing contents will no longer be available. Rasterize the smart object. Now, rasterization means that it basically just stops being a smart object. And it can always be the case that that's not really an issue. But I prefer to keep the smart objects that I place as smart objects. So I'm going to show you a few workarounds to solve this problem without rasterizing the image. So one thing you can do is open up the smart object and then edit its contents. So I'm just going to double-click here on the layer thumbnail. And here I have the spot healing brush available so I can just start removing these rose petals. Now, one drawback of this is that you cannot see how these edits translate into the document where you have the smart object placed. So you have to actually save it and then go back to the original document in which the smart object layer is placed to see what your edits are actually doing in the grander scheme of things. So that is not the most efficient way of doing that. So I'm just going to close out of the editing without saving my changes. So I'm just going to click, No, I'm back here in the document. I'm just going to create a new layer. Now, I've shown you in previous chapters how to create new layers. You can just click this New Layer icon here at the top. I usually choose to use the shortcut for this, which is Control Shift Alt, Enter or Command Option Shift and on the Mac, and that just creates a blank new layer. Now when I have the spot healing brush selected here, I have a checkbox here at the top for sample all layers. Because right now with this layer selected, this tool does nothing because the layer is blink, it's completely empty. There are no filled pixels in this layer at all. But once I click sample all layers, It's not just going to look at the current layer, but also to the layers below it. So all the visible layers where I'm clicking and dragging basically. So now I can just edit away these rose petals if I want to, by simply clicking on them. And to show you what's actually happening. I am just going to get rid of some more here. And then I'm going to hide the smart object layer. And there we see what Photoshop is actually done. So it just took pixels from the layer below and fill them in over here using content aware. So this is how you can perform destructive editing on an indestructible smart object layer by just adding a layer on top and making sure sample all layers is selected. And what you will find is that this checkbox here at the top for sample all layers is also available. For example, the clone stamp tool. Only here It's drop-down menu and not an actual checkbox. But if you then look at the other tools here, the Dodge and Burn tool, for example, you do not have the option to specify whether or not this affects all layers below it. Obviously because it's not a sample brush. So that's basically how you can use destructive editing tools on indestructible smart objects without losing the ability to edit the smart object itself. 75. 10.1-Adding text: In this chapter, I'm going to teach you all about working with text in Photoshop. So here I have the file 10-point one, adding text to which we will be adding some text. To add text to our documents, we can use the type tool here and the left side of the program in the toolbar. And we can either just click to activate the Type Tool or we can hold the mouse down or right-click on the tool to select three other type tools. The vertical type tool, which allows us to type vertically, and the vertical and horizontal Mask Tools, which allows us to type in selections, which I will show you later in this chapter. We're just going to start with the horizontal type tool. Now, when we activate this tool here at the top, we already have some style options for our text. Here we can choose a font, and this is, generally speaking a, an enormous list of fonts that have been installed on your system already. And once you choose a family, a font family, for example, Calibri, which is a pretty standard font from the Microsoft suite of programs. We can then choose a style for the font. So for Calibri, I have light, light italic, regular italic, bold and bold italic. Now the options you have available here are independent or dependent on which fonts and families are installed on your system. So your list might differ from mine a little bit. Even though Calibri should be pretty standard on any Windows or Mac machine. So here we have the family, here we have the style, and here we have the size of the font. Now, these are not the default settings. These are the settings that I most recently used to format my text. So let's say I just want to reset the formatting to the defaults, which you would also have if you've never used the type tool before. Then I can go up into the Window menu, and then I can choose Character. And then I can go up into the little hamburger menu of the character panel. And then I can choose reset character. And that's gonna give me Myriad Pro, Regular in 12 points with a black fill color. Now, we'll be looking at this character panel more extensively in one of the next videos. So I'm just going to close out of this now by collapsing the panel. Now, there are two ways of adding text to a document. We can either just click on our Canvas, which gives us an infinite text frame. Basically, this is a point text, text frame that will just keep running off into the right of the document. So I can just keep typing and it's going to go on infinitely. And as you can see, as I keep typing this gibberish, the text cursor will actually run off of the document until we use an actual line breaks. So if we just press the Enter key, it's going to break to the next line. And you can always navigate to the beginning and end of a text frame like this, using the up and down arrow keys. If you want to go back to the front, you can press the up key. And if you want to go to the end, you can press the down arrow key. Now, selecting this texts to format it or delete it, for example, is a matter of clicking and dragging. You can also click three times within any text frame to select all of the text. Or you can just press Control a or Command a on the Mac. Now, something you may have noticed, and I'm just going to delete all this extra text that I added by selecting it, by clicking and dragging and then pressing Backspace. Photoshop filled in this Lorem Ipsum. This is what we call placeholder text. So this allows us to format our text without actually having to type anything first. So it's placeholder text that we just used when there hasn't been any actual copy written. So before the actual text of our document has been written. And this is something you might like to use. I like to use it for demonstration purposes. And because not all of my exercise files have text pre-built in. But it can be a bit bothersome when you start working with area type, which we will be looking at after. And I explained to you how we can deactivate this placeholder text. So what I'm gonna do is I'm going to commit this text by pressing Control Enter or Command Enter on the Mac. And that just commits the text. That is basically the same as pressing the checkmark here at the top. And in the current version of Photoshop, you can actually also commit text with the Escape key by default, which used to be one of the ways to cancel entering text. But now you can actually commit text by pressing the Escape key. So this Lorem Ipsum is something you can deactivate. So I'm going to go into the preferences of Photoshop. And here on Windows, I will find that in the Edit menu. On the Mac, you want to go into the Photoshop menu and then go into preferences all the way at the bottom. And then we're going to choose type. Here in the type options, I can then disable this check mark here, the bottom checkmark, fill new type layers with placeholder text. So if you don't want that placeholder text, this is the place in the program where you would deactivate that. I'm going to leave it on for now for demonstration purposes. So I'm just going to click Okay. Now I'm going to delete this text frame by making sure it's highlighted in my layers panel by clicking it and then pressing the backspace key. And I'm going to go back to my type tool using the T key, which is the keyboard shortcut for the Type Tool. Now, the second way of entering text in Photoshop is just by clicking and dragging. And that's going to create an area type field. So it's going to constrain the position of my text to whatever boundaries I click and drag initially. So I'm clicking and dragging and I release the mouse. And you will see that I already have some placeholder text in there because that option is still enabled in the program preferences. Now, these texts frames can be scaled, so you can just click and drag the corners to expand it or contract it. And the type will scale along with the text string. Now at some point, you might end up in a situation where there is more text in a text frame, then you can see. So if you make the text frames small enough, you will get something called overset text. And that is a problem, generally speaking, because not all of the text in the text frame is visible. And this is indicated by this little plus icon next to the text string. If I zoom in here, the UI element doesn't actually scale, so it's still quite small, but there's this little plus icon here at the bottom right indicating that there is currently overset text. Now, if you want to get rid of that, you can just scale the text frame up. And that's going to make all of the texts visible again. And here within this area type, you can use all of the standard text formatting options. So we have the font family, we have the font style, we have the size, aliasing, which I will explain in one of the next videos. Alignment, color, and the warp options. So those are the default text options we have here in the Options bar. So that's two ways of adding text in Photoshop. So you can just click on your Canvas to get a basically infinite point type text frame. And you can click and drag with the type tool to get an area text frame. 76. 10.2-Character formatting: In the previous lesson, we looked at some of the basic character formatting options relating to font family, font style and font size. And in this video, we will be looking at all of the character options available to us in the Character panel. Now, I already have this character panel available to me here in the workspace. But if you don't have it added here on the right side, you can always go up into the Window menu and then choose character to get those expanded options. So we're gonna, we're gonna go through all of these options here. And we are going to apply some formatting to this Lorem Ipsum text frame that I have here at the top left of my composition. Now we are going to need to enter this text frame to select the text and edit it or edit its formatting. And there are several ways that we can do that. We can just double-click on the text frame. What we can also do is just double-click on this large T in the layer thumbnail. So if we double-click here, we also enter text edit mode and we can select the text automatically. Now, the first thing we are going to look at here is again, the font-family selection, the font-style selection, and the font size. So these are the most basic character formatting options available to us, and they are right here at the top of the program in the Options bar. Now, the expanded character options are here in the character panel. So I'm just going to zoom in on this text a little bit by using Alt scroll or Option scroll on the Mac. And I'm going to change the font family of this font, of this text to one of my favorite fonts, quicksand. Now, you might not have quicksand installed on your system. It's not one of the Windows or OSX is a default fonts. It's just a font that I really like to use. In one of the next videos, I'm going to show you how to add fonts to your system using Adobe fonts on which you will also find quicksand. So I'm just going to change it to quicksand. Then I'm actually going to reselect the first word here, Lorem. And I'm going to change the font style of that to quicksand bold using the style selector here. Now, I want to increase the text size. And as you will see, you have here a drop-down list from which you can choose certain number of presets. Now, these options are pretty limited. And usually the one I want is not in that list. So I'm going to show you a keyboard shortcut to increase or decrease the font size. So on Windows, that's going to be holding down Control and Shift and then using the comma and period keys. So the greater than and smaller than symbols. And using those shortcuts, I can increase the size of my text to 46 points. And the text sizes in points, obviously, just like in any other, uh, programs that have rich formatting text. So that is the font size here. Here we have the line spacing. So I'm going to actually put Ipsum on a new line by just pressing the enter key before it. And now I'm going to select the text and I'm going to show you that if I change the line spacing, actually change how far the lines are spaced apart. Now, six points is obviously too little. You always want to have this be more than the actual font size, because that's how far the text needs to be spaced apart to be read separately. So what you can actually do with the lines selected, you can hold down the Alt key or the Option key and use the arrow keys to increase the line spacing. So that's a quick and easy way of changing the line spacing of the selected text, which I have now increased to 48. Then the lower two items here are the kerning and tracking of the text. Kerning is individual character spacing. So you can change the kerning of two characters or a character to increase the space between that character and the next. So let's say I want to create more space between the O and the R of lorem. Then I can just go here into the kerning options. And I can select a value of 50, for example. And you will see that the spacing between the O and the R has increased without any text selected. So just with my text cursor in between two characters, I can also use the alt key and the left and right arrow keys to increase the kerning of that character. I am, however, going to just set this to auto again or to optical actually, which is the auto function. When designing a font, the designer has already taken into account the ideal kerning and tracking for tax. So you don't want to play around with this too much. But if two characters, if two adjacent characters look that look like they are too far spaced apart or too close together. Then you can use this to play with that a little bit. So then we have the tracking of the text. And with tracking, we change the overall spacing of selected text. So if I select the top line here, Laura, I can then change the tracking to 50 for example. And as you can see, the spacing of all the selected characters has been increased. I can also, when Texas selected, hold down the Alt key or the Option key on the Mac, and then use the left and right arrow keys to change the kerning or, or the tracking of the text. So the kerning determines individual character spacing and the tracking distributes the text overall. If the text has been selected. I'm just going to put Ipsum on the same line again by pressing Backspace in front of it. And I'm going to re-select the text and then show you the other character options here. Here we have a vertical scale and a horizontal scale which you can use for kind of an illustrative effect. But it's not really a practical application of character formatting. I've never really use this in a practical sense in neither Photoshop, Illustrator, or InDesign, which also have these options. But if I increase the vertical scale by 100 to 200, you will see that I'm stretching the text up and I'm just going to Control Z that. And if I change the horizontal scale, I can stretch the text horizontally, which is something you can use if that's a creative edit that you want to put in your texts. But I've never really use this in a practical context. Here we have the baseline shift which allows us to change the height of the text on the character line. So if I start increasing the baseline shift for this selected text, you will see that are in placing it higher upon the line on which the text is typed, which you can also use for a creative effect. Now, we have the character color here, which is currently set to black. So if we click this, we end up in the color picker and I can change the text color to white. For example, if you have a set value you want to change it to, you can enter RGB codes, you can enter the hexadecimal color code, lab, HSB, hue saturation brightness, or the CMYK colors of whichever value you want to enter. Then here we have some other basic character formatting options. We can change the text to all caps or to Fo bold. Actually, the first one here is Fo bold and it just makes the text a little bit thicker. So if you don't have a bold variant of the text, or you want to make your bold text a little bolder than you can use the faux bold. We also have faux italic, which italicize the text by just twisting it on the baseline. So it's not actual italic text. The characters are just slightly tilted on the baseline. So if you don't have an italicized variant of a text, you can create italicized texts with this little toggle here. And then here we have all caps, which I'm turns the selected characters into capital letters no matter what their formatting is, and they are all uniform. Then we have small caps and with small caps, actual capital letters are the actual size of capitals. And the small letters, or regular letters are smaller capital letters. So this is also something that I use quite often actually. Then if I disable the small caps, superscript and subscript, which respectively set the text on top of the baseline or below it. So here I can put the text up on the baseline or within the text line actually, and we can put it down. And this is something that you would use for measurements, for example, like square feet or square meters. So m2 for example, M. And the subscript is usually for stuff like disclaimers and source linking and stuff like that. So the options are available for you there. Here we have an underline and strikethrough and underlying and Photoshop is actually really basic compared to the other Adobe programs that have underlying because it just puts a line under the text in the same color as the text itself. You cannot alter its thickness. You cannot alter the offsets, so you can't change the distance of the underlying from the texts like this is all it does. So if you rely on underlying texts, I would either work with drawing those underlines yourself using the line tool, which we will look at in the next chapter, or just choose a different program to format your text in. And here we then have the strikethrough, which puts a line through the text and crosses it out. Here we have some stuff concerning fractures and discretionary ligatures, which really goes very far into how text actually works in programs like this. And now text, how fonts in general work. I'm just going to show you this first one which can be useful in certain situations. These are the discretionary ligatures of Photoshop. So I'm going to type the characters F and L next to each other. And I'm going to put it in, and I'm going to change the font family to a font family of which I know that it supports these ligatures. So I'm going to change the font family to Myriad Pro. And that's MAY IRI a, D and Myriad Pro Regular. And what you see here is that the F and the L are not just adjacent, they are connected. So for certain characters, in certain situations, you get this connecting arch between the characters and that's, that goes for the F and the L. It doesn't go for the F and the T, It goes for the F and the eye for example. So this gives you a brand new character essentially. Now, when you have to take in something called accessibility into account, this actually can lead to some problems. I don't necessarily like the formatting of this text. So all of this new character, so you can always disable it using this little toggle here. And those are basically all of the character formatting options available to us in Photoshop. If you want to commit the text, you can always just press the Escape key. You can switch back to the move tool or you can click the check mark here at the top of the Options bar. 77. 10.3-Paragraph formatting: In this lesson, we will be looking at paragraph formatting in Photoshop, which is obviously different than a character formatting, paragraph, formatting those snake concerns, alignment and spacing of paragraph. So we are going to create a paragraph on top of a shape layer to give it a bit of a background color, Let's say. So what I'm gonna do is go here into the shape tools, selecting the rectangle tool which is spaced two tools below the Type Tool here. And I'm going to pre-select a fill color by clicking here at the top where it says Fill. I'm going to click on this white rectangle here to select a color. And I'm actually going to go into the color picker to select a color. And I'm gonna go here into the darker blues. And I'm going to select about this color. Or what I could actually do is sample a color from the water. So I'm going to click here at the top left, a bit below the text to sample that color. And then I'm going to click, Okay, using this tool, I'm just going to click and drag here on my composition to create a rectangle. And there I have my rectangle. And let's say I still want to be able to see the image partially through this rectangle, then I can change the opacity of the rectangle here in the layers panel to about 60 percent. And there we go. So in front of this rectangle, we are going to create our texts. So I'm just going to grab the type tool, the horizontal title. And actually, when you click the type tool on top of a shape layer, it converts. We're actually creates a text layer in the exact shape of that shape layer. So if you want some more control over the position and size of the text frame, I'm going to actually click the Escape key and then the backspace key to delete that text frame, I'm going to start clicking and dragging outside of the rectangle. And while I'm still holding down the mouse button, I'm going to hold the Spacebar and then drag the text frame on top of the rectangle. And then I'm going to release. Now, what you'll see is that this text is far too large because it remembered the previous formatting that I used so well while the text is still selected. And you can always press Control a to re-select all the texts within a text frame. I'm going to go into the character panel here. And I'm going to go into the menu and then select reset character. And that's just resets it to Myriad Pro, Regular and 12 points with a black fill. Now I'm going to change the font family to quicksand, once more, quicksand, regular in this case. And I'm also going to decrease the text size to, let's say ten points here. And then we're going to look at the paragraph formatting options. Now, here initially in the top line we have the alignment of the text which you should be familiar with from other programs. It's currently left aligned, which is the default setting. And that means that the text runs off from the left to the right and just breaks to the next line going from left to right when it runs out of space within the text frame. I can also center the text by clicking this icon here. And that's centers the entire paragraph. So not all the texts within the text frame, but only the current paragraph that my text cursors in. And note that you do not have to have the paragraph selected. It just requires that the text cursor within the paragraph. And then of course I can also write align the text if I so choose, then we have the justified options. And if I click left justify here, you will see that it's spaces, the words to such an extent that they all fit the text frame exactly. So some of the lines have too much spacing currently then I would rather see, but That's something you can very tacitly influenced by going into the Options menu here of the paragraph panel and then select justification. So you can actually change the minimum, desired and maximum values of the justification to end up with a better result. But for now I'm just going to leave it where it is to demonstrate the rest of the paragraph options. You can also select center justified, and that basically only changes the alignment of the last line of the text frame of the paragraph. And I can also choose justify rights. You can also justify the entire text, justify all within the paragraph by clicking this one, and that fills every line in exactly the same spacing. Now, I usually choose either align left or justify left depending on how it looks in the end result and depending on the project that I'm actually working on. So then we have the options here below that, these little dialogues. First, we have the left margin or the indent. So if I increase this value by just putting my cursor inside of the value and pressing the up arrow key, you'll see that I'm moving the text away from the left side, the texts frames. So I'm creating an indent for that paragraph. I'm just going to change this back to 0. We also have a right indent. So if I increase this value, you will see that the text is moving away from the right side of the text frame. And I'm just going to change this back to 0. Here we have the first-line indent, which only in density first line from the left. And I do not hear have right in dense because I'm working, I'm not working with Arabic script and with Arab script. Then we have the space before and space after. And we use these options to create space between paragraphs. And in most cases you use either the space before or the space after. And I'm going to show you what I mean by just creating a secondary paragraph by pressing enter in front of the word Magna here on the third line. So now I actually have two paragraphs. One heart enter is creating a new paragraph basically. So what I can do here is increase the space before, and this creates a space before the current paragraph. What I can also do is give the first paragraph a space after. So if I increase the space after the first paragraph here, that actually pushes the next paragraph down more. Now, this is something to keep in mind that you want to use either of the space before or the space after. Because once you start working with paragraph styles, which I will show you in the next lesson. These effects will stack on top of each other. So if I create a paragraph style with three points space before and three points space after the first paragraph is first going to. The second paragraph will actually first have three points space before, and then three points space after, based on the character style giving me six points of spacing. So you want to use either the space before or the space after. There's a checkbox here for hyphenate, which enables or disables hyphenation. So if I enable hyphenation, you will see that words are hyphenated here and then break to the next line with this little hyphen. I usually disable this to keep the text more easily legible, Let's say. And those are all the paragraph formatting options we have available here. In the next video, we will be looking at the paragraph styles and character styles that Photoshop makes available to us. 78. 10.4-Character styles: Character styles allow us to standardize our text formatting so that we can quickly apply that formatting two different texts layers in the same documents or even across different documents. And that's what I'm gonna be showing you in this lesson. Now, to do that, we need a few panels in our interface. I've already added the character panel here in previous lessons. And I also need the Character Styles panel. If that's not part of your workspace, you can always go up into the Window menu and then select Character Styles and it will become available over here. Now, what we're gonna do is format this text here at the top left to be quicksand, bold in 42 points and a white fill. And then create a character style based on that formatting. So to do that, I'm going to double-click the text. That puts me inside the text frame and it automatically selects the text. And then I can either use the options here at the top or the character panel, or even the Properties panel to apply all the formatting. So for this, I'm going to just use the properties panel because it's already opened over here. And I'm going to change the font family to quicksand. And then I'm going to tab over to the font style and choose both. Then I'm going to enter a size of 32 points. And then I'm going to change the fill color down here to the white. And then I'm going to press Control Enter to confirm my text entry, which is a shortcut I use every day. So now I want to take a look at the Character Styles panel. So I'm gonna open up this panel and it says here none. So that's a style that is always present in this dialogue in this panel whenever you open it within a document for the first time. And you will also note that there's a plus sign next to the style name. That means that the non style is actually applied. There's no character style active there, but it is overwritten. So I've added formatting on top of this style, and that gives you that plus sign. I'm going to show you exactly how that works in the next video. Now, to create a character style, you want to have at least one character with that formatting selected. If I create a new character style. Now by just clicking this plus here at the bottom of the Character Styles panel, it's going to create a new character style. But when I open that style, you will see that all the character formatting is empty. There is no font-family specified, no style, no size, phil, nothing. So you want to actually select a character that has the desired formatting. So I'm just going to delete this style that I just created by pressing the garbage bin icon here and then press yes. So I'm going to double-click on my texting in all the text is currently selected. You don't have to select all the text. It just has to be one character that has the desired formatting. So I'm going to go up into the character styles panel menu and then choose new character style. And it doesn't give you the option to initially specifying a name for the file. So I'm just going to double-click it here. And that's going to open the character style options. And I'm just going to name this quicksand Bold 40 to PTS for you two points. And here you see quicksand bold 42 points and a white fill. So you can also still change these here in this dialogue, but I'm just going to leave them as is. I prefer to format my text exactly how I want before actually creating the style. So now that we've changed the name, I'm just going to press, Okay. And that gives me the example for you two points style here. Now, what I want to show you is when I add a new text frame. So I'm just going to grab the type tool here and I'm going click for a text frame. And initially I wanted the none character cell applied. So I'm just going to click None. But that's not actually going to change the formatting of the text because we still have this plus sign here. So I'm just going to clear the overrides. So the actual style applied to the text by pressing this circle arrow at the bottom of the panel. And that resets the formatting too quick to Myriad Pro, Regular 12 points in black. And now look what happens when I click this character style in the Character Styles panel. It automatically changes the formatting, but not exactly to specifications. So I'm just going to clear the overrides again and then it is exactly what I want. Now, this is a little bit of caveat that sometimes you have to actually clear the overrides when applying a style. That only applies when you have applied another style or when you've overridden the original formatting. So that is something to remember. But it basically boils applying text formatting down to just a couple of mouse clicks instead of going into the text again, selecting, changing the family, changing the style, font size, and other options that you apply on a character level, which we've looked at a couple of videos ago. So that is one way of standardizing your texts within a single document. In the next lesson, I'm going to show you how to work with these overrides a little more. And in the video after that, I'm going to show you how to work with Creative Cloud Libraries. 79. 10.5-overrides: In the previous lesson, I showed you how to create character styles based on text formatting, which is to say you just format the text. You select one character. With the desired formatting, you go into the character salesman you, and then you choose new character style. Now, I want to make working with character styles and overriding character styles a little less ambiguous. So what I'm going to show you is that I can just highlight this text frame here in the layers panel. And then I can just switch between these two character styles whenever I want. So I can click None, and I can click the quicksand bold 42 points again. And it's just going to change the formatting for me. Now, I want to show you what happens when I actually change the formatting when a style is applied. So with this style applied quick simple for you two points. I'm just kinda go into the character panel and I'm going to change it front, quicksand bold to quicksand regular, and that changes the formatting of the text. So going back to the Character Styles panel here, you can now see that there is a plus sign next to the file, meaning that in addition to the style, additional formatting is applied. And you can handle that in a couple of ways. You can just reset the style which removes the additional formatting. And you can do that with the circle arrow here at the bottom of the panel. And that's just going to reset it to whatever the style is. You can also use the Character panel for this. Because in the Character panel, and by the way, I did overriding the style using Control-C. And in the character panel, I can also go into the menu. And then I have here at the bottom reset character. And that's not going to reset the character to Myriad Pro, Regular, regular 12 points. That's going to reset to whatever style is applied. So if I click Reset character, it's going to go back to quicksand, bold 42 points with a white fill. So also this way you can override the formatting that you've chosen. So going back to the Character Styles panel, you now see that the plus sign is gone and that the regular style is applied again. Now I'm going to change the formatting once again, this time using the Properties panel. And I'm just going to go into the style selector and I'm going to make a quick standard, regular. And now let's say I like this formatting a bit more and that I actually want to redefine my style as this formatting and not the bold variant. What I can do then is redefine the style using this formatting. So I can do that with this little checkmark here at the bottom. So this says redefine Character Style by merging overrides. So I'm going to click this and it's going to apply the style and then redefine the style using this new formatting. Obviously it's not quick sampled anymore. So let's say I want to change the formatting, change the name of style, then I can just double-click it. And then I'm just going to remove bold. And let's say I also want to make it 46 points. So I'm just going to enter 46. And this also updates the style immediately and wherever it's apply it. So if I enter 12 and tap out, you will see that the text is now 12 points. And if I enter 46 than it is now 46 points. So I can also change that in the title here. And then click, Okay, that has redefine the style and also change the formatting of the text itself. And that wouldn't have just been locally here on this single text frame. If I had used this character style or different texts frames, those also would have updated with this new style. So basically, Character Styles connect the formatting of different texts frames to a single entry point here in the Character Styles panel. So they're formatting is always connected to the style and updating the style updates the formatting of every text frame to which that style is applied. 80. 10.6-Styles from libraries: Besides being able to standardize character styles within a single document, you can also use character styles within Creative Cloud Libraries. And we are going to be demonstrating that by adding the style of this text to a Creative Cloud Library and then applying it to this text frame. And that is going to be within a single document, obviously, but this works across any Photoshop document and even across different programs because character styles, unlike a paragraph styles which I will talk about in a later video, can be applied between different Adobe programs. So character styles that you've designed in Photoshop can also be used in InDesign and Illustrator, for example, but not character, not paragraph styles, which I will talk about later. So let's say we want to base a character style on this formatting and then also add the character style to our Creative Cloud Library. Now, with this text layer highlighted, which is the bottom Lorem Ipsum text layer here. The second one is this smaller text frame below it. I'm going to open up the Creative Cloud Libraries panel. And then I want to add the character style which is applied here to my library. And to do that, I'm going to go down to this little plus icon at the bottom of the panel. And then you can choose to add different things to your library. So I can choose the text color, the foreground color, the character style, the graphic, or add all of those. For now, I'm just going to choose the character style, so I'm going to click that and that adds it to this creative cloud library. And it also gives you a preview of the style here in the panel, which is also quite useful. Now, you can always rename a style by double-clicking the current name and then just overriding it. And now I want to show you how to work with this character style, not just within this document, but you can also use it across several documents. So this is a way of standardizing your text formatting in a creative cloud library so that not only you can use it in the future in different documents, but also people that are connected to this creative cloud library. So you can disseminate this character formatting to wherever you like, within a team of graphic artists or within a marketing team who work with Photoshop using this function. So let's say I want to apply this character style from my creative cloud library to this text frame here, I'm just going to select the text frame in the layers panel. What you don't want to do is actually go into the text frame and select the text. Because for this specific function, you just have to have the layer highlighted in the layers panel. And now I can just click the character style within the Libraries panel. And that's going to apply the text formatting immediately. So going into the Character Styles panel, you can now see that there is an override applied to it. But I can just click Clear overrides here and that's going to show it, display it correctly within this panel. And the formatting is applied, the silos applied, but it still shows that plus sign for some reason. Character styles within Photoshop are a bit different and a little more quirky then in the other Adobe programs that support them. But this is a very quick and easy way of standardizing your text formatting and to show you that this works across different documents as well, I'm just going to create a new document using Control or Command on the Mac. And I'm just going to set it to pixels, and I'm going to go for 1080 by 1080 pixels with a resolution of 72 pixels per inch. And I'm just going to change the background color to black because this white formatting will show up a lot better on a black background that a white one. So I'm just going to click Create. I'm going to grab my type tool. And before we continue, I want to reset the character to the default formatting. So I'm just going to grab the character panel and I'm going to go into the hamburger menu and I'm going to choose character to get Myriad Pro, Regular 12 points with a black fill. So I'm going to click and that's going to add a text frame with Lorem Ipsum. And then I'm just going to confirm my text entry here with the check mark at the top. Then we grab the Creative Cloud Libraries panel, and I'm just going to click this style. And as you can see, the formatting is immediately applied. Now it doesn't look quite right. Like the size appears to be different from the size in our other document of the scientists the same. The size of the document is different, and the text formatting doesn't scale with the document. So that's that's why it looks larger in this document then in this document. So the only thing I would have to do is actually change the font size to look similar to this document. You can also delete character styles from your library by just right-clicking it and then choosing delete. And you can also apply it with right mouse and then apply a character style if you want. So those are different ways of applying the same character style within not just this single document, but in any document that you create in Photoshop. 81. 10.7-Paragraph styles: Another way of standardizing text formatting in Photoshop is by working with paragraph styles. Now we already looked at character styles, which basically standardized the formatting of individually selected text. Paragraph styles actually not only contain the formatting of the characters, so the font-family, the font style, size, and color of characters, but also the alignment and spacing of our paragraphs. So you might say that these can be very useful in Photoshop, but I find their utility to be somewhat limited when you compare it to their cousins, the Illustrator and InDesign. Because first of all, Character paragraph styles in Photoshop are not interchangeable with paragraph styles in InDesign and Illustrator. Paragraphs, as you make an illustrator can be used in InDesign. Paragraph styles that you use in InDesign can be used in Illustrator, but Photoshop is somehow outside of that equation because of how paragraphs are rendered in Photoshop and the options it provides you. If I look at the paragraph panel, here, we have the alignment and justification of our text. We have the indentation and spacing of our paragraphs, but that is where the options n Now InDesign and Illustrator contain far more options for paragraph formatting and Photoshop does, so they are not interchangeable. These paragraph styles between these programs, which is a lot less useful than using paragraph formatting from InDesign and Illustrator for example. So when you're formatting large areas of text, I prefer to do so in InDesign because it just gives you a lot more control over the formatting of a paragraph with many more options available to you. And so the fact that they're not interchangeable with other Adobe programs makes paragraph cells in Photoshop less useful. But I'm still going to show you how to create them and how they work. So here in this exercise file, I have basically the same formatting as in the previous videos. What we're going to be doing is creating a paragraph style based on the formatting in this text frame at the bottom right. And to do so, I'm going to double-click on the text frame using the Move tool. And that's going to put me inside of the text frame. And to create a paragraph style based on a paragraph, you just want to make sure that the, the cursor, the text cursor is inside of that paragraph. So that's the only requirements. Here we have quicksand regular 12 points with a white fill. So that is the style that I want to apply. And I believe this text is left justified, which I can check in the paragraph panel. Okay, so now I can create a paragraph style based on this formatting. And to do that, I'm just going to click this plus icon at the bottom of the paragraph styles panel, and that's going to create Paragraph Style 1. Now, if I double-click that style, I can change its properties. I can change its name. So I can just change this to body, for example. It's quicksand, regular 12 points with a white fill. And here at the indents and spacing, we can specify the actual paragraph options so it's justified. It's a four-point left indent and a 4 right indent and a space after of three points, as we've done in a previous video talking about paragraph formatting. So that's, that all seems to be correct. So I'm just going to click Okay. Now, when you're inside of this paragraph, you will see that there is still an override active. So let me just remove the override by clicking this circle arrow here at the bottom. I'm not sure what the override actually was, but it was applied. So now we've overridden it. And then we can also apply the body paragraph style to this paragraph and also remove the override. So now I'm going to draw a new text frame. So I'm just going to confirm this text entry with the checkmark here at the top. And I'm going to create a new text frame using the type tool and just clicking and dragging. And that's going to fill it with placeholder text. And it's also going to apply the formatting which I last used. Now I want to reset that formatting, so I'm just going to put it on Basic Paragraph. And then I'm going to go into the character formatting. I'm going to go into the menu and choose reset character. And that just puts it at Myriad Pro, Regular 12 points with the black fill. And now look what happens when we go into the Paragraph Styles panel and click the body. Nothing happens initially until we clear the override. So I'm just going to clear the override here. And you will see it's now quicksand regular 12 points left justified. These can not be saved in Creative Cloud Libraries, making their utility between different documents also a lot less flexible. What you can do is put the entire objects, so the entire text frame in the Creative Cloud Library. And that's going to import the style to whatever document you place the library item in. But inherently it is less versatile just because of how paragraph formatting works within Photoshop as opposed to InDesign and Illustrator. 82. 10.8-Images within text: In this lesson, I'm going to show you how to display an image within a text frame so that the image is only visible where the text is displayed. And to do that, I have here exercise file 10.8 images within text. And the first thing we're gonna do here is create a copy of the background layer. So I'm going to scroll all the way down in the layers panel, click the bottom layer, and then press Control J or Command J on the Mac on my keyboard to create a copy of the background layer. And now I want to make sure that this copy is above the text frame that I want to hide my image in. So I'm going to click and drag this text frame down one layer. And currently the image is hiding the text layer so it's currently invisible. You can always make it visible again by hiding the layer, by clicking the i icon here. And now what I want to achieve is that this layer, the background copy layer, is only visible within this text frame. Now, there are several ways of doing this. You can create a layer mask. You can work with the type masking tools. In. The Type Tool is here on the left. But by far the easiest and most flexible is by working with clipping masks. There's also something we discussed in Chapter 5. So I'm going to place my mouse between these layers and I'm going to hold the Alt key and you will see your cursor change. And once you click the left mouse, you'll see that there's this little downward pointing arrow indicating that the layer is currently clipped. This is not visible for us because the background layer and it's copied above it are currently in the exact same place. So what I'm gonna do is hide the background layer by clicking the i icon and there you will see our text appear. Now, you can actually influence the background copy layer and the text frame separately. So what I can do now is highlight the text frame in the layers panel and use the Move tool to just click and drag it around. And you will see that it also changes what is currently displayed. So we're basically using the text as a mask for the image. Now, once you, I'm re-enable the background layer by clicking the i icon again, the textual once again disappear. And that is because these layers are in the exact same spot. So the layer is there and the text is being displayed. It's just not visible against this background. So what we're gonna do is select the background copy here in the layers panel and then use the move tool to just click and drag it around. And you will see that we can independently changed the position of the layer being masked to highlight a different section of the image. And I'm going to find somewhere in the bottom right, I think just about there. So this here within the text is now approximately this location of the background image. So this is one way of putting an image inside of a text string. And this is my preferred way of working because you have full control over not only the position of the text, but also of the image within the text. And the text is still directly editable. So I can always double-click on the text frame or choose the Type Tool and then click within the text frame and change the texts, or it's formatting to whatever I want. 83. 10.9-Text on a path: If you're bored width, regular rectangular text frames, you can also use type on a path to stylize your text a bit more and really make them part of your composition. And that is what I'm going to show you in this lesson. So I have here the exercise file 10.9 ticks on a path. And what we're going to do is draw an ellipse around this island in Slovenia. And then we are going to create text along that ellipse. And to do that, I have here in the toolbar, the Ellipse tool, it might be that the Rectangle tool is currently displayed for you. If you hold down the mouse button or right-click on this tool, you can select the ellipse tool and the shape tools are hidden under the shortcut you, by the way. So I'm going to grab the ellipse tool. And I'm actually going to look up here in the top left where it says shape, because this dictates that I will currently draw a shape as I click and drag my mouse. Now, you can also create type on a path from shapes, but then you have to set the fill and stroke to none so that the actual shape is not being displayed. So what I'm actually going to do is click here where it says shape and I'm going to change it into path. And that is basically just going to draw an invisible shape or a path along which I can edit my type. This is something we will go over more extensively in the next chapter. But for now I just want the ellipse tool set into path mode. So then I'm going to click and drag around the island. And as I'm holding my mouse down, I can still use the space bar holding it down to change the position of the text string. And then I will release the mouse button. So now I'm just going to switch to the regular old type tool. So I have the type tool active. It's currently set to quicksand regular 9.34 points. I'm actually going to change this into 16 points once the text is actually place along the path. So now if you hover along the actual path, so if you are covering this shape here, the actual outline of the ellipse, you will see your mouse cursor change. And this cursor indicates that we can now add type on a path. So now once I click on the path, it will automatically fill the text frame with placeholder text. And this x goes all along the path here as you can see. So I'm just going to click press backspace to delete the text that is currently being displayed. And I'm just going to type on line Photoshop course 2022. Now as you can see, my type is currently upside down and there are a few ways to solve this. Actually, I can play with the alignment of the text, but that's only minimally going to affect it and give me a limited control over its actual position. But if I actually center the text, it's going to be displayed here at the top where I originally clicked with the cursor to add the text. Now, if you want to change the position of the texts, you actually have to go into the Path Selection Tool. With the path selection tool, you can hover over the beginning of the text and then you can click and drag to move the text around. Now, keep in mind that this also has an influence on the alignment of the text. So if you change the alignment, that x will jump over again. But that's something that's pretty self-explanatory once you notice any misalignments. So I can click and drag here to change where the text actually starts. And note that my text is currently centered. So when I click and drag, I want to center my cursor on where I want the center of my text to be. And you can also grab the end of the text and drag it downwards to put it inside of the actual text frame. So using this, I can actually click and drag it all the way down to the bottom. And the program also navigate in that direction to put it in the inside of the path on the bottom of the text frame. Now I'm just going to place it back here at the top. And you'll note that dragging the sex around is actually quite easy. It used to be that you had to find the actual start and end points, which was very iffy and very particular where you can place your cursor. But it's a lot more simple in the current condition of Photoshop. What I'm going to do is grab the Type tool again. And I'm just going to double-click in the text and I'm going to change the font style to quicksand bold. And I'm also going to increase the size a bit by placing my mouse on these two letters T next to the size property, and just click and drag to increase the size to, let's say, 18 points thereabouts. And then I'm going to click Confirm here to commit the text. Now, let's say I want to make this text flow into this image bit better to make it fit into my composition a bit better. What I can do now is actually add a layer mask to this text layer. So I'm going to make sure the text flame frame is highlighted here. And I'm going to click the Layer Mask icon here at the bottom of the Layers panel. Then I'm going to grab my brush tool. And my brush is currently of a ridiculous size. So I'm just going to use the left bracket key to decrease the size. And I'm going to make sure that black is my foreground color. And then I'm going to zoom in on the actual spire of the church. And now I can just paint over it with a harder brush to hide it from the image. This is going to make it seem once I complete, like the Texas actually behind the island. And this is a trick that you've seen a 100 times on magazine covers and brochures and online compositions. But it's quick and easy way to make your text feel like it's really part of the composition of the image itself. So that's another handy trick. You can create text frames along any shape that you draw using the regular type tool, finding the line of the path and just clicking to add the text. 84. 10.10-Warping text: Another stylistic choice we can make for our text is to warp it, and that's what this lesson is all about. So I have here 10.10 warping test.py ASD. And what we will be doing is warping as text frame here at the top, Lorem Ipsum. That is currently the second layer from the bottom. And to work, the texts actually have to go into the text frame. And for that, I'm just going to double-click the layer thumbnail here, this large letter T. And that's gonna put me inside of the text string. Now we've already spoken about most of the options here at the top, font family font style, font size, anti-aliasing the alignment, the color. And the next icon here is create warped text. Once we click that icon, you will come out in this little pop-up menu where you can choose a style which is currently set to none. And you can expand this menu and then choose one of these presets. So I'm going to just choose the arc for now. And what you'll see is that the highlighting of the texts currently is making it more difficult to see our end result. And I just wanted to see the text as it's going to be displayed once I click Okay and confirm my changes. So I'm going to press Control H or Command H on the Mac. And that's actually going to hide the highlight so that we can see what the text is actually going to look like in our composition. So now I've chosen the arc. I can also choose an arch. I can also choose a flag which is going to turn the text a bit wavy here. And you can choose to place this distortion on the text in either horizontal or vertical orientation. So once I change it to vertical, it's going to change into this kind of ridiculous distortion here. So I'm just going to put it back on horizontal. And then you can also change the bend of the text. It's currently set to 50 percent. You can increase this amounts to make the distortion of the text a bit more pronounced. Or you can decrease it to make it smaller. And you can also drag it into the minus to distort it the other way around. For now, I'm just going to put it back on 50 and press Tab to confirm. If you press Enter in any of these dialogues, you will automatically confirmed your changes. So I prefer to use tab to confirm anything in the side these dialogue boxes until I'm actually done with the edit. Now you can also change the horizontal and vertical distortion independently. If I increase the horizontal distortion, you will see it becoming more flat. So the horizontal distortion becomes more pronounced. And if you change the Vertical Distortion, you will see that the text is also displayed as being more flat. So now it's being tilted backwards. If I increase it and if I decrease it into the minus, it's tilted more forwards along the bend of this particular effect. So changing it back to arc. You will see that this effect, the horizontal distortion and the Vertical Distortion affect how much the distortion is being displayed on the text. So I'm just going to change these back to 0. I just want an art, not an arch but an arc, which is something completely different. And I'm going to have set it to about 40 percent. And then I'm going to click Okay, and once I confirm my changes, you'll see that my text is now being distorted and I can still click and drag it around using the Move tool. And I can still just edit the text to whatever I want by going into the text frame. And an easy way to do that is by double-clicking the layer thumbnail, which is currently being displayed as warped text. So this is different than a regular text layer thumbnail. Now the text is being displayed as warp text, which has its own icon. 85. 11.1-Rectangles: Drawing shapes in Photoshop is relatively straightforward. We have this shape tool here, the Shape tool category in the left toolbar and holding the mouse down or right-clicking on this tool gives access to the other shape tools. So we have the rectangle tool and Ellipse Tool, triangle, polygon, a line segment tool and the custom shape tool. And we will be looking at all of those and they're different options in this chapter, starting with the regular rectangle tool. Now, activating the rectangle tool or any of the shape tools really gives us these options here at the top in the Options bar. First, we can specify whether we want to draw a shape, a path, or pixels. Now, shape is an infinitely scalable vector-based object, so we can make it as big or small as we want to. Even after we've drawn it. A path is just a path or an outline of the shape that you can use to save or create selections, for example, and pixels is the dumbest of the options here at the top. Because when, once you draw your shape, it's, it becomes part of the current layer, which is pixel-based, so you cannot change its dimensions, you cannot change its properties in any way. It's just a set of pixels. So in this chapter we'll be focusing mostly on drawing actual shape layers. Now, here at the top, we also find the fill color which might be set to a different color depending on if you've accessed this tool before, which you can click to choose from one of the swatches currently in Photoshop. Or you can pick the color picker icon here, which gives you the Adobe color picker. And you can just enter color values or use the color picker to click and drag for a different color. I'm just going to close out of these. You can also specify a stroke which is just a line which surrounds your shape. My stroke is currently set to black, but it's also set to a width of 0 pixels. So my object will not have an actual visible stroke. And you can also change the stroke profile here from a solid line to a dashed line to a dotted line with some different options which we will be looking at later. These options here we will go over separately because they give us some more options for drawing shape shapes in certain situations. We don't need to look at those for now. So we have the rectangle tool, which is currently set to shape mode, and it currently has a black fill according to my settings. So let's say we know exactly how large we want to draw a rectangle on our Canvas, then you can just click on the canvas and it's going to give you the create rectangle dialog box. And here you can specify a width and a height for the shape. You can also specify the corner radii. So let's say you want rounded corners on this rectangle, then you can just enter a 10 pixel radius, for example. And it's going to change all of the radius values for every corner. If you want to specify separate radii for each corner, you can disable this chain link icon and then you can give them different values. For now I'm just going to click Cancel because I usually draw my shapes by clicking and dragging on the canvas. And very often, or in most cases, I don't know exactly how large I want them to be. So with this rectangle tool active, I can click and drag on my canvas to draw out a rectangle. And this way of drawing actually works exactly the same as strong rectangular mark keys as we did in Chapter 4. So clicking and dragging, you can just draw an unconstrained rectangle of whatever size and dimension you want. You can also still move this rectangle as you're drawing it. So as you're holding the mouse down by holding the space bar. So if I hold down the spacebar and move my mouse, it actually changes the position of the rectangle. You can also hold the Shift key to draw an constrained square. So now each side is, has the same length. And you can also draw from the center of your original mouse-click by holding the Alt key. And you can use all of these shortcuts at the same time. So I can hold down Alt and Shift to draw a constrained rectangle from the center of my original mouse-click and then grab the spacebar in addition to change the position of the rectangle as I'm drawing it. So using these shortcuts, I'm going to draw a 500 by 500 pixel rectangle, approximately. Because using the shortcuts, the pixel increments can be a bit difficult to grab onto. Now, when you've drawn the shape, you will see the properties panel pop up and that gives us some more properties of the shape. We can change. So here we have the width and the height. So if I wanted exactly 500 pixels, I can just change these values. And because this chain link icon is active, I can just change one and it's going to change the other in proportion. It also gives us an x and a y-coordinate, so you can change the position of the shape within the layer. You can also rotate the rectangle here. This is a bit difficult because it doesn't actually show you the rotation until you've entered a value. So I prefer to do this on the canvas itself actually, which we will be looking at in a little bit. You can reflect the rectangle horizontally or vertically. Or vertically and horizontally actually. And you can also change its appearance here with the fill, the stroke, the stroke width and profile, the stroke alignment, which we'll be looking at later and the corner options here. So looking at the shape on our Canvas, when we still have our shape tool active, we can actually see these handles along its corners and the long sides of the shape. And that indicates that we can grab these and actually changed the dimensions of our shape. We can also do is place our cursor just outside one of the corners of the shape and then use this little elbow arrow to click and drag to change the rotation of our shape. And if I do this holding shift, I will actually constrain the rotation to 15 degree increments. If you want to rotate something exactly 45 or 90 degrees, you can do that easily. Holding Shift. Now, objects with straight 90 degree corners are not just 90 degrees with straight angular corners. Also give us these live corner options. At this actually clicking and dragging these changes the corner radius. So if I just grab this little interface element here on the top right corner, I can click and drag this inwards towards the center of the shape, and it's actually going to round the corners off. You can also do this for individual corners by double-clicking one of these interface elements. So now I have the top right selected, and I'm just going to push this out again to make it a straight corner profile. And then I can do the same for the bottom left and just click and drag this outwards to give it to remove the radius setting. So we've already looked at the fill here at the top, which is currently set to black. I can just click on the color and then pick a different one. And I'm just going to pick this blue here. And if you want to specify your own colors, you can just click the color picker here and enter your own values. So I'm just going to click Cancel there. And then I can also change the stroke color. And for the stroke, I'm actually going to pick this orange. It doesn't matter if you have the same colors as I do up here. This is just to demonstrate that you can change the colors. But the stroke is currently not visible because it has a width of 0 pixels. Now you can enter a value manually, so I can set it to two, which kind of makes a stroke visible. You can also expand this drop-down here and use the slider to change the stroke width. What I prefer to do is just place my cursor on the word stroke and then you can click and drag to actually change its dimensions. Please note that it is currently scaling from its center. So as I increase the stroke size or decrease it, you will see that it scales towards the middle of the actual line, so it's getting larger inside and outside the shape proportionately. Now, that is something we can influence in the next drop-down here, or we can choose the stroke profile. So currently it's set to a solid stroke. I can click this dash stroke here to create a dashed stroke. And I can also choose this dotted stroke. Below that we have the alignment of the stroke, so it's currently set to center. I can also place it inside of the shape which constrains it to the inside of the actual shape. I can change it to outside, which places the stroke outside of the current shape. And then I can change the profile to a solid stroke again to get this makeup here. Now, the caps are not important for this particular stroke. That's only relevant when we have a more complex shape. But you can't change the corners here. It's currently set to a street corner. You can also change it to a rounded corner. And you can also change it to a beveled corner. And if I zoom in here using Alt scroll, you will see that it cuts off the corner to create a bevel. Now, you also have some more options here where you can actually specify your own strokes with their own alignment, caps and corners. And here you can actually specify the spaces of any dashed line so you can create your own dashed lines. Basically, you also have some presets here to choose from. And those are the basic options of all the shape tools that we will be looking at. There are some more options here for Pathfinder alignment, stacking and constraining, which we will be looking at in separate videos at the end of this chapter. But these are the basic drawing tools that we have at our disposal. And that applies for the rectangle that we've just looked at. But it also applies to most shapes that we can draw in Photoshop. 86. 11.2-Elipses: The next tool we will be looking at is the Ellipse tool, which you will find if you hold down the mouse button on the rectangle tool and then just choose the second tool from the top. Also, you can navigate between these different tools by holding the Shift key and then pressing the U key on your keyboard to cycle between the different shapes. So I have the rectangle selected here and the rectangle, the ellipse, actually gives us the almost the same options as we have for the rectangles. So we have the mode here, shape, path or pixels, a fill, stroke, stroke width, stroke profile, width, and height. Also, if you know exactly how large you want your ellipse to be, you can just click on the canvas and it's going to give you the option to specify a width and a height, and specify whether or not to draw it from the center of where you click with the mouse. I'm just going to click Cancel for now. Just the same as the Rectangle tool. You can just click and drag for an ellipse. You can hold the Shift key for a perfect circle. You can use the space bar to change the position of the circle and you can hold down Alt to draw the circle from the original mouse click. And using these options, I'm just going to draw a circle of about 500 by 500 pixels. 50 to. That's not too bad. If I need it to be exactly 500, I can just go into the Transform options of the properties panel, change one of the width or the height to 500. And because this chain link icon is active, it's going to change the other one to 500 as well. So we can change the appearance of our shape here by clicking the fill, for example. And I can again choose this blue shape here. And we can also specify a stroke which is currently not visible because the stroke is set to 0 pixels. So I can expand this panel here and then change the stroke width. And again, it only updates when you release the mouse button in this properties panel, which isn't always handy. Because up here in the actual shape options, you can see these properties change immediately. So I prefer to do it here, but you can also do it in this properties panel. You also have the stroke profile option, profile option. So you can create a dashed line and you can change the alignment of the stroke. And you can change the projection of the stroke corners. And you can change the corners themselves, which is not useful for an, a circle like we have here because a circle obviously doesn't have any corners. There's also some Pathfinder options here at the bottom, but we will be looking at those in a separate video. So those are basically all the options we have for ellipses and circles. So I want to take a little bit of time at the end of this video to tell you some more about shape layers. When we drew our shape, we saw this new ellipse layer form in the layers panel. So when you click and drag a shape, it's going to create a new layer. Now, I still have the Ellipse Tool active here. And if I click and drag and then grab shift and just place it over here, for example. And releasing the mouse creates another shape layer. So it's a new shape layer on top of the previous ones. So these two are on separate layers. Now, it's also possible to add a secondary or a tertiary or as many shapes as you want to, the same shape layer. So I'm just going to delete the shape I just drew using the backspace key, which worked because the second shape was the current highlighted shape. And now if I hold down the Shift key before I actually start clicking and dragging, you will see my cursor change from this little target to a target with a plus sign next to it. And if I click and drag now and release the mouse, it's actually going to add this second shape to the same shape layer. So if you want to add several shapes to the same shape layer, if you click and drag holding down shift initially. So before you actually start drawing, it's going to add it to the same layer. 87. 11.3-Triangles: The triangle tool is a relatively new addition to Photoshop from a couple of years ago. And you will find that when you hold down the mouse on the shape tools and there you have the triangle. Now, the triangle has pretty much identical options to the other shape tools. When you click on the Canvas, it gives you these options. You can specify a width and a height of the rectangle. And you can also enable this checkbox for equilateral, meaning that each side of the rectangle is going to be just as long as the other sides. And it's going to actually choose the width that you specify here. You can also change the corner to corner radius initially before you start drawing the shape. And you can draw it from its center when you click with the mouse here, I'm just going to click Cancel and again draw the shape manually. I can click and drag for a disproportionate rectangle holding Shift constraints it to an equilateral triangle. Holding the spacebar allows me to change its position and holding the Alt, I can draw it from the middle of my original mouse click. So I can use this to draw a rectangle of any size and proportion that I want. So I'm just going to draw this rectangle here and use the purple or magenta smart guide on the canvas to draw it in the center. There we go. So again, we have the the actual mode here, shape, path or pixels fill, stroke, stroke width, stroke profile, and the width and the height. And you can also change these options here in the Shape Properties panel. So I can choose a different fill color and I'm just going to turn it blue again and then choose orange for the stroke and then increase the stroke size. And I'm just going to use the option here at the top because I am more visually oriented. So there we go, and a stroke of 11 pixels. And you also have the stroke alignment here, the stroke corner profile. And here you can actually create a beveled stroke or a rounded corner. So I'm just going to leave it at straight and I'm just going to show you what we can do with the live corner options here. So here we have this little interface element on the inside top corner. And I can click and drag this inward to change the profile, the corner profile of the red triangle. And you can only do this for individual corners, so you can not change the profiles of the other corners using this method. At least. There is a method which I will go over in one of the next videos. But here you can change the overall shape of all of the corners. So if you want rounded corners on your triangle, you can just click and drag this icon here. And if you want it to be an exact radius, you can also specify that over here. So if I change it to 25 in the shape properties, it's going to change the radius of all the corners to 25. 88. 11.4-Polygons: The polygon tool has the most options out of all the shape tools that we are looking at in this chapter. And you will find that if you hold down the mouse on the Shape Tools and then select the polygon. Now, again, we have the same options as for all the other shapes here at the top, the Mode fill, stroke, etc. But if we click on our Canvas here, it's going to give us the Create Polygon dialog box. And it's going to give us the width and the height of the polygon. We can also enable this checkbox for symmetric constraining its proportions. You can specify the number of sides for the polygon, which is by default set to five. You can specify a corner radius just like we did with the triangle. You can also set a star ratio. Now I'm not going to show you what that is right now. But that is something that you can specify it here as you are drawing it basically you can indent the sides of the polygon to create a star. And you can also enable this checkbox for from sin to draw it from the center of your original mouse click. So I'm just going to click Cancel and I'm going to start clicking and dragging on my canvas to draw the polygon. Now, holding down Shift creates a symmetric polygon holding down the space bar. You can still change its position and holding down Alt, you can draw it from its center of a well, the center of the original mouseclick. So using those, I'm going to draw a polygon approximately 500 pixels wide, and that's actually exactly 500 or 500, 25 pixels. So I'm just going to change it to 500. Now, here, again, we have the same options as we had for the other tools here, the top of the options bar. But looking at the appearance of this polygon, we also have a sides slider and the star ratio. So if you want to change the number of sides of a polygon you've already drawn. You can change it to eight, for example, to draw an octagon. And you can change the corner radius here and that's going to round off all of the corners, creating this smoother kind of shape. And you can also change the star setting. And to demonstrate that I'm just going to change the radius back to 0 of the corners and then change the star slider here. And you can't drag it to the right because it's already at a 100 percent, but you can drag it to the left to increase the indent of the separate lines. And here we have a star. And look what happens now when I change the corner radius, it's actually only going to change the radius, the actual points. Now, if you expand the options here using this three periods, which usually indicates that a panel has more options than are currently visible. You can choose smooth start indents, and that's actually going to create a nice curvature between each point. So now we have this smooth blobby shapes start that we draw, that we drew with a five sided polygon as our base. 89. 11.5-Lines: Next up is the line segment tool. And despite the fact that you can only draw simple lines, it doesn't have a couple of options which can be confusing to new users. So that's what we'll be looking at in this lesson. I'm just going to choose the line segment tool from the toolbar here, holding down the mouse button on the Shape Tools. And then I'm going to make sure that it has a black fill color. So if you just click on the fill here, you can go into the color picker and put it in the bottom left for a hexadecimal value of 6 times 0, giving us black. And I'm not going to specify a stroke for now. So I want the stroke to be set at 0 pixels or the none swatch over here. So using this tool, you can't actually click on the canvas to draw a preset size. You have to actually click and drag to draw the line. You can change the angle and the length of the line. You can hold down the Shift key to draw a straight line. And if you move the mouse, you can change the orientation of the line, the rotation of the line to 45 degree increments. So not 15 like the other tools, but that is actually 45 degree increments. Releasing the mouse button now creates a black line of one pixel in height of the width that I draw the shape, drew the shape, which you can also see in the properties panel here we have a width of a thousand 26 and a height of one pixel. And this indicates that we can also change its height. So I can specify five pixels, for example. And that's going to change the height of the tool, but also its width because the chain link icon was enabled. So let's undo that using Control Z or Command Z. And I'm just going to disable the proportionate chain here. And then I'm going to change the height to five pixels, creating a thicker line. Now, note that the line itself is actually the fill color that I specified here at the top. Now, and this is where it gets a little bit. Counterintuitive. Lines can have their own strokes. So if I go into the stroke options here and then choose a color, for example, this orange. You still won't see it show up because it's currently set to 0 pixels. But if I up the value to one pixel, you can already kind of see the line here. I'm actually going to up it to three pixels. You will see that there is a stroke around the line while it's still actually showing the black fill. So now we have a line with two different colors basically. And how this works out is actually dependent on where you align the stroke. So currently it's set to center, meaning it's scales to the outside and the inside. If I just place it inside, you will see that it's completely filled with orange hiding the black fill. And if I change it to outside, you will see a five pixel black line and then three pixels on the top and the bottom, and also on its edges, obviously so protrudes from the actual line that you drew. So the confusing part is that a line that you draw can have a fill and a stroke depending on the options here. So if you're seeing a line which isn't the color that you want, it probably has something to do with how the stroke is configured. I usually choose to draw line segments without any stroke so that I have full control over the color of the line using the fill options. 90. 11.6-Custom shapes: Custom shapes out of the box in Photoshop allow us to draw different shapes of different categories, which you can also expand with your own custom shapes or custom shapes that you can download from the internet. So I'm just going to activate the custom shape tool, which is the bottom customer bottom shape tool here. And just the same as the other tools. It has a mode of fill stroke and the other options which we've already looked at. Don't worry, we will get to these options here at the top, at the end of the chapter. And here in the middle of the program, it allows me to choose a shape from different categories. So I have a wild animals category where I can draw an ostrich or a camel, or a rat, or a giraffe or whatever I want. You also have leaf trees that you can draw. You can draw boats or flowers. Those are the four default categories. So let's say I'm just going to choose kangaroo over here. So I'm just going to select the shape here and then click in this empty space at the top of the program to collapse the panel. Now, you can click on the canvas to specify its height and width. You can also draw from the center or preserved proportions, which is going to constrain the proportions to the original dimensions. But I'm just going to click Cancel again and click and drag to draw my giraffe. Now, you can draw a disproportionate giraffe so you can stretch it out until you hold down the Shift key. And then it's going to constrain the proportions to the original. I can also have the spacebar to move it as I'm drawing it. And I can hold the Alt key to drag it from the center of my original mouse click. So using this, I'm just going to draw a kangaroo about here. So we have a bit less options available to us in the properties panel where the appearance is concerned, we can only change the fill and the stroke and the stroke profile and alignment. So we don't have any corner options or any other options that we saw. For example, with the triangle and the polygon tool, those are not available as custom shapes. So you can draw these basic shapes that come with the program. Or if you want shapes from different categories, Let's say you want to be able to draw cars or arrows, or Christmas themed shapes. Those are usually just one quick Google search away. So I've already opened Google here and I've searched for Photoshop custom shapes. And what I usually do is look for the first link with brushes. Because they have a very expansive library of custom shapes that you can download. So I'm just going to click here on free custom shapes. And let's say I want to have some custom shapes available for poses of different people. Then I'm just going to click on these fashion silhouette, shapes, models. And Parcheesi is mostly a free website, so I'm just going to click here on Free Download. And I'm just going to wait for it to start. It downloads a zip file and the zip file contains a folder and then a COSH file or a custom shape file. And when I double-click this, I'm just going to choose Open. And it's going to bring me back into Photoshop where nothing initially seems to have changed. I'm just going to delete the kangaroo for now using backspace. But if I open the custom shape options now here at the top, you will find a new category for fashion models. And I can expand this and I can actually increase the size of the panel a bit. And here we have our fashion models. So I can just choose this first one and then click here at the top to close the panel. And then click and drag to draw a model. And I'm using shift obviously to keep a constraint. You can also make her a bit wider or a bit thinner if you want, but holding Shift constraints as proportions. And there you have this custom shape. Now, why wouldn't you use just a selection cut out or your own drawing of a fashion model. These are just very easily available and usually just a quick Google search away. And these are vector-based, meaning that they are resolution independent. So you can create them as big or as small as you want, and you can easily download these for free from the internet. You can also create your own custom shapes, which is what I'm going to show you in the next lesson. 91. 11.7-Creating custom shapes: So in this lesson, I'm going to show you how to create your own custom shapes based on illustrations or separate layers. And for that, we are going to import my logo into this document from the creative cloud library attached to this course. If you don't have access to this library, you can always go back into the first chapter of the course to read, to see how you can access those files. So I'm going to open up the library panel here in the, in the right toolbar. And if you don't have access to this panel, you can always go into Window and then tools, libraries, and these are always ordered alphabetically. So there are approximately in the middle. And then I want to place my logo into this document. So here in the library, I'm just going to search for logo. And that's gonna give me the logo in the graphics category. To get it into this document, I'm just going to click and drag it from the library and release the mouse. And before I commit my placement, I'm just going to increase its size a little bit, holding Shift to constrain those proportions. And then I'm going to confirm my transformation or the placement with the checkmark here at the top. I'm going to close the library's panel because we don't need it for now. And now I want to create a selection of this layer of all filled pixels within this layer. So if you think back to Chapter 4, there is a way to select all pixels within a layer, all the filled pixels within a layer. Obviously you can press Control a to select the entire document, but that's not what we want. So holding Control or Command on the Mac, I'm just going to click on the layer thumbnail. And that's going to select all the filled pixels within the layer, giving me near perfect selection of the logo. And now we want to create a path based on this selection. And to do that, we have to go into the paths panel, which you will find next to the layers panel in the same group over here. So I'm gonna open paths and initially the path panel is going to be empty. And again, if you don't have the paths panel available, you can always go into Window and then choose paths. So to create a path or a shape based on the selection, I'm just going to go into the hamburger menu of the paths panel and then choose make work path. And that's basically going to create a temporary shape based on my selection. I'm going to set the tolerance to one because I want the shape to resemble the selection as much as possible. And I'm going to click, Okay. And that gives me these shape points, this path based on my selection. And are using this path, we can create a custom shape. So to do that, I'm going to go into the Edit menu here at the top. And then I'm going to go down to define custom shape. And that's going to give me this little pop up and I can change the name so I can find it more easily within the custom shape tool options. And then I'm going to click, Okay, now I'm going to go back into the Layers panel, and I'm just going to delete the logo layer by pressing Backspace twice. The first Backspace deletes the path which was still selected, and the second Backspace deletes the actual layer. So let's say I want to draw my logo independent of resolution. Then I'm just going to activate the custom shape tool. And then we're going to go up to the shape selection here at the top. And here we have the custom shape based on the logo which we just created. So I'm just going to click it and then click here at the top to close out the panel. And I can click and drag to draw it disproportionately or hold down Shift to draw it in its original proportions. And I can release the mouse to just draw my logo. So this is a quick and easy way of using a vector-based, scalable logo within Photoshop. And you can create those based on selections, which you can use to create a path, which you can use to create a custom shape. 92. 11.8-Pathfinder: Pathfinder or Path Operations, is a tool that we can use to combine separate simple shapes into more complex shape layers. And that's what we will be looking at in this lesson. I have here the file 11.8 Pathfinder. And I'm going to start out by just drawing an ellipse. So I'm going to grab the ellipse tool and click and drag and hold Shift to draw a perfect circle and a place in about here and release the mouse. Now, the pathfinder operations are here at the top of the program. It's this little square which is currently set to new layer. We also have Combined Shapes, subtract from Shape, Intersect, and exclude. And if you're familiar with Illustrator and InDesign, you will have seen these operations before because we also use them in those programs to combine shapes into more complex ones. So what we're gonna do is first set it to combine shapes because I want to draw the shapes on the same layer. I could have also held down the Shift key, which allows you to switch between New Layer and combine shapes like we looked at in a previous video about ellipses, I believe. And what I'm gonna do now is put the cursor here at the top of the bounding box of the original ellipse. And I'm going to click and drag and hold Shift to draw another circle. And as you can see, once I release the mouse, it adds it to the same layer. And now what we can do is look at Subtract, Intersect and exclude. So if I choose subtract front shape, it's going to cut the secondary shape out of the first shape. If I choose Intersect, it will only show the intersecting areas of both shapes. And if I choose Exclude, it's going to do the opposite. And it's going to hide wherever the shapes overlap and only show the areas where they do not overlap. And if you have a solid understanding of this principle in, there's already a lot you can draw in Photoshop based on shape layers because most icons you see on the Internet, for example, are just based on combined basic shapes. So let's draw another ellipse. So I'm just going to choose Combine Shapes again. I'm going to click and drag and add a third ellipse here at the top. And now, if I choose Subtract, it's only going to subtract the front shape because it says subtract front shape. If I intersect, it's going to intersect all free. And exclude is also going to exclude the overlap of all three layers. Now, it can be a bit difficult to change these shapes after the fact. Because it might be the case that you want to change the alignment or the positioning, or the scale or rotation of a certain shape. Once you switch back to the move tool, you can not have separate control over these shapes. But if I switch to either the Path Selection Tool or back to the ellipse tool. It's going to show all these paths, paths within this individual shape layer. And now holding Control. Holding Control, I can actually still select the separate shapes once I click on an empty part of the canvas. So with control, you can switch to the path selection tool and you can select the individual paths and change them as needed. So here I'm just repositioning it. I can also grab one of its corners and change its size. And I can also change its rotation by rotating the layer, which will not have a result, a different result, because obviously it's an ellipse. So using these tools, you can create more concept complex shapes based on simple ones. And I've just demonstrated this using some simple circles, but this applies to all shape tools that you can use within the program. 93. 11.9-Contraining shapes: There are ways of constraining your shape layers to certain proportions or dimensions outside of just clicking the canvas with your mouse or holding down Shift to keep it proportionate. And those options are found here at the top of the program in the Options bar when you have a Shape tool active. And for now I'm just going to switch to the rectangle tool. And with a rectangle tool, obviously I can just click and drag to draw an unconstrained rectangle. Hold shift to constrain proportions. It's proportional to a square and use the space bar to move it as I am drawing it. I'm just going to delete that shape. Now, looking at these options here at the top, this little, I can't hear. You will get the path options initially. And this is just display option basically of how the path is displayed once it's been drawn. So throughout this chapter, we've seen this blue one pixel line around every shape that we drew. And this is what defines those properties. So you can change that here if you want, if you don't like the color blue, or if you would like the outline of the shapes to be a bit more thick. For example. Now, currently it's set to unconstrained, which means that when I click and drag, I can just draw an unconstrained rectangle. If I change it to square and get back to the program by clicking here in the empty space at the top. Now when I click and drag, I don't have to hold down Shift, It's always going to be square. I can also switch to drawing a rectangle instead of a square by holding the Shift key. So this inverts the behavior of the Shift key. I'm just going to Control Z to undo. I can also draw a rectangle of a fixed size. And this means that the size of the rectangle cannot be changed and it's always going to be the same size. So let's say I want a rectangle of 1080 by 300. Now, when I click and drag, it's always going to be that size and I cannot change its size. I can only change its position as I am clicking and dragging it. And I can hold down Alt to target it from the center of my cursor. So that is one way to draw an exact shape of a certain size. You can, you can actually establish the same result by just clicking on the canvas and specifying a size. But if you always want to draw rectangles of a certain size, this is the way to do it. You can also choose for a certain proportion. Let's say you want to create a mockup of a laptop screen, which we saw in a previous chapter. Then you want the proportions of your shape to be 16 by nine. So for every 16 horizontal pixels, you have nine vertical pixels. So if I change this proportion to 16 by nine, that is going to be the ratio of any shape that I draw. So I can change its size by just clicking and dragging. But the proportions like the ratio between the width and the height of the shape is always going to be 16 by 9. And then you also have a checkbox for from center, which is always going to draw the shape from the center of your original mouse clicks so you don't have to hold the Alt key. You can just click and drag this. And these options are, you can use these at the same time. So you can have AMD proportional and from center enabled at the same time, because this specifies the actual dimensions of the shape and this specifies how it's drawn. So those are the options that we have here at the top, the path options. So if you need shapes to always be or consistently be a certain size or a certain proportion of a certain ratio. That is something you can specify here at the top. 94. 11.10-Pen tool: The Pentel allows us to draw our own shapes in Photoshop, also in Illustrator, InDesign, After Effects, and Premier Pro. It's a tool that's pretty widely distributed throughout the whole Creative Cloud. But for new users, it can be a bit difficult to wrap your head around because it doesn't behave like any of the other tools in Photoshop. You'll find the pencil right above the type tool here. You can also just press the P key to switch to the pen tool. And just like the other shape tools, the first option here in the Options bar is the ability to choose between drawing a shape, drawing a path, and drawing pixels is currently disabled because the background layer, the layer I have selected is currently disabled or locked. But for now I'm just going to leave it to path because it provides us some interesting options that the other shape tools do not have. With the pen tool, you can just click once on your canvas to create an anchor point, which is basically a corner point of all shape layers in Photoshop. And then I'm just going to click once again here at the top. And that is going to draw a line, a two-dimensional line between these two points. Adding a third turns this into an area. So if I were drawing a shape, this triangle would now be filled with whatever the fill color was set to. And so you can just keep clicking to add these anchor points and draw your own shapes. And I'm just going to make my way back to the original point. And once you've put your mouse cursor there, you will see the cursor change to a little circle icon next to the Pen. And that indicates that we are about to close the path. So I'm just going to close the path by clicking there. And there we have this path. And the pencil allows us to turn this path into either a selection, a mask, or a separate shape layer with these buttons here in the Options bar. So I'm just going to click Selection and then click Okay in this little pop-up. And that is going to create a selection based on the path I just drew. And this is a selection method that lots of people still use. I prefer the more modern and automatic ways to select in the recent editions of Photoshop. But this is something you can use to draw your own selections. Basically, it works essentially like the polygonal lasso tool, except that the pen tool also easily allows you to draw curves, which we will be looking at in one of the next videos. I'm just going to undo this by pressing Control Z or Command Z on the Mac. You also have the ability to turn the path into a mask. So with this background layer selected, I'm just going to click Mask here. And that is going to hide everything that is outside of the path. And this is a so-called vector mask, which are basically only useful for this particular instance. When you want to create a mask based on something you draw with the pen tool. So I'm just going to Control Z to undo that, I can also click shape here to turn this into an actual shape layer. So clicking the shape, you will see that I now have a new shape layer here in the layers panel above the background layer with its own properties. Now, speaking of properties, Let's say I want to change the settings of this shape layer. I want to change this fill or stroke or its corner options or whatever. Then if I look at the properties panel, these options are currently not available because it's actually drawn as a vector mask. So it's a shape layer, but it's not exactly the same as any old shape layer. So if you want to change the color, you can just double-click the layer thumbnail to get the Adobe Color Picker. Well, you can also do is temporarily switch to one of the shape tools with the layer highlighted in the layers panel. So if I activate the rectangle tool, even if it, even though this is not a rectangle, I can still change the fill of the layer here because it's currently highlighted in layers. And I can also add a stroke. I can have different stroke options. So this is something you can still influence once you've actually drawn the shape. Now, one little quirk of the Pen tool in Photoshop that I want to highlight is that it doesn't work like the Pen tool does in Illustrator. For example, the pen tool in Illustrator gives you a very nice preview of the next line you're going to draw. So let's say I click here once for an anchor point. I don't see how the line is going to look before I actually put down the anchor point. So what I'm gonna do is just Control Z to undo that first anchor point. And then I'm going to go into the tool options here, the path options, which we looked at in the previous video. And then I'm going to enable this checkbox for rubber band. And rubber band is just a display option that shows you how the next line is going to be drawn. So if I click here once and move the mouse, you will see that I get a preview of what my line is going to look like. And this makes it a lot easier to draw exact lines and also curves which we will be looking at in the next video. 95. 11.11-Pen tool 2: Something else that the Pentel allows us to do is draw curves, and that's what we will be looking at in this lesson. I start with the pen tool active, and it's still set to path mode. I'm just going to switch it to shape mode for now to actually show you how this tool behaves. So just like in the previous video, I'm going to start out with a single anchor points. So I'm just going to click here to draw one anchor point. I still have rubber band active, which is always a good idea. And I'm just going to hold down the Shift key, which allows me to just draw a straight line. And instead of clicking right now, I'm going to click and drag this anchor point. And what you will see is that two handles extrude from the anchor point that I am drawing and that it curves the line between the first, second anchor point. And this is where the tool gets a bit counter-intuitive because if I click and drag down to the right, it's going to curve the line to the top left. And if I drag it down to the top left, it's going to curve the line to the bottom right. So this takes some getting used to and practice to really get a feeling for. But once you can do this, once you can work with this tool, there is an incredible amount of things that you can draw by hand. So I'm just going to try and make this curve as even as I can and then release the mouse. And there we see this curved surface which is currently an open path because we just started drawing it. And what you will notice once you start moving the mouse without clicking is that the next line is also being curved by the clicking and dragging we did on the previous anchor point. So it's curving it to the same extent in the other direction based on the secondary handle extruding from the anchor point. So the length and position of these handles determines the curve, and the right handle determines the next curve, and the left handle determines the previous curve. But it often happens that you want to draw a different curve or another straight line after drawing a curve like this. So basically what you often want to do as you are drawing shapes with the Pen tool. Reset the Bezier curve by Alt, clicking on the previous anchor point. So holding Alt, I can click on this second anchor point. And it's basically just going to remove the secondary handle. What it's not removed. It's placed exactly on the anchor point again. And this allows me to then, to then draw another curve, which initially will look like this because it's curving over itself. And then I can Alt click on this third anchor point. And then I can draw it downwards and it's going to start completing the shape for me again. So now I can draw this curve and I'm going to Alt click on the a point. And then I can go back to the original anchor point and just draw a last curve to actually close the shape. So using these tools, you can draw your own shapes. And once you get a feeling for how this tool reacts to what you're, what you're doing when you click and drag the anchor points around and reset them by clicking, holding Alt, you can draw an incredible amount of things in Photoshop already. And just to illustrate that, I'm going to show you how to trace three shapes that I've drawn within this document previously. I'm going to delete this shape layer by pressing backspace. And then I'm going to go into this layer group and I'm going to make it visible by clicking the icon. Now, the layers within the group are actually also separately hidden. So I'm just going to expand the group and then make this first layer here visible. And what I'm going to show you is how to trace this illustration here. So what I'm gonna do is just click here at the bottom. And I'm going to work clockwise to trace the shape. So then I'm going to click here at the top. And then I'm going to click here. And then I'm going to click here. And something that happens is it fills the space between these anchor points. So currently I cannot see the actual shape itself. So to counteract that, I'm going to change the layer opacity here, which you can do as you are still drawing. So I can see the shape below it. And then I can click here to continue my illustration. So then I'm going to click here and I'm going to go to the left foot. And then click on the first anchor point to close the shape. And now I can increase the opacity again and there's my shape. So moving on to the second layer which contains some curves. So I'm just going to make that layer visible by clicking on the icon. And for this shape, I'm going to zoom in a little bit and put it approximately in the center of my composition. And then I'm going to click once here at the top. Now, as you can see and as you've noticed by practicing, it's a good idea to follow along with what I'm doing. You will see that I have a straight line when I actually want a curve between this point. And this point, so just where the straight segment of this shape actually starts. So I'm going to place my cursor there just, just after the curve. And instead of clicking, I'm just going to click and drag down. And that is going to create a curve between those two points. Now, I want a straight line back to the bottom of the shape. So I have to reset the anchor point. So I'm just going to Alt click on it and then move to just before the next curve in the shape. So I'm just going to click here to create a straight line between this point and this point. Then I'm going to move to the bottom center. And instead of just clicking, I'm going to click and drag and I want to bend it to the bottom right. So I'm just going to click and drag left to mimic the same curve. And then I want to draw another curve. So I'm just going to reset the anchor point by Alt clicking. And then try to mimic this curve as well as I can. It doesn't have to be pixel perfect. This is just an exercise after all. And because I want a straight line now, I have to Alt click on the anchor point. Then move to where the next curve starts and just click for a straight line. And then I'm going to place the cursor on the original anchor point and just click and drag to get the same curve. And tracing objects like this is a great way of getting to know this tool more intimately and to really get a feeling for how it actually works. So moving on to the next shape, the third shape, this one is a bit more complex and we will not be able to produce this curve with only one anchor point. So I'm just going to place the first anchor point right there. And then I'm going to move to approximately the middle of this curve. And I'm actually going to zoom in a bit using Alt scroll, which you can still use Azure using the pen tool. And then I'm going to click and drag to first try to mimic this curve. There we go. Now I want to draw another curve, a separate curve. So I'm just going to Alt click on the previous anchor point, and then click and drag again to mimic this one. So basically we are just tracing shapes like this. And these are ones that I have predrawn obviously. And then I'm going to Alt click on this anchor point and move on to the next point. And just click and drag to try and mimic it. And if you're finding that you can't really mimic a curve properly, it's best to pick a point a bit closer to the previous anchor point. There we go. I want to draw another curve, so I'm going to Alt click. And I can actually use a straight line for this. I'm just going to click there. Okay, The next one is a straight line, so I'm just going to click there. And for the next one I'm going to move approximately halfway down this larger shape. And then again click and drag to mimic the curve. Alt click because I want to draw another curve. And I'm going to move to the bottom center of the shape. There we go. And I'm already going to decrease the opacity of the shape actually because I wanna see what I'm doing over here when I get there. So for this next point, I'm going to move to approximately the same line as this anchor point. And I'm going to click and drag to get the same curve. And the most important thing to learn about this tool is how it responds to this clicking and dragging, then I'm doing. Okay, moving on to this point, I'm just going to click and drag to copy its shape. And then I can just Alt click on this anchor point to reset it. So I can draw a straight line to the original anchor point and then increase the opacity of the shape again. So this is some really good practice to get to know the pen tool and our response to what you're doing in the program. And I cannot recommend enough that you pick one of the custom shapes, for example, with the custom shape tool and just tried to trace it using the pen tool to really get a feel for it. 96. 11.12-Adjusting anchor points: All shapes that we draw in Photoshop consist of anchor points. And in this lesson I'm going to show you what you can still do with those anchor points. Not only with shapes that you draw with the pen tool, but any shape that you create. So for that demonstration, I'm going to switch to the rectangle tool, and I'm just going to click and drag holding Shift to draw a square here in the center of my document. Now, this rectangle, this square consists of four anchor points, one for each corner. And when we switch to the direct selection tool, which you will find in the tool group right underneath the type tool, you can switch to the direct selection tool. You will initially see that all four corners, all four anchor points are currently highlighted. Now, if I click on one of these corners, it's going to de-select the other corners, the other anchor points. And that allows me to influence this anchor point separately. So I can just click and dragging it, drag it around. I can also constrain its position by holding the Shift key. And this allows you to change basic shapes into more complex ones. So when you release the mouse, you get the notification that you are turning it into a regular path instead of a live shape, which allows us to influence its corners and such. So I'm just going to click no for now. And then I'm going to show you that besides influencing anchor points by just clicking and dragging them around, we can also add anchor points or delete them from shapes such as this. So to do that, I'm going to hold down the mouse on the pen tool and then I'm going to choose the add anchor point tool. And using this tool, I'm going to click approximately here in the middle of the top of this rectangle. And that's going to add an anchor point right there. And let's say I'm going to, when you highlight an anchor point with the pen tool, by the way, it automatically switches to the direct selection tool. So I don't have to actually go back to the white arrow here. I can just stick with the pen tool for now. And then I can click and drag this anchor point up. And I can do that holding Shift to again constrain its position. And that is going to produce this curve with these two extruding handles. So this handle influences this curve, and this handle influences this curve, which I can also click and drag around here to change the path shape. And what you can also do is instead of a curve, create a straight line between these points. And for that we need to convert the anchor point. And to do that we have to switch to the convert anchor point tool or Convert Point tool actually. So holding the mouse down on the Pentel, I can switch to Convert Point tool. And then if I click on this anchor point, it's going to remove the handles and just create a straight line. Now I'm just going to undo these changes by pressing Control Z until this new anchor point is gone. And then I'm going to again switch to the add anchor point tool. And I'm going to add an anchor point here in the middle. And another one on the right side of the shape. And then I can just grab this and use the right arrow key and the Shift key to push this anchor point in this direction. And I'm going to do the same for this anchor points. So I'm just going to click on it and holding Shift, I'm going to press the right arrow key a few times to push it to the right. And now I'm going to switch to the convert anchor point tool and turn these into straight lines. So I'm just going to click this point here and this point. And now we've created this little arrow icon based on the original rectangle that we created. So using these tools, you can create more complex shapes based on simple ones. 97. 11.13-The curvature pen: The curvature pen is a relatively new addition to Photoshop. It was first introduced in Illustrator in 2019, I believe, and since then it's been added to Photoshop as well. And it basically allows for a more free-form way of drawing with the pen tool or with a pencil. The curvature pen is found in the pen category of tools. So I'm just going to hold down the mouse on the pen tool and then choose Curvature Pen tool. And with this tool, I'm just going to zoom in on this shape that I've drawn here a little. And I'm just going to place an anchor point here in the middle at the top. And then when I add another anchor point right after the curve here. And then move on to the next point. You will see that it is automatically curving all the lines between the anchor points. And I'm just going to accept that for now. I'm not going to fine tune the shape as of yet. I'm first just going to draw a rough outline of what I'm trying to trace. So I'm just going to click here and here at the bottom and here right after the curve. And then right there. And then I'm going to click on the original anchor point again. So as you can see, we have this fairly distributed oval shape now, this ellipse. And it isn't an ellipse because all of these anchor points currently have a Bezier curve. Now, what you can do with this tool is hold down Alt and then reset the Bezier to a straight line. So I'm just gonna do that for this point here. And I'm also going to do it for the point at the bottom right. So resetting these two points creates a straight line between these two points. And I'm going to do the same for the left side of the shapes. So I'm just going to Alt click on this anchor point and all click on the one above it, and that just turns it into a straight line. Now, what you can do with this tool is just place your cursor on these lines and then just click, click to add another anchor point. And then you can just click and drag around this anchor point to change its position and mimic the curve that we're trying to get. Now, currently, the shape is hiding the shape below it so I can't accurately trace it anymore. So I'm just going to decrease the opacity of the shape to about 40 percent. So I can still see the underlying shape. Now, I want to bring it closer to the actual shape here. So I can just click and drag to add another point and drag it down. And I can do the same for this curve by dragging it outwards. And again with a separate point. So you can just keep adding points to push the curve to wherever you want it to be. And this is a much more natural way, natural feeling way of tracing shapes like this. Also, by the way, you can always click on a point and then press backspace to delete it. So yeah, this is a quick and easy way of drawing over other objects. And it might be slightly less accurate than the pen tool, but it is a bit more intuitive, let's say, because you have a lot more control over where the lines go and how they behave. 98. 11.14-Fills and strokes: We've already looked at applying different colors, fills and strokes on our shapes. But there are actually many different types of fills that you can apply to them. And that's what we'll be looking at in this final lesson of this chapter. Here in this file 11.14 fills and strokes. I have the rectangle tool active, and I'm going to use that holding Shift to just draw a quick square. Now, the square hat currently has a black fill and a black stroke of 0 pixels. So effectively, it has no stroke. Now, if I click on the fill color here in the Options bar, you will actually see four options for different types of fills here, five, if you count the actual color picker in the program, the first one is still apply no color, and that basically makes it completely transparent. You can also apply a solid fill which we've looked at previously. You have here all the color swatches currently configured for Photoshop. So you can look at the RGB swatches, you can look at the light category, you can look at the dark category, or you can create your own using the color picker. Next up, the third option is a gradient. And when you activate this option, the first thing it's gonna do is to supply a black to white gradient going from the bottom up to the top with a, with an even distribution. We will be looking at gradients more extensively in the chapter about layer styles, because I find applying gradients with Layer Styles is a bit more flexible. But I'm just going to give you a basic rundown here. The colors of the gradient are determined here at the gradient panel. And if you want to change these colors, you can just double-click on whichever color stop you want to change. And then you can find the desired color in the color picker. Then we're going to click Okay? And what we have now is an even distribution of a blue to white gradient, so it runs evenly from the top to the bottom. You can also change the secondary swatch. So I'm just going to double-click that and pick a different type of blue. I'm gonna make that a bit darker and then click, Okay. Now, as you can see, the colors have been changed and they flow evenly along this shape. Now. Now what you can do here is grab this little diamond in the middle of these Gradients stops and move it around to change which, which color of the gradient is dominant. So if I give the left color stop more space, That's going to be more dominant on the shape. And if I change it to the left, you will see that the lighter color is actually more dominant. Now, you can add as many colors to these gradient. You can add as many color stops to the gradient as you want by just clicking at the bottom of this gradient ramp. So now I've added another one, and I can double-click this and then choose another blue color, blue, green, let's say greenish, something like that. It doesn't look particularly pleasing, but I just wanted to show you that you can add as many color stops as you want. So for example, if you want to create a metal looking gradient, you would use several different values of gray to simulate a metal texture. If you want to remove color stops, you can just click and drag him away from the gradient ramp. And that's that. Now there are several different types of gradients that you can choose from. It's currently set to linear, meaning it goes just from one side to the other side. I'm just actually going to change the position of the gradient 250 percent. You can also choose a radial gradient which radiates out from the center. Now currently, the darker color is in the middle and the lighter colors on the outside, which is less visually pleasing. So I'm going to reverse the gradient with this little button right here. And that changes the order of the colors basically. So you can also choose an Angular, Angular gradient, which goes counterclockwise. So from this side to this side, you can also reverse it using this little button here again, and then it goes clockwise. So it starts with the blue and it goes around clockwise and it ends up in this cyan. You can also choose a reflected gradient, which puts the right side at the top of the gradient. Then it changes to the other color in the middle, and then it changes back to the first color. So that's also an option you can choose. And you also have a diamond gradient, which is just a variant of the radial gradient but in a diamond shape. So if I reverse this, you'll see how that works out. Now switching it back to linear, the gradient currently goes from the bottom to the top as long as it's not reversed. You can also change the angle of the gradient to, for example, 45 instead of 90. And then it will go from the bottom left corner to the top right corner. So you can always just change the orientation of the gradient to whatever you desire. So there's all these different kinds of gradients that you can choose from. You can look at the blues. You can look at the reds. And if you want to apply those, you can just click on them. And it's going to change the configuration of the gradient ramp to whichever gradient you chose. Now, you're not stuck with these presets. You can always just double-click whichever color, swatch, or gradient stop you want and play with the colors a bit more. The fourth fill option we'll be looking at is the pattern. So I'm just going to click the pattern type here. And there are a few standard gray patterns that you can choose from. You can choose trees, grass or water. Now expanding the water category, I can just click here and that's going to apply this water texture. Or this water texture or this water texture. Now let's say I find this texture a bit too prominent within the actual shape and I want to scale it down a little bit. I can just go up into, down into the scale slider and I can slide that down. And that's basically going to decrease the size of the tiles within the shape. So this pattern is actually configured of several different tiles which interlock. And you will see as I keep reducing the scale or increasing it now actually, you will see that it's just a repeating tile pattern. There are ways of creating seamless patterns where you don't actually see the edges no matter what you do. And that's also something I'll be showing you in the chapter on Layer Styles. So this is something you can very easily apply by just playing with the fill. You can actually also find these in the patterns and gradients panels at the top right of the program according to the default configuration of the workspace. If you don't have these patterns for gradients and patterns, you can also always go into Window and then add them to the workspace like that. And clicking those just changes the fill. It doesn't apply any layer styles, which are obviously if you're just following this course, still a bit of a mystery for you. But you can just apply these with a single click of the mouse. Now, if you want to go back to the defaults, you just go back into solid color or gray or the gradient fill or the none. And what a lot of people actually don't know is that you can also apply these patterns and gradients to strokes. So let's say I have my shape selected here and I'm just going to go into fill and to the gradients. And I'm just going to pick one of these right here. And then I'm going to go into the stroke and I'm going to find the gradients. And I'm going to apply the same gradient to the stroke, but I'm going to reflect it by clicking this button here. Now, the stroke is still not visible because it's currently set to 0 pixels. So if I place my cursor on the word stroke and just click and drag to the right. You will see that this gradient is also applied to the stroke except that it's reflected. And this also goes for patterns. So I can also go into patterns, strokes and that's just going to allow, that's just going to place those trees, those leaves in there. I can also pick the water here. And I can do the same for the film. So I can go into the patterns and this is going to apply the pattern. So this is a quick and easy way of applying fills of different types in the chapter on Layer Styles, I'm also going to show you how to add and create your own patterns. So stay tuned for that. 99. 12: We've already worked with brushes quite extensively in previous chapters, especially in Chapter 5, when we were working with layer masks and we were painting with either black or white to combine different images together. Now in this chapter I want to elaborate on brushes a little bit and tell you a bit more about them and how they work so you can work with them more efficiently. Here I have the file 12.1 about brushes, which is just a standard blank Photoshop document. And I've already activated my brush tool here, shortcut B, and it's currently set to the tool defaults. So if I look at the brush settings here at the top-left, I can see a size of 30 with a hardness of 0. And you can change those values here. Obviously, you can increase the size of the brush. You can change the hardness of the brush, and you can also change the orientation of the brush, which is not very useful in this particular case because it's just a normal circular brush. So you can enter whichever settings you desire. Here, a bit further down are also some brush presets that you can choose from. My list here starts a bit differently from yours because I've added some custom brushes that I like to use them my compositions, for example, painting with leaves or clouds or debris or things of that nature, which I will show you later in this chapter. But here a bit further down are the standard brushes. So the general dry media, wet media and special effects brushes. So you can always go into these categories and just see what they have to offer. So here we have a soft round, a hard round, a soft round pressure size. And if I look at the wet media category, for example, you will find some different types of brushes as well. So Kyle's paint box, wet blender, cows, real oils. Kyle's impressionist Blender one. So Kyle is actually an artist hired by Adobe to design some brushes specifically for Photoshop. So those can be pretty, pretty cool in certain circumstances. Here we have some splatter brushes and some scatter brushes. So these can be pretty interesting to work with as well if you want it to be a bit more artistic. Now, we've already looked at how to influence the size and hardness of brushes in different videos. Obviously, you can use the square bracket keys which are on the right side of the P key on your keyboard. On most keyboards, and the right bracket increases the size and the left bracket decreases the size. You can also increase or decrease the hardness of the brush by holding Shift and using the bracket keys. And it looks like the size is expanding, but that's just a hardness being affected. So let me just bring the hardness down to 0%, which I can double. Check with the right mouse-click. It's currently set to 0. And then I press Shift and the right bracket once and then check again and it increases the hardness by 25 percent. There is a different way of influencing brush size and hardness that I prefer. And it works slightly differently on Mac than it does on Windows. So first I'm going to show you Windows, and then I'm going to explain how to do the same thing on Mac. So let's say I want to visually have an indication of how hard large my brush currently is. What I can do then is hold the Alt key and then hold the right mouse button. And then I can move the mouse left and right to increase the size of the brush and up and down to increase or decrease the hardness of my brush. And this is a very quick and easy way of judging of configuring your brushes size and hardness. And it also immediately gives you a visual representation of that size and hardness. So that's something I really like to use in most situations. It also works on Mac. For that you have to hold Control and Option and the left mouse button. So Control Option and the left mouse button, if you hold those down, you will have the same tools at your disposal. K. Now that we've looked at those shortcuts, I want to explain these different options in the Options bar a bit better. So here we have the mode. And mode is actually something I'm going to be explaining in a different chapter because it pertains the blend modes which have their own theory and math behind them. And it's a bit of a complex subject that I prefer to go over in the chapter about layer styles when we're actually working with blend modes. But blend modes basically determine how the brushstrokes that you're putting down interact with the pixels that you are painting on. We have brush opacity. It's currently set to 100% the default. And if I paint here with black, you will see that I am just painting this black blob currently, which is perfectly black. And if I lower the opacity to, let's say 50 percent, I can paint again and it's going to be dark gray or 50 percent gray. And if I paint over it, again, it's going to paint 50 percent grade on top of that 50 percent gray. And again, it's going to add another basically 25 percent. To whatever I'm painting our. So this allows you to paint in more of a layered style because you're not making everything 100% opaque as you're painting over it. So I'm just going to Control Z, those actions. This is the flow of the brush, and that is actually how much ink or paint is leaving the brush as you are painting. So currently it's set to 100%, which means that I'm painting with 50% black 100% of the time. Now, I'm going to change the opacity back to a 100. And then I'm going to change the flow to something like 50. And now as I'm clicking and dragging, you will see that there is a fall off in each brushstroke. So basically it's losing paint for whenever I'm clicking and dragging, so it's not a constant stream of paint, it eventually runs out. So if I put the flow at 1%, you will see that very little paint is actually coming off of my brush until I start adding layer on layer and just clicking and dragging to let more paint flow out of the brush. So that's something you can do. Smoothing is a way of creating smoother lines. And I can demonstrate that by just putting the flow back to 100 and decreasing the size of my brush. And with these settings, I can just create these like really TM looking angles. If I bring up the smoothing, it's actually going to create a much smoother lines independent of how you are moving your brush actually. So it basically slows down the brush or the ink flowing off of the brush to create the smoother kind of lines. Here we have an angle setting, which is not useful for this particular brush because angles don't matter when you're working with a round brush if the settings are at the default. Here we have pressure sensitivity. Which means that if you are using, for example, a way com tablet like a Cintiq, you, the brush will actually be affected by the angle and the pressure of the pen on your tablet. And here we have the symmetry options. So if I click this, I can choose a vertical symmetry, for example. And now when I confirm this symmetry axis, and I just start painting and I'm just going to reset the smooth to 0%. If I start painting on this side, it's going to paint the same thing on the other side, but reflected obviously. So everything I do over here is being reflected on the right side. So I'm just going to undo that. I'm going to go back into the Symmetry Options. And this time I am going to choose a Mandela. And I'm going to place it at six segments. And that's gonna give me this configuration, which I still have to confirm here at the top. So I'm going to decrease my brush size a little bit with the shortcut when we went over. And if I paint in one of these segments, it's going to paint the same thing in all of these other segments. So if I start painting here, you will see that it is applied to every segment of the Mandela. And this allows you to create some interesting patterns right off the bat. And those are basically the brush settings that I wanted to go over with. You. As far as brush color goes, obviously, it always picks the foreground color. You can always put it back to the default using the D key on your keyboard. Or you can click here to choose another color. 100. 12: There are a lot of ways to acquire brushes besides the default brushes in Photoshop and ones you create yourself. And that's what we're going to be showing you in this lesson. If you just Google for Photoshop brushes of whatever type, you will find an incredibly large library of different kinds from different sources that you can use in your own compositions. So here I've searched for Photoshop smoke brushes. And if I click through to brush easy, you will see that they have all these different kinds of smoke brushes that I can just download and use. So let's say I want to use these brushes. I'm just going to click them. It's going to give me to the free download. You download the file, you open up the zip folder, which is actually quite large, apparently. And there will be an ABR file or Adobe brush file. And if you just double-click this, you end up back in Photoshop. And now the brushes are instantly available. So if I have the brush tool active and right-click on my canvas and close out the other category. You will see now that I have these free smoke Photoshop brushes. And I can just open these and then choose, for example, this one. And if I click on the canvas now you'll see that the brush is a bit too large. So I can use the left bracket key to decrease its size. And then I can just paint using the smoke. And if I want to change the orientation of the smoke to prevent duplicates, I can just right-click and then flip it around the other way and then paint like that. Or I can choose a different puff of smoke and also decrease its size and just paint in with that. So this is an incredibly easy way to use whatever type of media you want to paint. So you can go for snow crystals or you can go for different kinds of liquids or fire or debris. And all it takes is a quick Google search and you will most likely be able to find what you're looking for. You can also import brushes from Photoshop itself. If you open up the brush settings at the top, you can go into this little gear icon. And then you can actually import brushes, which brings you into a file browser and you're asked to find it on your hard drive. Or you can actually go here and get more brushes. And this brings you to the Kyle brushes, for example, if they are not available in your install, installation of Photoshop. 101. 12: In this lesson, I want to go a little bit beyond the obvious and show you some practical applications of ways that I like to use brushes to add to my composition is a little bit. And here I have three images. The island in Slovenia. Picture of me standing on a bale of hay in a German field somewhere. And this picture of my friend Oliver chopping a block of wood. And I'm going to use different types of brushes to add something to the composition here. And I cannot make the brushes I use here available to you because they are part of a pack that I do not have the rights to distribute four. So I'm just going to show you these and In the previous video, I also showed you how to acquire different types of brushes. So that should be enough for you to put 22 together. So here in this document, I'm just going to create a new layer so that I can paint on it using Control Shift Alt N, that creates a new blank layer and that's obviously Command Option Shift N on Mac. Then I have my brush tool active, and I'm just going to right-click on my Canvas to get to my different brushes. I'm going to increase the size of this panel a little bit so that they're easier to find. And then I'm go, going to go into this brush bundle and I'm going to go into clouds. And I'm going to be looking at this particular storm cloud. And I'm going to change my foreground color to white by pressing the X key at this point because white was my background color. And I'm actually going to decrease the size of the brush a little bit. And I'm also going to rotate it 90 degrees. So I'm just going to point it upwards. And now if I click on the canvas, it's going to add this pretty opaque white cloud over the island. Now, I can decrease the opacity of this individual layer, which is why I put it here on an individual layer to make it look like there is some fog floating on and around the island. And I'm actually going to name this one fog, this layer. And then I'm going to create another layer Control Shift, Alt N. And I'm just going to name this one birds. And I'm going to right-click again and then find the birds category. And I'm going to find a bit of a denser population of birds. Yes, something like this. I'm going to change the foreground color to black and then decrease the size. And then just click here once to add these birds. And let's say I want to place the birds underneath the cloud or fog. Then I can just click and drag this layer to the bottom to make it look like they are actual part of the composition. So this is one nice little or too nice little additions that have added to this particular photo. Now, going on to the main.js document, I'm going to press Control Tab to move on to the next document, which is Command tab on the Mac obviously. And again here I'm just going to add a new layer by pressing Control Shift Alt N. And I'm going to name this one moon. And I'm going to right-click and find the moon category that I have in here. And I'm going to choose the moon soft light. And I'm going to change the foreground color to white again. And then I'm going to decrease the size a little bit more and just click on the canvas. And I'm actually going to make it a little less opaque by lowering the opacity to something like 80%. And there we go. And then using Control tab, I'm going to move on to this splinters document. And let's say I want to add a bit more of these wood chips. What I'm gonna do then is right-click and go into, um, kind of free willing this one. So let's go into the special effects. And I am going to choose, let's say, Kyle's spatter brush. And what I want to do is add a new layer Control Shift Alt N. And I'm going to name this debris. And then I want to use the color of the actual what tips to paint in some more. So I'm going to hold down Alt and then I'm going to click on one of these bits of wood. Increase the size, and then I can just click here. And that's going to add some more debris. And I can vary the size of this brush at different places in the composition to just paint in a bit more and give it a bit more death. And there we go. So these are some, I think, nice and creative applications of working with brushes that are very easy to translate to your own work. 102. 13: Before we get started with Layer Styles in this chapter, I would like to tell you something about Blend Modes. We've talked briefly about them in previous chapters. Here I want to do it a bit more extensively. Blend modes are essentially a function of Photoshop though we can use to blend layers together based on, among other things, their luminosity and color. And to demonstrate this, I have here at the file 13.1 Blend Modes dot PSD, and this document contains two layers. The top layer is this blue streak of light going over this bus lane. And the bottom layer, which I can make visible by hiding. The top layer is this orange streak of light going the other way which I painted using a light stick attached to an E bike, of which I can specify the color. So let's say I want both streaks of light combined in one image. That is not that easy to do out of the box if you're not aware of blend modes because you can't just lower the opacity of the top layer because then you get partial visibility on both layers. So that is not going to suffice. It is also going to be very difficult to mask it out with a Layer Mask. Because of the light fall off. The light is projecting outwards and it's visible not just on the streak of light, but also on the street below and on these railings above here. So masking is also not an option that we can use for that, at least not for a convincing result. Basically, what I want to do is make it so only the pixels of the top layer that are lighter than the layer below are visible. And that will give me the desired result. Because then only the blue streak and the projecting light are going to be visible from this top layer. And that's where Blend Modes come in. And this is a top-level explanation of what blend modes can do. They are very deeply integrated with Photoshop. There are 27 of them, which you will find at the top of the layers panel. And they all have a different effect depending on what you apply them to. So again, this is one of the concepts within Photoshop that is very good to just play around with a bit to see what every blend mode actually does. For this demonstration, I'm going to stick with three blend modes, multiply, screen, and overlay. Those are the blend modes that are most often used in most cases. You will find in this chapter also some other configurations that half their own uses, but those are the three most important ones next to the normal ones. So let's check out these blend modes here we have normal and dissolve in the wrong category, dissolve does nothing unless you actually lower the opacity of a layer, which is going to introduce this noise like pattern randomly visualizing the layer below. So we're going to leave that one alone for now. Then we have here the darkening blend modes. And the darkening blend modes always give you a darker result. And they make it so the pixels of the top layer that are darker start interacting with the layer below it. The most used one is multiplied also always gives you a darker result. And only the pixels of the top layer that are darker than the one below should remain visible. Now, if we look at light, lighten and screen, we will see the desired result, especially in Lighten. Now that I'm looking at this, lightened does the opposite of darken and also somewhat of multiply. So basically lighten, heighten, hides every pixel of the top layer that is darker than the layer below it, and that gives us the desired result. And then there's overlay, which is a combination like an average calculation between Multiply and screen or darken, enlightened. So overlays something you would use to get, for example, a texture image projected onto another surface in a realistic way, which I will also show you when we start working with pattern overlays in this chapter. So for this specific effect, lighten is the best blend mode to choose. And the image has become lighter. And the pixels of the top layer that are lighter than the layer below it now are visible and that is the desired result. So these are the blend modes. You can apply them here through the layers panel. You can also apply them to all of the effects that we will be looking at in this chapter. So let's get to work on Layer Styles. 103. 13: Besides using the default brushes in Photoshop, you can also create your own brushes based on selections, and that's what I'm gonna be showing you in this lesson. So here I have the file 12-point to creating brushes. And what we will be doing is creating a brush based on this shape here at this little pop print so that we can paint a trail of pause going over our canvas. And for that we need a selection. So I want to select all the filled pixels within this layer. So I'm going to hold control and I'm going to click on the layer thumbnail. And that's obviously command on the Mac. And that's going to select the entire layer. And now I want to create a brush based on this selection. So I'm gonna go up into the Edit menu and then I'm going to choose Define Brush Preset a bit further than halfway down. And I'm going to name this pause. And then I'm going to click Okay, and now I already have a brush based on the shape. So if I hide the shape and click the background layer, I can just click and drag to paint with the plot. However, this is not a very interesting configuration because when you click and drag, it just puts infinite copies of these. Pause next to each other creating this blob. And I want to be able to paint the direction of the brush of the pause as well. So for that, we will be looking at the brush settings panel, which I already have in my workspace here. If you don't have this panel in the workspace, you can always go into Window and then choose brush settings. So here we have different properties of the brush that we can influence. I can change the size of the brush over here. I can flip the x and y. I can change the angle of the brush, which I can also do by clicking and dragging over here. So let's say I want to rotate it by minus 90% so that it's actually facing to the right. I can do that here. I can also change the spacing of the brush to actually make the paw prints separate. So now they are not contiguous. But if I click and drag on my canvas, you will see that they are oriented separately. And I can increase that spacing just a little bit more so we don't get any overlap when we draw diagonally. Okay? And I keep undoing my changes with Control Z by the way. And another thing I like to do is actually put the brushstrokes on their own transparent layer. So I'm just going to make sure the background is highlighted and then click new layer here in the layers panel. And I'm going to name this strokes. Next, we are going to look at the shape dynamics of the brush. We can change the size jitter, which creates a variance between each brush stroke in terms of size. So if I increase the size jitter, you will see that the size will change randomly between 0 and a 100 percent extra scaling. So if I paint now you'll see that they all have different sizes. You can also change the angle jitter, which actually rotates them along the z-axis. So now they will all be oriented differently and they will be of different sizes. And I'm just going to put the Size Jitter back to 0 in the angle jitter as well. And then I'm going to look at the angle control. Because when I click and drag, I want the orientation of the pause to actually follow the direction of my mouse. And for that, I'm going to change the control to direction when I choose direction and decrease the brush size a little bit using the left square bracket key. Now if I click and drag, you will see that the pause follow whatever I'm doing with my mouse, which is an interesting effect. Now, let's say I want to make this composition a bit more colorful. First, I'm going to choose a brighter color here. So set the foreground color to that. And then I'm going to go into the color dynamics of the brush. You can apply Per Tip. You can change the background and foreground jitter, which I'm actually going to put 200 percent. What I actually want to do is change the hue jitter, because I want the hue of the brush strokes to change with each application. So now if I click and drag, you will see that each stroke is a different color. Making it a nice and colorful composition like this. So these brush options are incredibly expensive and you can do many, many more things with it. Then I have just shown you. But a good way of getting to know what is actually possible is just trying out different default brushes in Photoshop and checking out this panel to see how they achieved the effect that you are looking at. For example, the different scatter brushes that Kyle designed for Adobe. If you go into the settings, they will be vastly different from the default settings or the settings that I have just entered. So once you get a bit of a hang of how to configure these brushes to suit your purposes, you become a lot more flexible in terms of what you can create with Photoshop. 104. 13: So this chapter is all about layer effects and Layer Styles. And the first style or effect actually that we will be looking at is the drop shadow effect, which allows us to place a shadow below our layers. So here I have the file 13 to drop shadow dot PSD. And this is a small Photoshop Composite I made of a hand reaching out of the darkness to grab this highway. Now to give this road a little more depth, I would like it to cast a shadow on the layers beneath it. So to do that, I have to find the road layer in the composition. I've marked in red here actually. So if you just find that layer, we are going to go into the effects options here at the bottom of the Layers panel. And then we're just going to choose the first option from the bottom, the drop shadow. Now, once you click this button, you end up in this dialogue box and the drop shadow is already active. But because of the settings and let me just actually reset it to the defaults. It's not very plainly visible. First of all, the blend mode is set to multiply with a black color, meaning that the shadow is actually only going to be visible on items that are darker than itself or lighter than itself, actually, excuse me. So what I can do here is actually change the mode to normal. And that's just going to display it uniformly. And then I can change its opacity to make it more or less visible. And as I increase the opacity, you will see that there is already a darker shadow running along the left side or the right side of the road. Now, you can quickly visualize this also, but just disabling the effect temporarily, as you can see now, there is no shadow and enabling the effect again displays the shadow once more. Now you can also influenced the angle of the effect. So this line here on this dial basically determines where the light sources. So I can just click and drag this around to change where this shadow is actually being cast. So I can change it to the top left, for example, I preferred it where it was about here. There we have Use Global Light, which is a global light setting for every effect that you apply. I prefer to apply these individually unless I'm doing something very specific. So I am just going to disable this and then take control of the lighting of this particular effect myself. So enabling this means that Photoshop is going to follow for every effect that has Use Global Light enabled, it's just going to basically equalize all the light lighting settings as far as direction goes. So I prefer to change these effects individually. Here we have the distance which allows us to cast the shadow further from the subject as you can see. And we also have a size property and yes, some skipping spread for now to get back to it. After we've gone through size, the size determines how blurry or stretched up the shadow actually is. If I decrease the size to 0 pixels, the road has the exact same contour, the exact same outline as the layer casting it. As you can see, there are no blurry edges of any kind. Now, if I increase the size, you will see that the shadow becomes more blurry and more stretched out and more even. So. And then the spread actually dictates how far that larger shadow area is filled with the color chosen up here. So if I increase the spread, the shadow is going to be pushed out of the layer more Onto it's very edge depending on the size properties set for the layer. Now, to complement the effect, I'm just going to decrease the opacity bit again. And I'm actually going to change the blend mode to multiply. There's also some Contour Options here at the bottom. Basically, this allows you to apply several different instances of an effect on a single layer. I'm going to go into that a bit more in one of the next videos where the results of this are going to be a bit more obvious. So for now we're just going to leave this alone. By the way, if you ever want to go back to the defaults, you can choose Reset to default here, or you can make whatever you're setting your applying the new default by clicking make default. Another option you have is holding the ALT key and that changes the cancel button into a reset button. Now, once you apply the effect, you will see that the shadow is actually applied in our composition and it's also listed here as an effect applied to the layer. So looking at the layer, we now have effects. And the effect currently applied is drop shadow. And you can apply as many effects to the layer at the same time as you want, which is also something we will be doing in this chapter. And you can actually disable the drop shadow individually or disable the effects globally. So I can just disable the eye icon for the drop shadow or disable the eye icon for all effects at the same time. If you want to edit the drop shadow, you can just double-click it in the layers panel. And that's going to bring you back into the Layer Styles Dialogue where you have the controls for the drop shadow. It's also possible to add several different job shadows to a single layer. That's something we will be doing in a future video. 105. 13: The inner shadow effect allows us to project a shadow on the inside of a layer. And for this example, I have the file 13.3, inner shadow dot PSD. And what we're going to do is kind of make it seem like this beach is depressed into this coffee cup. So what we wanna do is select the correct layer. So I've highlighted this layer in orange here, so I'm just going to click it to highlight it. And then we're gonna go down to where it says effects at the bottom of the Layers panel. And then we're going to choose Inner Shadow. Now, the inner shadow is going to project along the top here initially, when I reset it to default, these will be the settings that you have as well. And we actually have a lot of similar settings to the drop shadow. We have a blend mode, which for now I'm just going to change to normal. We can specify the color of the inner shadow. We can change its opacity. We can change its angle so it's location along the layer. We can increase the distance to project the shadow further into the layer. We can increase its size to give it more of a feather. And we can change the choke, which basically is the same setting as the spread in the drop shadow effect which we looked at previously. Now, let's say I'm just going to up the opacity a little bit. I'm going to decrease the size and decrease the distance just a little bit more and just put the opacity around 45. So I have a normal blend mode, black color, opacity of 45, an angle of a 102, a distance of six, a joke of 0 and a size of a team. Now, what you'll see is that this inner shadow effect is only projecting on one side of the layer. And let's say I also want to project this effect on the other side of the layer. Now, this effect on its own is not capable of doing that. But inner shadow is one of the effects that supports multiple applications of the same effect. So what I can do here is click this little plus icon next to where it says inner shadow. And it's going to add another inner shadow. Now, one thing you wanna do for this is disable global light because we don't want them to be affected by the same settings. So I'm going to click both, both effects and then disable, Use Global Light. And then I'm just going to pick one of them and flip the angle to also project it along the other side. And I can also decrease the opacity a little bit because, because of the angle we have on this, the shadow would actually be less visible. And then when we click Okay, you'll see two instances of the same effect applied to this layer. 106. 13: The outer glow effect allows us to apply an outer glow to any layer we choose as the name would suggest. And to demonstrate this, I have the file 13 for Outer Glow dot PSD. And what we're going to do here in this little Photoshop composition that I made based on a photo I took of my daughter is create a glow around her. So I have the layer selected here, the layers called Tushar, that's her name actually. And I've highlighted this particular layer in purple. Now I'm with this layer selected, I'm gonna go down into effects and then I'm going to choose outer glow, the second one from the bottom. That's going to instantly apply the outer glow. I've already reset the effect to default here. And the options again are very similar to what we saw with the drop shadow and the inner shadow. We have a blend mode, which is actually one of the lightening blend modes because this is a lightening effect, we have an opacity slider with which we can increase or decrease the transparency of the effect. We have a noise slider with which we can introduce some noise into the effect. We can choose the color of the glow. So I can click here for a single color. For example, create a dark red glow. Or we can work with gradients actually when applying this effect. So I'm just going to switch it back to white for now. And when I click this gradient ramp here, it's immediately going to apply a gradient that runs from 100% visible white to 0% visible white. So basically it goes from white to transparency. And you actually have a lot of control over what color this is and how transparent this side of the gradient and actually is. So when talking about gradient ramps like we're looking at now and what we looked at in the previous chapter, we don't just have the color we can specify or the location of the midpoint. We also have transparency options, and you will find those at the top of the gradient ramp. So if I click the top left here, it's going to display an opacity of 100%, indicating, indicating that this side of the gradient is 100% visible. Now if I click the top right of this gradient ramp, it's going to display an opacity of 0%, indicating that this side of the gradient is completely invisible. So you get this graduated grade hint. Well, most gradients are actually graduated. But it goes basically from one color to a transparent version of that color, which is when you, which is how you get this nice gradual transparency. So I can actually increase the opacity on the right side of the gradient. And you'll see that it becomes a lot rougher and well-defined instead of this softer glow that I'm actually after for this effect. So you can specify these different gradients. You can also choose from the presets here. You can add gradient stops by just clicking below here. And you can remove them by dragging them away from the bar. And I'm just going to click Cancel for now because I would like to stick with a solid color gradient. Now, we have two techniques here. Softer and precise. Precise is usually a bit more elaborate, Let's say like IT projects a bit further out of the layer. And I prefer the softer version. Actually, we have the size with which we can increase the size of the glow so it makes it more diffuse. And then we have the spread with which we can project this glow further into the diffused area. So the size makes it larger and more spread out. And then the spread dictates, dictates how much light is being, or how much glow is actually being projected into that wider area. And I think this effect is actually a nice place to start showing you what the contours actually do. And for that, I'm actually going to zoom in on the image a little bit. And what you will notice is that when you're in these dialogue boxes, the Alt scroll function doesn't work. You can use Control plus to zoom in or you can hold Control. And well, just control actually, and just click on the canvas to zoom in. So control temporarily switches to the zoom tool. And if you hold Alt, you can actually zoom out. And that's obviously Command and Option respectively on Mac. So I'm just going to open the contour dialogue here. And I'm going to, right now we are at this even slope. So just a 45 degree angle up. What I'm actually going to do is pick these two peaks in the valley. So once I choose this, you will see that an inner glow is applied directly outside of the layer. Then we get an area of nothing, and then we get another outer glow. So that is what these peaks specify. The first peak is the inner peak. Then we have a valley in which no glow is applied. And then we have another application of the same glow effect, effect on the right side of this graph basically. And you can take a look at what each of these do respective to the effect that you are applying. I tend to stick with the regular application of the effect, the linear application. You are free to experiment with this a little bit. So let's say that I'm just going to increase the size of it a little bit more. And also increase the spread a little bit. And I'm actually going to go from this white into more of a golden yellow here, something like this, and then decrease the opacity ever so slightly. Okay, So we are at Screen blend mode, 39 percent opacity, this yellow color spread of four and a size of 40. Now, let's say I want to save this effect so I can apply it elsewhere later, not just within the same document but in different documents. Now, the Layer Style dialog box allows you to save these effects as a style which you can use, which you can do by clicking this new style button. And clicking this button allows you to enter a name. And I'm just going to name this golden glow. I want to include the layer effects. The layer blending options are not required for now. We'll get into those at the end of the chapter. And I can actually add them to my current Creative Cloud library. So I can use them not just in different documents, but on completely different systems as long as they have access to my library. So right now when I'm about to create this golden glow, you will also have access to it because I put it in the public library that is attached to this course. So I'm just going to click Okay. And click Okay again. I'm going to clear the style, the effect that are applied by right-clicking. It opened the library's panel just now. I'm going to right-click on the layer. And here in the middle, we have three options for working with Layer Styles. We can copy it and we can paste it onto other layers or we can clear it. And for now I'm just going to clear it. So now the glow is gone. And now I'm going to grab the styles panel, which I have in my interface over here. If you don't have that panel and you likely don't, you can always go into the Window menu and find it under S for styles. And now here at the bottom I have my golden globe style. So just making sure the right layer selected, I can just click on this style and instantly apply the effect. And I could also do this from the Creative Cloud Libraries panel, because right now it's added here. So let me just undo the application of the style. And I can also just grab it from the Creative Cloud library. So just highlight the layer, click the Layer Style in the library's panel and it's instantly applied. 107. 13: The Inner Glow effect does exactly what the Outer Glow effect does, except on the inside of a layer. And that's what we will be looking at in this lesson. So I have here 13.5 Inner Glow, which is not a finished compost composite that I made. It was a concept that I eventually stop working on. So this is not the actual finished product, let's say. But I thought this Japanese castle would be a nice exercise for this particular layer style. So in this document I have highlighted the concerning layer in blue this time. And what I'm going to do is make sure the layer is highlighted and then go down to effects at the bottom of the Layers panel. And then I'm going to choose Inner Glow. I'm going to make sure it's set to default by clicking Reset to default. And because we are working with a glow effect, the blend mode is currently set to screen, which is one of the lightening blend modes. We have an opacity slider, just like we had for the other layer styles we've looked at so far. We can introduce some noise into the effect if we so choose. I usually do not. I'm going to leave the opacity at around 40. Just like with the Outer Glow, we have the option to choose for a solid color glow or for a graduated glow with this gradient. Again, I'm just going to leave it on solid. And I actually want to choose the one of the lighter tints in this cherry blossom behind the castle. So I'm just going to click the color here. And when you then place your mouse on the document, it's going to give you the color picker. So then I can just click on the cherry blossom here. And it's gonna give me one of these tense. And I'm just going to click around a few times looking for the right one and this looks about correct, d1e seven, B5. And then I'm going to click Okay. So again, we have two techniques to choose from softer and precise. Precise follows these values exactly and softer gives us a bit of fall off. For this effect, you can choose to have the glow emanate from either the edge of the layer or the center of the layer. Now, for the finished result, I want to choose the edge, but for demonstration purposes, I'm just going to choose the center for now. And that's going to make the globe radiate from the center of the layer. And just to demonstrate, I'm going to up the opacity a little bit to 80 percent. And then if I change the size that you will see that I choose how far this layer is actually being filled, its center outwards. Now I'm going to choose the edge again. And I'm just going to change the size to something like 25 looking at this. And I'm going to decrease the opacity just a little bit to about 50. Again, we have the different contours that we can choose. That's not a useful effect for this particular instance. But it's still educational to play with to see what your changes actually do in the composition. And let's say I don't find this inner glow quite enough to strengthen the composition. Let's say I also want to add an outer glow. So this is the first time we will be working with two different effects. When I click outer glow and mind you, I'm going to click the text here and not just the checkbox. The checkbox enables the effect, but doesn't give you the options immediately. If you click the text, it's going to give you the options and enable the effect. And I want a similar color to the Inner Glow. Actually, I want the same color for the, for the outer glow. So I'm just going to go back to Inner Glow and click on the color. And then I'm going to select the hexadecimal color value and copy it using Control C. Go back into outer glow, click the Color Swatch, and then just paste the same value. And then I'm going to increase the size a little bit, lower the opacity to something like 30 percent. And there we go. That is the effect that I was going for. So I'm just going to click Okay? And I can always look, I can always check how the layer looks with and without all of the effects and each effect individually by manipulating the eyeballs. So I can just disable all the effects by clicking the eyeball for effect. And I can change the visibility of the effects individually as well. So let's say I want to tone down the outer glow just a little bit. So I'm just going to double-click that here in layers. And I am going to decrease the size of the outer glow to something like 15. And there we go. And there is no golden rule for these settings, by the way, besides the blend modes, basically you are just free to experiment and they're going to look different depending on the resolution of your documents. So the actual pixel dimensions of your document and the size of the layer within your composition. So this is always a matter of experimenting. There's, there are no golden rules and you are free to apply your creativity as you see fit. 108. 13: Pattern overlays allow us to apply a pattern to any layer with a great measure of control. And to demonstrate this, I have here 13.6 Pattern Overlay, which is again a document in the concept stages. And what I wanna do is apply a texture to this model here to this mannequin. This is an actual photo of a mannequin that I shot and edited into this and added the damage and the broken door and everything. So what we're gonna do is make sure this layer is highlighted, the mannequin layer, which is highlighted in yellow here for your convenience. And then I'm gonna go down to where it says effects, and then I'm going to choose Pattern Overlay. Now this is the default pattern, which is actually not what I'm looking for. These leaves are far too large and because it has so many highlights and shadows, It's going to be difficult to make it seem like it's actually part of the greater whole. So I'm just going to expand the pattern options here. And obviously we have the trees that we can use. We can also use grass or water. And I actually, for this composite like this green grass texture that we have here. So I'm just going to click that. But initially it doesn't look like much because a pattern overlays just cover whatever layer you're working on in another image. So there's no transparency, there's no blending initially, which makes it kind of difficult to see the point of unless you have a flat object to which you just want to apply a texture or a pattern. So basically, I want the original image to shine through. And to do that, I'm going to use a different blend mode. As we discussed in the first video of this chapter, there are three blend modes which you will be relying on most of the time. The first one is multiply, which blends the pixels based on their luminance values. So only the pixels of the top layer that are darker than the bottom layer actually show up and it always gives you a darker image. As a result. The reverse is true for the Screen blend mode. It you always get a lighter result and only the pixels that are lighter than the bottom image are actually visible. And then we have overlay, which is usually a good place to start when you want to preserve the texture of the top layer, but also the contours of the bottom layer. If you want to apply a texture to a layer, the best place to start with the overlay blend mode. And now I'm just going to play with the opacity until I'm happy with what I'm seeing. And this actually looks pretty good. So I'm just going to leave it there at about 70 percent. Let's make it 70 percent exactly. We can also change the angle, which is pretty useless because this is actually a seamless texture. We can change the scale to increase the size of the grass blades basically. And that actually looks pretty cool. But then I want a slightly lower opacity. To compensate for these, this larger texture. I actually like this quite a bit. So I'm just going to leave it at that. So you can change the scale. You can make the texture larger or smaller, and you can change the texture at anytime obviously. Now, what is a bit detrimental to this composite is that I didn't include this effect before reflecting the mannequin in the water. So this is not showing up over here, but that is subject for a different video. So I'm just going to click Okay. And yeah, there is basically my all-natural mannequin in the middle of nowhere. 109. 13: This lesson is a bit of a call back to Chapter 5 when we first started working with layer masks. In that chapter, we made it so that this airplane was visible only inside the stack of the chimney. So at the end of the chimney basically. And that's exactly what we are going to do initially here. So I'm just going to make the layer visible and I'm going to make sure it's highlighted in the layers panel. And then I'm going to go to select and then choose subject to select the airplane. And then I'm going to apply a layer mask to my selection using the Add Layer Mask button at the bottom of the Layers panel. And there is our airplane. Now, I'm going to scale the airplane down a little bit by pressing Control T or Command T on the Mac and holding the Alt key, I can scale it down towards its center and then just drag it around until it's actually centered within the chimney. I'm going to press Enter to confirm that transformation. And then I can, when the move tool is active, I can always use the arrow keys on my keyboard to push it to the exact right place. Now, to help this composite a little bit, I'm actually going to look at what the lighting situation of the images, because the plane should currently be backlit by the sky, but it is perfectly visible. And that is something that our eyes are very good at picking up on. So basically what I wanted to do is just darken the airplane at least a little bit to make it look like it's backlit. And to do that, I'm going to use a color overlay effect, which allows me to just display any color over any layer. And to do that, I have the layer highlighted here and I'm just going to go down to effects, and then I'm going to choose Color Overlay. And initially the color is set to great. So I'm just going to choose something like, well, basically it's just pure black. And then I can just roll back the opacity to get to where I want to be. And I think about 35 percent looks right to me. So I'm just going to click Okay, and it's very easy to see the before and after of applying this effect by just disabling it for now. And I like this edited version quite a bit more with the color overlay because it also gives the plane a lot more contrast against its background. So color overlay just allows you to apply any color to any layer, and you can use that as a solid color. But once you start changing its opacity, you're basically using it as a color filter over a specific layer, which can be very useful for situations just like this. 110. 13: What a lot of people don't know about Photoshop Layer Styles is that you don't use them as their name is designated. So you don't have to use a glow as a glow or a shadow as a shadow. You can use them as they're reverse. So you can use a shadow has a glow, and a glow as a shadow, which is what I'm going to show you in this lesson. So here I have this composite of my daughter jumping off of a mushroom towards this butterfly. And I want this butterfly to have a golden glow. Now, this glow cannot be established with just an inner glow or an outer glow. It's going to require a stacking of different effects. And just as an exercise, I don't even want to use the glow effects. I'm only going to use shadow effects. So what I'm gonna do is open up the layer styles dialogue box by just double-clicking the layer anywhere that is not the actual name. And then I'm going to choose the inner shadow layer style. So I'm just going to click the name of it to enable it and go to the settings. Now, the effect is currently set to normal, which allows me to just change the color to whatever I want. So I'm just going to open the color dialog box. And I'm going to enter F to D, a, a, a. And that's what we're going to choose. I'm going to put the opacity at a 100 percent. I want to change the angle to minus 45 to make it fall in from now, let's say a 117, something like that. I'm going to change the distance to 10 and the size to 10 to get approximately this effect. Now, this doesn't look too impressive initially, but we will get there at the end. The next effect we will apply is a color overlay to fill the layer with a color. So I'm just going to click Color Overlay. And then I am going to click the color here. And I'm going to change the color to f, a, f 8, 9. And then click Okay, I'm going to leave the blend mode at normal. Actually. I don't really need any transparency towards the actual butterfly below it. So I'm just going to leave that as is. And the next thing we're going to do is apply three drop shadows. So I'm going to click Drop Shadow to enable the effect and go to its settings. And what I want is to get a specific color of drop shadow. So I'm just going to click on the color initially. And the color value I will enter is B, II, a, C 8, 7, BAC 8, 7. This doesn't do anything because the blend mode is currently set to multiply and nothing below this is lighter than Multiply, then this color value. So it's not actually going to show up until I choose a lightening blend mode. So I'm just going to change the blend mode to screen. We're just going to give me this effect. I'm going to leave the angle of 30, change the distance to 0 to make it look like it's actually emanating from the butterfly itself. And I'm going to increase the size to 80 pixels. Now, this is without the effect and this is width the effect. And you can see it's subtly building up in the background. And that's the whole point of using three separate drop shadows to build up on the original effect. I'm going to add another drop shadow by just clicking this plus sign here. And actually I'm going to disable global light so it uses its own settings. So I'm going to add another drop shadow here. And I'm mostly going to leave the settings intact except upping the opacity to about 55. Then changing the spread to about 10. And then the size looks about right. So this is our previous step and this is our current step. And this is the current step without the previous step. So you see the glow is much more intense having these two effects stacked on top of each other than they would be separately. And yet another drop shadow here. So I'm just going to click the plus icon and this will be the final drop shadow there were adding. And I'm going to choose a different color as slightly more saturated orange. So I'm just going to click on the color. And then I'm going to enter C, E, B, 073. And I have these written down. I have I don't have them memorized. And I want to saturate the color a bit more. And that means that I have to choose a different blend mode because screen doesn't really protect a lot of color. So I'm just going to change the color to Linear Light, which you will find hearing the color blend modes. And that's going to saturate the orange quite a bit more. And I think the opacity, yeah, I could increase that to about 80 percent. Something like that. I'm going to change the spread. Okay? So the spread over blows the effect a little. So I'm going to turn the opacity down slightly to about 45, spread of 25 and a size of about 250. So that is a pretty pronounced glow, which I could actually turn down a little bit more by changing the opacity. And there we have our glowing butterfly. And if you look at each of these effects individually, they all add to the greater whole. And that is the whole point of these layer styles is that you can combine them on top of each other and change their settings. And it just influences the overall look of the result. And you don't have to use a drop shadow as a drop shadow. You can use it to add an even glow on top of using a glow. Because outer glows cannot be copied, you can't use two outer glows on the same layer. So that's why you could use different drop shadows to achieve the same effect. 111. 13: Now throughout this course we have worked with the layers panel extensively, but there is one option which we have not really looked at yet. And that is the difference between opacity and fill because initially they seem to perform the same function. We've seen that lowering, lowering the opacity of a layer decreases, it, increases its transparency. So if I lower the opacity, you will see that the islands slowly turns transparent to reveal the edited background. But when I change the fill, it does exactly the same thing. So what is the actual difference between the two? Well, the opacity influences the complete visibility, the whole layer. And the fill only affects the actual filled pixels of the layer while leaving the Layer Styles alone. So it keeps the layer cells visible, but it just decreases the visibility of the actual layer. So we're going to be looking at that by applying a few effects to this island layer and then lowering the opacity and fail to see what both of them do. So with this layer selected, I'm just going to go into effects and twos, drop shadow. I want to make sure I'm working with the defaults. And when you're working with effects like this, like the drop shadow, instead of changing the settings here, you can also just click and drag on your canvas to displace the layer. So now I'm changing the distance and the angle of the effect by just clicking and dragging on my canvas. And I am also going to add a color overlay, but I am going to lower the opacity by quite a bit. And just for good measure, even though it doesn't make any sense, I'm also going to use a pattern overlay, and I'm going to also change the blend mode of that to overlay. And I'm just going to decrease the visibility to about 35, something like that. So this is just a demonstration of what Phil and capacity do. I'm going to click Okay. And now when I lower the opacity, you will see everything slowly disappear from view. But when I change the fill, only the actual island disappears, but the effects that happen apply to it actually stay visible. So if you want to, for example, create a layer style that looks like glass. You can basically draw our circle and use some Bevel and Emboss and the satin layer style, for example, to create something that looks like glass. And the layer will be transparent, but the effects applied to the layer will still be visible. So that is the essential difference between Fill and opacity. Opacity affects the entire layer and fill affects the entire layer, except for layer styles applied. 112. 13: In this lesson, we will be looking at some of the more advanced blending options in the Layer Styles panel available to us at for that purpose, I have 13, 10 Blending Options open here in Photoshop. And we're going to go into this layers blending options of the island layer by just double-clicking on this gray background of the layers panel. So this is the panel we will be focusing on for now. Here we have a list of all the effects that we can apply, obviously which we've been looking at in the previous lessons. We can change the layer blend mode if we so choose, we can change its opacity. We can change its fill, which we've also looked at in this chapter. And you can hide or unhide the individual RGB color channels. So every image is comprised of a red, green, and blue color channel. And you can hide those individually here in the layers panel. I don't use this very often, but it's something you have available to you. Here we have a knockout drop-down list and you can choose none, shallow or deep. And I'm just going to quickly illustrate what this actually does. So I'm going to click Okay for now, and I'm going to switch to the rectangle tool, and I'm just going to draw a little rectangle over the island. And now I'm going to go into this layers blending options by just double-clicking here on the background of the Layers panel. And I'm going to choose knockout shallow. So then I am going to click Okay, and initially nothing happens. Because first you need to lower the fill of the layer to a lower percentage. It doesn't have to be 0, but I'm just going to put it at 0. And what you see is that it actually creates a mask through the layer below it. So this layer is now hiding the layer directly below it, which is something you can use for some creative effects. Now, altering the opacity actually removes the effect. So if you lower the opacity to 0, it actually hides the rectangle and it's not masking out anything anymore. So you want to influence the fill when you use this specific function. I don't use it very often, but it's an interesting behavior. The photos, photoshop allows you, I'm just going to delete this layer by pressing Backspace and I'm going to go back into the islands blending options. So that was the knockout. Here we have another interesting checkbox for layer masks, mask, hides, effects. And to demonstrate what that does, I'm actually going to just apply a basic drop shadow. So I've just clicked on Drop Shadow and that brings me to the settings and it applies the effect. I've a very dark drop shadow at a 100 percent opacity and a fairly large distance just for demonstration purposes. So the, the checkbox, if I go back into the blending options is currently disabled. And that means that if I go back to my document by pressing OK, and then apply a layer mask to this layer using the Add Layer Mask icon here at the bottom of the Layers panel, I wanted to switch to my brush tool and have black be my foreground color. And now I can start masking out the layer. But as you can see, the drop shadow effect is actually still visible and it's moving along with whatever I am masking. So this is what that checkbox does. If you want to hide the layer effects along with the layer itself, you want to enable the checkbox. So I'm just going to go back into the blending options, enable, layer, mask, mask hides effects. And I'm going to click Okay. And now when I click the Layer Mask here and then start masking, you will see that the effect itself is also hidden. So I'm just going to undo all of that with Control Z. Moving on to the last option we are looking at in the blending options. So I'm just going to go back into the blending options of the layer. And then we are looking at the Blend If options. Basically, this allows you to configure transparency for a layer depending on the brightness of the layer itself and the layer below it. So if I start moving this black slider to the right, you will see that it's starting to hide the darker pixels of this layer. So the darker, basically currently all the luminance values are visible. And if I start moving this to the right, it's starting to hide the darker pixels of whatever that point this is in the histogram. And if I do the same for the white slider here, if I start moving this to the left, it's going to start hiding the brightest parts of the image, knocking them out, and making the layer below it visible. And we can do the same for the underlying layer here. So I can actually move this around. And it's only going to show us the darker parts of the layer below, comparatively speaking. And then I can do the same for the brightness values, and that's going to hide them starting from the top. So those are some of the advanced blending options you have available. I don't use them very often, personally speaking, but you can utilize them to some creative extent. 113. 13: In this video, I'm going to show you some additional options concerning layer styles that can be useful in certain situations. I've already shown you that when you right-click on a layer with some layer effects like this butterfly here, we can actually copy the Layer Style and then we can paste it with another right mouse click and this secondary option here. You can also clear a Layer Style by choosing clear layer style. And that is basically going to remove all the layer styles that you have applied. Now, a couple of interesting things that you will find when you actually right-click on the word effects. Here are the settings for Global Light. So if I click this, we've looked at this global light checkbox in the layer styles a bit in a couple of previous videos, mostly concerning the inner shadow and the Inner Glow. And this is where you can change the Global Light. And that can be useful when you have properties that are not linked to global light. So if you disable the checkbox in the Layer Styles, you can still change that global light over here, which can be pretty useful. So I'm just going to click Cancel for now and then right-click on effects. Once again. You also have the option to create layers from Layer Styles. And that is going to basically expand the layer styles to their own layers. So if I choose this option for this specific layer, you will see that some aspects of the effects cannot be reproduced with layers. I'm just going to click Okay for now. So the actual style of the layer might change. But here we have individual layers for the layer styles that were applied. So this fill here I can visualize by holding Alt and then clicking on the icon. And that is actually going to hide all the layers except for this one. And we just saw what the drop shadow did. And then if I choose this layer, you will see the actual glow applied to the butterfly. So those are now on their own layers, which I find as an interesting option available to us in the layers panel. We can also right-click once more and we have the option of hiding all the effects on this layer currently. Not that interesting. I'm going to right-click once again where it says effects. And you can also scale effects uniformly. And that is applied to every single effect applied to the layer. Instead of editing them individually, you can expand the layer effects in here. So I can put it at 250%, for example, or let's go a bit over that to 500%. And that is going to make all the effects bigger that I've applied to the layer. So those are some additional options afforded to us in the layers panel. And you can find most of those by just right-clicking where it says effects once and effect is actually applied. 114. 13: Earlier in this chapter, I promised to show you how to create your own patterns which you can use as fills for different objects and also obviously as a Pattern Overlay when you apply layer styles. And for that I have 13.13 creating patterns. And we're going to be creating a pattern based on this stack of wooden blocks of firewood. So for that, I would like to actually create a selection around the entire document. So I'm just going to press Control a to select the entire document. And then I'm going to go up into the Edit menu and then choose Define Pattern. I'm going to name this pattern fire wood. And then click Okay. And that adds the pattern to the pattern fills that I can apply. So that means if I press Control D to de-select, I can then go into the Ellipse tool and just draw a circle holding Shift. And then I can apply this pattern to this shape by just clicking it here in the pattern fills. And I can click and drag it around because it's on its own separate layer, which you will see when, once you hide the background layer. Why didn't show up initially is because it was in the exact same location as the original. So obviously, you wouldn't be able to tell because the images are in exactly the same spot. So I'm just going to hide the background layer for now. And I'm just going to go back to a regular solid fill for this layer at the moment. And then I'm going to apply this new pattern as a pattern overlay. So I'm going to, with this layer highlighted, I'm going to go to effects and then choose Pattern Overlay. And where it says patterns, I can then choose this new one that I just created. I can increase the opacity and it's currently not visible because of its blend mode. So it's perfectly black, like it's a solid black color. So with overlay, this pattern wouldn't be visible. So once I switch it to normal, the pattern actually shows up and we can see it in the image. So here I can alter its scale. I can make it larger or smaller and you will see that it eventually tiles. It's not a seamless pattern. So you want to take that into account when you're scaling things around. You can also change its angle if you wish. And you can actually link it with the layer or unlink it with the layer. And that allows you to just change which part of the pattern is visible by clicking and dragging the layer around in the actual composition. So that's how you can create patterns. These are persistent, by the way, they're not going to go away when you open a different document or when you close out of Photoshop. So whenever you create these, they will always be available to you here in patterns. And also when you are working with layer styles. 115. 13: In this final lesson of the chapter, I'm going to show you how to create a seamless pattern. So in the previous video, we created a pattern based on an image which was non-repeating. So you eventually started to see the tiles if you scaled it down too far or if you applied it to a large enough background. Now in this layer, I'm going to show you how to create a seamless pattern so that it's infinitely repeating in all directions. And for this, I have the document 13.13, seamless pattern. And what we have here are four illustrations of some animals. So I have here a goat, which I can make visible by Alt clicking the icon, and that's going to hide all the other layers. I have a dog, I have a rhino, and I have a monkey. Now, let's create a repeating pattern based on these animals. So I'm just going to hide all the layers except the goat layer by Alt, clicking the i icon in the layers panel. And then I'm going to apply an offset filter to this layer. Filters is something that we will be looking at more extensively in the next chapter. But for now we're just going to go up where it says filter in the menu, then go into other and then choose Offset. And this document is 400 by 400 pixels. So it's 400 pixels wide and it's 400 pixels tall. And when you're creating a seamless pattern like this, your tile or your document should be a square. So these settings are the easiest to apply actually. And what you want is to offset the horizontal and vertical of this initial layer by half of the document size. So that's going to be 200 pixels by 200 pixels horizontal and 200 pixels vertical. And this checkbox for wraparound should be enabled by default. So then I'm going to click Okay, and as you can see, this goat layer is now split up over the four corners of the document. Then I'm going to enable the dog layer. So I just made it visible by clicking the icon. And again, we are going to apply an offset filter with some slightly different values. So with this layer highlighted, I'm going into Filter and then Other and then Offset. And now I don't want it to take on the same position as the goat layer. I want one of these axes, the horizontal or the vertical, to be 0. So I'm just going to change the horizontal value to 0. And that's going to split the dog vertically at the top and the bottom of this document. So that is the desired effect. Moving on to the rhino layer, I'm going to enable its visibility and make sure it's highlighted in layers. And then I'm gonna go back up into Filter, Other and then Offset. And I'm just going to flip these values. So I want the horizontal to be vertical or horizontal to be 200. I want the vertical to be 0, and that's going to split it horizontally. And then I'm just going to click OK. And for the final layer we're going to use for a pattern, the monkey. I'm actually going to scale this down a little bit. So I'm just going to press Control T with the layer highlighted so I can free transform it and holding Alt, I can scale it down towards its center and then confirm the transformation. And for this, we don't actually need the offset filter because I just want this to be the center of the repeating pattern. Now, what we want, what we want to do is merge all the layers in this document into one layer so we can actually create our pattern. So I'm just going to click on the top layer and then Shift-click on the bottom layer and then press Control E to merge all the layers into one. So now the layer is, the document is actually only one layer containing our pattern. So I'm going to press Control a to select the entire document Command a on a Mac obviously. And then we're going to do the same thing as we did in the previous lesson. We're just going to create a pattern based on this document. So I'm going to go up into Edit, and then a bit further than halfway down we have defined pattern. And this is going to be seamless animals. And then I'm going to click Okay. So this document is 400 by 400 pixels. I'm just going to create a new document using Control N of, let's say 1920 by 1920 pixels. And then just click Create. Now, this pattern is now integrated into my patterns panel. But I'm actually going to apply a layer style. So I'm going to draw a rectangle. And then I'm going to go into Layer Styles by double-clicking the layer here and then choose Pattern Overlay. This is currently still the wood pattern, which is not what I want. I want this seamless pattern. And once I click that, you will see that I can also scale it up quite a bit. I'm just going to set the rotation back to 0 and then click Okay. And as you can see, I now have an infinitely repeating, seamless pattern. And I just did this based on four layers, but you can do this with as little as one layer if you want, and just create a seamless pattern that you can repeat infinitely in all directions. 116. 14: In this chapter, I'm going to teach you all about filters in Photoshop. And to get started, we're going to look at one of the newest additions to the filters in Photoshop, the neural filters and the expressions, Neural Filters to be, to be specific. So in this document 14.1, I am going to go up into the Filter menu and then I'm going to choose Neural Filters. And that's going to bring me into this separate workspace. Or there are several neural filters available. By default. None of them are actually installed. So if you want to install one of these, you just click it here and then it starts downloading the actual filter. I'm just going to cancel it for now because I don't really have a use for the Zuber super zoom neuro filter. Basically, Neural Filters. Neural means that it is actually processed in the Cloud by a neural network. So it performed certain actions such as colorizing a black and white image or changing the expressions of one of your models, which is what we will be doing in this lesson, processes all of that in the Cloud and then brings it back to your own system. Because your own system, in most cases, not well equipped enough to actually do the processing itself. So we will be looking at the Smart Portrait filter. So I'm just going to click this here and you might have to download it by clicking the Download button when it appears, I already have it here in my system. So when I click on this, I get the options here, but they are currently grayed out because the filter is not enabled. Notice that the filter automatically does face detection. So it's detected the face of the model here. So when I enable it here with this checkbox, we get into the actual filter. There are some featured featured features where you can already start playing with some of the more popular sliders of the filter. I'm just going to close out of this for now because we will be looking at these tabs individually. Then I'm going to open the expressions category. And here you can see be happy, surprise, and anger. So you can actually increase or decrease the measure of those emotions. So if my model is looking a bit too sulci, I can increase his happiness by just sliding, be happy to the right. And I'm just going to increase it by about plus 15 for now. And it's going to process, process it in the Cloud and then sync it back to my system. And once that is complete, you will see that the expression on his face has actually changed. So Photoshop is computing in the Cloud what this man should look like if he was 15, happier than he currently is. And once you start exaggerating these values, very quickly falls apart actually. So once I put it to 50, again, it's going to process in the Cloud and he's not going to let you know, it's not necessarily a bad result. But he doesn't look like Dennis anymore. And that's what you will find. What this filter is, that it's just making up details of the face to correspond with whatever you set the sliders too. But this is a tech demo. This is still in beta, as you can see here, where you pick the actual neural filter. So this is something that is still in development and something that will improve as time goes on and as more people use it because it's processed in the Cloud, adobe takes in all of these use cases that people actually try to use a for and try to improve it based on its use. So you can do the same for surprise if you want. So I can make him more surprised. And that's going to process quickly. Does he look surprisingly? It looks a bit yeah. He looks a bit more sad actually. And I can make him angry or by just increasing the anger slider. And I'm just going to pick the maximum. And he looks very angry. So this is something that you can play around with. Like if a model has an expression that you're not perfectly happy with, you can play around with the sliders to get a better result. Here, if we look at the global edits, you can change the facial age. You can change the direction of the head, and you can change the light direction of the image. So when I check facial age here and start increasing its value, I can actually make Dennis a bit older or even older. And as you can see, is hair color changes like there's some gray gray streaks in there is Beard turned gray if we change it to the maximum value, you'll also see some more wrinkling in his face. And again, once you start pushing these filters to their extremes, they lose their believability. Let's say it is something that you can play with, something that works quite well in certain situations, not particularly this one is the head direction. Let's say I want to see more of the right side of Dennis's face, then I can just click and drag this to the left. And it's actually going to turn his head, like it's trying to map his face and then turn it in and convincing way. It doesn't look very convincing for this specific photograph, but I have seen some where it is actually quite convincing. So after we've seen what this filter can do, we can also see where it's going to output two. So if you click output here, it's currently set to new layer, which is non-destructive, which is nice. You can add it to a new layer with a Layer Mask. You can apply it as a smart filter or you can even apply to a new document. I finally smart filter the most flexible because it allows us to dive back into the filter and make future changes. And it also allows us to mask out certain aspects of any filter that we apply. I've all separate video about smart filters in this chapter, which we will get to in time. So I'm just going to click Okay. And that is going to give me the layer as a smart object, including a smart filter. And if I wanted to go back and make additional changes, I can just double-click on Neural Filters. And we end up back in this dialogue where we can make those additional changes. 117. 14: A fairly recent and interesting addition to Neural Filters is the ability to colorize black and white images. And to demonstrate this, I have here 14 to Neural Filters colorize. And in this document I'm just going to go up into the Filter menu and then choose Neural Filters. Now, colorize is actually out of Beta. So if you look here at the featured filters, you will see colorize. And if this is your first time using it, you actually have to download it. I've done so already, so I can just click on colorize. And Photoshop is going to process the image and turn it into a color image. And this is actually amazing. The result is very, very much like the original photo, which was a color photo that I shot with my camera. You will see this model Marley a couple more times in the course. And the result is actually really, really good. So for portrait photography, this is actually a really, really useful filter if you want to colorize them. If you have like a scan photograph from back in the day, like an old photograph that you want to restore and it's scan, then you will want to actually fix the photograph. As far as damages concerned like creases and cracks and stuff like that, you want to get rid of those with, for example, the Spot Healing Brush or the clone stamp. But, and then apply this filter. But for images like this, it is actually a very good result. You still have a lot of control over the saturation and the color mixing of the image. So I can increase the saturation if I choose, which doesn't actually give us a better result, I actually find that the default result without any edits is usually the best when you look at images such as this. So you can play with these sliders if you want. I'm going to apply it as a smart filter because I find that the most useful when I'm really impressed with is the feathering on the hair and the lips over here actually that they've applied the color. So gradually, let's say that it is actually a very convincing result. 118. 14: Smart Filters are an essential part of working non-destructively in Photoshop nowadays. Basically, we can apply any filter we want with any settings, and then we can determine where that filter is actually active after the fact using layer masking. And we can always dial it back into the effect and change the settings to change how our image looks. And to demonstrate this, I have here 14.3 smart filters. And what I'm gonna do is just convert this layer for smart filters. You can do that by simply turning it into a smart object by right-clicking or actually unlocking the layer first by clicking the lock icon, right-clicking and then choose Convert to Smart Object. But if you go up into the Filter menu, you will also find convert for smart filters. So you get a little dialog box here that you can just click through. And this converts the image to a smart object. That's basically all it does. It's the exact same function as right-clicking and choosing Convert to Smart Object. Now, to work with a smart filter, we just apply any filter. So I'm gonna go up into the Filter menu again. And then I am going to choose Blur. And then I'm going to choose Gaussian blur. And Gaussian blur allows me to blur the image like this. I can click here on the image to put something else in the preview. And what I'm going to do is enter a radius of, let's say six pixels. So the higher the radius, the more exaggerated the blur value of six suits my purposes for now, There's a wanna do is just increase the depth of field of this image a little bit by blurring the foreground and the background a little more relative to the model sitting there. And what photoshop has done now actually is applied the smart filter here with a Layer Mask. So first of all, I can always dial it back into the garden Guassian blur effect by double-clicking it here under smart filters. And I can still change the values. So it's a non-destructive way of working because I can always go back in and edit the values of the filters. And now let's say that I want to exclude the model and parts of the foreground here from this filter. I want the model to be in focus. For that, I'm going to select the actual layer thumbnail here. And then I'm going to go into Select at the top and then choose subject. And it's going to make a selection of the subject in the image. And it's actually done that based on the blur values. So what I'm gonna do is press Control D to deselect. And I'm just going to hide the smart filter for now by clicking the icon to disable it. And now I'm going to recreate my selection. So I'm just going to go into select and then choose subject. And Photoshop will automatically detect the model here. And then I'm going to re-enable the smart filter and then click on the Mask thumbnail of the smart filter. Now I'm going to switch to the brush tool with white, sorry, black as my foreground color. And now I can just paint over the model. And I'm painting through the filter to reveal the original image right there, which we also see here in the filter mask. Now, I'm going to de-select for now because I also want some of this foreground, middle ground to be in focus actually. So I'm just going to click and drag over here to bring this area back into focus. And let's say I want to gradually bring this out-of-focus again. So I don't want to go from focus in folk, folk in-focus out of focus. I want it to be more gradual. At the moment, I can just decrease the brush opacity to something like 50. Then I can paint over this and I'm not painting through the filter entirely only by 50 percent. And I'm also going to do that for this background over here. And that's also something you can see in the layer mask. So here at the bottom, it's white, then it goes into middle gray, and then it goes into black to indicate what is in focus. So this allows you to not only go back into the settings of whatever filter you're applying it also, 0 also allows you to specify where the filter is actually active by working with a normal layer mask. 119. 14: The most difficult thing about teaching about filters in my experience is that every filter has a different results based on what you apply the filter two. And that's why for this chapter, I've chosen to just show you a few practical applications of different kinds of filters to produce certain results. And in this lesson 14 for Cloud tunnel, I'm going to show you how to turn this image above the clouds into a Cloud tunnel, which you can use on its own or in a creative composition. If you look at my Instagram and scroll down a little bit to last year, you will find an interesting application of that filter. So we're going to be using a couple of filters to turn this field of clouds into a Cloud tunnel. And for that first, we're going to crop the image into approximately a square. So I'm just going to press C for crop. And then I'm going to hold Alt and scale this down towards the middle. And I just wanna make sure that it is actually a square. So I'm just going to go up into the ratio and then choose 11 square and then confirm the crop with the checkmark here at the top. So now to create our Cloud tunnel first, I'm going to unlock the layer by clicking the lock icon in the layers panel. And then I'm going to go up into the Filter menu and then distort the distort category. And then I'm going to choose polar coordinates. And polar coordinates is basically going to put the image through a cyclone, through spin cycle and just rotate it around itself clockwise. So once I click OK here, it's going to partially create this Cloud tunnel already. Now, it's not exactly very neat here because the left side of the image is completely different from the right side of the image which we have over here. So I basically want to copy the bottom half of the image and then flip it vertically to create a symmetrical cloud tunnel. So I'm going to switch to the rectangular marquee tool. And from the bottom right, I'm going to click and drag up to select half of the image. I'm going to copy this selection to a new layer by pressing Control J or Command J on the Mac. So now I have a copy of the bottom half of the image here. And then I'm going to press Control T or Command T on the Mac to go into Free Transform. And then I'm going to mirror it vertically. So I'm going to right-click on the layer and choose flip vertical. Now all I have to do is click and drag it up. And I'm holding shift for that purpose at the moment. So now it's at the top and it's centered. So I can just confirm here, and there is my Cloud tunnel. Now, what I wanna do is make the Cloud tunnel a little bit longer by basically pinching the center of the image a bit further inwards. So I want to apply that to both of these layers. So I'm going to merge them into one by selecting both layers in the Layers panel and pressing Control E for merge. If you're not a big fan of shortcuts, you can always right-click and then choose Merge Layers. So now we are going to use the pinch filter to make the tunnel a little bit longer. So I'm gonna go back up into Filter and then choose Distort. And then I'm going to choose pinch. And I'm going to go for an amount of, let's say 90. You can kinda see a preview over here. And then I'm going to click Okay, and that elongates the tunnel by punching it in words basically. Now, let's say I want to change what is at the end of this Cloud tunnel. What I can do then is just grab the Elliptical Marquee Tool and then click and drag and then grab shift to draw a circular selection. And then I basically want to hide what is in my selection. Now if I apply a layer mask and now it's going to retain whatever is selected and hide whatever is not selected. So that gives me the opposite result. So what you can do is hold Alt or Option on the Mac and then click the Apply Layer Mask icon to apply a black mask. So that is actually going to hide the selection. If you do apply a white mask by mistake, for example, you can always click on the mask and then press Control I to invert it to get the same result. But I prefer the Alt click feels a bit more user-friendly, let that way. So you can put anything at the end of this tunnel. You can make it look like a portal, which I believe I did in my creative composition. So this is just one application of these Distort filters. And like I said, they all have a different effect depending on what you apply them to. So it's really educational to experiment with these with your own images or something you found online. Besides just copying what I am doing. 120. 14: In this lesson, I'm going to show you how to use particles and some motion blur on those particles to make images seem a bit more dynamic. And for that, I have the file 14.5, motion blur. And what we're gonna do is paint in some flying grass out of the wheels of the scooter that my kids appear to be riding through this Scandinavian landscape with a burning airplane in the background. And if you look in the exercise files for this chapter, you will find a grass, grass brush, an ABR file. Now, we already talked about adding brushes to Photoshop in the chapter about brushes. So if you just double-click this and it will bring you back into Photoshop and it will add this brush to your program. So what we're gonna do is paint this, these particles. There's these blades of grass on their own separate layer. So I'm going to press Control Shift Alt N to add a new layer. And I'm just going to say part in Coles. Now, when we are painting with this grass brush, we obviously want it to be the same color as the actual grass. So I have the brush tool active here. I'm going to right-click and make sure that this grass brush, which now should also be in your installation of Photoshop, is actually selected. And then I want to sample the color of the brush for from the original image. So I'm just going to hold down Alt and click on the image, and that is going to sample the color to the foreground. Now, currently this brush is actually pretty boring. We can just click and drag to paint with this blade of grass, but it doesn't look very convincing. So we're going to make this brush a little more dynamic by going into the brush settings. Now, the brush settings can also be summoned by going into Window and then choosing brush settings. So we're going to be playing with these a bit to make our brush seem a bit more interesting. So the first thing we're gonna do is click on Shape Dynamics. And I'm going to put the size jitter at 100, which gives us some variance for the size of the blades of grass. I'm also going to increase the angle jitter to 100 to give the blades of grass a random rotation. Then I'm going to go back to the brush tip shape here. And I'm going to increase the spacing to make them seem separate. And what we could also try is go into scattering. And then choose two for the count and then a 150% for the scatter. So this is basically going to paint with two of these brushes at the same time, with the same settings, but the, the same random variants. And it's going to spread those brushes out by a 100 and 50 percent approximately. So I'm going to decrease my brush size by quite a bit using the square bracket keys. And then I'm just going to paint out of these wheels here. And I'm going to do a couple of strokes. Also, some across the actual scooter. Like so. Okay. And let's say I'm going to grab some larger ones and just do it towards the back one more time. All right. So now it seems like these blades of grass are flying where the scooters riding. And now we're going to add some motion blur to make this seem a bit more realistic. So we are going to make sure the correct layer is highlighted in the Layers panel. Then go into Filter Blur, and then choose Motion Blur. Now, the first thing you can change here is the angle. So you can change the direction of the motion. Basically, I could make them blurry going up, but I want them to blur in the right direction where the scooter is actually driving or actually where the grass will be flying. So a little bit upwards like this. And then you can just increase the distance to increase the blur amount. This looks about right at about 20 pixels. So I'm just going to click Okay? And when I zoom in on the image, you will see that this blur is now applied. Now if I want it to go back in and change these values again for the blur, I'm not going to be able to do that because I didn't convert the layer for smart filters. So if I Control Z to undo the application of the motion blur, I can go back into Filter and choose Convert for Smart Filters. Then reapply the motion blur filter, which is also listed here at the top now because it's the last filter that I have applied. And then just apply the same values. And now if I want to change those values, I can just double-click here on motion blur and change my filter to whatever value I wish. So this is just a fun little edit. Adding these particles and some motion blur generally can really make your compositions a bit more dynamic if you want to make it seem like something is in motion. And I have another example of that further on in this chapter. This is one of my favorite applications of the filter. 121. 14: In this lesson, I want to guide you through some of the rendering filters that Photoshop offers. We'll be looking at most of them, not all of them, because not all of them are useful in any real meaningful sense. So I have here the file 14.6 rendering filters, which we will be working with. This is obviously a Photoshop composition consisting of about eight images. The moon, the starry sky, the foreground with my daughter. This bus, the fox, the buildings and the flames, separate elements that I have composited in here. So what we're gonna do is first copy the background layer for now. And we don't actually have to do that to work non-destructively with filters. We've seen that we can use smart filters to do that. But if we want to mask certain aspects of the image, It's still more useful to actually work on a copy and then convert that for smart filters. So that is what I'm going to do right now. I'm going to make sure the layer is highlighted. And then I'm going to go into Filter and then choose Convert for Smart Filters. I'm just going to click Okay on the pop-up and it is now a Smart Object. So the next step is going up into the Filter menu with the layer selected and then choose the render category. Now we're not going to look at these first three initially. We are going to look at the clouds filter initially. So the clouds filter generates random clouds based on the foreground and background color that are currently set. So before we got started, I made sure that my foreground and background color is set to black and white. The order of those doesn't matter as long as it's black and white, it's going to randomly generate clouds. So when I click clouds, you'll see that I now have some clouds. And those are applied with a smart filter. So there's not really anything to configure when it comes to Cloud. So you don't get a pop-up where you can enter anything. These are randomly generated. But if you double-click the actual filter, it will regenerate the clouds. Now, this is obviously not very useful in this context because it's actually hiding our image. So what I can do is actually change the blend mode of the clouds layer to something like overlay. And that's going to apply them as this kind of filter, getting the image a lot more texture. Now, there's a bit too much texture. So I can always just decrease the opacity of this top layer to make the effect a bit more transparent. And I can always look at my before and after by hiding this top layer. So I can just click this and hide it. I'm going to go back with control Z2 before applying the clouds filter. And now we are going to go back into Filter again to render. And then I'm going to choose Difference Clouds. And what this does is basically the same thing, except it creates a negative of whatever the clouds are hiding. So now we can kind of see through it. But the interesting effect actually shows up when we change the blend mode again to something like overlay. Now, this is not, again, not really what I was looking for, but as we decrease the opacity of the effect of the effect layer, let's say to something like 40 percent. It really makes the colors of the image, especially the oranges and the contrast, a lot more dynamic. So this is also an effect that you can use to put a little more contrast in your Photoshop compositions and make it seem like layers are flowing together at that better. I don't use it that often, but I do appreciate the effect and what it can do. So I've used Control Z to go back to before applying Difference Clouds. And now we're gonna go back into Filter and then choose render. Once more. We're going to skip fibers. It basically just puts a texture on the layer which you can use. To the same extent, you can change the variance and the strength of the fibers. And I'm just going to show this real quick. And then I can change the blend mode to overlay and just lower the opacity. And now you see we have kind of this texture going on almost like it's raining, which can be useful, but there are other ways of achieving that same effect. So I'm just going to Control Z and undo applying fibers. Going back into Filter and then Render. I am going to look at the lens flare. And that can be useful for composition such as this. You'll see a lens flare displayed in this little preview panel. You can change the brightness of the lens flare and making it larger or smaller if you so choose. And you can also choose different lens profiles. So it's currently set to 50 to 300. I can change it to 35 prime, a 105 prime, or movie prime. And all of these work out slightly differently. I usually stick to the 50 to 300 because I just like the way that effect looks more. And I'm going to place this lens flare over the left eye of the Firefox, let's say. And I'm going to lower the brightness to about 25. And then click Okay. So now the eye of the fox appears to be glowing, which I think is kinda cool. And now I'm going to go back into Filter and then apply lens flare once more, which brings me back into this pop-up. And there's now a second flare that I can click and drag. And then I can just place it by clicking OK. Now I'm not entirely pleased with the position. So it's kinda difficult to see in that preview panel. So what I'm gonna do is go back into the effect by double-clicking it. And I don't want the bottom one, I want the top one. And then I can just click and drag it around a bit to get to where I want it. And then I'm going to click OK. Okay, so that looks a bit better. Now, let's say you want to change the opacity of these effects. What you can do is just double-click this little icon and that gives you some control over the blend mode of the effect and its opacity. I don't actually want to change the opacity of these effects individually. And because we are working with a copy of the background layer, I can just decrease the opacity of the layer itself to kind of weaken the effect. The next two effects that we will be looking at cannot actually be applied to smart object layers. So what I'm gonna do is just create a new layer above this layer by pressing the plus icon at the bottom of the Layers panel. And then I'm going to go into Filter and again render. And then I'm going to choose tree. Now, tree actually generates a random eyes tree over which you have quite a degree of control. So I can choose an oak tree or a redwood. I can change the light direction of the tree being generated. I can change the amount of leaves. I can change the size of the leaves. I can change the branch height. And that's going to increase the size of the trunk of the tree. And I can change the branch, branch thickness as well. So there's lots of presets to choose from and you solve a lot of control over how the street actually looks. You can also choose to create an arrangement. And that basically randomizes a lot of these properties. But I'm just going to leave that for now and click OK. And that's going to generate this tree on top of this layer. Now, if you want to make this part of the composition, you're going to want to make it a bit smaller. So I'm going to press Control T or Command T on the Mac to transform and scale it down a little bit. And I could create a row of trees here on the right side. I could duplicate this a few times. I'd have to add some shadow and equalize the lighting and color of the composition. I think you get the idea here. So you can generate trees based on some values that you have a great degree of control over. So I'm just going to select these layers and delete them by pressing the bin icon here. And then again, I'm just going to create a new layer, this time by pressing Control Shift Alt n. What we're gonna do is set this fox on fire. And for that we need to use the generate flame filter. And to do that we need a path for these flames to follow. And I'm going to draw that path with the pen tool. So I'm going to choose the pen tool. I'm gonna make sure it's set to the path mode. And then I'm just going to click along the back of the fox a little bit going down the tail. Does something like this. And then I'm going to press Escape once. And now when I go into Filter and render, I can choose flame. And that is going to generate these flames along the path that we've created. And what you can actually do is select the type of flame. And what I wanna do is create multiple flames following the direction of the path. You can change the length of the flames. You can randomize length, which is actually one I'm going to do. You can change their width, you can change the angle. And I'm going to angle them quite a bit because I want the flames to follow the curve of the back of the fox. And you can change the interval, which spreads them out a bit more. I want to leave that to about 25. And then when I choose a fine quality, I'm just going to click Okay, it's going to generate these flames based on the values I've added. And they don't look great like they don't look like they fit into the scene very well. So what I'm gonna do is go into the blend mode and change it to, let's say, screen. And that is already looking a lot better. I don't actually want the path to be selected anymore. So I'm going to open the paths panel and just click away from this path to deselect it. And there we have our composition. So that was just a quick preview of some of the random rendering filters and what they can do. 122. 14: The liquify filter is a filter often used to change the proportions of somebody's face or body. And that's what we will be looking at in this video. So the first thing I'm gonna do is convert the background layer of this image of Marley to a smart object layer so that we can work non-destructively. So I'm going to go up into the Filter menu and then choose Convert for Smart Objects. And I'm going to click Okay on the notification. And now we can go into Filter and then choose liquefy. And going into liquefy by default, you will end up in the face tool. And the face tool allows you to hover your mouse over the face of your model and start clicking and dragging on these separate items of the face. So you have the entire face shape here. We have the eyes that we can change. We have the nose, we have the mouth and the face options also appear when you hover over the chin. And you can just click and drag these around to change the proportions of the face of your model. So I can enlarge her forehead, for example. Or I can bring in her chin a little bit and her cheekbones to make her appear even thinner. And I can change the position of the nose. I can change the position of the eyes, which is a bit tricky in this interface. Actually. I can just scale them up proportionately like this. Or I can increase the height or the width of the eyes. So you can edit all of these things individually. So if somebody, for example, has unevenly sized eyes, which is very common, you can actually make them more equal in size and position. And the position of the eyes is actually quite difficult to match exactly using these tools. So if we look and the right of this filter pop up, we actually have some exact, more exact positioning for the eye size, eye height, width, width, and I tilt. I can also change the distance of the eye so I can place them further apart or closer together. And I can also increase or decrease all of these items that we saw on the image itself with the face tool, with these settings here. So I can change the nose height, for example, I can change the nose width. I can increase the height of the forehead and the chin. I can change the jawline here if I wanted to, and I can change the overall face width as well. Now, this filter also has some tools that we can use. We have here at the top, the Forward Warp tool, which allows you to just push pixels to the side. So let's say I want to cough her hair a bit more. I can just grab the Forward Warp tool, which is subject, subject to the same shortcuts as the brush tool by the way. So you can use the square bracket keys to increase or decrease its size, or you can hold Alt and the right mouse button to do the same. So I can just push her hair around a bit. And you don't want to go too crazy with this tool because you will actually distort the image. So if you click and drag too far, you're going to distort whatever you are clicking and dragging over. We have a few more tools here. We have a twirl Clockwise tool and that is just going to rotate whatever we hold the mouse over. And I'm just undoing these changes with Control Z, we have the pucker tool, which pushes whatever we hold the mouse down on closer together. The bloat tool does the opposite, so that increases the size of whatever we hold the mouse on. Those are the most used tools within this framework. So if you actually want to reset all of your edits, you can hold the mouse. You can hold the Alt key or the Option key on Mac, and then the cancel button turns into Reset, just like in every other dialogue within Photoshop or almost every other dialogue. So now when I click Okay, our edits are in place and I can always disable the edits by just hiding the smart filters. So this is our before and this is our after. Not the most, not the best result. But I find this picture a very good example of using this filter. And what you can do with it.