Photoshop for Beginners | FREE COURSE

Hi, there.My name is Dan Scott, and I’m an Adobe certified instructor here at,Envato Tuts Plus. And together, me and you are going tolearn everything you need to know to get started with Adobe Photoshop. Now, this course is forabsolute beginners. There is no need to have anyprevious Photoshop knowledge, or any photography ordesign knowledge for that matter. We’re gonna start at the beginning andwork our way through, step by step. Now, we’re not gonna go through everysingle tool and every one of its features. What we’re gonna do is, we’re gonna work through real worldpractical examples in Photoshop. Then, we’ll learn the tools and features necessary to makeit a really amazing image.We’ll start by getting the mostout of our photographs. Correcting the lights and the color. Also, how to change the colorscompletely in Photoshop. We’ll spend some time with text,showing you how to distort it, along with all of its effects. I’ll share some amazing cropping andresizing tricks as well as exciting ways to transform and distort images sowe can fake mock ups like this. I’ll show you all myspecial retouching tricks. Cleaning up small imperfections as wellas removing larger parts from images. Before the end of this course, you’llbe able to make simple masks like this. But you’ll also have the skills for a super tricky masks like this,out of focus, here.There’s lots more as well,like mastering layers, knowing the best practices forexporting images and sharing them. So it’s just a really good foundation forgetting started with Photoshop. I set some exercises through the course so that you can practice the skillswhile you’re learning. So if you’ve never opened up Photoshop oryou’ve opened it and you’ve struggled with it, follow me and I will show you the best ways to makebeautiful images in Adobe Photoshop. All right, it is time to get started. Now the first thing you can do isyou can download the source files. The source files are just the filesthat we use throughout the course, so you can download those and play along. And there are projects that getset during the course, okay? Not homework, there are superexciting things to do together, okay. But if you wanna share those with us,okay, there is a forum post to use. So go to the forums and search forAdobe Photoshop for Beginners.Also you can share on social media. Twitter, we are Tuts+ Design orDan Loves Adobe, okay? Or on Instagram,it’s bring your own laptop. Okay, so share what you get up to. Next thing we need to do is weneed to reset our work space. We’ll jump into the computer now andyeah, we’ll do that now. All right, sofirst thing we need to do is, let’s just get our screens all lookingthe same so you can follow along easily. So first just got up to Window,down here to Workspaces. And doesn’t really matter what yours isset to, let’s change it to Essentials. Okay, so what we’re also gonna dois we’re gonna reset essentials. So back up to Window > Workspaces and justclick this one that says Reset Essentials. And that’s just gonna getyours looking like mine. So yeah,it’s a little easier to follow along. All right, so boring stuff over,exciting stuff next video. Let’s start looking atLayers in Photoshop. Hi there, in this video,we’re going to look at layers. We’re gonna do some adjustments to thisimage all on different layers, so we can see the different effects, and really justget to understanding how layers work.All right,let’s get started in this video. Okay, so first thing to do is,let’s go up to File and let’s go to Open. Now from the files that you’ve thatdownloaded, open up 01-layers. Okay, this image comes to us free fromMilos Tronchenski, I practiced that. Let’s open them up, thanks Milos. So the first thing we need to do ismake sure you can see your layers panel, mine’s over here. If you can’t see it, go to Window andjust make sure the tick is on Layers. What we might do is,see this libraries panel here? We’re gonna look at himlater in the course, but he takes up quite a lotof screen real estate. Now, my screen’s quite big,yours is probably not. When I’m working on my laptop,see these little double chevrons, I always go through andjust close this down, okay, just to give yourselfa little bit more room.Okay, so down here in my layers panel,I’ve got one layer. By default, when you’re opening up a JPEG,you’ll get given the word background, it’ll be locked, okay? What we wanna do is right-clickthe background, okay, and go to this one that says Duplicate Layer. We’re gonna give it a name,we’re gonna call ours Auto Tone. Okay, and that’s the first of theautomatic features, we’re gonna click OK. Now, it hasn’t changed anything,I’ve just got two layers sitting on top of each other, okay,I’ve got auto tone and auto background.Now, with the auto tone layer selected,okay, it’s kinda this light gray, or in earlier versions of Photoshop,it’s kinda a blue color. So we’re gonna select it, let’s go upto Image and let’s go to Auto Tone. You ready, stand back, and pretty cool? Pretty cool little automatic feature. Now, what auto tone’s doing is, it’slooking at the highlights, midtones, and shadows, and trying to find kind ofa better than the original we had. Okay, so it goes and does that for us,a nice little quick automatic feature.When do I use that, I use that quite a lotwhen I’m doing maybe images that they’re not gonna be the front cover of a magazineor the hero image for a design. It’s just, I want a quick fix, okay,I’ve taken them on my phone or something, and they’re just not quite perfect. I’m gonna go through and use somethinglike auto tone before I, say, upload them to social media. So over here in my layers panel,the thing to look at is auto tone, okay, it’s a little hard to see,the thumbnails are slightly different. What we can do is turn the eyeballoff on this auto tone layer, just click the eye right in the middle. Okay, and now we can see the layerunderneath, which is the background. So the background’s still there,he’s protected, he’s not being wrecked. Okay, and I can turn this top one on andoff easily to compare the two.Now when you’re working with layers,you’re always looking from the top down. So imagine you’re always a bird flyingabove, and you can see auto tone. And I can turn the eye on and off forbackground, but nothing happens, okay? It’s because auto tone’s covering it,okay, so I could turn you off and then you off. Okay, so that’s I guess whatwe’re doing this video, is getting an understanding of layers. Let’s do the next of the automaticfeatures, so let’s turn off the eyeball, okay, so I turned off auto tone. Let’s select the background layer andright-click it again and go to Duplicate Layer. Let’s look at the other feature,okay, it’s called Auto Contrast, and let’s click OK.Then with that layer selected, it shouldbe automatically, let’s go to Image and then let’s go run the other options. Okay, it’s better, okay,the colors are a bit strange still. And so note that we’ve used autocontrast and it’s given us a result. Now let’s compare it to auto toneby turning on this auto tone layer, on, off, on, off. Sometimes it can be a little hard inthis course to see the differences, depending on the video qualitythat you’re kind of receiving.And I can see a real clear differencebetween, I like auto tone better, stronger darks. Now, don’t think auto contrast isjust broken or it doesn’t work. Okay, what you’ll find is,it depends on the image. Sometimes I open up stuff andauto tone does a horrible job, auto contrast does a great job. So open up your image andbasically test all three of these. Okay, figure out which is the best, and then say you’ve gotanother ten images to do. Then as long as they’re kind ofphotographed in a similar sort of situation, you can often not have to tryall three, just go to the one that works.So we’ve got auto tone, which is nice, myfavorite, auto contrast, and background. So let’s turn the two eyesoff on these top ones. Let’s look at the last ofthose automatic features. Right-click background,let’s go to Duplicate Layer, call it Auto Tone, nope, we’re usingAuto Color, and let’s click OK. Let’s go to Image andlet’s just set this one. Pretty good, okay,it’s pretty close to auto tone. Now if I turn them all on,what I want to do is, I know auto contrast is not that great,so I’m gonna turn it off. And what happens is, if I have this off,remember, you’re the bird flying on top. If I wanna compare auto tone with color,okay, I can turn auto tone at the top. And as long as auto contrast is off,if I turn this eyeball off, you’d imagine you’re seeing auto color. Turn it back on, you can kinda see I’mtoggling between these two here, okay, to see the difference. You have to experiment a little bit andplay around. Okay, and if it makes it a little easier,sometimes this guy here, you can just click on him and click onthe trash can, okay, if he’s wrong.Okay, keeps the layers a little bittidier, you can also drag them. Let’s say that we want autocontrast on the bottom. So we want it underneath auto color,not underneath background, okay, he’s at the back. So click, hold, anddrag auto contrast, and you’ll see this little blue line appears. Okay, that little blue line, it’s a littlehard to see, that’s where it’s gonna go. Okay, I would like you to play around,I’m gonna set you a little task. I would like you to havethem in alphanumeric order. So auto, my ABCs, auto color’s at the top, then auto contrast, andthen auto tone at the bottom, okay? Just to practice dragging them,that’s all I want you to do, really. And you’ll notice that the differencebetween, say, auto color and auto contrast, on the video,it might be so minutely different,just a slight color change. Then it’s kind of up topersonal preference, do you like auto color better orauto tone better? Now, if you go through,open up a bunch of images, and just run that one automatic feature.All right, sothat’s a basic introduction to layers, and we looked at some of the cool littleautomatic features in Photoshop. Now we’re gonna use layersall throughout this course. So if you’re finding, man, that wasconfusing with layers, don’t worry. We’re gonna kind of work through themevery video, looking at layers, and you’ll get a bit morecomfortable with them. One of the things we’ll have to do beforewe go, though, is save this document. Now we opened it up, remember,it was a JPEG when we opened it.Now if I go to File > Save,okay, it’s gonna say, you can’t be a JPEG, why is that? A JPEG can’t have more than one layer,JPEG just had the background layer, and that’s it. If you had not created these other layers, it would have just savedover top of the original. Okay, but Photoshop says,hey, you can’t be a JPEG, so you’re gonna have to be this Photoshopfile, it’s a PSD, there he is there, okay? And I’m happy for you to save it straightback into the source files using the same name, the only thingdifferent will be the PSD.Don’t change any of the settings,okay, and just click Save. This little Photoshop formatoptions opens up every single time. Don’t worry about this, okay, it justmeans that Photoshop’s asking, if i save this as a PSD, do you want me to saveit as a maximum compatibility version? And all that means is that it’s morelikely to open in really old versions of Photoshop. Okay, so I always leave this on, itmakes the file size slightly bigger, but just leave it on andclick on don’t show again. Because it’s not something thatneeds to pop up every time. I’m gonna leave mine oncuz I’m an instructor and I need to explain this thing. It’s a pain, butlet’s leave it on there, let’s click OK. Cool, so let’s finish this offby going to File and Close. And before you go, let’s practice that,so let’s go to File and go to Open. And I want you to, on your own,open up the 02-layers, the Tevin Dodson, thank you very much forthe image, click Open.And I’d like to set you a task,I want you to go through, duplicate the background layer,you’ll end up with four layers in total. Okay, and I want you to practice withthese three different automatic features. And then I want you to reorder them to theone at the top that you feel is the best. Remember, it’s not always 100% perfect,okay, it’s a bit of personal judgment. But drag the one that you think is thebest to the top of the layers group, okay, and stack them up, just a bit of practice. All right, andI’ll see you in the next video, where we are going to look at a little bitmore of Photoshop kind of foundations. Where we show you how to work withmultiple images, kinda copy and paste from one to the other,and how that works. All right,I will see you in the next video. Hello friends, in this video we’re going to look atkind of basic navigation of Photoshop.Okay, we learned a little bit inthe last videos with layers, but now we’re going to start moving thingsaround and resizing them, okay? So, we’re going to combine one,two, three images and put them all together on this onein these nice little cubes, okay? So, few little shortcuts,I promise not too many, but just the things that get used quite a lot. It’s best to use the the teeny,tiny shortcuts. I promise not to overwhelm you much,all right? Let’s get started now. All right, soto learn our kind of workflow features, we need to open up all of thoseimages that we want to combine. So we’re gonna go to File andwe’re gonna go to Open, and we’re gonna be usingthese from Jessica Nolan. Okay, thank you very much, Jessica. And it’s the three, okay? There’s A, B, C, and D.Now, you can click one andjust click Open, and open them all individually ifyou find that more useful. A little trick though, is select the firstone, hold Shift, click the last one, okay? And they should all be selected,and click Open. Now, what’s happening is, you can seealong the top here I’ve got these tabs. So all the images are open in tabs. If for some reason, yours doesn’t, okay,that’s the default, but if it doesn’t, go to Window > Arrange, andjust click Consolidate on All Tabs.Now there is, there’s probably three orfour ways of combining images. Now, I’m just going to show you the onethat’s the most bulletproof and reasonably easy. So we want to, this first image here, this is where we want toget those little squares. So this first one here, and the way to kind of drag it to this tabhere is actually kind of dragging it. So we’re going to grab the Move tool, which is the first one inour little tool bar here. And you click and hold with yourleft mouse arrow, okay, click and hold the center of this image anddrag it to this other tab. It’s a bit weird, okay? And so click hold drag,drag, drag, drag, drag. The mouse is down the whole time andI just hover above this tab and Photoshop automaticallyswitches to this one. I’ve still got the mousedown the whole time and then I move my mouse key down here andlet go, okay? So, the big thing for that,it does feel a little weird, okay? I’m gonna drag it into place,and now it is, you have the mouse down the whole time.Okay, if they went horribly wrong ordidn’t work at all, okay, I’m gonna go to Edit andI’m gonna go to Step Backwards. It just kind of undoes and keep goingstep backwards until it’s gone, okay? And I’m gonna practice again withyou guys, so back to this tab, Move tool, click hold, drag in the center.I’m just holding down my mouse key holdingit down, holding it down, holding it down. Okay, you do get used to it after a while,[LAUGH] it’s a strange one. Okay, so, and what we’ll do is,we’ll do the same for this 03c, okay? So, click hold, drag the center of it,and then move it in here okay? I’m going to try and line them up nicely. Okay, you’ll notice thatPhotoshop is pretty clever and tries to kind of automaticallyalign things, okay? If yours doesn’t align, go to View,come down and just make sure Show and the Smart Guides is on. It’s probably on by default,but just in case it’s not. Okay, so View > Show > Smart Guides. Great, so that works for all images andit’s gonna be quite protective when we look at things later on calledlayer masks and adjustment layers. That dragging option is the bestway to do it, in my opinion. Okay, the last one is gonna throw us alittle bit, this one has a different size. So the same technique works, right? So I click hold, drag it to my first tab,let go, but it’s ginormous.Okay, so, this is gonna happen to youwhere sometimes the images can be really, really big,it can go two kilometers that way, okay? So you need to kinda get themdown to a proportionate size. So this is gonna be our kindof next bit of navigation. Now, we’re gonna be learningzooming in and out first, okay? So for this to work,I need to zoom out a little bit. So there is a magnifying glass over here,okay, which you can click once to zoom in, and over here you can click it to minus. And now this thing when youclick once will zoom out. So you just toggle between these two here. Now, you can definitely do it that way,but what you’ll find is that, it’s such a common thing you do in Photoshop,everybody learns the shortcut quite early.Now, if you hold down the Cmd key ona Mac or the Ctrl key on a PC and just tap the plus button on your keyboard,okay? Just up on the top of your keyboard there,plus to zoom in, minus to zoom out, okay? We’re not gonna go throughtoo many shortcuts here, but there’s just a couple that youreally need to know early on. What I’d like you to do, is zoom out tokind of this level, doesn’t really matter. Just so you can see the edges, because what we’d like to dois shrink this guy down, okay? So I’ve got that layer selected. I’m gonna go to Image,nope, I’m gonna go to Edit. I’m gonna go to Transform andwe’re gonna use Scale. So scale is one you use quite often. We’re going to cover all of thesein a later tutorial, but for kind of fundamental navigation, you’re gonnaneed to move things and scale it, okay? So we’ll just cover this quickly now.So Edit > Transform > Scale. You’ll see, that’s what we zoomed out,so we can see the edges of these boxes. Okay, so what you can do is if yougrab the edge, you drag it around, you can re-scale it down. The only trouble doing it this way, is that you can see itkinda distorts the image. So I’m gonna go to Edit > Undo. And what I wanna do is,I’m gonna hold down a shortcut, okay, so I’m gonna hold down the Shift key. We won’t do too many shortcuts,I promise, okay? But hold down the Shift key and grab any of the corners beforeyou start dragging, okay? And that just means it willscale the height and width, kind of a fundamental Photoshop thing.Okay, so once you get it toa size you kind of like, okay, sometimes if you’re new. You’re sitting here like me,looking at your hands [LAUGH] and going, do I let go of the Shift first orthe mouse key first, okay? It’s always the mouse, okay? Anytime you’re thinking that,it’s always the mouse. Let go of the mouse first, okay, andthen you can let go of the Shift key.Now I’m gonna drag mine in kinda close andyou see it kinda lined up nicely. And what I might do now is just drag it so it’s the perfect width tomatch these other guys. Now, zooming in a little bit,who remembers the shortcut? You all do, okay, so on a Mac, its Cmd+,if you are on a PC, its Ctrl+. Okay, and zoom into a nice kind of size. And this brings us on to our next kindof fundamental navigation feature that we need to learn in Photoshop, okay,and it’s just moving around this canvas. So you can see I can’tsee the bottom here.Now, the long painful way is grabany of these sliders, drag it down. And that is fine when you’re really new. Okay, and I threw a lot of shortcutsinto this tutorial, just one mor,e okay? Hold on the Spacebar key,see my little arrow here? The Spacebar key transformsinto a little hand, okay? So Spacebar key and just kind of click,hold, and drag your mouse.So, the Spacebar + Down, click,hold, drag around, okay? Or use these little slider handles,they are totally fine. All right, and what I’d like to do isjust resize it a little bit more, so it matches these sizes. So what’s the key I hold down to makesure the height and width is the same? You remember, it’s the Shift key. So holding Shift, drag it up and just getit kind of close, we’re not looking for perfection right at this moment. We’ll cover that a littlebit more later on. Okay, get it close. And when you’re finished,you need to kinda say, Photoshop, I am done to get rid of these likelittle marks that are on the outside. Because you’ll find that, you seemy menus just don’t work now, okay? Cuz it’s saying I’m halfwaythrough this thing, please.Then, finish it off by hitting Returnon your keyboard or the Enter key. Okay, and then it just kindagets it to where I need. I’m gonna zoom out a little bit, whichis you remember, Cmd- or Ctrl-, okay? And what I’m going to dois with my Move tool, okay? I’m depending on, if you’ve turned yourson or off, make sure auto select’s on. Okay, and I can click anddrag this one up here. I’m gonna drag this one here,and this one here. Beautiful, all right, my friends,that is going to be it. So just to recap, to move thingsfrom one image to another or at least one tab from another,use your Move tool. Click hold, drag it up to the tab,hold the mouse key down the whole time and let go of it.Now, if you end up with problems with itbeing the wrong size, you go to Edit, go to Transform and use Scale. And if you want to lock the height andthe width together, what do you do? That’s right, Shift key,hold that down, okay? And the other two things welearned were some shortcuts, okay? Zooming in, which is Cmd+ or- on a Mac,or Ctrl+ or- on a PC. And once you’re in really close okay,you can drag around with these guys or hold down the Spacebar key to move around. Click, hold, and drag your mouse. All right friends,let’s get on to the next video, where we start looking atsomething called levels. Probably the thing I usethe most in Adobe Photoshop. All right, let’s go there now. Hi there, in this video, we’re gonnalook at something called levels. Basically, they get the shadows,and the highlights, and the midtones all to look really nice,okay? Let’s take this image here,okay, it looks great. But then we add levels,and, looks more amazing. Right, it’s the foundation.It’s the thing that I do most in Photoshopwhen opening up a new photograph. Let’s go learn how to dothat now in Photoshop. All right, so first up,let’s go to File and go to open andthen your source files open up. O4a, okay this one here. It is a photograph by Erol Ahmed, okay? And let’s click Open. All right, solet’s look at opening the levels. Now there’s a couple of waysof opening it in Photoshop. And if you’ve done Photoshop a long timeago, you might have used this method here.Let’s not use these,these here are very destructive. So we’re going to use the nondestructive methods, okay, which is basically there’sadjustments panel here. If you can’t find it, let’s go to window,and let’s open up adjustments, and you’re going to hover above them after whileyou work out what these little icons do. But can you see here, I’ve hoveredabove it with my mouse and you can see.Oop, there is where levels is written. Okay, so now click on this one here. This is definitely forme as a amateur photographer but professional designer, I use this onethe most when I’m fixing up my images, cuz I need a lot of work with my imagery. Now this complicated looking thingopens up it’s called the histogram. And it’s not complicated. Well, it’s not very hard to use with,which is nice. And basically what we’re lookingat is information from images. This is all the see this little darkhouse here and the White House. This is everything that isreally dark in the shadows and this is everything that’sreally bright light lights. Okay, you can see here, it’s missinga little bit of information there and a little bit there.Now what you do with labels isyou basically just drag this black slide up on to the firstlittle mountain here. Okay so click hold and drag up andyou’ll notice here my image, if I click, hold and drag. As I drag it, can I get closer to this kind of peekhere the blacks become a lot stronger. If I go too far past this like firstRyan’s watch this, I started so that’s kind of like getting kind of weird. Okay, sothere is not a perfect adjustment, but you just drag it here basicallythe beginning of the first Hill, okay? The same on the other side.So there are whites in here, but they’re not super strong tomake them nice and strong. All we do is grab this white little kindof house thing here, drag it to the left. And do I want to drag all the way in here? No because it start overexposing some of these whites and they start blurring together. So it’s kind of the beginningof the first little hill. There it is them. Okay, so often distracting thosetwo in taking the two ends and we’ll get you your strong whites andyour strong blacks. Now the middle slide here the graysliders all you mid tones. Now this will depend on the imagebasically every image that open up I often tech names, okay,and they both come in. Now where does this middleslide ago depends on the image. If I drag it all the way to the right, cansit down all the way the left it lines it up and this will really depend on yourimage and what look you’re looking for.Okay, so I’m just dragging my back andforth and I’m looking at my image, not my slider over here. Okay, looking at the image andjust finding where I feel it’s nice. Now I didn’t need to move it much at all. And that is correctingan image kind of one on one. I do this, the first thing I do beforeI do anything else in Photoshop is just get the levels right. Now to check whether you made this thingbetter or worse than when you opened it. You can see here this iscoordinate adjustment layer. So these levels, you can see it’sappeared in my Layers panel. The cool thing about that isthat I can turn it on and off.Okay, like we did earlier on whenwe did our automatic features, and you can turn this on and off. Okay, so turn the layer off,I can see the background underneath. And that’s what it sounded like andI look fine when we open it. So until we do the levels that you like,okay, man, there was a bit more in that image I couldhave got okay, so yeah that is Labels. What I’d like you to do nowis save this image, okay? It’s gonna ask you to call it a PSD, andthat is great, a Photoshop Document.And I’d like you to open upthe second example, okay? And I’d like you to practice on your own. So it’s 04B, okay? And open up this one here andpractice the same thing. Create adjustments layer,okay and the levels and see how you go attacking the two ends andthen decide where that middle slider goes. And this will be a cool timeto share what you’ve done and kinda what your end result would be. So check us out on social media,and that’s at tuts plus design. Daniel loves Adobe. And on Instagram,I am bring your own laptop. So take a screenshot, save a JPG, I’d love to see what your endresult with that second example is. All right, so let’s get on to the nextvideo, where we look at vibrance. Okay, getting andextracting amazing color from your images.All right, let’s go and do that now. Hi there, in this video we’regoing to look at vibrance, and we’re gonna do this,before and really after. Okay, I’ve gone a little levelboard to exaggerate the effect for the intro, okay, butlet’s back it off a little bit, and let’s look at kind of somereal world use in this video. All right, let’s get started. All right, first up,let’s go to File > Open. And if you did the previous tutorial,and you did the homework that I set, which was this one here, 04B, have thatone open, cuz we’re gonna use that one.And if you didn’t, andyou skipped ahead, you can open up 05A. And I’ve done the homework for you. Click Open. And basically this is the image we want,open, and you might have done the levels yourself. You might skip to this one here,where I’ve done them for you. So levels is the first thing that I do. The next thing is vibrance, okay. So with the layer selected,let’s go to our Adjustments panel. And it is kind of V here. Okay, it’s the last one on the top right,click on Vibrance. Now vibrance, if you were likemaybe old school Photoshop and you’re kind of getting back into it,saturation was the only option before. And saturation and vibrance are,I guess, interesting things to compare. So vibrance is the bestone to use in my opinion. Okay, watch this.If I crank the vibrance up, things just get more amazing. Okay, or the big difference is thatyou can see some of these images or some of these colors here, the front here,especially these pinks and these yellows,they’re actually quite strong already.And what vibrance does is when it liftsthem up, it starts lifting up other colors, supporting colors inthe background, whilst leaving these. They go up a little bit, but not asmuch as some of these background colors. So let’s look at this green here. Okay, if I lower that back down toabout 0, it’s kind of washed out. And instead of increasingthem all equally, it leaves some of these moresaturated ones alone, okay? And brings up some ofthe other ones to meet it. The difference between that and,say, saturation, watch this, if I crank up saturation to getthis kinda green to come out, these guys end up goinga little bit overboard. Okay, you might like that effect, okay,there’s no kind of right or wrong. It’s more, this is probably gonnagive you the more natural effect, so increasing the vibrance.How far do you go? You can max that out,okay, that’s totally fine. Often, depending on the qualityof the initial photograph, it’s only kinda slight adjustments. Just to kinda lift the colors. Plus 40 in this image works for me. Down at the bottom here, remember theeyeball, on and off, this vibrance layer, just to see,have I made this better or worse? You can see it’s just lifting, say, theseblues back here and these greens here, just to make a more colorful image,or more vibrant image. Might go up up even a little higher,you can do both. Okay, bit of saturation anda bit of vibrance, not normally what I do. Cool, so that is vibrance. And that’s kind of like,I guess, lifting the colors, leaving some of the saturated ones alone. What I’d like you to do is savethis document, close it, okay, it’ll save it as a PSD.And I want you to open upthe second version, okay. This one is here is Jaztina Poon,okay, open up her image. Okay, andI’d like you to do the same thing. Go to Adjustments panel,go to this little kinda V, and see. And this one here,I wanna do it with you okay? I set it for homework,but I’m doing it with you.Why, because this one’s a really clearexample of that’s already really saturated, but say this, mm,I’d say rooster, chicken, okay, is not. So watch this when it comes up, okay? Vibrance lifts the color of thischicken here, but leaves this fine. Whereas saturation, okay, ends up blowingthis out to get this color going. So have a practice with this, even thoughI just did it with you, and save it.I’d like to see your final result, okay? So check us out on social media. Twitter is TutsPlusDesign. And on Twitter, I am danlovesadobe. Or if your favorite is Instagram,I am bringyourownlaptop. I’d love to see what you did.All right, let’s get into the next video, where we start looking atadjusting kinda specific hues. At the moment,we just made everything a bit better. Okay, let’s say we have a color shift andthere’s a little bit too much color.We can start doing somemore selective adjustments. All right, I’ll see you in the next video. Hi there,in this image we are going to look at hues which is basicallyjust colors in Photoshop. And we are going to look at doing kindaselective colors there where we leave the stalk alone butwe can adjust colors, okay? Cool stuff like that, andalso more kinda like practical stuff. Where say this image here,the colors are grayed but we just wanna make themlift them up a little bit.Can you see before, after,before, after, okay? Just to kind of like subtle adjustmentsmore that day to day use of Photoshop huge adjustments. All right, let’s go andlearn that now in Photoshop. All right, let’s look at the first step,let’s go to file, let’s go to open In your source files open up 06a,the first one. Okay, thank you. Thank you, DJ. It’s going to open,make sure on our Move Tool and we are going to go backto our Adjustments panel. Okay, so we looked at levels earlier and then we looked at vibrance now we’re goingto look at the kind of next step and we’re going to look at thisone called Hue and Saturation.Click on him is the firstof the second line. And start off with I want you to grabthe just this main hue slider here. Grab a little diamond inthe middle of the triangle and drag all slowly to liftan insulator right. Go, okay, it’s just the way ofgoing through and deciding and changing the hue ofan image okay completely. Now this works perfectly for this particular one because there’sonly one color in the image.Let’s close this now, and jump intoan image that has multiple colors and we have to use a couplelittle tricks to adjust that. So let’s save and close this one andopen up the next file. I’m not gonna save mine because,just because, I’ve done that before, let’s go to File Open andlet’s open up 06b. Okay, and this one here by Philippe. If I pronounce people’s nameswrong I’m sorry I try and let’s look over this lines selected. Let’s go to adjustments andlet’s open up hue and saturation. Now, if I grabbed this hue slide and now and I want to change this to say pink,I change it to pink, where is pink? Okay, you notice it’s changingthe the stock as well.So, just by dragging the slider at the topby itself, it just changes everything. It’s quite cool kind ofacidy dream type but let’s say that I wanna kind ofisolate this particular color. Okay, so where’s his master,drop that down, and let’s go down to rids, okay and nowit’s going to only adjust the red color. Okay, so that’s a way ofadjusting a specific color. You might have a product that you’vegot a photograph or some clothing. And the cool thing about it is that it’squite a unique color within the image. If there’s multiple things that are in redin this image, this is not gonna work. But yeah, we’ll look at somethingcalled masking later on to fix that. But for the moment, okay, cuz we’veonly got one red thing, it’s a nice, quick easy way to adjust the hue. Not just adjusting the hue,we can go through and adjust the saturation of that colouras well for that one particular colour. Okay, the other thing is let’ssay that you want to change the colour of the stock.Now what happens especiallyin kind of like landscape and kind of nature shots is the like, I can’twant to just that colour which is green, clearly because it’s the stock of a rose. But if you look real closely,it’s actually opposing right and it’s actually a bunch of kind of focus andyellows that make up that kind of my brain tells me that it is green becausethat’s what green stock should be.So, what we forgot to say green sinceI wanna just you not a lot happens you can see, okay, it is because actuallythis guy is made up of mainly yellows. So it happens quite a bit youare looking maybe this thing is broken. It is not just like the yellows are justnot the greens are not very green. They are more of a yellow color. So now I have got yellows andadjusting them. You can see I can adjust it. And often what I will end up doing isadjusting the greens to look more like the kind of green you just draga little bit to the right and it’s kind of made a green. I’m going to drag up the saturation. Okay, just as an exaggeration to show youthat, yeah, let’s actually the yellows. Now the Lightness slide here, I never use. It does a pretty weird thing,it’s just kinda like covers the, we’re looking at this down here, coversit all in white or removes it all black. Okay, so I never use that slide. If you wanna play with the lights anddarknesses, okay, go back to the labels like wedid earlier on in the tutorial.Remember that’s under adjustments,in here under labels, okay. So you might not be doing thisparticular exercise very much where you kinda wanna replace the color. Let’s look at kinda more thing thatI end up running into a lot more. So let’s save and close this one. I’m not saving it. And let’s go to File Open, and in herewe’re gonna open john-marks-arnold, john-mark-arnold, okay, is,06c let’s open up that one. Okay, so this is kindatypically what I end up doing, I don’t end up changinglike the whole rows, like changing completely different color,I don’t get to do that very often. Most of my work is, I got an image froma photographer using it for a project.And I just want to make the greensa little green in the sky little blue. So to do that it’s the exact sametechnique as we did for the previous one, but we’re gonna be a littlebit more subtle with it. So adjustments panel,let’s go to hue and saturation. And what I wanna do isadjust this grass here. Now, like in the last one, grass in this case is actuallymore yellow then it is green. If I grab the greens and try to adjustthe colors, nothing much is changing. So if I go to yellows though andadjust them. Okay, you can see there’s a lot moreyellows going on in that grass. What I wanna do is, instead of makingthem purple, which you could do, okay? I’m just gonna make them a bit more green,so I’m dragging a little bit to the right. Now, on, off, on, off. You can see, yeah, a bit more green. And what I also might do is grab thesaturation, just drag it up a tiny bit. Now, it says kind oflike tiny adjustments.These are the hard ones because it’s like, sometimes you wanna just make it screamlike you fix it in Photoshop, but often it’s just more kind oflike subtle changes than it is. That’s the kind of, I guess the nice adjustmentsare just tiny little corrections. Same with the sky. The sky is actually made up ofa mixture of blues and cyans often. So you have to kind ofhave to peg the blues. Check that they’re in there bydragging the saturation up. You can see that theyare definitely there. So what I want to do is probablyjust bump them up a little bit. Okay, on, off,just a little bit more maybe. And in here you might go to the cyans. And I click at the saturation. Definitely in there as well. There’s a mixture of both of those colors.And you can decide whether ifyou want to kind of adjust them. And make them maybe a little bitmore blue or yeah, a little thick. There’s a little bit of touch that way. And I’m going to crank outthe saturation a little bit. Okay, so on, off, on, off. Might be a little bit hard to see inthe video, but hopefully if you’re playing along your monitor,you’ll be able to see it quite clearly.Yeah, it’s kind of like tiny adjustmentsare the things that I spend most of my time doing, just little fixes. One thing before we go is,this one here is is colorized. If I click on colorize, it kind of removesall the colors and gives you an option for the slider here to do like a sepia orjust kind of a single tone color. Okay, so this can be kind of cool forthat CPF effect, okay? Find a kind of a really yellow or kind of dust color andyeah easy just turn it on and off. Okay, has a color is good for that. Okay, so I’m going to actuallysave this one here now and what I want to do is I’ve got an exercisefor you if you go to File Open.The last one andthat is 06d by Elas Kadik. I am just gonna, anyway, just click open. Okay, and this one here beautifulphotograph and it is cool the way it is but let us say that wewant to make this guy’s little bluer and the guy the trees in the watera little bit more saturated. So I would like to use us to do this foran example. Okay, so go through,go to adjustments panel. And use your hue and saturation andI want you to see if you can practice your techniques, raising the blues,see if there’s any signs in the greens and just kind of, I guess,make it a little richer.Right my friends, that is gonnabe the end of hue adjustments. Okay, we did some big slidingadjustments for that first image, but then we got a little bit more andmore specific, as we got along just kind of tweaking thecolors towards the end of this exercise. So, I’ll do homework and I will see you in the next videowhere we start working with text. Hi there, and this tutorial weare going to look at type in Photoshop. Now we are gonna createa little mini design project. It is gonna be a postcardMother’s Day Sale type of thing. And yeah,we are gonna explore type throughout. All right, let us get started. All right, sothe first thing we’re gonna do is, and let’s say we’ve gotan image we wanna use, right? Which is it’s got a File Open.In your source files, it’s called O7a, we’re back,we’ve used this image before by Errol. Okay, let’s click Open. And instead of trying to resizethis into a postcard size, that’s what people tend to do. Let’s say you want to do something forlike a US letter or A4, as they try and grab this and try andreshape it into the right dimensions. It’s way easier in Photoshop to goto File, New, create the right size. Then drag that in, and use our cool littlescale option to kind of resize it so it fits,it’s definitely easier doing it that way. But you’ll also find inPhotoshop is that got some, you can just type in yourinches along the top here.Or switching to centimeters or millimeters depending on whichpart of the world you’re in. What we’re gonna do is,we’re gonna go to print, and there’s some default templates in here. Okay, you can see this US,Letter, Legal, Tabloid, A4, click on this little View All Presets. And what I’m looking for is one inhere called, it’s not in here at all. Okay, it’s in the Art & Illustration andit’s this one here called Postcard. So now that’s selected,it’s done a few things, it’s given it the right height and width. Know in different parts of the worldthere’s actually different sizes, we’re gonna use the US. What we’re gonna do is we’regonna make it landscape, okay? Just for this one,we’re not gonna change anything else.Just make sure yours looks like mine interms of resolution and color mode, but we’ll discuss that later on. Let’s click Create. Now let’s go and save this thing. And what you’ll notice is thatSave is grayed out, it’s weird. Photoshop, it’s one of the kind of quick. So Photoshop is,well you haven’t done anything to this, so I’m not gonna save it.So if I grab the text tool andstarted adding text, it would start. Allow me to save orjust go to File, Save As, okay? And I’m gonna give it a name. I’m gonna put it into my Source Files. And I’m gonna call this one,Dan’s Postcard, postcard even. Let’s click Save. Now we’re gonna use our fancy trickwe learned earlier in this course. We’re gonna go to our image of flowers. We’re gonna grab our move tool. We’re gonna click hold drag,drag, drag, drag into the tab. Keep holding the mouse down,and then let go down here. All right, so it’s the wrong size. Okay, I kind of did that on purpose sowe can practice our resizing. And what we’re gonna have to do isgonna look at rotating it as well. So make sure our layer here is selected. It’s got the little icon, orthe little thumbnail of our flowers. Let’s zoom out,who remembers what the shortcut is? That’s right command minus ona Mac control minus on a PC.We’re gonna zoom out sowe can see the ages like we did earlier. Let’s go to Edit, let’s get on toTransform, and let’s look at Scale. Okay, and he’s actually, reasonably theright size but I wanna rotate it around. So let’s go to Edit, Transform,and it’s gonna rotate, okay? And the same kind of thing, grabbingthe corners, okay, and drag it around.Now remember when we didthe scale will be held shift, and it would kind of resizeit proportionately. holding shift in this case whenwe’re using the rotate tool, okay? Just kind of locks itinto 45 degree angles. Okay, so it’s just nice little steps. So I’m gonna rotate mine around,so it looks like that. Now you go back to Scale, hit thatTransform, Scale, grab the corner. Remember holding Shift, drag down, andlet’s get it to a sort of size like this. You can drag this into it afterwards byletting go, you can let go of Shift and just drag the center.Don’t drag the little dot in the center,okay? It’s just the center of rotationjust won’t do what you want, just drag anywhere else in here,and we can move it around. Okay, I’m not too worried too muchabout the ages of the moment. Okay, I just want to get itkinda lined up ish like that. Now remember, nothing works. Why is it not working? We’ve got a press Enter on your keyboardorigin, okay, this key, I’m done. That’s what I wanted to do. All right, solet’s now add some text, okay? So down here is your text tool. Now actually the zoom in a little bit. Remember the shortcut is commandplus on a Mac, control plus on a PC. Grab the Type tool,says capital T here, okay? And what you can do is, we’re gonna learnthere are kind of two ways of adding text.And the first way is clicking once, okay? And you can type in, andit just kind of goes for you. I’m just mashing away the keyboardto give you an instance. Now if your font is a whole lot bigger, ora different color doesn’t really matter. What you might do is select it all,and change the font either over here. You can do it both places, the top or over here on the right down tosomething like ten point for this example. So that’s one way of adding type. When you’re finished, okay,you can go back to the move tool, and that kind of commits that change. And I wanna show youthe other way of adding type.That’s good for headings. So but if you’ve got some like saybody copy that wants to go in, grab the Type Tool. And before you start typing,actually no, that’s fine, okay? And is just a click hold anddrag a box, okay? Whereas before we just clicked once,we started typing. This one we clicked held the mouse down,and drag that a box. What this is cool for is,I’m messing with the keyboard again. You can see it kind of breakson two different lines. Okay, it’s a good wayof putting body copy. If yours is like mine, there’s these massive big gapsin between the lines here. Okay, I’m going to selectit all by using my title, and just kind of likedrag up across all of us. And then over here on the line spacing,it is way too big.I’m gonna sit back to order, go. So let’s look at stylingsome of these now. So those are the two ways of doing it. Clicking once and the other oneis clicking and dragging the box, depending on what you need. But to finish this,go back to the move tool, great. So what I’m gonna do is, I’ve got thesetwo layers, crazy leaders in them. And so this first layer here, actually,doesn’t really matter what layer on. If you grab the type tool,click anywhere in this top part. I’m gonna select all the text,hit delete, and I’m gonna type in some proper text now. So yeah, we’re gonna cover a few moretext features, but now it’s a little bit. We’re doing a little bit of design work. Okay, so Mother’s Day Sale,I’m going to select all the text. I’m going to make it white.Now you can see there’s,I can use the color here or color there. I’ve got the text selected,I’m gonna put color. And in terms of choosing a color, youuse this little slider to pick the hue. Okay, let’s say you wanted pink,and then you click the upper pink. You can see here’s my text and that color. You might have to move this out ofthe way to see what you’re doing. What I want is white, and to get white is to grab this littledot that you’ve put anywhere. And just click hold, anddrag it, drag it, drag it. And drag it kind of like wing to thiscorner, I drag it a little bit past means it gets all jammed up in the corner,and this perfectly white, click OK.I’m using Gehrman for my main one just because it’s a fontthat you’re likely to have as well. And soin terms of font size that makes me. What am I do is after day put a return in,okay? And if the spacing betweenthe lines is not great, okay, we’re gonna have to adjust it. The other thing we might have to do isthis text here is kind of overlapping the one at the back. So let’s grab this lamp, okay? Which is the top one there. We go by move tool, and I’m gonna say,come down a little bit, but he say, way down here. Back to Mother’s Day, andI’m gonna drag you down a little bit.Awesome, don’t worry if you youfinding a little bit hard to read against the background with your phone. We’re gonna add drop shadows, anda future video to this particular text. Let’s look at a coupleof advanced features. Let’s grab the title. It’s click once, okay, because I justwant to text box that runs on forever. I’m just going to put in,let’s say save the day, save the date, fonts little bit big, soyou have to grab it all. Let’s just make it a bit smaller, okay? And we live different orin the world, right? And so I’m in Europe at the moment, and it’s different from where I’mfrom in New Zealand,okay? I get the second Monday,second Sunday in May in New Zealand, but it’s not the same in Ireland here,which can be tricky.Sorry mom, the reason I’m doing thisis I want to select all the text, okay? And I wanna make it capitals. I wanna change the font first. I’m gonna pick probablyone you don’t have. You can pick any font you like. I like Museo at the moment, okay,it’s when you can download and buy from type kit. We’re not gonna cover how to installfonts specifically just yet, but I’m gonna pick, yeah. Okay, so pick any font, andit’s I wanna make it all capitals. So over here, you’ve only gotsome basic kind of features. You’ve got the fonts,the kind of font white. Basically, whether it’s light orbold, and some other basic stuff. You got this Advanced button,it’s not that advanced.Click on it, and it gives you kind of, I know some of the stuff that I’mused to seeing in a type panel. And the one that I want is this third one,and it says just make all caps. That’s what I wanna do. I wanna drag the font down. Now another little tip for fonts,you can see it goes from 18 to 24. Like what if you want 20 you can justtype it in there, and hit Return and that’ll force it to be. Or the trick that I use quite a lot isdoesn’t matter if you using this one, or this one down here, close them back in.See this little icon here, you click andhold and drag on that icon. I’m just clicking, holding,and dragging left to right. If you got really socomputer doesn’t work that flash. But I’m dragging mine I find this thisa little easier to work out well find one. Great, I’ve got mine down to 12 points,Okay? My move tool, and I click it,try and get there, grab my Mother’s Day layer,and drag here, back there. And this last layer down here, okay, this crazy layer gonnamove him right about there. Now I don’t have specifictext to go in here, so I’m gonna show you a littletrick before we leave. I’m gonna grab the type tool,I’m gonna click in here. I’m gonna slick all these texts,I’m gonna hit Delete, okay? What we’re gonna do is put in somethingcalled placeholder text or lorem ipsum.Now it’s just a really common wayof putting in placeholder text. I know that, let’s say that I’mthe designer in this job, and not the copywriter. And it’s coming from the client,and I know it’s not coming today. So I just wanna put some text in. So .type, come down to Paste, lorem ipsum. Now it’s just Latin words that justmixed up, so that make any sense. And it allows you to design without therebeing in that kind of distraction of fake words. And then what I’m going to do isjust delete, put it puts in a lots, [LAUGH] okay? So I’m deleting lots of mine. And just I’ve got a littlebit of learn some in there. I’m gonna put in a couple of routines. Now I put it, florist, my florist. This is totally made up brand,okay, myflorist.com.It’s probably a website, not mine. So I’m gonna sync all the text, and now you might wanna skipahead cuz I’m just styling. Now looking white. Okay, what font am I gonna use anduse that Museo again, I like that one. Museo, like Musiah rounded,it’s really cool. Makes my move tool, and that’s going to be, yeah,gonna be it for this particular course.The big thing to knowis that you click once, you get a tight box that goes on forever. And if you click and drag,you get a box that has an outside, or a kind of a break at the end. A good tip is to select on the layer,and you might need to go into Avanced. now I don’t think advancedis super nerdy stuff. Actually, this good usable stuff in there. And you also know if you toggle this soclick keep clicking it. It switches between your advancedcharacter and bounds paragraph.So if you’re looking forindents, and other stuff, yeah, just keep clicking on this mesh awayuntil you find the one you need. All right, my friends,let’s finish this one, and get into the next video wherewe look at doing type on a path. Hi there. In this video we are going to do thingslike this where we get the, say, photographer’s name to flow along the edgeof the leaf here, okay, along a path. And down the bottom here we are gonna makethis particularly ugly badge where we get the text to flow along a circle. And then we are gonna make somebulgy text in the middle, okay, all learning cool skillsusing text in Photoshop.All right, so to get started,let’s open the file to get started with. Let’s go to File, Open, and in your source files, okay,you can open up 08-warped-text. Now, if you are following along thistutorial series in order, okay, you can just use the file thatyou created in the last video rather than opening up this one. Okay, but if not, open up this file. And what I’m going to have to do, what you might have noticed isthat I picked some new fonts. I just couldn’t handle Garamond anymore. So I picked some fonts. The trouble is,is you’re not going to have these fonts.So what I’m going to have to do is I don’twant there to be any kind of trouble when you’re trying to open the documentand it’s saying you’ve got no fonts. So what I’m going to have to do is clickthe top one, hold Shift, grab the last one and [SOUND] we’re going to get a layer andwe’re going to do the Merge Layers. Now your file is going to open,it’s not going to have any trouble, but the text is not editable. Sorry about that, cool. So let’s start with the kindacurve that goes around here that identifies the photographer.Okay, and we’ll get,it’s called typing on a path. Okay, that’s the kinda term for it. Now, what we need to do iscreate a path to follow. And we’re going to do two versions, we’ll do that plus the littlebadge down the bottom you saw. And we’re going to start with, if you findthe pen tool over here, and hold it down. So click hold, hold on the pen tool. Okay, and these extra options pop out. We’re gonna use the free form pen tool. If you’re already master of the pen tool,use that one. Okay, the freeform pen tool’s for peoplethat don’t even know what these are, okay? So nice quick, easy version. So let’s grab freeform pen tool. There’s kind of two thingsbefore we get started. Along the top here,you can pick shape or path. Let’s be on path, okay.And on the top here, there’s a cog,click on the little gear wheel thing and curve fit, bump it up a little bit, okay? It goes, I think maximum is ten,but go up to five. All it does is when you draw, it’s gonnahelp you kind of smooth out the line. So if you’re drawing with a mouse andyou’re finding that the line’s not very nice, just go intothe cog and adjust this curve fit. Cool, so what I’m going to do is Iwanted to kind of curve around here. It’s best to start whereyou want the text to start. If I start up here andstart drawing down but I want my text to come up this way,it can cause problems. So I’m gonna undo, step backwards. So I’m gonna down here. And I’m gonna try and up and over. It’s a really hard movement todo if you’re finding it hard. I’ve practiced a coupleof times off screen. Okay, so that was okay. And you’ll notice that it’scurved that out nicely. That’s to do with the settings in the cog.So that’s an okay start for me. Okay if you get it wrong, hit it,step backwards, give it another go. Once you’ve got your path, though, the interesting things aboutpaths is you don’t see them as, they’re one of the few things thatdon’t appear in the layers panel. They end up in this paths panel. Don’t go in there, it’s messy and scary. But for this technique,we’re gonna stay out here on the layers. So all we need to do now to get the textto follow along is grab the type tool and there’s no extra settings. You just gotta watch this icon change. You can see by default it’s this kind oflike, I don’t even know how to describe that drawing, that thing there, butyou can see it in front of you, right? And when it changes, look, ooh,see the little line going through it? Bad, good, bad, good,that’s the icon you’re looking for.And wherever you start clickingis where the text is gonna start. So I’m gonna start somewhere down here,doesn’t have to be perfect. You’ll notice my cursor is flashing. Now if the last thing you did inPhotoshop was a really big font, okay? It was up to like 200. It’s going to be thisgiant flashing cursor. So before you start typing,just pick an appropriate size. I’m gonna go real small on mine. It’s gonna be about 6 pt. Pick any font you like. I’m using Museo Sans Rounded. Okay, but you can use anything you like,and we’re gonna type in the artist’s name.Erol Ahmed, okay? And yeah, that’s type on a path. If you can draw it and you can use the type tool,just click on it, will follow along. There’s a couple of thingsyou probably want to do, is you can select all the text likenormal and make some adjustments. Okay font and size andcolor, mine’s white. And the other thing you might want todo is this starting position for it. So I’m going to zoom in,remember Cmd++ on a Mac, Ctrl++ on a PC. Okay, andI’m gonna use my little sliders here. Can’t use my space bar shortcutthat we learned earlier on because I just learned if you hold down spacebar it just puts in lots of space bars.Cool, so we’ve got this,now we want a begin and ending point,you can kinda see them there. There is this little cross icon, that’sthe beginning, and that’s the ending. To adjust where it starts on this line andwhere it ends, you have to use this tool here. It’s just underneath, okay? It’s the path selection tool. Now, again, you can hold down this tool. If yours is stuck on the white area,that’s fine, just click and hold it down andjust grab the path selection tool. Cool, and if you click hold youcan drag the beginning point. Drag it back.It’s a little bit tough, if you’re finding like, man,this is a little confusing, it is. It’s a little bit tough to do. And the ending point, I don’t reallychange that I want to be as long but you can see If it’s too small, it doesn’thave enough room to fit that word and just kind of drops them off.So if you are finding everything’sdisappearing, you might have to find that little circle, okay, anddrag it out to the end of the line. Another thing you can do is click hold anddrag anywhere in the middle of the line. You can see that little icon,it’s all about icons here, see the little arrow there? If you click hold and drag it, okay, youcan drag it and flip it underneath, and it’s kinda flipped underneath. I’m gonna go to Edit > Undo,it’s not what I want, step backwards. Okay, I’m going to though go getmine to kinda move to about there. And the other thing is,do you want to edit the path? Okay, now I can kind of grabany of these points and just kind of drag them along, sometimesthough if you are not used to using vector paths it’s easier just to go to thingslike edit, transform path and go to Rotate just say you just need to kindof like of like adjust it a little bit.Hit Return, okay, andyou can kinda just make some adjustments. Don’t just click anywhere onthe line [LAUGH] step backwards. If you want to physically move this now,okay, go back to your Move tool, okay,that’s probably the easiest to do. What I might do, it’s quite bright. I’m going to lower the, not lowerthe opacity, I’m gonna change the color. So I’m clicking on the color of my type,okay? And I’m just going to lower it downto something just a little bit more off white. We’re gonna look at drop shadowsa little bit, if you’re like, man, I wish I could add drop shadows. Why aren’t we doing drop shadows? It’s in a later tutorial.We’ll do that real soon. Trying to segment everything out here,it’s a little tough. All right, the next thing we’ll dois we are going to create the badge, okay, that we saw at the beginning. So I’m gonna use a little shortcutto zoom right out completely. We can just hold Cmd+-, and it works. But if you hold Cmdon a Mac, orCtrl on a PC, and just hit the o. It’s the one along the top,okay, above all the letters. So not o, not o then,zero, okay, next to nine. Click on that, and it just kind of puts itin full screen, it’s a handy little trick, little shortcut. All right, soto do the badge is quite similar. Instead of using the freeformpen tool to draw the shape, we’re gonna use the Ellipse tool.So if you click and hold down, you probably got the rectangletool selected by default. Click, hold the mouse down for a while,and then go to the Ellipse tool, okay? And the same thing with this,you can draw with a shape, okay, but it’s better to draw with a path, okay? Remember the path is this kind of like hidden invisible line thatthe ticks can follow. So, ellipse, path,now we’re gonna draw out a circle. I want mine in the bottom right here,okay, somewhere in here. Now if I draw out a circle, okay, I candraw any sort of ellipse that I want. If I want it to be a perfectcircle though, the height and width, who can guess what we needto hold down on our keyboard? Have a guess, you might be wrong,you might be right.It’s the Shift key, okay. That Shift key constraints the height andwidth. We did it when we transformed early,remember, when we scaled it up and down, we hold down the Shift key. Okay, get it to a right sorta size andthen remember, what do I let go first? Let go of my mouse first and I’ve got a kind of circle,we can adjust this later on. Just like before, okay, we’ve gotour path, now grab the type tool and we’re looking for the right icon. This is a little bit more importantbecause so a bad icon, good icon, but then sneakily, there’s another one. Okay, this is a third group. So you might wanna do this on purpose,okay? But if I use this icon wherethe dotted circle around the outside, if I click once, it’s going to turnit into a shape that I can type into. So I’m typing and putting in a fewspaces to break the lines up.That is a technique. We’re not doing it in this course. So we’re gonna go Edit > Undo typing. Okay, actually, I’m gonna go what I wantto get it because you’re halfway through typing, okay, I’m gonna hit the Escapekey on my keyboard top left. Just kind of like Escape key is like,I didn’t mean it, let’s get out of there button.Okay, and let’s go to Edit >Step backwards and we’re back. Cool, so we’ve got our path,and we’re gonna look for the right icon bad, bad, good, okay. And try andget it where you want it to start. I want mine to start in the middle there. Kind of, all right, andwe’re gonna start typing so I’m typing in all caps so FRESHNESS,can never spell this word. I’m totally gonna pause this andcome back and spell it right. [LAUGH] Okay, what you’llnotice is freshness guaranteed. Okay, and, man,it’s probably wrong, it’s okay. And what I’m gonna do is I could rotatethis around or what I’m gonna do is my cursor’s still flashing andhe can see a little flashing there. It can be anywhere.I’m just gonna go andbe centered text, okay? So that’s gonna kinda try and center it. The problem is it kindof centered upside down. That’s okay. So instead of trying to play aroundwith these markers, okay, there’s that little cross and then this little circle,they’re actually mixed up together here. They’re really a bit of a pain. So what I’m going to do is I’m justgoing to go through and do this. Edit > Transform path and I’m gonna goto Rotate, and this is just easier. Okay, so I’m going to rotate it around soit’s at the top. I hit Return, andthat’s just a nicer way of doing it. These little targets are painful. All right, again, the font size isgoing to be up to what you’re doing.I’m going to go down to fivepoints probably pretty low. We’d have print this out and double checkwhether it’s legible on our postcard. It’s always a interesting thingwhen you’re working on a screen and need to print, always print it off. So, budget one in your office just tosee can you read the text at five point? Probably not, but heigh-ho,this is an example. So I want to leave it there and go on todoing the squeegee text in the middle but people will inevitably go, hey,how do I put text along the bottom there? And the thing about it is that youcan’t do it on the same path, okay? So what you do is,you duplicate this path, and you have two of them, and flip it over.Doesn’t make sense? Probably not. Let’s learn by doing. So what I’m going to do is rightclick freshness guaranteed. And I’m gonna say duplicate layer,give it a name. What was it called, next day. It doesn’t really matter what you call it. I never name my layers, okay. You should though. Okay, I’ll just call it next day. But you see it hasn’t changed the text. What’s happened is, if I grab my move tool, there’s just twoof them sitting on top of each other. Now, this is a bit of a hackbecause say Adobe Illustrator, which would be perfect for doing thisexact same badge thing and you know, there’s tutorials on how to do that. But Photoshop does it okay,so let’s just look at it. So, I’ve got two of them now. I want to flip it upside down, solet’s grab the type tool, okay. And, like before, okay,if I click in here, remember what I can kind of drag this soit kind of flips upside down. Where are you? I’m not using the text took,that doesn’t work, okay? I’ll leave that in there becauseyou’ll probably do the same thing.Grab the Direct Selection Tool over here,okay? The black arrow and then click hold anddrag, and flip it over to the other side. Cool, and it’s on the wrong way. So I’m gonna use my Edit > Transform Path> Rotate, I’m gonna flip it around. Now, I’m flipping this around. You might have seen before that minejust happen to magically snap like this into these nice little degrees. You can manually do it at the top here. You can see those are degrees, okay? But if you hold Shift whileyou’re dragging the corners, it just kind of locks itinto 45 degree angles. And that’s going to work for me. Hit return,[LAUGH] I’ll do it one more time. Return, eventually you’ll get it. Okay, so what I want to do is I want it tobe kind of what you’ll notice if I grab my move tool and I drag him up,he’s kind of in a different sort of, he’s on the inside of the line now.So this is where Illustratorhas an option to go through and kind of flip it tothe outside of the path. What I mean by that is, you can seehe’s sitting on the inside, okay, where I want him to kinda bespread around the outside. And I can’t figure out a wayto do this in Photoshop. I don’t think you can. So if you can, leave me a comment,I’d love to know how. Okay, I don’t think you can. So what we can do is just makethe circle a little bigger. So the same part, Edit > Transform path. Let’s go to scale. Okay, I want to make it bigger, but I wanna hold down Shift to get itto kind of be proportionately bigger. Okay, and then it’s just kind of workingout what seems to work for your design. Try not to click on the line. Okay.Move tool. Little bit of transforming,a little bit of wriggling around. And this one down here is not gonnabe freshness guaranteed any more. This one’s going to be next day delivery.Now look. Cool, I’m gonna rotateit a little bit longer. You notice I’m not going outto the Edit menu much anymore. Okay, if I want to rotate,Edit > Transform. Okay, there are some shortcuts. Free Transform is the cool shortcutthat does a bit of scaling and a bit of rotation all at once. So if you are like I’m getting reallysick of going up to all these menus, you’ll notice that the reallycommon things have like undo is Cmd+Z on a Mac orCtrl+Z on a PC.So if you are doing something over andover, just check, is there a little shortcut andyou might want to save some time. All right, so we’ve got the top one and the bottom one, they’re just things ontheir own layers doing their own thing. Okay, butit’s the way to get them top and bottom. Next thing I wanna do is grab my Typetool, I’m gonna click in the middle here. I’m gonna be centered. I’m gonna type 100%. I’m gonna pick a font and a size.Bit big, pick a bold one. So you go off, pick a font and a size. I’m gonna stick mine in the middle here. And we’re gonna use oneof the easiest features. So with it selected here,go to your type tool. Okay, well it’s selected, sorry, just hadto make sure is the layer is selected, it’s kinda this light gray. Make sure you’re in your type tool andthere’s this little icon here. Okay, this little icon hereis the warp text tool option.Okay and watch this. Let’s get down here. So Style none, let’s go to arc andit’s gonna arc it. Lower arc, arch. I’m just reading stuff out now,flag is cool. And the best one of all,there’s never not a good time to use fish. [LAUGH] Okay, sohave a play around with them. They’ve all got options you can make,just drag these left and right, decide which saythe fish head goes. There’s lots of kind ofadjustments on them all. And if you do find you’vekind of destroyed it and they’re not really working anymorecuz you’ve changed too many settings.A little trick is hold down the Altkey on a PC, or Option key on a Mac. You see the cancel, soI’m just tapping that key. So I’m on my Mac, so I’m holding downOption, and just click Reset, and everything goes back to normal. And what I want is Bulge, there you are. Cool, now I’m just gonna find a thingthat works for [LAUGH] my thing. That looks good. [LAUGH] it doesn’t, but that’s okay,we’ve learned the tool.Let’s click OK. All right, so that is the end ofthe tutorial, but now it is time for your homework. Okay, I would like you to take your newfound skills, doing type on a path, okay, and make a badge foranother company, okay? It’s a real association. It’s this one here. If you go to your exercise files oryour source files, it’s OAB called badge exercise. There’s the text, okay? So it’s the Association forObesity Prevention. Check out their website, okay, andI’d like you to create a badge kind of similar to what we didhere in our exercise.Okay, doesn’t have tobe exactly like this. Use a bit of creativeness in there, okay? And yeah, I’d love to seewhat you come up with, okay? So pick fonts, colors,ways of using the type in here, and I’d love to see either a JPEG ora screenshot of it, okay? And either post it in the forum asoutlined at the beginning there or send it to us on social media.So for Envato Tuts Plus, they are Tuts Plus design on Twitter,on DanLovesAdobe on Twitter. But for Instagram, find me at bringyour own laptop and just tag me in it. I’d love to see what you do or give mesome feedback if you ask for it, or let’s just share what everyone’s doing,we’d love to see what you’re up to. >> All right, friends,that is it for this video. Let’s get into the next one wherewe start looking at drop shadows.Finally, you’re like, man, let’s add some drop shadows to this textso it’s more believable or readable? It’s time to do that next inthe next group of videos. See you there. All right, in this video we’regoing to take the design we’ve been working on where the text is a littlehard to read and we’re going to add, ready, drop shadows. And we’re gonna look at bevel andemboss and, get ready for it. [LAUGH] We’re going to hammerit with a gradient overlay. We’re going to look at some of the otherlayer effects also in Photoshop.Plus, kind of lifting text with justa nice black box and playing with opacity. All right, lots of effects to learnin this tutorial, let’s get started. Okay, so first up, if you are continuingalong in the series, okay, you can just work on your file. If you are not, go andopen up 09 effects from your source files. And we’re going to add, first up, a dropshadow to this big Mother’s Day Sale text.So just make sure inyour Layers panel here, you have the layer that you want to changeselected, it’s kind of this light gray. And down the bottom here there’sthis little FX button, click on it. Okay, and here are all the things we’regoing to look at in this tutorial. Okay, so we’ll start with drop shadow,it;’s an easy one. Now mine, you can see it’s edit a dropshadow, got this big thing in the way. To move it, see this kind of lightgray area here, just click hold and drag it to get it to a point whereyou can see what you’re doing. And the background here andyeah, work with this panel. Now it’ll remember the last thing you did,so yours is going to looka little different from mine. So let’s look at the basics. Okay, so let’s look at the distance first. Crank it right up, right up,get it up to like 25. You can see the distanceaway from the type there. Then this angle here becomesa little bit more obvious.You can see I’m just draggingthis little dial here and it’s just kind of the waythat the light effects it. Okay, so it’s up to you what youwant your drop shadow to do. Let’s look at these othertwo before I give you my, kind of like,the way I do drop shadows anyway. Spread, spread you’re notgoing to use too much. It depends on whether that kind offeathering is pushed right to the outside, kind of does a weirdchoke around the outside. Don’t use spread. The main one is size,size is how fuzzy it is. Okay, so you can see I’mdragging it smaller, smaller. And you can see it’s got,when it’s down at 6 points, okay, you can still kinda see the text.But if I get quite high,it becomes this kind of vague blur. Now if you’re like, is it working? Is it better? Turn this preview on and off,just get a sense of what it’s doing. Okay, soit’s really up to you what you wanna do. What I like to do is I likea straight up and down, okay, angle. So I’m putting 90 degrees, andI like the distance quite low, and I like the size quite low. So it will depend on your image and text. Okay, so I do like about maybe 5 by 0 by5 is kind of where we are end up being. You can see this,it’s just a subtle turning on and off.I like that kind of drop shadow. You don’t have to like it. Okay, but yeah, have a play around withthat to get the settings you like. Let’s look at doing one more andwe’ll bring up some options. So if we click OK, we’re done. Let’s say I want to edit it again becauselike man, I wish I would change it again. You double click on this word,Drop Shadow, okay, and it opens up. So you can go and make amends. I’m gonna click OK. So let’s do it to the SAVE THE DATEalong the top here, actually, let’s do it to the photo, thisone here, the name of the photographer. So let’s select the layer. Let’s go down to the FX,let’s add a drop shadow. And let’s say we want to dosomething different here, okay. Because it’s smaller text andI’m gonna kinda zoom in, I can still use my shortcut to zoom in,which is kinda cool. He’s my Space bar key to drag it around. So`, what I wanna do is I wanna dosomething different here because the size and distance don’t work for this thing,and the same with the angle.And the angle is the big,I guess important one. It’s this thing called Global Light. So, what ends up happening, if you use theword Global Light, it just means that if I change this one for this text,it’s gonna affect everything else. Okay, soit’s gonna say it’s gonna just this one. So if I want to adjust this oneseparately, I have to untick it. Let’s look at what I mean. If I rotate it around herebecause I feel that’s better, because it’s on an angle,can you see the adjusted this one here? I’m gonna switch aroundyou’ll start to see. Okay, so the trouble with is,I’m gonna put it back to 90. So they’re all at 90, then I’m gonnauntick this and now watch this guy here. I’m going to crank out the opacity.That’s one thing I didn’t mentionthe last one, the opacity. Okay, how much you can see of it,crank it up at 100% so you can see. This one here 5 by 5 doesn’t really work,so I’m going down 3 by, okay, to kind of get it to come out. Put the opacity down a little bit,but because Global Light is off, it’s not affecting the angle here. Cool, let’s click OK. Let’s look at another way of kindof lifting ticks off the page. We’ll use bevel and emboss. Now bevel andemboss works really well with thick text. It’s not gonna work with any ofthis kind of lightweight text. So I’m gonna click on this one, 800%, makesure it’s selected in my layers panel.Down here let’s go to bevel andemboss, okay, and I’m gonna move it out of the way,it’s always in the way. Okay, there we go, that’ll work, cool. So these are the defaults. Okay, andit’s a bit of experimenting here. And you can kind of look at this as a kindof a really clear indication of what’s happening and down here,how it’s affecting the type. First of all, the style, emboss doesboth the outside of the text and the inner part, okay.Pillow emboss kind of lookslike it’s sitting in something. Outer bevel, just the outsides,kind of lifting off the background. There’s different techniques for kind ofdeciding, it’s a personal choice here. Okay, I don’t like bevels much at all. [LAUGH] But people do, so we’ll show them. Okay, so what am I gonna use,I’m going to use inner bevel. And let’s have a quick little look,Smooth, Chisel Hard, just look at the edge here,gets a little bit more you can see there. I kind of like,I kind of do, almost there. Depth is how like basically it’show much the shadows you get, okay, how extreme it looks.And I feel like it should be a bankletters on the front of a bank or a lawyer’s building,needs this kind of chiseled, you need to use Trojan, the font, andyou need to use Chisel Hard bevel. And again Size and Soften, they’re gonna kind of make senseas you experiment with them. You can kind of see it says here how much,depends on how thick your type of is.If it’s really thin,you’re not going to see anything. In this case can’t see much of a changeeither because the font’s quite small. Okay, so and you guys have got kind ofa flat spot on top, which I don’t like. Okay, soften, I’m not sure why youdo Chisel Hard and soften it, but anyway, there’s more andmore complexity you can get into here. In this essentials course, we’re not goingto get into the super hard core stuff. Just play around with it, experimentwith it, until you get it how you like. When you’re finish click OK. And one of the things I wannashow you in one of the other, I’m gonna combine twothings we’re learning. One is one of the other effects, soI want two effects applied to this thing. I want to change the color of it as well.So the effect is called Color Overlay,but how do you add more than one? Okay, you can do it by double clickingwhere it says Bevel and Emboss, to open it back up again. And you can see on the top here, here are all the other options I haddown the bottom in this FX panel. Okay, so Bevel and Emboss,we’re going to look at Color Overlay. And watch this,if I turn the tick on, it’s working. Its kind of made it a different color. But there’s a bit of a gotcha. What ends up happening is I’veturned the tick on and off, but you can see over here it’sstill shows Bevel and Emboss. Look, cuz I can turn lots of these on. Okay, I need to actually clickon the word Color Overlay to bring up the options for it. So you might be ticking this on andthen thinking you’re at there, okay, or at least say.Let’s do it again, tick that on,and thinking you’re there, making adjustments but nothing’s changing. Okay, it’s because you needto actually click on it. So I’m going to turn all theseoff except for Color Overlay. Color Overlay, I’m gonna click on it andclick on this little square here. Yours is probably set to red, by default,it remembers the last thing you did.Like when we’re picking font colors, you can just drag this Hue sliderto get it to somewhere you want. Okay, and pick a color. [LAUGH] Doesn’t have to be that bad,come on Dan. I’m not sure what color I’m going forbut you get the idea, right? So drag the Hue slider up. Now click in here forthe circle you want, and then just keep an eye out herehow it affects my chisel. All right, if you’re looking for brandedcolors you might type in the RGB colors here or the CMYK colors, if you have it. Well maybe the hexadecimalnumbers to be really precise. Let’s click OK. So we’ve got two things applying now. Let’s click OK. So those are a couple of FX, and we’ve used those mainly to kind ofmake the text pop off the page.What I’m going to show you is a techniquethat I use, it’s not an effect, but it’s just, it does the same type of thing. It’s just using a big old rectangle. So you saw it at the beginning okay,in the intro. So if you grab the Rectangle tool, the only trouble with what we’ve gothere is last time we were using it, remember we were using the Ellipsetool to do the badge, okay. And as soon as we wentto the Ellipse tool, we changed it from shape to pathwhich is gonna cause problems now. Cuz we don’t want a path,we want an actual big, big shape. Okay, so the path is just kind of like aninvisible outline whereas the shapes and actual thing on the page.So Rectangle tool, shape,how about the top here, fill color, click on it,pick a colour from the swatches. I’m just picking black. If you want to get a bit more detailed, you can click on this option get you backinto our lovely Color picker, Cancel. I’m just gonna use black, andclick off in the top here. And for the stroke, I’m going to have nostroke which is this little red line here that says, I don’t want any color, please. Click off. What am I going to do? I’m going to draw a rectangle thatcan kind of starts off the page and kind of goes in here.Cool, I’m going to move it. Back to my Move tool,I’m gonna move it down a little bit. And the trouble is,is that it’s on top of my text. Yours might be different, dependingon kind of what you last we’re doing. And so like before, remember in our layersexercise, we’re gonna click hold and drag, drag, drag rectangle down,waay down the bottom here. I’m just dragging it justin front of my flower. All right, and what I’m gonna do isI’m gonna grab the lorem ipsum text, now, Move tool, I’m gonna try anddrag it down now.What you might find is, you might findmoving this stuff is quite tough. Okay, and we’re at a point now where,I don’t know, this might be an option for you. I prefer to have the Move tool,and have Auto-Select off. Okay, Auto-Select on justmeans whatever you click on, watch the last panel over here,click on the background, it jumps to it. Jumps to that, which is kinda cool, right. I find especially with a really thin typelike this, I just turn it off, okay, and I just make sure I’m very consistentover here in my Layers panel. So that’s what I’m gonna do forthe rest of the course. I’m gonna say beyond this layer,Move tool. And it doesn’t reallymatter where you click now, it’s gonna move that particular layer. It’s not gonna automatically do it, cool. So I’m going to do that. I’m going to grab my Rectangle tool, andI’m gonna drag it across a little bit. Cool, andI want to lower the opacity quite a bit.So with the rectangle layer selected, let’s lower the opacity of this justmakes it a bit more see through. [SOUND] Yep, so that’s just anothertechnique, instead of using Drop Shadows. You see it quite a bit,yeah, but you might hate it. That’s okay, you might love the Chisel,Bevel, Emboss, and that’s okay too. All right, next thing we’ll look at,we’ll just look at one or two more. You can experiment with them all. We’ll look at puttinga stroke around the outside. Let’s do it to the Mother text. So Mother’s Day Sale. Okay, double click, cuz we’re gonna addtwo to it, remember, drop shadow and double click.And we’re gonna add a strokearound the outside. Remember turn the tick back on, makesure you’re actually there, goes gray. Okay, and you’ll see I’ve gota little strroke around the outside. Let’s zoom in a little bitusing my shortcut keys. There’s kind of two things to work with. One is I’ll change the color first of all,so color down here, pick a hue. I’m gonna go to that kind of likeorangy red thing I was doing before.And let’s crank the size up, okay,size is too much at the moment. Okay, all we wanna do is,the position is inside, which is doing weird stuff to my type. You might like it. I’m gonna go to the outside, so it’s likea stroke around the outside of the type, okay then you can do this kind of thing. Now we’re doing it with type it canbe done with any sort of shape. Okay, that rectangle can havea stroke on the outside, an image that you’ve masked outcan have a stroke on the outside. Yeah, it’s up to you.All right, let’s do one more before we go,cuz it’s kind of cool and kind of gets us into some slightly more, not advanced butjust growing our learning in Photoshop. So I’m going to zoom all the way out,command zero or control zero,actually I might go one more. And we’re gonna work onthis lay here Layer 1. Let’s be a bit more proper about itdouble click Layer 1 and call it Flowers. Return, actually have to double click onthe actual letter there too to be able to type over the top. And we’re gonna do a gradient overlay. Why, because it’s super in fashion now. If you’re watching this, andit’s like a 10 year old course, it’s not gonna be super fashionable. But at the moment we love a bitof gradient overlays on images. So let’s have a look. Okay with this layer selected,it’s gray, let’s go to FX, let’s go to Gradient Overlay.Okay, and depending on ifyou’re brand new to it, yous is going to look pretty close to mine,you might have adjusted yours in the past. So what we’re going to do iswe’re going to do two things. We’re going to pick a nice gradient,okay, and then we’re gonna go and look at howto blend it with the background. Now, deciding on nice colors forgradients, Envato has got, let’s have a little look. I just Googled the Envato Elements, okay. And there’s just lots of good ideas forgradients in here. Just type in gradients in the search andjust have a look and find stuff. This particular gradient backgroundpack has some really cool colors that you can get ideas from. So once you’ve got an idea fora gradient, jump back into Photoshop. And you drop down this little Gradientarrow here, this little chevron.Click on that, andyou’ve got some built in ones. My goodness, there are some bad ones. [LAUGH] Okay, these have been in hereforever, yeah, they’re bad, anyway. Let’s click on just this kindof standard black to white one, it’s a good easy one to start with. Now click it back in. Now to adjust the actual color, clickanywhere in this kind of color box here. And this big ugly thing opens up andwe can go in and adjust the colors, NOw you’re just using these bottomlittle cubes here, like little houses. Don’t use the top ones. So the bottom ones here,if you double click on it, you can use your Hue slider toget the hue you want, okay. And then pick a color. I’m gonna pick a color that I saw,kinda like an orangy peach color. I figured that out earlier onwhen I was playing around. Okay, click OK. So that’s the beginning of it. Double click this last one and do the end.And I figured out the color that I wanted,okay. I just copied and pasted it from whenI was playing around before, okay. Let’s click OK, and let’s click OK again. Now gradient overlay is kind of cool. Okay, the thing is it’sruined my image but you saw at the beginning that I hada kind of a mixture with the background. And this has something to do withsomething called the blending mode.Now, blending modes are super awesome andhandy. Normal does exactly whatit kind of meant to. Okay, but if you ever play around withany of these other ones it’s gonna affect the background a lot better. Okay, so it’s a good dissolve,it’s never a great one. Darken, sothat’s getting a bit more exciting and it’s kinda cool what it’s doing, right. Always in the way,let’s move you over there. Okay, that’ll do. And you’ve just gotta keep going throughthis list, multiply, it’s kinda cool. Color Burn, Linear Burn,I already had a play, and I liked Overlay, kind of a cool one. And so is Soft Light, but I really likedHard Light where are you Hard Light.Why can’t I find you? You can see it, there it is,it’s the next one down. [LAUGH] Okay, it’s It’s a bit strong. Okay, I know we’re kind of, I guess, likewe’re destroying the images quite a bit. I’m liking this kind of thing. What you might do though, is lower the opacity a little bit just tokind of bring, Hard Light is a bit strong.So maybe something like that. Then play around with the angle ofthis a bit, get it how you want. How do I want it? [LAUGH] I’m just gonna drag itaround forever while you watch. You get the idea, right. So that’s my Gradient Overlay, okay. We’ve used a linear one,you can use a radial one, which is just like a circle inthe middle coming out, okay. But I’m gonna use linear. And yeah, that’s gonna be it forthis video.Okay, there’s a few other layer stylesthat you can go through and practice with. And it is time for your homework. Okay, so what I’d like you to do is, you’ve used the imagehere from a Raul Amid. What I’d like you to do is eitherusing your Envato Elements account, go find a new image. Or if you don’t have access to that,go to Unsplash and find your own image. Find your own gradient, and I’d love to see what you what kindof combination you come up with. You can use the text thatwe’ve used here or go and adjust it maybe for your own personalbrand or the company that you work for.And I’d like to see whatyou’ve kind of come up with. You’re allowed to just show and tell,you can ask for criticism if you like, as well, and I will be kind andgive you any pointers. You’re allowed to usechisel embosses as well. I promise not to comment on them. Yeah, so do that andshare it with us on social media. Remember, Twitter,look for @tutsplus design. And on my Twitter as @danlovesadobe,on Instagram I am @bringyourownlaptop. Tag us in it, and yeah, we’ll comment andwe’d like to see what you do.All right, let’s get into the next videos,where we start looking at cropping and resizing images. Not as exciting as gradients butvery important. All right, let’s go do that. Hi there.In this video, we’re gonna learn some basic cropping. But we’re also gonna do some magiccropping where we take this image here. We want it to be landscape. And you can see here,when I do the cropping, there’s some edges herethat just don’t exist. They’ve never existed in the world. But ready, steady we magicthem up using the Crop tool. All right, so let’s go andlearn how to do that now in Photoshop.All right, to get started we’re goingto open up all three of our images. Okay, a nice little trick just to add toour super fantastic Photoshop skills is I’m just using my sourcewindow on minimax arts Finder. So I’m nothing to do with Photoshop. I can see Photoshop though. The look was if I click hold and dragall three of these guys just anywhere in the middle here, hey, they all open,click on Photoshop and here’s my tabs. That’s a nice easy way to get started. Let’s start with this first one tin A,and it’s be on our Crop Tool.Now the Crop Tool is aboutthe fifth tool down, exactly the fifth tool down, grab it. Okay, and the basic use of the Crop Tool, just make sure the top here you’re onthis one here says WH and resolution like otherwise, if you’ve played withit before it can cause problems. So just make sure you’re on that option,and you can grab any of the corners andresize it. When you’re ready, hit Return. And that is copying. Okay, I’m go to either undo andgive us a few extra skills. So back to the Crop Tool. Here it’s kinds of dots on the outside andwatch this, if I hover here, I can resize it. But if I hover just outside, can you see it goes from this like littlestraight arrow to being the arrow. I can click hold and drag. It’s really strange if you’re like,man, this is feels really weird. It is really, really weird. [LAUGH] Photoshop have decidedthis is the best way to do it. And it’s just a nice way canyou see my horizon line? It’s actually perfect in this photograph.Okay, thank you, Annie. But you might want to adjust this one,okay? So I’m rotating around, hit return,and half of this weed crop. You’re less likely to be making ita weed crop and kind of fixing it up, so it’s straight, butknow that you can rotate it that way. Now the next thing to do is let’s saywe want it to be a specific size. I always find we got to file new,make the document size you want and then drag it into it. We did that in an earlier videowhen we started looking at text in this course go jump anddo that one. If you are interested indoing that method, okay? But a different way is todeal with in the image. Okay, so up the top heresome basic kind of presets. Let’s say I want kind of reallytraditional photograph size K. So five inches by eight.I click on it. And it gives me a littlepreview saying yeah, we’re gonna have to trim offthese areas to make that happen. The cool thing about thatthough is when I hit Return, I know it’s perfectly gonna fitin say it’s an art print and it’s going into a frame, okay,it’s gonna fit in the five by seven. If you need a different ratio,you can just type in at the top here. Okay, and if you need to flip it around,seen it the other way around, click on this little option here itgoes from kind of portrait to landscape. If you needed to be a physical size,okay, you want it to be 200 millimeters or by 300 millimeters, you can go to thistop option here height and width. Okay, and you can say I’d like you tobe say, 300 and centimeters, okay. You should probably use millimeters but it’s giving me that particular ratiotopping the top and bottom off a little. Okay, to get out of thisbecause I kind of wrecked it you gotta hit Escape twice on yourkeyboard okay escapes in the top left.Can we get back out of there? We can also hit clear becauseif you don’t the next time so you don’t crop anything forlike two months you come back in, it’s gonna remember those andit’s gonna confuse you, okay? It’s gonna be trying to do stuff, you’relike why are you doing this weird shape? The next thing we’ll do will be oursuper mega amazing thing in Photoshop. Okay, I love this feature. So what we’re gonna do is we’re going to,I want it to be my five by seven. Okay, I’d like it to be like to flipit around so it is landscape and the trouble with it like this is thatobviously the crop is a little wrong. So I’m going to click hold and drag my image to kind of getit somewhere in the like. It’s not.Its not quite working. And so I’ll let go. Now, I can drag these edges andbecause it’s locked into this ratio here, it’s not gonna kind of bend any wayit’s gonna kind of resize nicely.Okay, so I’m going to get itto a point where like this and now I’m gonna drag, try not to drag thislittle dot here, drag anywhere else. Okay I’m gonna get to like here,want it to be like this. The only trouble with this kind of crop isthat it was originally shot the other way around, so I need to landscape thisextra gap here just gonna be blank. Unless super magic content aware. Okay, turn that on, it’s a littleunderwhelming tick, but I’m ready for the magic, I’m gonna click the plusbutton or return on your keyboard. Give it a sec, get ready,whoa, magic double background. Cool okay, it’s kind of done a littlebit of weird stuff over here. Okay, but it’s made it up new table,new table that side. It’s pretty impressive. It doesn’t work on allimages all the time. We’ll look at a couple of other examplesbut it is pretty amazing especially for this kind of like, I don’t know it’s got agradient in the backgrounds and woodgrain has done a great job this side not sogood the side but still pretty amazing.Let’s look at another example. So this is 10b. Now the only trouble with our Crop Tool atthe moment is that it’s trying to do this thing, it remembers remember? Let’s go back to with heightened rotation,make sure it’s cleared, I say with heightened rotation. With height and resolution I’mgonna zoom out a little bit and I don’t want this kind of liketraditional kind of photography size.What I want is let’s say I’m doingsomething for social media and it’s like I’m doing a banner for Facebook. Okay, that kind of big banner rightat the top there or say you’re doing. I do a lot of HTML banner ads andthey just got really weird sizes or maybe a double page spreadeasily to make it wider. Something like this. I chose this example bcuz it’sgonna probably do well make sure Content Aware is tacked on, click the plusbutton or hit return the keyboard It just says really nice way ofduplicating the background.Cool. This one did a perfect job cuzthe backgrounds quite simple and what you’ll find is nature’s pretty good. Cuz I can kind of mix it around and do itstuff, do it in a nice kind of organic way, where it becomes quite troublesomeas if there is like really linear lines. Let’s have a look at thislast example by Brooke.Okay and let’s do the same thing. I’m going to grab my Crop Tool make surecontent is on I’m gonna drag it out, okay? So, I’ve got just want a bigger option. Okay, nice little square. Hit Enter on my keyboard andgive it a sec. And it’s gotta do okay job. Already, I’ve already practiced. But it’s gonna be a few things obvious,okay? So, hey we’ve got two lemons.That’s a bit weird. I’ve got two of these. Okay, and the lines don’t quite line up. This one’s done. Okay, that bit looks good. Okay, so there are just times wherethis thing just doesn’t work at all. It’s done an okay job butit’s a little bit obvious a few of these. Later on the course will do a bit moreretouching where we’lll show you how to fix it up. Once you’ve got to this stage just to kindof get rid of double lemons, but yeah, it’s I guess I want to show you witha really cool examples like this guy, and this one here thatare pretty amazing job and then just show you an examplethat doesn’t always work.All right, so that is cropping we didsome rotating and then we turned on Content Aware Fill you might want to turnthis off before you finish this class just so that we’re not trying to do itall the time and turn it on purposely. All right, my friends,we will see you in the next video. What are we doing in the next video? We’re talking about resizing andresolution. Hi there, it’s real me, I’m back again for this video because we’regonna talk about resolution. And resolution can bea little bit difficult. I find it a little easier when Iwave my arms around for this one. So, what we’ll do is we’ll go throughsome practical examples and cut back and forth to the computer to explain it.All right, so let’s get started. So, let’s get started,first by opening up two images, is a live in A resolution fromyour exercise files, okay. And these ones from Jonathan Francisca,both of them, okay. And what we’re gonna look at is kinda of,resolution gets kinda of, we talk about high and low resolution,good quality, bad quality. So this first one A,is good quality, high resolution and this one here is low quality,bad resolution. It’ll open up in yourPhotoshop quite small and just hit Command + on a Mac orControl + on a PC to zoom in. You can see, we’ve all seen examplesof this where it gets kinda of all a bit pixelated andthe zoom out about there.Yeah.Okay, there’s just not enough resolution or density of pixelsin it to make it look convincing. This bigger version here though,has the exact same problem, okay but the cool thing about it is the humaneye and the human brain can tell the difference between lots of littlecubes and a real life real image. So what I mean, if I zoom in okay,Command + or Control +, it’s actually just made up of,I get close enough of tiny little cubes. But far enough away,my human brain can’t tell a difference. So they referred to often in,there is two kind of main sizes. There is 72 dots per inchversus 300 dots per inch, okay.And that’s Just kinda oflike quality levels and let’s say that most images that are born,okay? Through a digital camera and orthrough stock library sites, they’re gonna come atthis 72 dots per inch. So let’s check that. Let’s go to image and let’s go toimage size and we can check that, this one is indeed 72 dots per inch. Okay, we also use pixels per inch, dependson which kinda of realm you come from. PPI or DPI, people refer to themas just a shortened version. It doesn’t matter they’reinterchangeable in this case. So this thing is 72 dots per inch,and it is really big. You can see it is 72 inches across. So, let’s say I’ve been asked we’re gonnaget this image ready now for print and the specifications have said we wouldlike this document at 300 DPI or PPI, K andwe want it as the biggest size we can get. So what we do here is, let’s say we’vegot an image we need to send it off to the printer or send it to newspaper,we’re gonna go to image, image size.And what we’re gonna do is we’re gonnamake sure re-sample is off, okay? When we’re resizing original artworkre-sample off is best to get started with and let’s turn the resolution towhat they asked for, which is 300. And what you would have noticed is that,you’ve noticed the size change, that went from like a really big 72inches down to something quite small, 17. Okay, and we’ll cut to some real life footagenow of when I’m waving my arms around. All right, so here I’m waving time. And so, what ends up happening, right? Is you’ve got this document, it’s 72 dotsper inch and it’s really big 72 inches, right, it’s really really big.Okay, so but the requirement is 300, okay? So what that means is, my 72 dots inan inch, see my inches of this big. Can the 72 little squeeze in there? Okay, but the requirements I need300 in there not 72 anymore. So what you do is you end uptelling Photoshop like cram 300 in that same square instead of 72. And what it does is it says, well, there’sa little stuff out here I’m just gonna keep grabbing it andcramming more into that one inch. So instead of 72, I’m gonna grab somemore, now is 100 and grab some more of them, come in here guys and they pullthem once and squeeze them all in.Gets up to 200 andkeep squeezing them in and they pull them all in until is 300 ofthem in that same inch instead of 72. And the cool thing about it is that, nowthat one same inch has a lot more detail in it and it looks really good for print. And that’s what print needs, our humanbrains can be convinced by a print, that it’s 300 dots in an inch. Anything less and it starts, you starts going like you startto see the little dots, okay. So and anything more we don’t need, ourlittle brains don’t need anymore than 300 dots in that little inch,you can get more. So, that’s why we need it. And what the trade off is of though,is because of gradual those dots that were hanging out here andpull them in and pull them in. The physical size of the whole documentgot smaller about a third smaller, okay. So we had to kinda of cram more in but the drawback is theirphysical size get smaller. And that’s I guess is just one of thetrade offs when you’re working especially with print andyou’re being asked for 300 DPI.Just know that whatever image you’ve got,it’s gonna be about a third, I know it’s not perfectly a third,but yeah, it’s about that. Okay, so, andthe next thing to think about is, let’s say I need it to be 300 DPI. Okay, so that job is finished,we’re done with that one. We got it, it’s a bit smaller. It’s, I think it’s 17 inches across now,at 300 DPI, job done, send it to them that’s as bigas it can be at that resolution.But let’s say there’s a chance where orthere’s a tummy like actually, it needs to be 300 andit has to be 18 inches across. You’ve just done a little calculation andPhotoshop said, it can’t be, can only be 17 and you’re like. What you can do is,remember that little checkbox, we’re gonna check it again in a secondthat little checkbox that says re-sample. That’s the thing where you tick that andyou type in 300 and you force it to be 18. Okay, and Photoshop will do its best,it’ll just invent new pixels.Okay, so it pulled in old onesthat are needed and then it goes, well, I still need some more. So, I’m just going like,start messing about with the file and start duplicating and then making more. And, it’s totally fine when youget to a certain kind of like, a little extra half an inch, no problem,no one’s gonna notice, okay. But if you say I need it to be, I need tobe 50 inches across at 300, Photoshop is gonna try it’s best, is probably gonnamelt down trying to do this job.Okay, but it’s gonna look bad. It’s gonna have a lot yucky goopeverywhere and it’s gonna try it’s best, but Photoshop is good but not that good,small changes, yeah great, turn re-sample on,increase it a little bit, you’re fine. But, if you’re trying and do too much,you’re gonna see all the junk. All right, let’s jump back in anddo it properly on the computer together. Okay, so let’s say needs to be 18 inches,man, it’s just not big enough. You can turn this on andlet Photoshop re-sample it. So, I’m gonna force it to be 18, okay. And, what’s gonna happen is Photoshop isgonna try it in its best to like magic up new pixels. They didn’t exist before,it’s gonna do its best to magic them up. And, with a small change like this, okay. We went from 17 to 18,you’re not gonna notice, okay. It’s when you’re trying to domassive changes if they’re like, it needs to be 22. Okay, you’re gonna actually start to see,you can even see it in here, this is kinda of like goop that appears,okay.So, is a re-sampling goop and yeah,it just Photoshop is trying its best to make up more pixels but it can’t goback in time and make a photograph. So, that’s kinda of like small changes,nobody is gonna notice, big changes, people, are. That’s probably one of the main usedcases, okay, is when you take an image, you work on a Photoshop andit needs to go into a printed document. You might be sending yourself intoIllustrator or into InDesign. Okay, andit needs to be 300 pixels per inch. So, change in here,see what size it is and then go and you might turn re-sample onjust to get a little bit more out of it. All right, let’s look at oneother use case to help you kinda of understand resolution. Jump back to Dan’s hide. >> All right, one other common use for using Photoshop to resize images is goingout to kinda of Wobble social media. And what that means is,often they’ll say something like, your image can be a maximumof 1600 pixels, okay.And it might be going to say Facebook orInstagram or Twitter and you just need to resize your image becauseat the moment, it’s quite big, okay. You shot it on your disc allow,you downloaded it from the Internet, that’s really, really big. You can get to a more appropriate size foryeah, going up to social media. So, let’s go and do that now andresize it to about 1600 pixels. Okay, so we need to get that right size. So let’s go into image and resize. And, what we’re gonna do is itneeds to be 72 dots per inch, okay? They might not mention that, they just assume that if it’s going uponto a website, okay, cuz that’s the kinda of standard website size, and this iswhere re-sample needs to be turned on. We made it bigger and the last thing,okay, you can also make it smaller. Okay, so with re-sample on, I’m gonnasay it needs to be pixels, okay, and it needs to be 1600.Okay, I can’t remember what I said. [LAUGH]. The talking head version. Let’s say it was 1600. Okay, and I’ve kept the link locked thereso that it changes the height and width. And now I know it’s the perfect size. It’s the 1600 across the biggest thatit allow and at the right resolution, I’m gonna click OK. Okay, it’s gonna be a lot smaller,but that’s right, that’s what the website wanted. So that’s what I’ve given them. Now, I’m gonna go into a File, Save,I’m gonna save it as a JPEG and upload it to the website. Okay, so those are two hopefullyexamples of resolution. It can be a little bit ofa rabbit hole of knowledge. And, but I hope it gives youa kind of brief understanding of some of the typical uses,getting images ready for print, and getting them ready fora website all about the resolution. All right, that is the end ofthat brain bending exercise.Let’s get into something a littlemore exciting back into Photoshop, learning things like masks and selections. All right, let’s go do it now. Hi there, in this video, we are going tolook at some basic selection techniques. We’re gonna create an Instagrampost in the square format. We’re gonna use the rectangle marqueetool to bring in our cool coffee cup. And then the ellipse marquee tool, like a big circle,put space inside the coffee cup. All right, let’s go andlearn how to do that now in Photoshop. All right, to get started,let’s go to File > New, and over here I’m gonnakinda start with Photo.And then go and change it loads, okay? So in here I’m gonna switch it to pixels,because Instagram, they’ve got a square format, right, and it’s 600by 600 at 72 DPI, that’s the resolution. Now that’s when thiskind of video was made. I always make it doublethe size just in case, cuz Instagram seem to suck in bigger sizeimages but only display the smallest 600. But I guess when they decide we’regonna display bigger images, we want them to havethe high quality ones, okay? So we’re gonna go 1200 pixels by 1200 andmake sure RGB 72, click Create.Now we’re gonna open up two images,File > Open, and in your source files they are called,where are they, 12A and B, okay? So these marquee ones, thank you,Alexandra and the Norwood things. So we’re gonna start with this image here,12A, grab the rectangle marquee tool, okay? Click and hold down and make sureyou’ve got the rectangle marquee tool. This is a nice simple one, and you candraw at any sort of size you want, okay? And then we’re gonna moveit over to our image. Now to get it to be a perfect square,what I’d like to do is go to Select and go to Deselect. It kind of gets rid of that selection. And who can guess what keyI’ll hold down on my keyboard? That’s right, it’s Shift. So hold Shift down andkinda start anywhere up here. It gives me like a perfect square. It’s gonna work for my Instagram. Okay, got it kind of cropped how I want. If it’s not quite right, you can justhover in the middle of selection and move it around, okay,get it to where I want.And then all I’m gonna dois go back to my move tool. And we’re gonna use the shortcutthat we learned earlier. Remember the fun Tab game,you can copy and paste it, I won’t. I won’t come find you, butwe’ll do it the proper way. Click and drag, drag, drag, drag, drag,drag back to this original image here and then, the mouse down the whole time andlet it drop into here. So what we’re gonna do nowis practice our scaling, so we’re gonna go to Edit > Transform >Scale, gonna zoom out a little bit, okay? And I’m gonna grab the edge and I wantit to come down proportionately, okay? It’ll scale down, we’re gonna hold Shift,okay, get it to kind of where I want, roughly there, where I want,roughly there.And then I can kinda drag the middle,don’t drag this little thing, this little target,it’s the kind of center of rotation. We don’t need to mess with that,just drag anywhere about but there and kinda get it in the middle, okay? When you’re ready, hit Return or Enter on your keyboard,otherwise things don’t work. So that’s the rectangle marquee tool. Drag things in a big rectangle or square by holding Shift, andyou can copy and paste things. Let’s go to 12B and just look atthe very similar, okay, ellipse, okay? Elliptical marquee tool, it’s gonna do exactly what youthink it’s gonna do, okay? I can draw out an ellipse, andI’m gonna go to Select > Deselect. And if I hold down Shift,it’s gonna be a perfect circle. I’m just gonna kinda crop it there, okay? And we’re gonna put our spaceinside of a coffee cup.So again, move tool, drag,drag, drag to this first tab. Holding down the mouse key the wholetime and let go in the middle, too big, Edit >Transform > Scale. Grab the corners, hold Shift, draganywhere but the target, I’m just gonna keep dragging it down until it’s kind ofin a, don’t worry too much at the moment. The edges are a bit crisp, andwe’re gonna learn more and more features as we go along. This is, I guess, just a quick andeasy thing to do. Now if you’re finding it hard tomove around cuz it’s jumping around, I quite often just use mykeys on my keyboard, okay? The arrows, so I’m just tappingthe arrow key to the left and up a little bit, I zoom in, okay,you can see the edges aren’t perfect here.We’ll look at doing a bit more ofthat later in the course, okay? But stepping around when I’m ready,hit Return, zoom out, awesome. Looking cool, straight to Instagram. Okay, sothat’s losing the marquee tools, okay? The circle one, the ellipse one,sorry, and the rectangle one, nice and quick and easy. What I’d like you to do, though, is I’dlove you to do your own version, okay? Find your own coffee cup or plate or bowl,something kinda looking from the top, and find your own image in the inside, okay? One thing you might find is I justhappened to find an image that’s a perfect circle, you might be ona more of an angle, okay? So you might do, with this layer hereselected, go to Edit > Transform and scale it, and you might have tokind of distort it a little bit to fit in with maybe,the perspective of the image, okay? I’m not going to do this, soI’m gonna hit Esc, it’s my undo key.And because you’ve got probably gotaccess to Envato Elements, what I’d like you to do is, you don’t have to pick,find a coffee cup in here as well, and I come into elements here andI typed in photos and used aerial, okay? I spelt it like Arial the fontto start with but [LAUGH] okay? But some of these images,if you type in aerial, you can find some stuff that you can workwith for your example that’s kinda looking straight down from the top andyeah, find something interesting. Once you’ve got it, okay, find your owncoffee cup, find your own aerial image, and see if you cancombine them as practice.And then with your social media, Instagramposts just tag me in Instagram, okay? So I am @bringyourownlaptop,I’d love to see what you did. You can also edit to that forumwe mentioned at the beginning there in Envato. You can look in the forums andif you search for Adobe Photoshop for beginners,you’ll find our little shared group where you can sharethe things that you’ve been making. If for some reason you don’t have accessto Elements, try using unsplash.com, okay, and find some images in there. All right, friends let’s get into the nextvideo where we kinda do a bit of masking but it’s a cheap trick, not a cheap trick,it is a good trick, quick and easy.Let’s look at how to dothat next in Photoshop. Hi there, in this video, we are goingto use Photoshop to take this image and clip it inside a letter like this. Boom, quick, super easy, all stilleditable, you can move things around. It’s really cool,let’s go learn how to do it now. All right, to get started,open up the source files, and open up the one called13a-clipping-mask from Biel Morro. Get started, grab the type tool,click once, and type a letter. Okay, now, mine’s already a ginormous, big serif letter because Ipracticed before the video. And [LAUGH] in my font size, you cansee it’s something ginormous, it’s 900. Weirdly, the font sizes only go to 72, soyours might be as big as it can be at 72. You can either type in that 900,pick a font, or do what I do and just kind of click anddrag to the right on this icon. So clicking and holding my mouse andjust dragging to the right, you can see it goes up way past 72, untilyou get to kind of a size that you like.And I’ve decided about 900 something. I go to my move tool,get it into position, it doesn’t matter what colorit is at the moment, okay, because you saw at the beginning,the image is gonna go inside. Now the way this works is mainlyto do with the layer order. The image has to be on top of the D, feelsa bit weird, but that’s the way it works.Now if I drag the background above the D,often it just says no. Okay, sowhat you can do is just give it a name. Okay, we’ve run into this problem before,it’s locked. So just double-click it,call it Roses, okay, and drag it just above, andwe are ready to go. To make the magic happen, make sureroses is selected, it’s this light gray, then go up to Layer, and go to this onehere that says Create Clipping Mask. Ready, steady, cool, super easy,super quick, nice, clean kind of mask. That’s why it’s in this section, and it works really good with thesekind of simple shapes like type.So some of the things, soit’s easy to get started. Now let’s look at a couple ofthe interesting parts to this technique. I’ve got roses selected, so if I goto my move tool and move it around, you can see it movesindependently of the D. Which is really cool cuz it means Ican kind of get it perfect how I want. And I can also use the Edit > Transform> Scale, and then I can kind of resize this to how I want it to be,get in the right position, click Return. So same for the D layer, okay, if Iclick on this and move it around, okay, it’s independent.There’s gonna be lots of timeswhere you wanna move them together. So what you can do isclick on the first layer, hold Shift down on your keyboard,and then click the second layer. They’re both light gray now, okay,and I can move them both around, and I can both transformthem at the same time. Okay, just have them both selected. Now I’m gonna go and add the whitebackground and the drop shadow. You don’t have to,you can skip on to the next video. But if you wanna hang around,let’s put a white background in. Why don’t we have a white background now,it’s because there’s nothing there. It’s kind of invisible, and Photoshop uses this checkerboard kind of effect tokind of try to represent invisibility. There’s nothing there, but I want a solidwhite background and a drop shadow. So what I’m gonna do is,down here on my layers panel, I’m gonna click on this little icon here. If you hover above it long enough,it’ll tell you it’s the New Layer button.Click on him, and instead of Layer 1,I’m gonna be real good and call it white background. And the easiest way to fill itwith white is, when it’s selected, go up to here to Edit,there’s a Fill option. And from this drop down, yours isprobably set to something else, okay, I’ve set mine to white. Click OK, and we have a white background,well, we have white everywhere. But over here, remember,we’re the bird looking up at the top, the white background’s too high.Click, hold, and drag it, okay,so it’s underneath everything. Next thing I want to do isadd a drop shadow to my D. So I’m gonna click on the D layer, andI’m gonna go down to here to effects. I’m gonna go to Drop Shadow, andI’m gonna mess about with this, probably for ten minutes, trying to figureout what kind of drop shadow I want. One thing you might have to do is,the distance is gonna be really small and the size, because it remembersthe last thing you did. We were doing drop shadowson really small text. Okay, so first thing to do is justcrank up the distance and the size. Or not the size, sorry, the distance,and make sure the opacity’s high, so at least you can see your drop shadow.Cuz if the distance is really small, youcan mess around with these all you like, but you can’t really tell what’s going on. So crank it up, and go on to the nextvideo while I mess around with us. All right, in the next video, though, we are going to learn how touse the quick selection tool. It’s pretty amazing to do selections with,so yeah, I’ll see you over there. Hello there, in this video, we are going to do some selectionsusing the quick selection tool. It’s quick, it’s really good, and it’sgonna allow us to cut out this image here and put it into our mixed background,kind of interacting with some type. It’s quick, it’s easy,let’s learn how to do it now in Photoshop. All right, to get started, let’s open up two of the filesfrom our downloaded source files.There’s 14a and 14b,thank you Quino, let’s click Open. All right, so we’re going to, we’ve gottwo tabs open, we’re gonna copy this and put it into this file here that I’ve made,so let’s be on 14a. In an earlier tutorial, we usedthe really basic marquee selection tools. Now we’re gonna use kind of probablythe most universally useful one, is the quick selection tool. So if you click and hold down,you might be using the magic wand tool, which is fine, but it’s not asgood as the quick selection tool. Let’s grab him, now just double-checkwhat your settings are at the top here.I’m gonna be on the adding to theselection option, which is a little plus. Or you can be on this first option,it doesn’t matter, either of those two. In terms of the brush size, okay, you can drag this up and down anddecide on where you need to be. We’re gonna start with 50, andjust show you how it works. Okay, roughly 50, doesn’t really matter,let’s just copy my settings there. Cool, and all we need to do is click,hold, and start dragging across. Now, what you’ll notice is, I’m gonnastep back, gonna go to Select > Deselect. I don’t kinda start selecting the edge,you don’t need to, it’s a pretty clever tool. I’m gonna just start draggingkinda around the edge, and can you see the little dotted line? They’re the marching ants, and they justhelp identify what we’ve got selected.So I’m just gonna kind of drag around,drag, you can see I just dida big launch across there. And it kind of just, it’s so clever, itjust starts thinking, well you’ve selected this, so you probably want a bit moreof this, and it does, it jumps across. So I’m going to now click over here andstart dragging, okay, and you can see I can let go of my mouse,and I’ve got part of it selected. Sometimes, it’s a little bit hard andyou’re like, what have I got selected,what do I not, okay? And the easiest way to do it is justkinda turn this option on and off. Okay, it’s called quick mask mode,just turn it on, and it just shows you, kind of masks everything out in red. Okay, so turn it on andoff just to see, don’t double-click it.Okay, so just turn it on andslowly turn it off. What I’m gonna do is,gonna keep just dragging around, and you can see I’m not goinganywhere near the edges. It’s pretty clever, the only thing it hasn’t done isthese little guys in the bottom here. Now, I’ve picked a pretty good example forthis. So when you’re maybe using your own stuff,we’re gonna learn in some future videos a little bit of extra tricks toget some more tougher selections. But if it’s a product shot or something like this, that’s a really nicestudio shot, it’s gonna be easy to select. So these bits here are not quite right, soI’m gonna zoom in, so Cmd+Plus on my Mac, Ctrl+Plus on a PC, holding down mySpacebar and dragging with my mouse. Okay, you can see it’s miss these bits,and there’s a little bit of stuff in there.And yeah, quick selection is quick, okay? It’s not gonna be absolutely perfect,but it’s pretty close. So what I wanna do is minus formy selection, okay, but my brush is quite big, soit doesn’t fit in there. So I’m gonna lower the brush size,something quite small, teeny tiny, and I’m gonna click in here,say get rid of that. You’ll notice that when I start dragging,it goes and it looks horrible, and when I let goof my mouse, look, [SOUND] magic. What you can do,there’s this auto-enhance option on. The only trouble with it, it doesa better selection, which is cool, but it does stress your machine out. So get in there, and I’ve got a reallypretty high-powered laptop, and it does stress it out.Don’t worry about getting too farinto these edges in this example. Okay, we’re gonna do some moresophisticated selections later on. So I’ve kind of tidiedthat up using the minus. If I, say I go too far,go a bit of that, and it’s like no, it’s gone too far, go back to plus andjust drag across there. But auto-enhance, you can see,kind of stresses it out a little bit. Cool, so let’s zoom out, and let’s seewhat we’ve got, have I missed anything, click on that quick selection tool,it’s pretty good, go off. So now we’re gonna moveit into this file here, we’re gonna use our techniquewhere we just drag it.Okay, and one thing we might notice,let’s do it first. Let’s click, hold, and drag it, okay,and drag it, drag it into this tab, wait, come down. You’ll notice that my one has notthe most beautiful edge, okay? So I’m gonna Edit > Step Backward,Edit > Step Backward, until it’s gone. Come back here, and I’m just gonna kindof shrink the selection a little bit. We’re gonna look at more sophisticatedways of doing this later on, so don’t worry. I guess we’re just kindagetting used to the tools, quick selection is an awesome one.The edges aren’t perfect, sowe’re gonna go Select > Modify, and we’re gonna go to Contract. And how many pixels, you’ll have toexperiment depending on your image. Okay, but I’m gonna go back maybe3 pixels, not 30, click OK. Now with my move tool, click, hold,and drag it, and it’s gonna be better, not perfect. Okay, but it’s a quick solution forthe quick mask. Okay, and now I’m just gonna go and kind of rejig this just to show youwhat it looked like in the beginning. But If you’re happy with that,you can move on to the next tutorial, that’s the quick selection tool. But a quick caveat with that tool there. I’ve picked an image that works well withit, it’s got nice, clear, defined edges. When we get into things like hair and out-of-focus objects,quick selection tool is not going to work.Okay, so it’s one of your toolsin your Photoshop toolkit, and we’ll look at more advanced ones later on. But for studio shots andanything that has a clear, sharp edge, it’s super quick and easy. So what I wanna do is, I wanna resize it,so I’m gonna name my layer Flower. [LAUGH] My spelling is terrible,I just spelt that flouwers, when I first start, with a U,I had to go back and [LAUGH] reshoot this.So I’m going to use my selection tool,okay, or my move tool, move it around. I’m gonna use my Edit > Transform > Scale,and I’m gonna shrink it down, holding Shift. This is stuff we already know, soif you wanna skip along, it’s okay. And I’m gonna rotate it, I’m gonnaget it down to a size that I like. Hit Return on my keyboard,Edit > Transform > Rotate, okay, click anywhere on the outside here,and get this kind of, what I’m looking to do in this case is,I want to rotate it around. I want this kind of Dublin to be behind,and the florists to be above. So I’ve got it into where I want,hit Return, and we’re gonna play with the layer order. I love this kind of real subtleinteraction with the background layer. Watch this, I’m gonna bring the flowerin between these two guys here. That way,that kind of D’s partially obscured, you can still understand it’s the wordDublin, and florists is above.And for no reason other than to balanceup the composition, I’m going to right-click this, duplicate the Flowerslayer, and Flower 2, how about that? With my move tool, move over, now insteadof going to Edit > Transform > Scale, Rotate, we’re gonna use this one here,the free transform tool, which does both. Okay, so from now on, I’m just gonna usethe free transform tool, the Cmd+T on a Mac, or Ctrl+T on a PC isa really common shortcut to know.Okay, so if you’re gonna be learningany shortcuts, that’s a good one. Cuz what it does is, allows me tohold down Shift and resize it, but at the exact same time is, if I gomove away from here, I go to rotate, I can rotate it around as once. If you’re finding that tough,don’t sweat it, you can go back in and it just do it the long way, butI wanna do it the quick way. How balanced is it,it’s not super balanced. I need to find another image andcrop it out, but no, I’m not going to. Hit Return, andthat is going to be me for this tutorial. All right, sothat’s the quick selection tool. It is really amazing, but there’s a fewother things that we need to learn in terms of selections andmasks before you’re a pro. So join me in the next tutorialwhere we learn what a layer mask is. Hi there, in this video,we’re gonna learn what a layer mask is. Basically, we’re gonna take the sametutorial we did in the last video, but do it properly with somethingcalled a layer mask.The cool thing about them is you canturn them off later on, disable them, bringing back the background,fixing your masks, and then we’ll really double back andlook at this option. And you can see, we can fade the edges,we can break the link, we can move them around so that we’ve got more control,more professionalism, more awesome. Let’s do that now in Photoshop. So what is this layermask that I speak of? Okay, it’s probably better just togo through and show you an example.You’ll see all the perks andpros for using a layer mask. So I’m gonna double back and use the exactsame files as the last tutorial, so 14A and B. And we’re gonna get up tothe point where we were at, so I’m using the Quick Selection Tool. Okay, and I’m just drawing around superquick, and I’ve got my selection right. And what we did before is then usethe Move Tool to just drag it in, okay? The problem with that is it’ssomething called destructive editing. And what I’m deciding is that,watch, as I move this out, I’ve cut that background out forever. And my selection is kind of fused foreverand there’s no going back from that. And that’s not what Iwanna do in Photoshop. I wanna make a selection, maybe a quickselection like this, and then maybe go and fix it up later on, or make adjustments orjust have a bit of flexibility. To do that, you make your selection, likewe did here, and instead of dragging it, you just click this button down here.Okay, it says, Add a Mask. Okay, and it’s got a layer mask. And what happens is, we’re gonna give ita click, and the background disappears. Okay, I need to go through andfix my edges, that’s fine. There’s a few little placesthat need touching up, but we’ll do that in the next video. But what’s happened is, can you seethis layer structure over here? My image is protected, it’s perfectlyfine, there’s nothing destroyed about it. This mask just sits overthe top hiding things. And where that becomes really niceis that later on, I can go and fix, my mask will do a better edge on this,or reuse this image for something else where Idon’t need it to be masked. Let’s go and use it, so I’m gonna grabmy Move Tool, click hold and drag. Up at the top here, using my technique,you can see we end up in the same place, we’ve got the same kind of edge here.But you can see over here,the mask came along, which is lovely. And now I can do some modificationsto the edge here, okay, whereas before I couldn’t. So what I can do is, see this down here inmy layers, I’ll toggle between the two. Can you see those linesthat appear on the outside? Cuz you can work on the image orthe mask separately.You can see your Properties panel changes,depending on what part you got selected. I’ve got my layer mask selected, and it gives me options to playaround with this mask. And real basic one is the feather, sowatch this, I can crank up the feather and it just kind of feathersthe edges a little bit. Okay, so it wasn’t sobitzy and yucky, okay? Cuz it’s on a black background, it’s gonna kinda let the backgroundof the actual image through. And often, this is all you need todo to get a selection looking nice, just give it a little bit of a feather.So let’s look at whatelse you can do with it. So I can right-click on my mask andsay just, Disable. I’m not turning it off forever. I can just see what wasin the background there. It’s not much, cuz it wasa black image in the background. But if there were other elements thatmaybe are cropped off that shouldn’t have cropped off, I can just double check. Okay, so this very similar thingthan what we did in the last video, where we kind of cropped it out.But now we can go back. Yay for layer masks. So whenever I’m lookingat people’s work and I’m seeing if they’re kind of self-taughtor using it like a professional, I’d be always looking for layer masksto give future self or other people in the business that open your PSD files theability to go back and adjust your mask. Either fix it or maybe just turn it off,so they can use the image. I can turn it back on by right-clickingit and going, Enable Layer Mask, or I can delete it forever andget rid of it, and maybe start again. So hopefully you can see the perks fora layer mask. What we’ll do is we’ll look at maybeanother example that better shows its amazingness. Okay, so we’re gonna go backto files we had open before. Remember we did this one here,we did 12A and B.Remember we used the circle,it was these two, remember? We copied and pasted this in. So we’re gonna do the exactsame thing again, but just use our layer mask to give ourselveslike some professional awesome skills. So I’m gonna drag out mycircle holding Shift. Get it there. And instead of just going to myMove Tool and dragging it out, cutting the background out andnever to be used again, I’m gonna Undo. And I’m just gonna click this button. So it’s not much in terms of what you do, except you can see here it’sprobably a better example.Where I’ve got this mask, this is blackversus white, on top of my image, and the image is perfectly fine. Here is what’s called nondestructive. Now we use my technique, grab the MoveTool, drag it into this one down here. Okay, now I can go through andstart scaling it. So remember, I’m gonna use myshortcuts from now on, Cmd+T okay? I’m gonna scroll it down. Get it down. And let’s look at some of the other perks. I’m gonna hit return. So that’s done.Remember the edge we had before, which was real kind of,it was just really hard-edged, okay, so it didn’t look really believable,as much as a galaxy in a cup does.Remember the feather? I can just kind of feather the edge here. I’ll go with maximum feather soyou can kind of see the edges there. But you can see I can kind of,I’ll move it out so you can see it. It’s got a blurry, feathery edge. Okay, and it just helps that tolook slightly more believable. It gets better. Layer mask time, you can see at the momentit moves together, the mask and the image. But you can break that link. Se this little linking icon here? Click on it. Okay, and now,remember I click on my mask or my image. In this case,I wanna leave my mask where it is, because it’s kinda in the rightposition for the coffee cup. But if I grab my image now, Move Tool,look at that, how pro are we? Okay, we can get our composition right, we’ll make adjustments that the clientasked us, or you get the idea, right? So, in this class so far, we’ve beendoing destructive editing, okay? By just copying andpasting it or dragging it.From now on, though, you andme are gonna use layer masks. Turn the link back on, cuz otherwiseit’s a bit funny having them separate. [LAUGH] Andnow let’s get into the next video, where we start tightening up some ofthe less easy selections to make. We’ve been doing it easy so far. Let’s make it hard. Or at least harder. All right, see you in that video where welook at something called select and mask. Hello, in this tutorial we are going totake some more complicated selections and masks. The most complicated of them all is here, that’s a little out of focusin the background here, okay. And using the power of Photoshop andits amazing Select and Mask feature, hey, we’re gonna mask it outagainst our sunset background, just because using the underwhelminglynamed Select and Mask feature.It’s amazing. It’s gonna do it now. So we’ve got two files open. We’ve got 14A, which we’ve used before, and we’re gonna open upthis new one called 15. So grab both of those open andlet’s start with 14A. And we’re gonna built on some ofthe techniques we’ve already learned. So we are going to useour quick selection tool. We’re going to use a brush size of,it doesn’t really matter, again, in this case, cuz it is such a cleardivision of color in the background. So I’m gonna click, hold, andstart dragging around, and we did this in the previous tutorial. So I’ve got most of it there,it’s an okay job. Anything I need to fix up is justthese bits in the middle here. Zoom right in,then I pick a smaller brush size. Now it’s shortcut time, okay.We’re not going through too many in thiscourse, because we are at the beginning kind of level, butthere’s some really useful shortcuts like, look at your keyboard andyou’re looking at the P key. And we are using the squarebrackets that’s next to it, okay. So the open and close square brackets,give them a try. It makes your brush bigger and smaller,instead of going up the top here and going, okay, now I need a small brushsize and dragging it up and down. It’s a nice way to get started. So I’m gonna do something quite small,and I wanna minus from the selection. So I can go to minus here, and just kindof remove that bit there, go to second, minus that bit there. Gonna get it even smaller, andget this bit in there, this bit in there.I’m not gonna spend too long now cuzthat was for a different tutorial, I’m gonna tidy that up. I say no, but I’m gonna do it anyway. Zoom out and I’ve got my selection. And like we did in the previous tutorial, we’re gonna add a layer mask cuzthat’s nondestructive and awesome. And we’re gonna have somethingthat has an okay edge.And we looked at doing feather, andfeather’s eh, doesn’t kind of work, what we want to do is maybetuck it in a little bit. So what we’re gonna use is this magicthing here called Select and Mask. If you can’t see it, you might be onthis thumbnail here, doesn’t appear. So I can click on my mask, and then Selectand Mask appears in my Properties panel. So click on Select and Mask. They should have called it like superamazing mega masking fixer thing. Because it’s got an insignificant name,Select and Mask, but it does some really amazing tricks. So yours might look like, more like this. So we need to do a couple of things. The first thing is along the top here, weneed to decide on, and I think it defaults to onion skinning, we can checkin against different backgrounds.Now, this will dependon your actual image. Ours is white against black. So if I start masking it against black, okay, so just put a solid black backgroundin there to kind of show me the edge. It doesn’t show me it very well. Whereas white, I zoom in a little bit. You can see it’s a really easycontrast against the edges here. So decide what works foryou on black on white. It might be on the layers, that mightbe one that works for you as well, if you’ve got a layer underneath. So where does the magic happen? Magic happens is, there’s kinda two ways. If you go to Edge Detection, okay, and after you can just lift this up,and it fixes a lot of things.I’m gonna crank it up a little bit, andI’ll show you the preview on and off. It can stress yourcomputer out a little bit. Now also note that we’re not looking athigh quality preview, you can turn this on, it just stresses your machine out evenmore, trying to produce these previews. So if the machine is struggling,you can turn that off. I turn mine on, and what we’re gonnado is we’re look at the original. This one here that says Show Original,click that.So this is what it used to look like,okay, and that’s what it looks now. So it’s kinda softened that edge nicely. The shortcut for it is P,and I use that quite a bit. So just tap P on your keyboard toturn it on and off, on and off. It’s smoothed it out, butit hasn’t perfected it. I find the magic potion often isdown in here and under output, and this Decontaminate colors. This works really well when there’s a hugecontrast between the background and the foreground that you’retrying to mask out from.And the color kind of leaks aroundthe outside, so if this was against blue, you’d have like a blue kind ofhalo around the outside and that’s often where the problemswith selections are. So you can click on Decontaminatecolors and magic, okay. Select P on, P off. Now that fixed thisparticular one really well. What we’ll do is we’ll opena more complicated example. We’ll finish this one off first, butwe’ll get into a more complicated example. So there are other options,we’ll go into global refinements now. This is work for this particular exercise,you might find you’ve got very similar flowering against the background,but those two tricks didn’t work.Don’t think radius and decontaminate colors are the only thingsto do, start playing around with smooth. So let’s turn Decontaminate colors off,and then you can see the smoothness kind of tries to kind of smoothout any kind of jagged lines, that you might have got in your selection. Feather does what we did inthe earlier example, okay? I don’t find that super helpful. Contrast, Shift Edge. Shift Edge is a handy one,okay, just gonna watch this. If I go a little bit this way,you can see it’s just tucking it in, so instead of decontaminating the colors,it’s just kind of shifting the edge of this radius, minusing it a little bit,okay, so kind of trimming off the edges. Find that is a reasonably useful one too. So if there is a lot ofexperimentation with this tool, I guess is what I’m trying to get across.When you’re finished, and what we gonnado, I’m gonna output to our layer mask. And you can create a newlayer from our selection. I’m just gonna adjust the oneI’ve already got and click OK. But what I should have done before Iclicked OK, go back to Select the Mask and Decontaminate colors iswhat did the magic for us. And I’m gonna say, let’s make a newlayer with this new layer mask so I can see my one versus my new one. So there’s the new one, andI turn it off, turn the old one back one, clear the edge, turn that one off,that one on, message.But let’s go and look at a morecomplicated example, some hair, or this will work the same for, say, some grass,or something that’s really hard to select. So let’s jump over here to the 15. So this one’s a lot trickier. Where it’s really had todo selections is here, and out of focus here could be the hardest. So I’m gonna show youa reasonably hard thing to do. Is it gonna be absolutely perfectusing Select the Mask, no, but it’s gonna get you most of the way there,it’s pretty, pretty amazing. So what I’ve done for you, for thisparticular file is I’ve got two layers, I got the model on top of a background,we’re gonna try and match these two up. What they have to do with our florist, I’mnot sure, but I wanted to do here because everyone’s gonna ask about it, I know,it always happens in my classes.So with the layer selected, okay, I’m gonna go back to myquick selection tool, pick a size. I’m gonna start with 50 just because, and I’m just gonna click anddrag around to try and get most of it. Cool, so if you’re playing along, yoursis not gonna be, depending on where you selected, it’s gonna be slightlydifferent results from where I’m at, but I’ve got a reasonably,it’s pretty cool selection. And what I wanna do is add a layer mask. You’re like, mm, not very convincing, Dan. So what we need to do now is clickon my mask, go Select and Mask. And at the top here, we’ve got to decide against whatbackground where you wanna see it. Now, you can see against white, againstblack is probably better in this case. Remember, before, it was white,so against black is a nicer here.On layers could be quite useful as well,because sometimes you can get a bit carried away with getting the mostperfect mask when really, just needs to look good against here. So let’s start with on blackto make it clear for you. Now, the radius is just not gonna workin this case, I’m gonna zoom in a little bit so you can see kind of,because there’s two contrasting areas. This is kind of out of focus here, but thenice strong crisp edge of the skin here.If I left that the radius, it’s gonnatry and, it’s fixing the skin a bit, but it’s kind of not doinga great job over here. So radius is not particularlygonna work for me on this case. Now, I can play alongwith global refinements. The problem is it’s doing it globally, and I have these two reallydifferent kind of things going on.So I want to use some of thesebrush tools alongside here, and it’s this one here that’sgonna do most of our work. It’s called the refine edge brush tool. And basically, it’s a brush tool to say,Photoshop, have another go. Have another look at this particulararea that I’m painting, and see if you can fix it for me, like magic. I’m gonna use a bigger brush size. Now, I’m cheating in usingsquare brackets, okay? And you can use the slider up hereto pick a different brush size, but to make it bigger and smaller.Have a look down your keyboard,it’s a shortcut. It’s one of the really helpful ones whenyou’re doing lots of masking, next to your P key, just to the right of it, are squarebrackets, the opening and the closing. Just tap them, and see that it’llmake your brush bigger and smaller. I find this is a real easy way to work. So what I’m gonna do is make a nice bigbrush and say Photoshop, please have a look at paint, I’m gonna paint acrossthis, and have another look at this stuff. Give it a second to catch up.And it’s gone through and tried to remask this part, not touching this. I might do this one, I’m gonna graba smaller brush and say, actually, have a look at this as well. I’m just painting along down here. Wow, it’s hard to do. Very steady hand. [LAUGH] You might zoom in andjust do a nicer job. So it’s kind of fixed, so you can kindasee I can work on different areas, and kind of start using some of these edgedetection features but not globally, just particular parts. So I’m just gonna work around and save. That was a bad go have another go. This wasn’t great.This wasn’t great. This wasn’t great. And moving around, give that another go. That’s been another go. Now remember, we’re doing against black,and it’s very unforgiving, so it’s a good way to get started but don’tget disheartened if you’re like, man, this is never gonna look good. It’s not perfect around the outsides yet. I’m gonna keep working around. Have another go at that please,that guy, that guy, that guy. I’m going super fast. I should be changing my brushsize a little bit more. But let’s just have a littlelook against our background. So let’s look at against the layers. So this is kind of a more importantkind of think to look across. You can see some ofthe haze coming through, which is cool, it’s not as blobby,but there’s a little bit of blue. Now, do you remember fromthe last thing we did where, if there’s color kinda leaking around thesides, I love this one here, under Output, called Decontaminate colors. And it kinda just tries to get rid ofthat stuff around the outside, and we’re looking pretty magic now, right? I’m impressing myself, which Ishouldn’t cuz I’ve done this before.But I’m impressed with Photoshop. It’s really cool,especially this Select and Mask. And you can see now I can just zoom in, and just work on the parts thatI find aren’t quite working. So you have to change your brush size. It’s gonna go through andhave another little look. Let’s zoom out. Okay, see how convincing it is? I’m gonna probably have to go through, andhave a little look at doing a little bit more with the brush for these kindabits that are still a little bit blue. But you can see if you tried to do thisin Photoshop before, and it used to be impossible, okay, so Select and Mask hasreally kind of lifted that game for us.For things like here that are out of focusor trees and leaves that are kinda moving. So there is just times whereit’s just really hard. If you’ve got somebodywith sandy blond hair, moving out of focus against the hay bale. Select and Mask is not gonna beyour super awesome selection trick, you need some sort of contrast. So if you’re in charge of the photo shoot,make sure that there’s some sort of contrast against your model orthe product that you’re shooting, so that you can use toolslike this later on in post. I hope you have fun with it.I love it when it came out,Select and Mask, you are awesome. Thank you, Photoshop. Let’s get into the next tutorial,where we start looking at Smart Objects. Hi there, in this video we’re goingto look at what a smart object is. A lot of people ask me,why should I be using them? There are lots of forums peoplesay always use smart objects. Okay, we’re gonna dive in,figure out the pros and cons for them right now in Photoshop. All right, sowe’re gonna look at the two parts. We’re gonna look at smart objects images,and then we’ll look at it for things like logos and icons,they traditionally call vector objects.So, to get started,make sure you’ve got 16a open, okay? 16a-smart-objects from the source files. Now let’s bring in and image,now we’re going to do it our way. File > Open, andlet’s open up the one called 16b, okay? Another image from Norwood themes, great,so we’re gonna use our track move tool, click All drag, drag, drag. We’ve done this before,we’re getting pretty good at it, right? Okay, and we’ve got our image here. It’s really big, okay, lots of quality inthere, awesome and I wanna scale it down. So what I’m gonna do is I’mgonna show you the wrong way, while the way we’ve been doing it andthen the new fancy way. So I’m gonna grab my Edit > Transform andScale, I’m gonna use my shortcut. Cmd + T, zoom out a little bit, okay, I’m gonna scale it down tosomething more appropriate.Let’s say I get it down to this size,for what reason? Mainly just to show you an example,let’s say I wanna use it quite small, I’m gonna remove the background. It’s gonna be this littlepetite thing in here, okay? I click Return, done,then later on I’m, actually, what I might do is make it bigger. So I’m gonna use my shortcut again,Cmd + T on a Mac, Ctrl + T on a PC.And I’m gonna make it nice andbig, what you’ll notice is, can you see the quality of this guy here? I want it nice and big in here, okay? Hit Return,the quality just disappeared, okay? And that’s where the value ofa smart object comes in, okay? If you make it really small,Photoshop goes, okay, I’m gonna get ri of all ofthe pixels I don’t need. And when you make it bigger, they’re just not there anymore,unless we use a smart object. So with this layer selected,I’m gonna delete them, okay? And we are gonna bring in the proper way. So same technique,try to get across to this tab here. And before you do anything, right-clickthe layer where it says Layer 1, okay? And we are gonna hit Convert to SmartObject and nothing looks like it changes.Okay, the only thing that changes reallyis the icon here on the thumbnail that wasn’t there before. We turn it off, turn it back on,cool, so that is yeah, basically all you need to do. You don’t need to remember to do much,okay? But what happens now if I go to myTransform, I scale it down smaller, okay? Petit, I’m not sure why Iuse that word [LAUGH], okay.Bad transform, hold down Shift in,okay, hit Return. It’s really teeny tiny, zoom in,okay, but when I make it bigger. Let’s go, you can see allthe quality is still here, okay? So that’s the perfect, though, that’sthe kind of thing for smart objects. What it is, is, think of a wrapperthat goes around the outside, it’s like a little cocoon. Hit Return now, it’s a little cocoonthat I put the image inside, okay? That protects it, so even though I make itsmaller it’s in this kind of protective shell, inside that shell isstill a full quality image.Now your file size will be bigger, okay? Cuz we’ve got the big version in there but it means that it gives me lots offlexibility later on to do resizing. And it protects it from what’scalled destructive editing, things that will wreck the image, okay? You can kind of do stuff to it butinside is still the good version. What I’m gonna do now is, do thisI’m gonna play with my layer order. Now, just soyou know the structure of this, I made a rectangle using the Rectangletool, where is it, yeah, okay. And then I added our colorover Gradient Overlay. We did this earlier in the course, right? I’ve got some ticks there as well. All right, the next thing we’regonna do is we’re gonna look at, so images are used that way. That’s the best way to use them,let’s look at, say, our icons and logos. So let’s bring it in andyou can bring in logos two different ways. I’ll show you two different ways cuz ifyou’ve already got Illustrator skills, what you’re probably gonna bedoing is working in Illustrator.So I’m in Adobe Illustrator,you don’t have to do this. You can just watch,if you don’t have Illustrator installed. I’m gonna File > Open to my exercisefiles, I’m gonna open up this one here, 16c, it’s my vector logo. And the cool thing about this, soIllustrator is really handy for drawing things like logos and icons, okay? Better than Photoshop but let’s sayit’s being drawn in this program, what I can do is grab my black arrow,select it all, go to Copy. Okay, hit it Copy,jump back into Photoshop. Okay and then go hit it Paste andhere you’ll be, default pixels and pixels is not the good way,we love smart objects, okay? Let’s do the before and after,so I’m gonna bring in Pixels.I hit Return, okay, to get it the rightsize, I’m gonna do the same thing, I’m gonna paste it again. So I got two options,one is smart objects, let’s turn off Add to my current libraryfor the moment, doesn’t really matter. Let’s click OK, I’m gonna hit return,get it the right size. So now I have two using both methods,okay? And the difference is going to bethat same scaling thing there. So I’m going to zoom a little bit,so you can see it and they’re both the same kindaquality at the moment. So this is my second one,that’s the first one. Let’s name them, let’s go,no smart, Not Smart, this one here.And Very Smart, I’m gonna Stickboth of them at the same time. Click the first one, hold Shift,click the second one. I’m gonna use my shortcut forscaling, remember, Cmd + T on a Mac, Ctrl + T on a PC. And get ready for it,let’s zoom out, okay? And let’s make this thing very big, and I’m gonna hit Return, you’ll noticethat the one on the left here, okay? Is, let’s have a little look,one on the left here is horrible. You’ve all seen that, okay? It’s all pixelated andthere’s interpolation everywhere. See this guy, smart object man is,look how crispy he is, or she, it’s probably a she, okay? So that is the big difference, okay? When you bringing in logos oricons, you’ve got from, say your Envato Elements account. And it does give you the option, it says,would you like it to be a smart object? Yes, object,smart object is the way to go. Why would you not use a smart object? There is a handful of saved filtersup here that just won’t work.If there is lens blue, it won’t work,if it’s a smart object. Every new version of Photoshop,they seem to be able to include more and more of these features. So smart blue doesn’t work on that butlet’s look at the Not Smart Object, okay? And let’s go to Filter >Blur andLens Blur is available, so that’s one of the drawbacks, okay? The other drawback itmakes the file size big, let’s say you did wanna use Lens Blur,okay? So I’m going to get rid of myNot Very Smart layer, goodbye. Let’s say I’d like this though, andI’d like to kinda make it nice and big. But I wanna add a Lens Blur to it, so it’s not gonna work until convert itback into a not smart object, okay? And what that’s really called is ifyou right-click the word Very Smart.There’s one that says Rasterize Layer,nothing’s gonna change, except now when I scale it up,it’s not gonna have made crisp quality. It’ll scale down just fine, but any biggerit’s not gonna be having to redraw. So I don’t want to do Filter,just kind of an example I guess, I’m gonna go to Edit > Step Backwarduntil my little icon appears. And I’m gonna show you oneof the other perks for using a smart object, especiallywith things like logos and icons. So I’m going to do a couple things, I’m gonna shrink it down,cuz it’s meant to be kind of over here. My arrow key is just totap it around my keyboard. Let’s make it white, with this layerselected, we’re gonna use the Effects and we’ll use Color Overlay.And mine’s already defaulted to white,which is cool, click OK, and so I’ve got that version, right? Now I wanna use it in a kind of a herographic way, so that big kinda thing you saw at the beginning,kind of covering the background. So I’m gonna right-click him,I’m gonna duplicate him. I’m gonna give him a name,let’s call him Hero Graphic. So I’ve got two of them now,kind of on top of each other. I’m gonna scale this one up, andbecause it’s a smart object, it’s got all the lovely vector,hit Return when you’re finished. I’m gonna lower the capacity,to kind of make it a more of a watermark thing in there, here it looks okayish. And so where the perk is,I’ve got two versions of this now, and let’s say that I’m still developingthis logo or icon and I wanna change it. There’s a really cool, neat littletrick you can do with smart objects. I can double-click, let’s say,the Very Smart option.Double-click the thumbnail withthis little icon, double-click it. Now it’s gonna open up inthe program that created it, okay? So in this case,it’s gonna be Illustrator, okay? So I’m gonna click OK, and what it does is,you see that original copied across okay? It’s a second version layer,they’re not connected. That original one I made and copied in,doesn’t have any sort of connection so, I’m just gonna close them down.But this guy here, this is a vector smart object, there’sa total connection back to my Photoshop. What I can do is let’s zoom in, okay? I’m just gonna do a real basic,use my white arrow, gonna click on this thing here. And I’m just gonna drag the point,over the handles, I’m just,I don’t know what I’m doing right now. Okay, so I’m just adjusting this, okay? Plants ask for changes orI just don’t like it, when I hit Save, so I’m go over File > Save. Jump back into Photoshop, you ready? You see,it got the little tab there, okay? That’s a little thing we made, okay? There he is there,there’s the big tab there, so they’re connected together, okay? So it makes for lots of changes, especially if say you use the logoa few different times, okay? It’s all connected,even if you’re just using it once. It’s nice to be able to go inside,make a change and see it update across different artwork. I am totally wrecking this thing now,just cuz.That is right, save it, jump back in here,you can see I’ve wrecked my logo. Jump back in here, and do it, save it,back into here and it updates. So to recap, basically bring in an image,whatever size it is, you can put it into a smart object,do your work. If you have to convert it toa non-smart object, okay? It’s right-clicking it and rasterizing it, there are some extraperk for vector and objects, okay? Copying and pasting from,it works the same for InDesign or Illustrator, copying and pasting logos in. And the other thing I’ll quicklyshow you is, instead of copying and pasting from Illustrator,you can use this file.And this one it says Place Embedded,click on this. I can do the same thing withouthaving to open up Illustrator. You might not be that keen on it, youmight not have any skills in Illustrator so you can go straight to here. Bringing in your vector file, Place,everything’s perfect, click OK. And entering your keyboardto get at the right size. And cool thing about that is thatPhotoshop is clever enough to say I’m just gonna make him a Smart Object. So you don’t really need to, I guess,make that decision at the beginning. But you still have all the same perksof being able to double-click it. Go into it and make adjustments,and go back in again and have it update in Photoshop again. All right, smart objects,kind of confusing, easy with images. You’re gonna be doing lots of images,so 100% smart objects all the time. All right, I think I just needto finish this video now, and we’ll get on to the next one. Where we look at some of the Transform andWarp tools, pretty exciting, cool, fun Photoshop stuff.Let’s jump into there now and get started. Hey there. In this video, we’re gonna take this kindaflat graphic at the top right here and wrap it around our coffee cup andstick it under the book. And kinda make it sointeracts with the background. You can kind of see it there. All using the magicalTransform tools in Photoshop. Let’s get into it. All right, so first up,I’ve got 17a transformed, it’s from Rawpixel on Unsplash. And let’s bring in our logo that we’regonna try and morph around here. And so let’s go to File andlet’s go to Place Embedded. And we’re gonna start withthis one here called 17b, we’re gonna use transform logo, 17b. Click on Place. Yep, everything’s perfect, click OK.And then we are going toget it to the size we want. I’m happy how it comes. I’m just gonna hit Returnon my keyboard or Enter. And remember from the last videowhen we talked about smart objects? And we were like Photoshop is awesome and it converts it to a smartobject automatically. In the very next video that’sgonna cause us problems. Okay, so what we need to do is we need tolearn some of these Edit Transform tools. You can do the basics while it’ssmart object like Scale and Rotate, which we’ve covered already,and we’ll cover Skew. I’d never use Skew. Okay, you might need Skew. Okay, I’m gonna hit Escape to say no,I didn’t mean that. So not a smart object,it’s not gonna work for us in this case. So we’ll just Right click the name and wego to this one that say Rasterized Layer.Okay, nothing changes exceptthe icons go and we get to do this. We get to go to Edit, Transform and we’regonna use, we’re gonna start with Distort. Okay, and it’s just gonna allow us to,it looks kind of the similar as Scale, but when you grab one of the corners you’llnotice it’s a little bit squiggy. Okay, so what I’m gonna try and do is I can click anywherein the middle to move it. Don’t use the little crosses inthe middle just anywhere else. And then I’m just gonna kind of try andlay this thing down on the ground. There’s just a lot of like trying to,lot of like tongue out going hum, does that look right? Does that look right? There’s a lot of that whenyou’re doing this technique. I’m just trying to make itlook like it’s on the floor.It could be painful to watch. And yeah, I fiddle around the way justto make it feel like it’s on the ground. You give that a go. Okay, when you’re finished though,remember, it’ll be all grayed out until youhit Return on your keyboard or Enter on your keyboard to say,yep, that’s what I meant. Cool, sothat is the Distort transformation. There’s a few other ones we’ll justquickly discuss rather than go through. Under Edit, Transform there’sthe option of Flipping Vertical and Horizontal just kind of flips it over. Okay, let’s look at one of the other ones. Let’s bring in another graphic. Let’s go to File. Let’s go to Place Embedded. You could be copying and pasting fromPhotoshop avoiding the smart object and using pixels in that case.Let’s go down to 17c. It’s just a square version that I made. Click OK. If you do get stuck in this kind ofmiddle land it just means that again, nothing’s gonna work. It’s kind of saying I’m boarding it in,but what size would you like it to be? I’m just gonna say Enter on my keyboard,bring it in that size please. Same problem as before. We’re gonna have to Right click them andgo to Rasterized Layer. With my Move tool I’m just gonna move itinto the middle here and now I gonna try, I wanna kinda make it wraparound this coffee cup. Now there is a setting in here thatI’ll just quickly show you, Perspective. I never use Perspective. Why?Because I just find I use Warp, it does this which is kind of cool,you might like this.This might work for you butyou can’t kind of rotate it and I find to do that effect that we didearlier Distort is a lot more flexible. Okay, you might like Perspective. Have a play with it. I don’t find it very useful at all. I’m gonna hit Escape. The one I do find super usefulis under Edit, Transform and there’s this one called Warp. So I use that one and that one quitea bit when I’m trying to fake things. So Distort was great forlaying this guy down on the ground. And Warp it looks very similarexcept it’s more like fabric now. So I’m gonna zoom in. Move across. And if I grab one of the corners here and just drag it around can yousee it’s like more fabric? Whereas this was kind of like we’replaying with a perspective and it was quite kind of solid. Whereas this everything’s kind of bendy. So the cool thing about this,there’s pros and cons.And there are some defaultshapes at the top here. You can pick Arc, andyou can pick Lower Arc, and there are some adjustments over here. And you might get lucky andlike you might just get the perfect one. So say this one here, the Band, say it’aa wine bottle and there’s no like at the moment there’s a bit ofa perspective here it’s not straight on. So you might decide thatactually you can go negative. So I say negative 50, maybe negative 20,and you can kind of get it. But there’s this other kind of I wantit to be flaring out little bit, so these Custom ones are not gonnabe that useful except for Fish. Remember Fish? Can we do this with type? You always need Fish. There’s never not occasion for Fish. And if you wanna get back toCustom it’s this top one here. Okay, actually,I don’t wanna start with Fish, so I’m gonna hit Escape on my keyboard to getback to how it was and just start again. Edit, Transform and let’s go to Warp.Okay, and what I’m gonna do is again, just kind of a lot of playingaround going on, yeah how’s this? There’s a lot of dragging over. And what happens is there’skinda four main corners. So these kind of four corners, okay? And then they’re these things. These handles that affect howit gets into these corners, so you need to play aroundwith a bit of both. Okay, so you can just watch me there’sa lot of just trial and error and practice in this case.Okay, out a bit further. And what I’m looking at isI’m just trying to mock-up trying to follow the edges here andfollow the cup top and bottom. So I need this to bulge out a little bit. I need this to kind of comeout a little bit here. So we’re doing quite a rigid object andI use this technique for, say it’s a mocking upan image on a billboard. So I’ve got a photo of a billboard and I’ve got my kind of like designthat have made for the billboard.It’s a good way of kind of just tryingto stick it on there and fake it. I use this quite a bit when we do brandingdeals where we’re trying to get sponsors logos on the shirts andstuff we wanna mock it up. And another use,you might not be using [LAUGH] this much. But I got a few tattoos andwhat I do is when I’m designing them, I like to mock them up on my bodyin Photoshop where they would be, colors like look just to kind of,yeah bend them around. Cuz you can get quite, you can see you cankind of follow the curves of the body with enough kind of prodding. I’m gonna go, I’ve gone and wreckedmine now [LAUGH] don’t prod it too much. Okay, so you can form this around thehuman body as well which is quite cool. So I’m gonna try andget mine back to roughly where it was.You’re getting the idea nowthat I’ve wrecked mine. It looked better [LAUGH] before. Okay, so I’m gonna jump out now andpause the video and actually make it look half decent likeI had it before and I’ll be back. All right, and I’m back. And I spent a bit of time just kindof flaring it out and matching that. How long did it take? I don’t know. I was at it for about two or threeminutes trying to get the bulges right.There’s no miracle potion for that. But the last thing we’ll do beforewe go is the distorting and the warping is awesome. You’ll be both of them in your toolkit. But I want to get this to interact withthe background a little bit because it’s the same color across andit looks a little fake. So we’re gonna make ita little less fake by let’s find the right layer to slay here. I turn the eye on andoff to work out which layer I’m on.And at the top here we’re gonnachange the Blending mode. We’re not gonna cover Blending modeshardcore now we’re just gonna look at switching it from Normal to thismagical one called Multiply. And you can see it just interacts withthe background a whole lot better. It’s the way that this layerinteracts with the things underneath. It’s the same with this lay here. If I click on my Transform Logo andI go into Normal and Multiply you can see it justblends with the background.It changes the color of it but actuallymakes it feel a lot more realistic. The good thing about it if I click on thisI can move it around and because it’s interacting with the background you cansee it kinda starts looking pretty cool? All right, so that’s gonna be it forour transforming. Let’s jump into the next video wherewe start looking at photo retouching. All right, I’ll see you in the next video. Welcome back everyone. In this video we’re going to lookat my favorite tool in Photoshop. It’s called the Spot Healing Brush andit’s used a lot for retouching. We’re going to do a couple of cool thingslike this, we’ll remove some graffiti off the wall, magic we’re going to removesome blemishes of this man, see his face, before, after, we’re even going to goas far as removing people completely. Look what do you mean? There he is, look, there wasa person there, and now it’s gone. Cool. Let’s go learn how to use thisfancy tool in Photoshop right now.All right, so let’s open uphow Exercise Files, file open, and there’s going to be three thatwe’re working with, 18 A, B, and C. So we’ll start with this one here. Now we’re going to retouch out someof this blemishes and things now. I’ve worked as a retoucher for a longtime and I dont really like what we do. I love the technology though. So let’s look at the technology. Not so much the faking life stuff. So what we’re going to do, we’re going touse this thing called the healing brush.Okay, so the Spot Healing Brushis the top option so click and hold down, we want this one here. Okay, and tons of brush size thatwill depend on your image, and this particular one, I’m using about,I’m guessing about the 50. Okay, so you can drop this down. I use my brackets there,remember, familiar? Okay, so brackets are really good forchanging brush sizes, doesn’t matter if it’s the healingbrush or just the regular brush tool. So I’ll go my size at 15 andcrank your hotness down to 0.So just drag it down to 0,just gives a nice, even hitch. So when you’re using it,there’s a good way in a bad way, the bad way is justworking straight on it. And I want to show you that firstbecause it is pretty magic. Watch this.If I just click hold my mouse kind of painted out. I’m just dragging left and right, let go. Magic I’m gonna go to Edit Undo. Undo, undo, undo, undo,it just magics away things. I can’t believe how cool andamazing it is, well done Photoshop. But now you know when people say thatperson is being photoshopped, man, it’s hard to tell, if you’re a goodretoucher, it’s hard to tell.So, one of the problems with that isthat’s called destructive editing. Like I can’t go back now, what ends up happening is what I’mgoing to paint out another one. And if you just click once on some ofthese can depending how big you might have to adjust your brush size, but eventually,you’ll end up with this person that looks like quite fake, they’ll look like aphotoshopped, kind of a plastic weed skin.So what you do is, I’m going to go, there’s an optionunder here called File Revert. That just gives it back to whenI first opened the document or at least last saved, okay? So go all the way to the beginning. So the more pro way of using that toolis to create a new layer down here. It’s a blank layer, nothing on it. I’m gonna call it my retouch layer,and all I need to do is the same tool, but I need to do this one herethat says sample all layers. So instead of like, only just gonna lookthrough to this layer underneath, okay? And make sure it feels as not it safe tocontent the way it should be by default it should be set to normal,just copy what I’ve got. So now when I do it, same thing happens, watch I can kind of paint over thesethings, paint over, paint over. And you can work your way around, brush sizes remember is squarebrackets next to open and close. Okay, you can go through andyou can start working it, but after a while It startslooking a bit fake.Okay, I’m just so good,that it’s not looking fake. Okay, let’s have a look now. Now, that person is, yeah, let’s say it’s starting tolook a little fake or plasticky. Okay, what you can do is this layer, it’son its own layer, which is the perfect, but it’s what they call nondestructive. Okay cuz the background is fine. So what I can do is turn on andoff, on and off. It’s really good forjust seeing your work. Okay?Okay, so your handiwork. And the other thing you can do is if it isstarting to look a bit fake because you’ve just been at it for a long time,often with this retouch layer selected, just drag the opacity down a little bit.And what that does is it lets some of thebackground, it just makes us a little see through, so you can start to see what’shappening right down, right up or down. You can just kind of findyour balance of real life, kind of like maybemuting the the marks and blemishes rather than turning them off,because the problem with a lot of like. I had a friend in this casting for modelsand the problem is their headshots and she’ll get people in and like, hey, youdon’t look like that person at all really, you know? Because of all the retouching, sosometimes, it needs to be a kind of a balance, I guess, softening some ofthe features or the wrinkles or the acne.Whatever it is, that’s the technique,make sure it’s on its own layer, make sure sample or lasers in there. So let’s get away fromretouching people and let’s look at one of the cool practicaluses of say something like this. Now we’ve got our brick wall here andit’s got so many needs more love. Okay, and we want to remove it. Let’s say it’s just bad graffiti. That’s good graffiti. We all need more love. So same technique here. We’re going to make a new layer. So we’re going to use ourspot healing brush and now we’re gonna findan appropriate brush size. I’m gonna zoom in a little bit, okay? And my 50 from last timeis probably gonna work. Now when you’re doing this, you need to need to click holdyour mouse key down and paint.I’m holding down the mouse key the wholetime and just give it a good work, okay? And now let go, and[LAUGH] Partially worked, okay? So I’m gonna paint him out as well,and we’re getting there. Now, this wall’s gonna be pretty forgivingbecause of the brickwork, it’s so damaged. If this was a really even brick wall, thistechnique is going to be average at best. It’s really good with nature, okay? So some of the things down here, say you wanna remove this glass bottle,whatever it is, okay, it’s really good. It’s really hard to tell where it was.Okay?If you do find it not working for you, you can go to Edit undo andjust try again. Often just the act of trying againwill give you a different result. Okay, so you can keep workingyour way around, okay? When you’re practicing,keep working your way around, you’ll get the sense ofkind of how it works. You can see I lost that bit, but it depends I guess,it’s pretty amazing though, right? If you had to go ahead, if you’re oldschool Photoshopper, and you’ll be like clone tool stamp, forget the Clonetool stamp, wow, that was a good move.Okay?So, you can kind of work these out. Let’s look at this last option here. And it’s really really good forthat’s kind of like natural textures. Okay, so I’m zooming it a little bit. My brush size,I’m going to make it a bit bigger. You can see I can click onthis actually backed in. New layer, make sure a sample of layers. I’m just going to paintsome of this stuff out. You can see pretty magic? I can’t believe how good this tool is. And it works amazingly,because of this rough texture. If it was perfectly likesome sort of checkerboard, it wouldn’t work because there’stoo many repeating patterns. Now, where it doesn’t work, andsometimes it does, sometimes it doesn’t. I grabbed this example, assuming thatI couldn’t mask out this person like, no way, it’ll do badly. Then I went and made a big paintbrush andI painted her out.And then something. Photoshop did some magic. I have to wait a little whilebecause it’s doing its best, but then she just disappeared. I was like, not a good example. But there will be timeswhere it just doesn’t work. You’ll try and do it andit will try its best but it’ll look like there’s some sort ofweird distortion going on in the world. And know that it does work really well,it’s a great kind of starting point at least if it doesn’t work perfectly youcan try and touch it up either ways.But like I teach this all the time andI’m so impressed, like these are new examples andI’m just like man, how good is that tool? All right, so that’s going to be it. Remember, it’s on it’s own layer,so we can, no instruction, we can go back later on. But yeah, that is going to be the end forthe spot healing brush in this exercise. We’re gonna look at the next tutorialwhere actually it’s even more amazing. It’s called content aware. So we’ll do that next in the next video. Hi there, in this video we’re going to look atsomething called content aware fill. It is my second most favorite tool orfeature in all of Photoshop. It allows to do fun things whereI’ve got this extra space over here. This is the original image. I just need to magicup some background in. Pray pester. Let’s look at another couple exampleswhere this one here, actually the original is the smaller version, but the backgroundgot invented using Content Aware scale.A couple more examples that’s the originalI tighten them all together in about two seconds using the same tool. Let’s look at this last one here,I’ve got a really terrible format, okay, it’s a banner ad or a big little boximage, can I need all this background in, magic, the table got bigger,background got bigger. Let’s learn how to do thisnow in Adobe Photoshop. All right, to get started let’s openup all of the 19 series that are in the source file, sothere’s 19, A, B, C and D.We’re gonna start with this onehere called from met Quinn. Okay, this lovely macrophotograph of the bee, or wasp. And the original photograph ends here butwe need it to be longer for let’s say it’s, when you end up blowingup photographs on a double page spread so like across the middle ofa magazine across two pages. There’s always this like gap on the edgehere because the formats don’t match up in terms of sizes, sowe just need to make it a bit bigger. Now we could try using the healingbrush and Clone tool stamp and there’s lots of options butthere’s this magical tool.Remember my second favorite tool in thiswhole program, so the first thing we need to do is just make sure on the rightlayer it should be already layer zero. Bet naming then,then go to our magic tool under Edit, and go to Content Aware Scale, okay? I’m gonna Escape. If I just use the regular scale transformthat we have I’m going to scale it out, and obviously it’s not goingto be particularly exciting. But if I use this one,it really hit it, content aware scale, and start dragging it slowly this way. Watch what happens. Magic? The background gets bigger. But the bee/wasp andflower stay exactly the same. When you’ve got it the way you want,hit enter and dance around because that isa super cool useful tool to use. Okay, solet’s say we gonna use this one here. Okay, andnow it’s not gonna work in every instance, if you are like goodness that is it. That’s the only tool I need. Okay, it works. I’ve picked some images thatwork particularly well. It works really good when there’san object and some generic background.If this was cropped inreally kind of like this, really small like this,it’s not gonna work very well, okay? So it doesn’t work on all. Give it a test. And we’ll look at a few examples now andsee how to work it. So this one here, what we need to do forit to work is I need to go to Edit. And look, Content Aware Scaledoesn’t work on this image here. So we’re in 19 B. We’re looking at Katherine Hanlon’s. So for this to work, we’ve run intothis problem a couple of times being in the background,it’s got a lock on it. So double click it with backgroundgive it a name, Helen’s.And what we’re gonna do is I’mgonna zoom out a little bit, okay? And I need to distinct, cuz I wannamake it say a Facebook profile. You know the type of Facebookwhere you’ve got the big, let’s call it like a litter box kindof format, where it’s kind of wide. So I’m gonna use my crop tool, originallyin this one here I did that for you, okay? Remember we had it this size, okay? So I’m put it together this time. So using the crop tool, you can seehere earlier we cropped things down, but you can actually crop things out,okay? So I’m cropping it out so that I’ve got this extra room here,I’m not going to get to go. Hit return when you got the crop right,with it same last selected, Edit, content aware scale,and then, start dragging.You’ll see, our flower somehow staymagically while in a position and the wall gets bigger. Just super cool. Okay, let’s hit enter to confirm it. Now you might run into a problem herewhere Crop tool, I’m going to click once, drag it up. So you want to make it bigger because youwant to put some meaning some roof a text at the top here. The trouble with this one is that it’snot going to work particularly well so it doesn’t work in all cases. So watch especially dragging it up,the wall gets bigger, but eventually can you seethe pots getting bigger? Okay, so there are times where it just doesn’tquite work but it’s still pretty cool.Who knew what that vase looklike this time with art. Let’s look at some other instances. Let’s look at 19c. So we’ve kind of expanded things out andthat’s cool, but you can also so back to my move tool. Make sure double click this layer. This one here is Annie’s,we’ve got a couple from here, this one and the next one. Okay?And let’s say that this placements here, well, I guess I want to showyou an example we can do it, continuous scale instead ofgoing out which is super cool.Watch this, you can go in. Can you see the bottom guys,start moving in? There’s magic andthe shadows start distorting. And watch this, you can tighten allthese guys together to make a nice, kind of a smaller group. Eventually it’s going to startdoing weird stuff, okay? But for slight adjustments like this, man,instead of trying to mask them all out and move them together,this is such a big time saver. Can I shrink ‘ down and spread ‘ out? I can, I can kind of reform thiswhole kind of composition here really quite easily. Hit return when you are finished andI will grab my move tool. My computer is gonna stress out. Okay, move tool, there we go. We’ve got this kind of like,little bit of distortion there but you get the idea right? Now let’s look at this last one and geta little bit more hardcore because there are got to be times where everything looksperfect except for this one little thing.So I’m gonna do the same thing here, I’mgonna zoom out, here’s my crop tool, okay? Because I want to do that little boxagain, I want to be quite big ish. I use this heaps when I’m doing, I doa lot of HTML banner ads which are just really weird shapes, you know that kindof really long, thin leatherboard or banner ad, or that skyscraperthat’s just really bad format. Okay, soreshaping images this way is perfect. So I’ve used the crop tool,make sure my name is not background. And I’m gonna go to edit, transform,I’m gonna go to edit, content aware scale, there’s gonna be a bit of a problem look,you can see him the as the paper. So everything else ispretty amazing right? The desk just got bigger, the leavesstay fine, the scissors are great, that it couldn’t work out thisthing got a little lost in there.So we hit Escape,say I didn’t mean it, and what we can do is we canprotect bits of areas. So if you scale it out andit’s not quite working, what you do is you collectany selection tool you like. Might be the, we can use the rectangle andElliptical Marquee tool. We’re gonna use our favorite,the quick selection tool. And I’m just gonna kinda draw box inthere and it’s super quick and easy, just kind of runs out andgrabs the edges of this which is perfect. And I’m gonna go to Select Save Selection. Okay, so we need to do this step first. So we make any selection we like,we figure out the bad bets, go to Select, Save selection. You give the selection a name,A name, I never do, you should. Okay, I’m gonna go to Select, Deselect. So I’m done with that now. You just make your selections. It could be multiple selections. In my case it’s just a little one. Now when I go to Edit,content aware scale, okay? And there’s an option up here that saysprotect, drop that down, and it says, A name, that’s the thing I wrote.Okay, and now hopefully its gonnaprotect that little selection. Hit return. My goodness, that is pretty amazing. I love it so much. Now we’re doing pretty big examples here. We’re dragging it quite far out tokind of show off a little bit, but you might be doing two smaller adjustmentsjust to kind of make it a bit bigger or to fit your dimensions. Okay, drag it out,see if anything goes wrong. If something does go wrong,see if you can make a selection first. Save that selection then startdragging and use that protect feature.Now, another caveat for this one is that it’s gonna workon 40% of your images perfectly. Okay, using the techniques we’ve learnedhere, there are some that just don’t work, really kind of confusing backgrounds wheremaybe it’s a crop in really tight of an object or a person. It doesn’t work very well. So there are times where just doesn’twork and it’s never gonna work. But there are times whereit’s just a lifesaver and half a day’s worth of Photoshop workcan be fixed with Content Aware scale. All right, let’s get on to one of the lastvideos where we look at exporting for all the different kinds of formats,web, social, print, all right, I’ll see you over there. Hey everyone, this video is all aboutexporting our files out of Photoshop. So we’ve done our work, we’re finished,and now we need to do something with them. We’ll cover how to send them todifferent Adobe applications, as well as sending them out to print and web andsocial media, so let’s get started.So first up, open up our file,it’s called 20-Exporting.psd. Now, this is somethingwe’ve worked on earlier, so you can have your versionopen if you like. So the first use case is let’s sayI’ve designed this and I wanna put it into something like Adobe InDesign,and that’s a desktop publishing app. So where I make my magazines andbooks and flyers and brochures. Now this technique is true for all of theAdobe software, could be After Effects, it could be Premiere,it could be Illustrator.All they really want is, there’s actuallynothing to do when you export it, you just leave it as this PSD,this working file with all these layers, exactly the same fileyou use in Photoshop. I’ll show you what I mean, so I’m workingon this document here in InDesign. I wanna bring in my file, File,they use Place in InDesign. I find my source file,it’s number 20, click Open, I drag out my file,want to kind of cover this thing.Great, move down, Cool, sothat’s my kinda banner that I’ve created. And you can see,it just comes through, looks great, it’ll print fine from InDesign. Okay, so if you need to incorporatea Photoshop document in any other Adobe product, just bring in the PSD. One of the perks for it, though,is if I go back into Photoshop, And in here, and I need to make some amends,so let’s say this flower here, I’ll just kind of move it around or decide that itneeds to be a bit higher, back there. The background, okay, I need to change,gonna go to Adjustments, there’s an invert adjustment, okay, andit’s just flipped the colors around. All I need to do is File > Save,jump back into InDesign, and in here, nothing really happens, except here my links panel hasa little little icon saying modified.Okay, I’m gonna click to update it. And you can see, just went and updated. Okay, so it’s a really quick and easy way to work within other Adobeproducts, is just to use the PSD. And the cool thing is is that whenyou edit the Photoshop document, it flows into other products. Now let’s look at another use casewhere we wanna go to print, so let’s jump back into Photoshop. So here in Photoshop,I need to send this to a printer, okay, either my home printer, or email it tosomebody to get commercially printed, it might be a flyer or a business card.And in this case,because there’s text and maybe a logo, we’re gonna use the PDF format. Okay, so we’ll do that one first, and then we’ll look at maybe justusing a kind of straight-up image. So this one here,if I wanna send this to the printer, File, we use the Save Asinstead of Export. Okay, click on Save As, there’s an optionin here, if you click on the word PSD, okay, or Photoshop,find the one that says Photoshop PDF. Okay, I’m gonna put mine on my Desktop,okay, Desktop, even, and give it a name,I’m gonna click Save, click OK. There’s a lot of warning dialogs whenwe’re using this particular save method, cuz what we wanna do is,we wanna turn this off. With that on, it’s basically just aPhotoshop file, and the file size is huge. Okay, we don’t need that,we’re sending it to the printer, we don’t need them to have allthe Photoshop kind of adjustment layers. We just want it to retain all the image,the transparencies, and any vector that we’re working with,like the type.So we’ve turned that off,and at the top here, just make sure you’reon High Quality Print. Go back to High Quality Print, it turnsthis back on, so I turn it off, and it’s High Quality Print Modified. If you see modified, don’t sweat it, allthat means is that you turned that off. You click Save, andit freaks out and says, hey, normally, I think I’veturned my warning off. It says, hey, you sure you wanna turnthose things off, you say, yes I do. Cool, I’m gonna close it down now,and let’s have a look, I just wanna close it down now. Let’s have a look at my desktop,there he is there, there’s my PDF. Okay, the cool thing about him is, he’s a real small file sizecompared to the original. The original that we opened was at 20megabytes, and it still retains all the niceness, that good quality,any type has really crisp edges. So that’s a great way ofsending stuff to the printer.Let’s explore a different exportinguse case that’s kind of more simple. We just did the retouching earlier,and let’s say, now I need to send it tosomebody to get printed. Okay, it’s going to a photo labto get printed on nice stock, they don’t need a PDF. The PDF will look fine,what they’ll probably be looking for is a JPEG, andlet’s look at using our print JPEG. You do it under File > Save As, again, andthere’s lots of options in here for JPEG. What you want is just the standard JPEG,none of these other ones.Click on that, gonna stick it onmy desktop, I’m gonna call this, it’s on my Desktop, I’m gonna callthis Model, okay, click Save. And this is where I guess it’s quiteimportant, if you’re sending this. We’ve done some retouching,it’s a great photograph, we wanna keep it as large as we can, okay,we don’t wanna kind of drop any quality. Okay, you wouldn’t, especially if youwant, yeah, this is a commercial print, we wanna make it look nice, keepthe largest file size, let’s click OK. Let’s check my Desktop now,and now I’ve got my JPEG. Okay, how big is he,let’s check him, he’s 2.7 megabytes. So still really small, butit will print really nicely. The difference between that and,say, the PSD we had before, is there’s no layers left in this one. You can see in my Photoshop document,okay there’s actually two layers. This JPEG is a flat pancake,but perfect for sending to the printer because theydon’t need to see your separate layers.They just want kind of a nice, compact,small, good-quality file to print. All right, the next use case is going outto either a website or social media, and the kinda same rulesapply to both of them. It’s about getting great quality image forthe smallest file size. Because they they need to upload,especially for our website, we don’t wanna be waiting for you imageto load, we want it to go super fast. So let’s look at this first option here,and let’s say I wanna save this out for a banner for a Facebook title,or say it’s an Instagram post.What I wanna do is go to File, andin a slightly different place, it’s under Export, and this one here. Export As is the magic one,click on Export As. If you’re using Save for Web, it worksokay, Export As is better in my opinion. Okay, so in this one here, becausethere’s no transparency, by transparency, remember, there’s no checkerboardin the background, there’s no kind of hole in the background, in thiscase, a JPEG is gonna be the best, okay? And the quality slider, when we exportedthe print version of a JPEG, we had to use a different way because it retainsmore detail that’s used for printing. Because it’s going to a website, orto our social media account, Instagram or Facebook or Twitter,we don’t need that same level, so we use the Export As feature. And whereas before we had the qualityjammed up as high as we can because we weren’t worried about file size, in thiscase, it’s basically as low as you can go. Can you go down to 2% quality? The way to know is, if you zoom in,can you start to see, it’s starting to look pretty junky at 2%.The cool thing about it, though, is over here,you can see it’s actually 37 kilobytes. Okay, so it’s teeny tiny. So best to check it at 100%, okay? And you can see, even 100%,you can see some of the interpolation or some of the pixels all glooping together. So how low should you go? My rough rule of thumb is between,so low is 30 and high is 60. Okay, I find somewhere in thereis my middle ground normally, there are exceptions.Let’s try 30, click out somewhere,are you happy with 30? Zoom in a little bit,this is totally up to you, what is it for? Type is gonna kinda standit out quite a bit, you’re not gonna noticeit too much in here. You can see it still looks pretty good,even when I’m zoomed in. Okay, but things that have crisp edgeswill stand out a little bit more.So I might decide, actually,I’m gonna go up to 60. You can just drag this up and down byclicking here and just going up and down and deciding what you want. You can see the file size, though, is a lot bigger at 135 than it is at 30,so it’s a trade-off. If you don’t care about file size,go for the higher version. So for websites, file size is reallyimportant, for social media, not so much. Leave it at 100%, that’s fine if you’re gonna justpost it to your Twitter account. All right, once you’ve got it there,I’m gonna click Export All, give it a name on my Desktop, and leaveit as is, .jpg, hit Save, and we’re done.Now there are occasions where youspend ages getting a mask, okay, I’ve turned off the background,the eyeball here. Remember we did these masks earlier,okay, and we spent a lot of time doing it, cuz we need transparency. Often, you’ll only need transparencyif it’s going out to a website. Not everyone’s gonna need this, okay, but let’s say we need to retainthe see-throughness of our image. Because on the website, you canactually see through to the background, which is perfect. So all we need to do is just go tothe same feature File > Export > Save As, we just save it as a PNG. A JPEG, you will see, will fill inthe checkerboard transparency with white, cuz a JPEG just can’t handle transparency,but a PNG magically can.Okay, so we’ll leave that,even though it’s got a checkerboard, it’ll just be see-through. This might be cool if you’re going out to,say, a video product, and you wanna keep the transparency. Or in my case, I do a lot of web stuff,so it just needs the transparency. Big trade-off is there’s noquality slider, and over here, you can see the file size is really big. If it wasn’t so big, okay, anddidn’t have so much stuff going on in it, it would be a lot smaller, but yeah. That’s how you get out a file forweb that has transparency. Click Save All, Save, And that’s it. So hopefully that gives you,quickly go over it once more time.Okay, so normally just leave it as a PSDif you want to put it into another program like InDesign orIllustrator or AfterEffects. But if you need to go to print, okay,typically you’ll just be doing a JPEG. But you have to go this File > Save As, JPEG, it’s different from the JPEG inhere, it has more quality for printing. If, like in this example, there’stext involved or logos and vector and all sorts of stuff going on, it’sprobably better to save it as a PDF, and that’s under the Save. I like to mix them around,Exporting sometimes, Save As sometimes. So Save As is the PDF. And the last was social media or websites. And it’s just hiding underFile > Export > Export As. And a JPEG if you don’t have transparency,a PDF, if you do.All right, friends, that is gonnabe end of the exporting video, I will see you in the next one. All right, you made it,it’s the last video in the series, and we’ll just talk aboutwhat to do from here. Okay, so first of all,I love to see what you’ve made. Okay, so if you go to the forums here andsearch for Adobe Photoshop for beginners, you’llfind what other people have done and share what you’ve done andI’d like to see it.Okay, or you can share it on social media,if you prefer. Okay, for Twitter, we are TutsPlusDesign,or I’m DanLovesAdobe. Instagram, I’m BringYourOwnLaptop,so share it there. And then I guess working atwhat you do next is easy. The easy one is an advancedPhotoshop tutorial, okay, so there’s a few of those here onEnvato Tuts+, so search for that. But then you might consider yourself,I guess a bit more specialty. Okay, so if you’re a photographer,the next steps for you might be more going into somethingcalled Camera Raw, or Adobe’s Lightroom. That might be your kind of next step foryour learning kind of experience. If you are a web designer or UI kind ofinterface designer, you might look to use, there’s some courses here for Photoshopspecifically for web and UI design. Okay, there’s a few featuresthat are specifically for you, you might check that out.Or you might move into something likeExperience Designer, Adobe XD, okay? That’s a really cool tool forprototyping, websites, and, yeah, apps. You might be in the marketing field orcommunications, okay? You might find the next bestcourse is something else, something like InDesign,which is desktop publishing. Or Illustrator, which is moreto do with creating graphics and illustrations and icons andlogos, that type of thing. Or another nice thing you mightgo check out if you’re in that space is somethingcalled Adobe Spark.It’s a really cool way fordoing social media posts real super quick. Fix photos in Photoshop, and then add somegraphics real quickly in Adobe Spark. So that is going to be us, we are done,we had a great time together, I hope you did, I did. And that’s gonna be the end of the course. I’m going to finish with an awkward wave. Bye now,I hope to see you in another course..

digital marketing

As found on YouTube

Share this article

Leave a comment