Learn Photoshop & Make a Meme: Introducing the Interface, Layers, Cutouts & Shapes | Benjamin Halsall | Skillshare

Playback Speed

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

Learn Photoshop & Make a Meme: Introducing the Interface, Layers, Cutouts & Shapes

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

Watch this class and thousands more

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

Watch this class and thousands more

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

Lessons in This Class

10 Lessons (55m)
    • 1. Introduction

    • 2. Overview of Photoshop's Interface

    • 3. Navigating & Zooming Into Your Designs

    • 4. Intro to Resolution in Photoshop

    • 5. Cutout - Method #1 - The Lasso Tool

    • 6. Cutout - Method #2 - Lasso & Layer Mask

    • 7. Create a Graphic Background

    • 8. Add a Drop Shadow Effect

    • 9. Create Type in Photoshop

    • 10. Export & Upload Your Meme

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

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





About This Class

This series of video classes focuses on how visual arts students can use Adobe Photoshop, Adobe Illustrator & Adobe InDesign. The courses will take it from the top and introduce each piece of software as well is where it can, and cannot, be useful. The next class in this series Digital Studio 2: Line Drawing & Painting Fundamentals introduces Photoshop's awesome painting tools.

In Digital Studio 1 (shortly to be followed by Digital Studio 2, 3 etc) we will be introducing Photoshop with a run through of how to create layers, text, shapes and how to cut out images. We'll be using a meme as the theme and having some fun as we get to grips with Photoshop's core tools.

In this class you will learn your pixels from your polygons. How to work with transparency in Photoshop (and eventually in InDesign & Illustrator too). We will look at colour and image manipulation and of course how to export and output your work for screen or print.

So lets get started with Digital Studio 1: Introducing Photoshop and make some meme's.

If you have any questions then just send me a message.

Other classes in the The Digital Studio series

Digital Studio 1: Interface, Layers, Cutouts & Shapes (aka Introduces Photoshop & Makes a Meme)

Digital Studio 2: Photoshop Drawing & Painting Fundamentals

Digital Studio 3: Color Correction, Retouching & Compositing in Photoshop

Digital Studio 4: Shape Essentials in Adobe Illustrator

Digital Studio 5: Create Polygonal Patterns in Adobe Illustrator

Digital Studio 6: Photoshop Essentials Q&A

Digital Studio 7: Adobe Illustrators Essential Tools - Carving a Pumpkin

Meet Your Teacher

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses


For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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


1. Introduction: Okay, so here I just want to set tiny, tiny bit of context for what we're doing in this exercise, which is creating a mean I thought it be worthwhile. Just kind of showing you a few places you can go to to look for inspiration and find out a bit more about me. And so the first place I would head to is no. Your may has some really interesting information about means. You can spend a day, a weekend a week looking at this site on, find out a whole bunch of information that even episodes about new means have come out on bond. They're pretty funny. They're definitely not serious in their research. But there's a lot of good information there as well. Okay, so we've got some classic names. Okay, So basically, we're looking at selecting an image, copying it, pasting it on, then creating the graphic kind of vector background that you see in this particular image. Okay, so you can see a few classic means here, and we've got some others that we can have a quick peek up. You can see a few classic means here. We got some others we can peek out Got the classic Yo, dog me with exhibit We've got the classic winter is coming mean here as well And then we've got something a little bit closer to what we're about to work on, which is the mean with these kind of three graphic elements the text cow image on then the graphic background. Okay, so this is really technically what we're kind of looking at making. Okay, you can research means and have a look at names, but let's get on and have a look at first shop and how we sell these layers, which is going to give you a great introduction toe using images and graphics in adobe first up. 2. Overview of Photoshop's Interface: Okay, so here we're gonna have a quick overview of the photo shop interface. And basically what we're gonna do is have a whistle stop tour from the left here across topping the menus to the right and just have a look at all the different features that you'll see when you first open up photo shop on. Just talk about the tools that you really need to focus on as you begin working on a project. OK, so if we come across the left hand side here, we can see we have the toolbar in for a shop, okay? And it split into several distinct sections. OK, so if we look at the top sections here, we have selection tools. So these air for selecting objects in photo shopped for selecting areas such as the rectangular marquee tool that we have here or the magic. One tool on you would use those for selecting, moving, cutting, copying and pasting elements within an image within the layers of your Photoshopped document. If we come down to the next section here and you can see these dark lines, highlight those, then we have the painting tools. So we have the retouching tools, the painting tools and also things such as the the rays. It'll OK, So these are the classic tools. He would use him for a shop for, for retouching a photograph or for painting in Photoshopped from scratch. Then if we come down a little further, we have the vector based tools. Okay, so these air things such as the pen tal which you can see I've got switched to a different tool here. The text tool on then the direct selection tour and the shape tools. Okay, which we can see here. And if we click and hold down, we can see we can create different shapes such as ellipses rectangle so on and so forth on if you have a look at the different tools in the photo shop tool bar on the left hand side Here, wherever you see a little arrow on the bottom right of that tool, it means that you can click and hold on it and select a different version that'll So you know the last you till the polygon. Alas, it'll here, for example. And if we come down, we have the paint brush tool, the pencil tool. So the other drawing tools are hidden underneath that initial tool that we see on the toolbar. OK, and if we come down to the very bottom here we have the hand till the zoom tool on also the foreground and background color options here as well, which is where we display the foreground background color. One thing you come across from times times a need toe change back to default, Soto black and white. So we can click on this tiny little button here, and that will change our foreground to black and our backgrounds white. We can also switch them round by pressing this button here. So let's select the text tool here just as an example to demonstrate on next step tool. So if we can't the top just below the menus, you'll see the options top are okay, so basically, this is now showing the options that we have for our textile. Okay on. Whenever we select different tools such as the move talk, you can see we get a different set of options. So, for instance, with the move toe when we have different layers selected, we can do things like a line and to one another. We can transform them on a scale them. So that's the kinds of options that we have up here. Okay, then, if we have the selection tool, we can do different types of selections, adding and removing from selections we can create and selections that are a fixed ratio, for instance. And so you can see the options toolbar gonna keep gives us those options for that particular tool. So these two sections in the first shot interface are interchangeable. The toolbar on the toolbar options that we have up here. Then, if we come to the top, we have some of the classic menus ASEAN, every application, things that the file menu that edit menu on. We have some of the same features that you'll see in a text editor, such as Edit Copy, Edit Paste. They're great at the moment because we don't have ah file open. But when we do, we'll be able to copy and paste elements. Then we have the classic file open options file. Say save as if you want a version are for a shot documents and then some other different options that we would use from time to time. Such a safer Web If we're saving out something, we want to crunch it down for the Web as a J. Peg or a gift file, we would use that. So we have some other options here as well that worth paying attention to. We have things like image size so we can adjust the size of our image of the image menu on . Then we'll skip over the layers menu a lot of time. You will come down to the Layers panel on the right hand side here because things a bit more visual, a bit easier to navigate the layers menus. Not when I use a lot. We have the type menu on again with the type menu. A lot of those type options are in the options toolbar. So the timing is not one that I come to. Ah, a lot to do work in Intro Tosha under neath If we flip through the filter menu, we have some of the effects and filters that we can use info shop, and that's a menu. I use a reasonable amount to add different noise filters to excell eight layers of him having an effect on also things like lens correction as well If you're using a camera like a fish eye lens on a camera, then sometimes you might want to correct that toe removed from the distortion from an image . Okay, if we come across now to the View menu will cease. Um, zoom in and zoom out. Options here again with those options, will use a lot of short cuts. It's just a lot quicker to work in First your past. You get used to the shortcuts, so we use things like command and plus and minus on the Mac or control and plus and minus on the PC, depending on which platform you're working on. And also importantly, the view 100% so we can see the actual quality of our images. And we'll talk a bit about that as we move through different projects and then under the window menu. This is a menu. I come to a reasonable amount. We have all the panels that we need to access in photo shop here. Okay, now, one of the things that does happen from time to time with the panels is that you can rearrange your panels in your workspace in your layout info shop. So if we come across the right hand side. Before we get into talking about the panels themselves, we can drive these around and reorder them. Okay, which is handy. Sometimes you might not need the past panel. So you close up, Andi. Sometimes you might not need to use channels there. Close up until you're reorganizing those depending upon what you want to do, Okay? And sometimes you'll think where I put the layers panel Now we can go to window Andi layers and bring the layers panel back up. But if you made a lot of changes and you actually moved a lot of things around, then what you might want to do is actually resettle the panel locations. And it's one of the most useful features in Photoshopped. Justo orientate herself when you're starting out on that is the window workspace. Recent essentials. OK, so we have the essentials view set up here is our workspace on. We can reset that Put everything back in the right spot and it's really useful when you're following along with tutorial here, too, because I will be keeping the default layout quite a lot about adding and removing to it as we go along and jumping back to the default essentials. Workspace will be really useful as we kind of go on. Okay, So really, the next step to go through is either to create a new file in photo shop or to open a file . So we're gonna create a new one. So we just go to file and new. Okay, this is the next step. So we have some options here for our different files. I'm just gonna jump is toe rgb. We're gonna be working for screen in this particular exercise, so we're going to stick with RGB color. If we were working for a print document, then we might want to use C N Y que. Who are working on that standard cm like a printer. Okay, so here we have a custom size set up that I was working on previously. If you come to the preset options here, you can see that we've got some default sizes that we can work with, such as us paper, international paper. So that would be European paper sizes on, then. Sizes for the web, hand for film and video. Okay, We're gonna have some websites is here. Okay. Now just to put this into context. The size here in pixels for the Web is basically about half of full HD it lover less than half a full HD. So full HD is 1920 by 10. 80 on this is 100 by 600. So it's just a little bit less than half the size of HD. Okay, so we're gonna create an image. Sizes 10 24 by 768 If you're making something for the web for a webpage and 10 24 by 768 is normally a good sized her to kind of start with as you set out to create images. Okay, if we click OK, here, we can name our file here, or we can just name it when we save, it will click, OK, and then you'll see that we have ah, transparent background here. That's what the checkerboard means. And I just show you the other option that we have here. So we go to file new the background contents here was set to transparent all. We can set it to a white or a different background color here by selecting the background kind of. Okay, so we just make a new document the same size click. OK, and it's now a white document. Okay, so you can see we've got a locked background layer in this style on in this far with a transparency. We haven't unlocked background list. That's the first little look at our layers panel here. Okay, So just to get things started here will close this untitled one project. Okay? And we are gonna grab the type toe. Okay? We're gonna just type in a bit of area type, just toe show how things could get started, so we'll click and hold Onda drag outs. A text box. Okay. On dragging out textbooks means the text is gonna wrap within that, and we'll just type in okay, something. And this has come out quite small. You can see it just down here, so we'll grab that and just pump size up a little bit. And you can see we've typed in Hello world on. That's a quick overview off the foot shop interface, and we're just gonna finish up by going to file on save, and we're gonna say this right onto the desktop, okay? And we'll call this hello world, and we're just click. Okay. Here and now we're ready to move on and start working a photo shop 3. Navigating & Zooming Into Your Designs: Okay, so here, we're gonna have a look at how we get around an image. So one of the things you'll do a lot when you're working in photo shop is zooming in, zooming out on navigating around your image as you work on it. It's really important to get a nice flow for moving around campus. So let's just open up a file here. Okay? On basically, what we're gonna look at here is how we zoom in and zoom out. So if you come to the left hand side here, you can see at the bottom we have the handle which allows you toe move the campus around what zoomed in. And then we also have the magnifying glass tool to zoom in. If we hold down ultra option to zoom out okay. And you can see once I'm zoomed in a little bit, I get some scroll bars along the side and bottom. Allow me to make around the image on. I can also jump to the handle on move around there as well. One nifty feature later versions of Photoshopped. How is the ability to rotate your cameras as well? Okay, so if I click on the handle on hold down. You can see I've got the rotate view till Okay, this allows me to rotate my view. Okay? It's really useful. Sometimes you're painting or wanting to work in a tricky part. The image where things just don't seem to be quite going quite right when you've got it upright. Rotating the cameras can be really useful. If we have it rotated, we want to rotate it back toe zero, We can hit reset view here. Okay? And we'll just jump back to the regular handle now, as you can see here, when we opened up a tool in photo shop, we have a shortcut here h and r for the hand and rotate all for the magnifying glass. The shortcut to get to is zed. OK, jump back to the move toe up here. And really, I very rarely used the hand tool or the magnifying glass till the zoo nitel. Normally, I'm zooming in and zooming out using shortcuts. Okay, so on the mac is command and plus to zoom in or command and minus zoom out on the PC. It's control and plus and minus. So we can zoom in and zoom out, okay? And then if we want to tuggle the hand tool on how's it working for a shop? We just hold down the space bar. That means we can move around our image. Okay, so basically, we don't need to move away from the tool that we're currently using. Whether it be the move to all the papers to run it like that, we can just use the short cuts. Comotto control plus and minus or bolt on the mouse wheel will work as well to zoom in and out, okay. And then the space part to move around. Now, there is one other tool that is definitely worth mentioning on that is under the window menu. Okay, we're gonna jump to the navigator here. Basically, the navigator allows us to see where we are on our image. So we have a complex image. We want to kind of move around it and see the thumbnail there. You can see that we've got this nice little thumb now that allows to move quickly to different parts, the image without having to zoom in and zoom out as well. Okay, We can also zoom in and zoom out in the navigates Tulloch's Well, OK, one other zoom level that's really important when you're working Photoshopped with any of your images is 100% few level. Okay, so this is 100%. What you're seeing is all the pixels on the screen at 100%. So this is one way of checking that your type is good, that your edges a sharp okay and that you have a good quality image whenever you're zoomed . Anal zoomed out. Photo shop is kind of making a best guess as to what it displays on the screen. But when you're looking at 100% you're looking at the actual image, which is really important. So control, look, amount plus and minuses imminent out space, part tuggle handle to move around. And also just make sure you're keeping an eye on the zoom level here so that you know what your zoom level is and that will help you control the quality that you have in your photo shopped images 4. Intro to Resolution in Photoshop: Okay, so here we're gonna have a little look, a resolution, inverse shop, and just talk about which resolutions are best for. For which purpose is we're gonna be designing something for screen in this lesson. So we'll really be looking at how screen size relates to resolution. So pats of something like an iPad or a laptop, the resolution will be smaller than it will be for a desktop or on HD TV. So we're gonna go ahead and open up a file here and basically here we have his last portrait of a dog on. But we're gonna be looking at Here is the resolution of this image and how it relates to different print or screen formats. So if we go to image image size, we can see the actual resolution in pixels off that image. Okay, Now, if you're working for screen, the pixel, width and height is what you need to pay attention to. Okay? I'm just gonna cancel out of it at the moment on. Just show you kind of what we're looking at here in a photo shop so you can see up at the top left. Here we have this 25% which means that we're viewing our image a 25% of its original size. Okay, we can also see that it's an RGB image on. Basically, what that means is that photo shops re rendering a version of our image to 25% of its original size, which means I'm not saying that the full quality of that image and if we go to view on 100% we'll see the actual pixels of that image So you can see this image is nice and sharp smiles definition around the allies in the the edge of the dog here. So basically, we have ah, have a reasonable resolution for for this particular image. Okay, I'm just gonna fit this to the screen by going to view and fit to screen or Commander Zero , and you can see again we kind of zoom out here. So basically the actual pixels or the 100% view something I use a lot particularly for type off work with images. This just to see that the actual quality, that image okay in particular, if you're really zoned out, you won't be able to see all that kind of color information that you have an image. Okay, One nice way that we can really demonstrate. The difference in image quality is by duplicating this image. So we're gonna go to image on duplicate. Okay, We're gonna make a brand new image, will call it low rez. Okay, on. Then. We're gonna come into image on image size on drop this down 2% to 10% of its original size . Okay, so we have a 282 pixel wide image. Okay? We'll leave the re sample automatic. You can change these if you want to. For different purposes, we'll click. OK, there. Okay. So now you can see our images dropped down to a much smaller size, and we're still viewing at 25% of the original size. So if we go to view on day, 100% will see the size of that images. So this image 282 pixels wives is good for, you know, ah, webpage for a kind of medium sized image on a web page off something you want to use on screen on a smartphone. OK, there's a smaller size. Let's just zoom in a bit more. So we go to fit the screen so we can really start to see the pics elation that we have in that image. Now, let's just use the side by side view that we have invited shop so we can compare it to the original. So if we click on this top, you can see we've still got our two images hip fitting to the screen and you can see when we flip between them the difference in the image quality. But if we click and drag this decide here, you can see that our image is gonna dock. They're okay. And that means that we can see these two images side by side. So if I hold down the space bar now, I can move that image around, okay? And I could do the same over here so I can see the difference in image size. And if we view this image 100% you can see we've got some nice detail in that image. If we come across them in this image on, zoom it to the same level. Okay, you can see we've got a really heavily pixellated image that really is not gonna print out very Well, until if you wanted to use it for print. Okay, So this image on the right is a good Web based image on this image on the left would be good for print off a web. And this illustrates one thing, which is that it's really good idea to try and keep your image in its original format for as long as possible when you're working on it. Okay, let's just talk about the image of the left again for a second here. And I want to look at how this image would print out. So if we go to image Andi, image size, get the moment. We have this as a percentage. Okay, we're gonna change this two inches. Okay? On at the moment, we are viewing it and inches on the resolution is sends two pixels French. Okay, So basically, what we're seeing here is not the full size that it would actually print out the maximum size it would print out. Because, really, we were our resolution to be 300 pixels French when we're printing out. Okay, so I'm gonna turn off this re sample option here. Okay, on, then. Just type in 300 him will see the inch size drop once we've typed in 300. So you can see that this is good at nine by seven. And if we want to print outs and like an eight by six image, you can see here that we have a high enough resolution and for that here, So really any bigger than that? Like a poster size, this image would would start to look a little bit grainy. You're a little bit rough around the edges. Okay, so what we're doing here is no actually changing the image. What? He turned off the result. But it's actually keeping the original pixel dimension. If we click example here and jump actor pixels, you can see the pixel dimensions is still the same as the original image. It's just the resolution that's changed. Okay, so we've not changed that original image a tour. We've just changed the size that we could print out. Okay, If you have any questions about these topics, then just send me a message on. There is a lot to cover to do with resolution and Print and the Web, but this should get you started 5. Cutout - Method #1 - The Lasso Tool: Okay, So here we're gonna have a look at how we set up a new document. And then how we copy and paste a selection from one file to another file in Adobe Photoshopped. Okay, there's a few different ways of doing this summer arguably better than others. We're gonna stick Teoh a really simple copy and paste here, so we're gonna, first of all, make our new file. Okay, which is gonna be the size of our means. That's a Web based image. So we're gonna make it 600 pixels by 600 pixels. A nice square for that so that we can keep the image size and the kind of file size down for uploading to the web. So if we go to file and you okay, so you can see here. I've got a massive image size. That is not what I need. I basically want a 600 by 600 pixel image size. Now, if you think about this sort of image size and basically the HD watching your TV is 1920 12 80 pixels. So this is about 1/3 of that size in the width and about half that size in the height. Okay, so that's the image size of working with We wanna work with RGB color. It's the screen. So we're gonna work with RGB on the background is white, which we're going to change a little bit later on anyway. Then we have some advanced options for RGB, which we don't really need to worry about at the moment. For most of your work, almost all of your working first shot will be using square pixels. You can pretty much 99.9% of the time. Ignore all of these. Let's look okay. So we have our new image set up on Let's just go to file, save us. And we're going to save this as photo shop mean okay, and you'll notice that it's saving as ah psd file. We do need to say this is a PST because we have a number of different layers for our image , for our graphics, for our text within the first shot document. Okay, so it will click save here. Okay, so we've got our image set up. If we view this 100% so you can either do you command or control on one or go to view 100% . Okay, You'll see. This is the kind of size image that I've got on a 12 80 by 7 20 screen. So it's almost filling the entire height, but it's about half the width of the screen. OK, so we'll go to the image we're gonna copy here. Okay. So basically here, I want to start with the last suit all on. Just show you how this can work. Okay? Now I'm using a pen tablet, so that makes it a little easier to use the last little on basically with the last suit. Oh, if we grab it and use it quickly, we can draw around a shape. Okay? And you can see even with the pen here, you'll find that even harder if you're using a mouse. It's kind of a bit of a rough and ready way off putting something out. Okay, there will be a few holes in that. It's not gonna be perfect, OK, One way that we can remedy that is by zooming in and zooming out. So I'm just gonna go to select Andi selected to the selected pixels I had selected, and I'm gonna go to view 100%. Okay, I'm reading the space bar down now. Toe kind of move my image around. Okay, so with space bar off, I'm making selections with space bar held down. I'm ableto move it around. Okay, so it's just de select again. So if we know gonna come around here, you can say we can cut around this guy quite nicely. I can hold down the space bar as I'm moving around, which is quite a nice feature. And you can see now that I'm zoomed in, bearing in mind that we're going from quite a high resolution image to a low of resolution image. Now with the mistakes. There are not too worried about them because I can fix those. Love it later, and I'll show you how. It's a useful exercise to run through. You can see now that I zoomed in, I could get a reasonable selection of this. Okay, As I mentioned, we're going down an image size for a mean, but it's kind of smaller web based in its size. Well, although it might be perfect, we'll get away with it. Okay? And you could see I've come back around to getting there and I've got my dog selected. Okay. Now, to fix the edges that I want to hear where? I've not quite, um, grab the ezchip. I could use one of two short cuts. Okay, I'm just gonna zoom in a little bit more for this, Okay? So to fix this where I've selected a bit too much, I'm going to use the bulky and you can see that changes my last little Teoh subtracting from the selection so I can now drag around that over selection I made, and it will now remove her if I hold down shift is gonna add to my selection. Okay? So basically, I can move around on. Just see where I want to fix a few bits. I hold down shift here. Okay. Make that selection. Okay, let's zoom out. Yeah, we got another one here, so hold down. Shift going. Grabbing a bit more. It's Ah. Okay. And that's looking okay for for what we want. So now I'm gonna copy this. So to copy and paste this, I'm gonna go to edit copy, come to my me image on, then head it and paste. Or you can use the short cuts from Odyssey or control and see on the Macal PC and then Command and V or Control and V on the Mac or PC. Okay, so now you can see my image is way bigger, then it needs to be for this particular image. Now, we're gonna zoom out here so that we can see the edges of this image when we go to transform it. If we do commander minus or control of minus and we just zoom out a little bit on, then we'll go to edit, transform and scale. Okay, Now, if I just start dragging the corners of this scale box here, I'm gonna lose the proportions of my my image I can, which I don't want. I'm just gonna press escape there to come out that So if you've scaled something that looks a bit weird, just press escape, and it will stop that action happening. We'll go to go to edit, transform and scale again. And this time I'm gonna hold down shift as I do this. Okay, so you can see now it's a whole downshift scaling nicely. And I'm just gonna scared down. I want to be a space at the top for my text on the bottom of my text. How? That's perfect. So here. Enter now. And we have a pixel layer here off that dog. So if we go to view 100% you can see the quality is good enough for what we're looking for for the web. Okay, It's a little rough around the edges, but we're gonna have a look at how we can fix that later on. Okay, so now that we have this paste in, let's go to file and save. Okay, I will move on to the next step. 6. Cutout - Method #2 - Lasso & Layer Mask : Okay, so here we're gonna have a look at two different methods that we can use to our image in photo shop on this particular set of methods is gonna mean that we've got a little bit more control once we got our image, will be able to go backwards and forwards and improve the quality of the car edge as we're working with a particular image. Okay, so basically, we're gonna take this image, and we're going to make a layer mask with it, which means that we have a black and white image attached to this layer that will enable us to then correct any problems along the edges that we have. Okay, so this is different. Just cutting out on copying and pasting the pixels are actually gonna select the pixels on , Then use that selection to make a layer mask from it, and then we'll have a look a couple of ways in which we can correct that layer mask as well . Okay, so the first thing we're gonna do is we're gonna grab the polygonal lasso tool, and then we're gonna zoom right in on our edges. Okay, so we're gonna zoom in to 100%. Okay. Now, with the polygonal lasso talks on, my favorites were just basically drawing dr dot along the edge of this image. Okay, so you got a nice level of control, unlike the last suitable where it's kind of hard toe. Keep it nice and tight to the edge. Okay. So you can see we're just drawing literally dr dot around the edge, This image we can press down the space bar to move. OK, it is. But what? We made our way around this image, we're gonna be unlocking this background layer, so every photograph you open up in photo shot will have a background layer that is lock. Now, this doesn't mean you can't paint another like that. It just means that you can't work with the transparency of that particular layer. So, in orderto make the image mass, which is going to create transparency for that layer, we will need to unlock it. And then we're gonna look at how we move the image on its image masked to another file. Okay, so we've got our selection. There are basic selection not to unlock this background layer. We just need to double click on it. in this sort blue area here, it's gonna be called layer zero, which is fine. Click. OK, ok. And then you can see now the little paddle up to the right there that was on the background layer has disappeared. So now if I just go to view, it feels great. Okay? I can now in my layers panel on the right hand side. Here. Just press this add layer mask button, Okay? And you can see now my image has been cut up. But instead of losing all those pixels you can see in the thumbnail down here, I actually have all those pics of left. Okay, so if I press my layer mask, hold down, shift and click on it, then you can see I can turn on enough that layer mask. So I'm not losing any pixels. I've still got them there. It's literally that black and white image that is showing and hiding parts of that image. Okay, so the black is hiding parts. The image and the white is showing past image and any kind of different levels of gray that we have will be showing and hiding different parts. That image. In fact, if we just grab the Great Intell from across here on the left hand side, and I'll just switch this back to one of default black to white radiance. You'll be able to see that if I Paula grading across on this layer mask. Okay, We're going from transparent gradually through to a full color image. Okay, so you can see I'm actually making parts of that image transparent parts from semi transparent, because this image this layer mart is going from black to white. Okay, let's just take a couple of steps back. So we go to edit, step backwards, and you can do this in the history panel up here on top rights as well. So we'll just keep going back up until we kowtow before we use the first grade intell. Okay, so in the history panel, you can move forwards and backwards up here for us. Many actions that you can see. Okay. All right, let's minimize that history panel for the moment. Okay, so we've got our layer and it's layer mask here. Let's have a look at how we can correct some of the edges around this image. Okay, so I'm just gonna zoom 200%. So, for instance, around here, where we've got this hair at the edge of the image, it's kind of got this harsh edge. So if we double click on our lamb, ask it will bring up the layer mask editor. Okay, on we can click on mask edge, OK, and select Smart Radius and just push this up a little bit. And you can see now that I'm starting to get a bit more detail around the edges of that, the hair of the dog. Okay, I'm also getting a bit of green popping in there as well, from the grass in the background. So if I press decontaminate edges, you can see I lose about that as well. So let's just have a look at how that's doing on the show. I'm getting a bit of that hair detail in there with a four or five pixel radius here. Okay, so I'm just gonna leave it around, okay? It's not perfect. Is a little bit patchy around it around some points. Okay? But you can see that it's starting to pick up a bit more of that. That detail the fattest. Doesn't this transition from black the why? It's actually picking up a little bit of a more interesting hedge there. Okay, so now you can see I've got a copy of that layer. Okay. So we can see here. That's my original with this hard edge. And then this is with the lay in last correction, OK? And it's worked well in some spots. Okay, I'm not so well in other spots, but we'll keep it and go with it anyway. Okay. So to get this into our Photoshopped name file, we're gonna actually click on drag on this tab and just pull this out. So it's a free floating window, OK? And I don't actually need see the image. Really? So I'm just gonna pull this to the right here. What I need to be obviously, is the layers. So from my layers panel, and I'm working in this image here that we can see I can actually click and drag that layer . So the layer that's turned on there to my new image. Okay, so you can see now I've got the image on the layer mask copy of this new image. Okay, so let's just ah, zoom out a little bit. So if we go to edit, transform and scale. Okay, we can now move this. Just seem a little more and we can scale this led. Okay, so I'm just going to scale this. That's roughly the same size as the other later we're working with previously. So here we have two different types of layers. We have one layer with a layer mask on one layer below with just the transparency. Okay, so we've copied and pasted that image. Now, the advantage of the layer mask image here is just turned. The image off in the background is that if we want to go and correct this image any point, then we can do that. And we can do that with the brush tool. So if I grab one of the brushes here and I'm painting, you can say, just dropped down the size of my brush here. Love it. You can see I'm painting here with black. Okay. Black is gonna hide parts damage, not only to make sure I'm painting on the layer mask, so I just come across to my layers panel here, and you can see now when I paint on that layer, it's actually painting on a little black dot around the nose right, drawn there, which is essentially revealing part that lay behind. Okay, so we can correct that image. We can draw holes in it. Okay. You can see the original image is still there. It's just that I've hidden parts of those layers. Okay, let's flip this toe white. So I just use a little hooked our there on the bottom left, and I can paint those sections back in, okay? So I can pay it on extra parts of the edge. The image there, you can see I haven't lost them. Okay, that I can also then paint them back out as well. Okay, so this ability with a layer master correct and image that you haven't actually lost any pixels is nice is a nondestructive workflow. That means that you can kind of do a rough version of your your car image on. Then go and refine it later when you're working on kind of more detailed layers and composites. Okay, so that's second way of getting an image with transparency into our father. Shot mean, I'm just going to go to file and safe or command anus. And then we've finished that section 7. Create a Graphic Background: Okay, So here in this video, we're gonna look at how we create our mean background. So basically, what we're eventually gonna end up with is something that looks a little bit like this. So we're gonna look at how we create this colorful background using some of the vector tools that you have in Adobe Photoshopped. So it's a really great way of introducing the graphics tools in photo shop on it will enable us toe look at how we create a shape and then also how we go in and edit a shapes individual points. Okay, so I'm gonna jump to my let's start a file here on you can see here. I'm just gonna pull the layers panel out so we can see a little more clearly the layers that we have. So we have a couple of different options for our dog. Like I'm gonna delete one of these just toe, keep things nice and simple. I'm gonna delete this text layer for the moment. And so we have now is one layer in the background, okay. And you can tidy up your layers to if you want to, just by clicking and holding and dragging them down to the trash. Okay, So to make the image background we're looking at, I'm actually gonna make this on the top layer. Okay? And what we're gonna use here is one of the shape tools we're going to use the polygon till now. If you don't see the polygon till, just click and hold down on the bottom here at the bottom of your tools panel and you'll see a list of the rectangle tool. The rounded rectangle told the Ellipse store on the polygon tool. Okay, Now, the polygon told us great allows us to make everything from a triangle. So we set our number of size 23 and draw out. We can draw a triangle. Okay, We can adjust the color of that triangle. Okay? And we can also edit and manipulate the points around the triangle. OK, on. We do that using the direct selection tool will run through it again the second, but here's just quickly how it works. So we can click on one edge using the direct selection tool. And again, we have to tools here the path selection tool and the direct selection tools. So I have the white arrow selected that Rx election talk so I can click on the point and drag it and then move it around. Okay, so we're gonna create our polygon 21 sided polygon, and then we're gonna pull some of those edges in to create this kind of fancy background pattern. Okay, I'm gonna dump this layer into the trash, OK? And they were gonna come to the polygon tool again, and we're going to set the number of sides to 21. Okay, Now, you couldn't use trial and error, Teoh. Guess how maney besides, you need for your particular design. But for mine, 21 is gonna work perfectly, Okay? And I'm just then gonna zoom out of my design, okay? And click and drag and then just move this shape into the middle. Now, at the moment is just a white shape, and I'm gonna change that now. Okay, So if I double click on the shape here, a little thumbnail with my shape layer, I can jump in. And I can change the color off that to a different colors on the grab. A nice kind of hopping care. Okay. And then at the moment, my shape is not filling the hole area of my design, So I do want it to do that. So we're gonna go to edit, transform and scale, and then we're just going to scale this up until our the edges of our polygon now outside our shape Okay on. Basically, we're gonna create this pattern by dragging in points to the center of the page. Okay, so then hit, Enter toe, confirm that transformation. And then I'm gonna come across the direct selection tour, okay? And you can see with the layers selected. The individual points around the edge of my polygon here are highlighted. OK, so I can edit these individually so you can see this one is filled with white and the others a kind of a hollow square. And that means I can drag these around. Okay. Now, before I do that, I'm just gonna make I'm just gonna add a couple of guides to my document here, so I'm gonna drag down a couple of guides roughly to the center. Okay. Doesn't matter if it's perfect center, as long as you're lining things the same spot. Okay, So, basically, to had a guide, you click and hold on the rulers bar at the top here. And if you don't see that, just go to view on Rulers and just check the rulers option here in the menu, and then you'll see your rulers, okay? And then just click and hold, and you can drag down a guy to wherever you need it to be. Okay, so now I've got my guides that I'm gonna drag individual points down to the center, so I'm just gonna drag them now. And then in a second, we'll have a look how we reorganize the layers toe. Put this in the background. Okay? So you can see these are nicely flowing to the center. So there's my first shape. Now, what I'm gonna do to get a few different colors in this kind of slate out pattern is duplicate the layer. Okay, So, basically, I can go to my layers panel, click in this blue area here, hold down on drag this the new layers panel. Okay? And that's going to duplicate my layer. Okay, Now it won't look to prepare for the moment except in the layers panel, because the color is the same. Andi, it's in exactly the same spot So now I'm gonna do has just jumped in my feel up here in the options panel. Okay, so I can double click here to change the field color or with the layers selected. I can come up to the fill at the top here and select a different color. And we just select a nice blue okay, Click away from that and then go to edit, transform and rotates. And now we can rotate this. We just want the edges of our pattern toe match up with the edge of the other pattern, and I'm gonna enter toe, confirm that transformation. Okay, I'm gonna do the same again. Like the lead down to the new layers panel. I'm gonna change this to a nice yellow. Okay. It started to look nice and funky. Jump back to their move tool, which is the default took pool. I tend to jump to that. I'm gonna do command. And to this time, which is another transform option, the free transform tool. And with this, you can scale all rotate your elements. So I'm now gonna just come to the edge until I see this hook para and then just drag it and rotate it until I'm matching up those edges. Now, if you just don't match up perfectly, don't worry too much. We're gonna fix that in a second. Okay? So we'll now go back to that direct selection talk and just pull these shapes out a little bit, and so that's gonna apply that. And then I'm gonna go to my layers panel and weaken Reshuffle are layers like a deck of cards. Okay, so basically, I'm gonna drag this layer right up to the top, and you can see now I've got my image in the foreground. And there's just a couple of these points here where I can see if I zoom in a little bit, some gaps in the white. Okay, so I'm just gonna grab the blue layer here, grab the direct selection tour, and then just fixed that by dragging them across, okay? And just repeat that I'm holding down the space bar to move around here, and then I could see a little gap here in the magenta layer there, and I'll just move that too. Okay, so there are a lot of websites where you can create these types of means for free and this will be done for you. But really, what we're looking at here is how to get that nice level of control and Photoshopped. Okay, so that's having a look at how we create a background for the main here, Howie, edit the points and then also how we re shuffle the layers in that main. 8. Add a Drop Shadow Effect: Okay, So here, we're gonna have a look at how we add a drop shadow to our dog's head that we've got here. And I mean that we're creating. Okay, so we have a number of different layers available to us here on, we're gonna select the top mostly, which is our our dog's head. You can check which lay you've got selected by the little thumbnail here. Or also by turning on and off the layer so that you can see the background image. Okay, so we want to add a drop shadow to this, and also maybe an outer glow just to look at how the different types of effects work. So if you come down to the bottom of your layers panel here and you're layers panel might be docked on the bottom right hand side here, we'll click on FX, and we're going to go to drop Shadow, which is the bottom option in this drop down menu. Okay, so here you may not automatically have the preview selected. Okay, So I'd recommend you select preview so that you can see what effect you're getting when you add the drop shadow. Now, normally, I removed the distance from my drop shadow. Okay, you can increase the distance so that it drops the shadow further away from your your layer . But I'm gonna keep the distance small and then just increase the size of it so that we get this kind of nice, subtle drop shadow around the edge on the outside. Okay, so that's how to add a drop shadow and drop shadows basically darkening off the layer in the background. Okay. It's gonna uncheck this. Okay, And one thing you need to make sure even if you got drop shadow selected in order to change the options, you need to make sure you actually click on the drop shadow options toe. Do that so you can see it's highlighted blue here. That means I'm editing the drop shadow options. Okay, let's turn this off in. Turn off, Bevel in in, Boss. And now we're gonna have a look at how to glow. Okay, So again, select how to glow on. Then we can increase the size, and you can see this is basically lighting in the background, and we can change the color up here. Okay. And kind of create different options for our kind of background. Now, one thing you can do as well is when you're changing the color. You can also change the option for how the color is affecting the background. Okay, so you can change it to multiply, which effectively changes this into a drop shadow or linear bone. And you can see each of these has a slightly different effect on the background. Okay, so we've got linear bone there and drop shadow showing a stick with linear burn. It kind of seems to be having a bit more richness to the color that I have there in the background. Okay, so that's how to add effects to a layer. Okay, Andi, you can see now when I look at my layers panel, we have the effects listed underneath that layer. 9. Create Type in Photoshop: Okay, So here, we're gonna have a look at how we add text to our mean and so basically, we're gonna add text. And we're also gonna add on outlines that tech the classic white text with a black outline . Most bold typefaces. What we're gonna choose. Okay. I want to re dock my layers panel. First of all, I just want to show you one really useful short cut here and that is under window workspace and reset essentials. OK, so essentials is the lay off a photo shop that you'll get by default. Okay, So check you've got essential selected here. And then if you drag any of your panels around or move them or closed, um, reset essentials will pull those panels back into their original location. Okay. So you can see my layers panel has jumped back into that position. We can also drag these around on, reposition them so we can reposition each of our panels as we want to. Okay? And then we can reset them. Okay, so let's add some text. So we've got our top most layer selected here. I'm gonna grab the title which is towards the bottom of our to about here, Okay? And you can see I've got the horizontal type tool selected there. We'll have a vertical type tour and then some mask tool options as well. Horizontal type colors, the default. And that's what you want here. So I'm gonna click and hold down and drag out a text box here. Okay, So basically, click and hold down and drag. That doesn't matter too much for what we're doing here. But if you're wrapping a paragraph of text or you want a paragraph texture rap and using that area type rather than the point type where you just click and then start typing is a better option. This helps us to align it a little bit. You can see we've got a line center set up up here. Okay, for a paragraph. So we using impact. Okay. The impact phone. Okay, on. We're gonna set this for ours to 83 or 72 points, and then we'll probably just the slides a little bit. Okay, So type in some lessons here. Okay? Now, for my type here, I can also get some more options for the type that I'm popping in here by clicking on the panel option here. The type panel. Okay, So if I come across the right in my options toolbar with textile selected click here. You'll see I've got my character panel that pops up. Okay, I've actually got everything settled caps. Which is why I typed in all cats in the first instance. Okay, so take a look at the settings I've got here. I've got it at 83 points, I might set it to 95 Actually, just a increase the size that a little bit. This option here is the leading. We don't need to worry about that because we're not doing lots and lots of different lines of type. But normally I would check by default that it's set to auto. Okay. And then this is the tracking. Okay, That's where we increase the distance between our letters, so you can see as I'm increasing that value, my letters are moving further apart. Okay. Gosh, I'm gonna set the size is 215 Okay, so that's my type set up. The color of my type is controlled up here so I can change it toe Any color that I want, we're going to keep it white for the moment. Okay, So if you're looking at the RGB values, the values should be 255255 and 255 which is the value for white click. OK. And then on my layers panel, I'm gonna click in this blue area or double clicking this blue area. Okay? And that is gonna bring up the latest styles. Okay. And here we're gonna add a stroke. So I'm gonna click on stroke, and it's gonna add a stroke on adding a four or five points stroke position is gonna be outside my type on. Then I've got the option for the Phil for that stroke, which is gonna be black. Okay, so you can click on there and change it if you need to. Okay? And you can see the RGB value for black 000 It's worth beginning to understand how the RGB or Red, green and blue values work. So when we have zeros, all zeros, you'll get black on screen or when you have all to five fives, you will get white. Okay, so let's click. OK, there. Now, for this type player, we're gonna create another line of type on the bottom here. For that, we can just click and hold and drag our type player. Dance the new lab on here. Okay? And you can see we've got a duplicate that are type player. Okay, I'm going to select the move toe, move that down. And as I'm doing, I'm just holding down shift so that it stays in line with the text above. And then I'm gonna grab the type tool again. Just click once in the type here and then highlight it. And I'm gonna drop the size down to about 60 points for the next word I'm gonna type in, which is Photoshopped. Okay. And then once I've talked to in our selected all and then just push the size up as big as I can until I can't fit it all in the box. And then I'm using the arrow tools in here to change that type size. But you can also click on this little scrubby slider to do that too. But I like the parables because it shows you instantly the size that you're changing. Okay, So 78 points is what's gonna fit for May. You may find a different size that will drive this down a little bit. Okay, Andi. So these two text layers are above my image right here. Andi, that's essentially how to make text within further shop. Okay, there's a couple of different ways of selecting your type if you want to edit it. One is as we did before, to grab the type toe klik and highlight your type. Okay. And you can change the color of letters individually as well. Depending on what selected, you can double click on the T in the layers panel to select that type. Okay, so if I double click here, you can see that I have Photoshopped selected on from this point, I can go on ahead. It my type. Okay. That's a brief intro toe type info shop. Looking at how you change color, how you change the type size. There's a lot more detail toe to go into there, but this will definitely get you started. 10. Export & Upload Your Meme: I would tend to export out of J. Pechora PNG. Okay, so we've completed our mean here and now we're gonna have a look at how we export this. And there's two options really for exporting out this file one is as a J peg and one is a PNG. You could explore a gift, but those file types will keep the quality of your image. Okay, so let's let's go through how we would export this out. Now, really, we're looking at the safer Web option because we're gonna be uploading this to the Internet . So we go to file and then safer web. We can then say that has a J peg or a PNG from this window. OK, so you can see we've got a file preview here on essentially, What we can do here is we can manage the quality of our J, pick it so you can see as I'm dropping the quality down, I get a lot more fragmentation of the image. So I'm gonna keep my quality around 60 or 70. Should give me a very decent image for for this kind of project. Okay, Keep is a J peg the width and height 600 by 600 which is fine. You can drop it down if you want. And it's a nice way of seeing what your image will look like. A smaller size. Okay, so let's put this back up to 100%. We'll click safe, and then we're just gonna drop this straight on my desktop. So first shot names start. J Peg, we'll save that. And then we'll look at the other option of a PNG. So if we go to file safer web now, in the safer web options, we can have a two up option. So we've got a left and right option here. Okay, so we'll leave the right as the Jay Peak, which is what we're exporting out before. And then we will click on the left hand side and save out a PNG 24. OK, so basically, we can't have transparency and r p and G 24 we don't need it. Okay, Andi, it's gonna be srg B 600 by six hundreds of the same size, and you can see from this that the PNG is gonna be a larger file size in the J pic. So in terms of compression getting the file size down, then a J peg. We'd better. But actually, if we look at this closely, then we will see that the J peg actually doesn't handle some of this graphic content as well. And you can really see it much more clearly when you drop the quality level. Now, Okay, this will be happening even in the high quality J pegs. But you just don't see it quite so much. Okay? So let's grab. The PNG will go to save, and we'll save that one out. Okay, Now let's go from flower shop and have a look at how we upload this toe twitter. Okay, so we've got this image. We're going to jump to a web browser to Twitter Onda. We are going to create a new tweets. I'm gonna click on the new Tweet bun. I'm gonna click, had photos, You can see where I am, and then we'll jump to the desktop and will when I'm in on the Mac. I like Teoh organize my files by date modified because it shows it shows me the latest thing I did. Okay, I'm gonna use the J pick for this particular upload so we'll select that file click, choose on, then we will typing a little message. So just prepping a new for social control using a mean is the theme on. We will now click tweets Perfect. So here we've uploaded are our means, Twitter. So have you enjoyed that little syriza tutorials? If you have any questions about Photoshopped about layers, about creating the graphics in the background or about uploading stuff to the Web, then please don't hesitate. A. Send me a tweet at Ben Household and I look forward to seeing on extra tutorial.