Learn the basics of Photoshop by Creating a Story Board | Raelene Boylan | Skillshare
Drawer
Search

Playback Speed


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

Learn the basics of Photoshop by Creating a Story Board

teacher avatar Raelene Boylan, Textile & Surface Designer

Watch this class and thousands more

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

Watch this class and thousands more

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

Lessons in This Class

    • 1.

      Introduction

      1:07

    • 2.

      Class Project

      1:35

    • 3.

      Lesson One: Getting Started

      6:23

    • 4.

      Lesson Two: Working with Layers

      12:11

    • 5.

      Lesson Three: Create Story Board

      11:45

    • 6.

      Lesson Four: Finishing touches

      23:37

    • 7.

      Lesson Five Create Title and Save

      6:10

    • 8.

      Final Thoughts

      1:07

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

Community Generated

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

219

Students

2

Projects

About This Class

Are you a creative person, in a creative field, or studying to be? Do you love to take photos, paint, draw, sketch, create social media content, or all of the above? Have you been wanting to learn what Photoshop can do to take your creative pursuits to the next level? (If you don't yet have Photoshop, you can download a free trail)

I have created "Learn the Basics of Photoshop by Creating a Story Board" on Skillshare from a beginners eye. Even if you have never opened the Photoshop program before, this class is a fun, easy way to master PS basics while creating your own personal project. Even those familiar with PS will find it a great refresher class and may even pick up a new trick or two! 

Gather 6-10 images that relate to a theme that inspires you and give me a little over an hour of your time and you will be slightly dangerous in Photoshop, plus have a great looking personalized Story/Mood/Vision/Scrapbook page to boot! This class is designed to learn by doing! The best way to get what you learned to stick with you! 

The skills you will learn include:

  • How to set up your Photoshop workspace and document.
  • Getting your images, scans, screen grabs into your PS document.
  • Learning all about layers and how to move, resize, rotate, delete, duplicate, change opacity, arrange and reorder them. 
  • How to use common Hot Key shortcuts to speed up your work.
  • Creating shapes, and text. Adding effects like bending text and adding drop shadows. 
  • Saving your work as a Photoshop file vs. for print and web.

Meet Your Teacher

Teacher Profile Image

Raelene Boylan

Textile & Surface Designer

Teacher

Hi, I am a textile/surface designer who designs print and pattern for apparel, home and paper goods companies. You can learn more about me and view my portfolio at www.raeleneboylan.com.

See full profile

Level: Beginner

Class Ratings

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

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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

Transcripts

1. Introduction: Hi, My name is Raylene Boyle in I Am a textile slash surface designer based in Michigan. I freelance for apparel, home and paper goods companies that need print and pattern designs for their products. Early on, in my career, I taught hundreds of fashion and textile professionals how to use textile specific software programs, euphoria and the graphics. I also taught fashion and interior design students at Western Michigan University. How to use photo shop and illustrator. Learning how to do a story or mood board was one of the semester's first lessons, not only because forecasting trends was part of the curriculum, but because it was such a fun and easy way to learn the basics of Photoshopped. I'm excited to be using the skill share platform to get back to my training roots. I plan on adding more skill share classes that will continue to build on what we've learned today, so I hope you'll follow me. But first, let's learn the basics of Photoshopped by creating a storyboard 2. Class Project: Welcome back our class project to create your own custom storyboard. Here's an example of the storyboard I'm gonna walk you through today. Step by step. What is the story board? A collection of images meant to convey a theme. Your theme could relate to a specific trend idea, style, mood, vision or event. Putting a storyboard together is a great way to spark your creativity before starting a design project. Or perhaps you have some great vacation photos and want to create a custom scrapbook page with your own images. What you'll need a theme. For example, My theme is tropical vibes, because I want to be inspired to design a tropical themed surface pattern design. You're welcome to use tropical vibes as well, or if you have something specific that's inspiring. You gather 6 to 10 images that relate to your theme. They could be existing saved files or photos you already have on your computer photos. Magazine terrors, fabric swatches, sketches that need to be scanned in If you don't have a scanner, don't worry. Just simply take a picture of it with your phone's camera and screen grabs. You'll also need photo shop, and if you don't have it yet. You can download a free trial. Okay, let's get started. I'll meet you back here for lesson one. 3. Lesson One: Getting Started: Welcome to Lesson one. In this lesson, we're going to set up your photo shop workspace and create your new document that you'll be creating your storyboard in. So now I'm in photo shop and I'd like to talk to you about your photo shop workspace over on the left. We have our toolbox. If you notice on the right of the tool, there's a little tiny triangle and that tells you if you hold down, you'll get a pull down menu because there's more choices underneath. If you want to know the name of a tool, hover over it for a second and you'll get the name and the keyboard hot. Keep so the keyboard hop kee is V for the move tool. That means if you hit be on your keyboard, you will access the move tool without actually having to come up to the menu and actually click. Um, I'm not someone who uses hot keys for everything I do, but there are some that are really helpful that I use all the time, and I'm gonna be sharing those with you as we go along. And then we have our top menu bar, which will be using throughout the class will get to know that over here on the right, we have our menu palette. Now I've customized it to kind of be efficient toe, whatever I'm working on. So in this case, storyboard, Let me reset it to the default by going toe window workspace and selecting on essentials default reset essentials. OK, so here's the default not to customize it. I just really want you have the menus that I'm gonna be using a lot, so I'm not going to really be using libraries or adjustments. So I'm gonna pull those off by dragging, which is called undocking, And I'm just gonna click on the X to close them. No, if I decide. Hey, I wanted that adjustment layer back for any menu palette. Goto window. And here's a list of all your menus. So I want the adjustment layer back Then I click and hold, and I can drag back to re dock it. But let that blue line be your guide where when you let up on your cursor where it's gonna snap into place. So I want to go up a little because I just want that solid blue line there it ran underneath my color, but we're really not gonna use that there. Another option is to collapsed to a Nikon. Now you'll see this little rectangle here that's a darker. That's where you're gonna click and hold to move these icons around. And I can also doc this menu over here, and that's usually for menus that you're not going to use a ton, But you might want to read it, be available so that you don't have to go all the way up to the window menu and pull them down. But I really don't need him for storyboards for now. So I'm gonna pull off the ones that I'm not using. We are gonna talk about history, so let's leave that there for now. We're not gonna use it a ton, so I'm gonna leave it in this smaller spot. No color. I definitely want my color palettes. But I want my swatches to be, uh, readily available. I don't need all this empty space, so I'm going to shrink up clicking and holding on the bottom. Now, if I cover up some of my color chips, I'll get a scroll bar, and that's a good way to save some space if you need it. Definitely gonna want layers. Not really gonna use channels for now or paths. Okay, so now I have a customized workspace menu palette. So I'm going to go up to windows workspace, and I'm going to create a new weight workspace for whenever I'm working on storyboards, I can quickly ask access this customized workspace. So storyboard save now, Since I had already saved one called storyboard, it wants to override it, and I'm gonna say yes. Okay, so we talked about our workspace. Now we need to open up final, so we're going to create a new file for our storyboard. So file new. You'll notice that your most commonly use sizes will appear. So I'm going to use a and 1/2 by 11. Because it's such a common print size for home printers. You can use 11 by 17 or 10 by 10 whatever you're gonna print out at. But I want to use the portrait orientation resolution. I'm using 100 because I don't need it to be a huge file. I'm just using this for inspiration. And 100 resolution will be more than clear enough for what I need. If I were doing a art piece and I was printing it out as an art print, I would want 300 minimum. Even if you're doing a scrapbook, Page 300 would give you the highest quality that you really wouldn't rgb color and create. So now we have our document open. It does not have a title. So let's go and file save ass. And that's called this class Project P S. D stands for photo shop. So we want to make sure we're on the photo shop format because we're gonna have layers and layer styles and things that are associated with this file that we want to maintain. So Photoshopped format will do all of that for us. So save. So now our name appears and Title bar. So you've got your name, zoom level and the color moment. If we wanted to zoom in on her canvas, we go to view, zoom in view, zoom out view fit on screen and so forth. But we could also use the hot keys. And these are some hot keys that I use all the time. Zoom in and out. So you're gonna use your command and the negative sign to Zuma command and the plus size to zoom in command and the zero to scale to this the size of your screen I'll see you and lesson to working with layers. 4. Lesson Two: Working with Layers: Hi. Welcome to lessen to working with layers. Motor shop is really all about the layers. And this lesson I'm going to give you a quick demonstration how to create some simple shapes so that we can get a better handle on the basics of handling layers. And then we're going to be ready to start bringing our images into our document in laying out our storyboard. Okay, Now for the fun stuff, let's start creating in photo shop. I'm going to do a little demonstration with creating some shapes just so you can get a better understanding of what layers are and how they work and how to manipulate them. So I'm gonna come over to the toolbox and creative Hey, right now I'm moving my cursor around. I clicked and dragged and I can create a rectangle whatever size I want if I want to constrain it so that it's a perfect square. Hold down the shift key, which is the hardest working hot Kate and Photoshopped. And then no matter where I move my cursor, it will create a perfect square. Now, after I'm done creating my shape, my properties menu will pop up and here I can change the color of the Phil and the change Change the color of the outline or the stroke. I'm gonna beef up that stroke a little so you can see it better. And also really quick. There's a couple of different options. You probably won't use these Aton. But if you're in apparel, we used this dash line quite a bit for to show seems okay. I actually don't want a stroke, so I'm going to click on that and then click this little slash That means no stroke. All right, now I want to create a second layer. So over here, I've got my rectangle is a layer. Now I'm still selected on the rectangle So I want to click my selection tool and click the screen and that will on select my rectangle so that when I create a new shape, I'm creating a new layer so back over to the shape menu and let's do an ellipse so kind of the same principle. Click and drag and I can create in the lips any size I want and again with ship key to create a perfect sir and I can come over to my properties menu and change the color If I'd like, go with green and I'm gonna go click my selection tool and click the screen just toe uninsulated this layer so that when I create another shape, I'm creating yet another layer. So one more layer we're gonna go to the customs shape tool And this is just a really fun little menu where you go up to the top toolbar. You can see a lot of fund shapes and you can even load more. But for now, let's just stick with a simple arrow here. Now, the custom shape tools are more of a path. So I don't get my fill an outline like previously. So I'm gonna go over to the layer menu and I'm gonna double click. You can see the layer shows you that it is a shape and I'm going to double click, and then I get my color picker and then I can change. And then I'll go ahead and close me, honey. Okay, so now I'm gonna go back to my selection tool, and that allows me to select a layer. So when I'm on selection tool or keyboard, shortcut is be so I can also hit the V on my keyboard that allows me to select a layer and would around so the layers are over here in the layer menu and there in a certain order. So if I wanted the square to be on top, I could simply drag it in the menu so that it's up on top. Another way to change your layer positioning is to go up to the layer menu and go to arrange and say, Send back or send backward backward will move it back one like a layer at a time. So if I want the circle up on top, I click on the circle. You can see it's selected in my layer menu, and I go to layer a range. Bring to front and you'll also notice under arranged. There's some hot keys there that could come and helpful depending on what kind of project you're working on. So I can either select my layer here or in my menu now, to resize and rotate. We select the layer, we want a rotator resize, and then we go into edit free transform or transform. But free transform allows me to kind of do it on the fly. It gives me this outline box, and if I hold my cursor down when the arrow is at an angle, I'm re sizing, I can really stretch it out of proportion. So again, with shift key, I hold on the shift key. While I'm dragging at an angle, I'm going to keep the aspect ratio of the image, which is really important, especially with photographs. Now, if I pull on the side and I have the shift key down, I'm just pulling that one side out, but it's constraining it to not pull the other side. Now to rotate, move your cursor around until you it looks like a curve zero and then just click and drag. Now, if you want to move that around while you're still in the free transform mode, click and hold anywhere on your object and you can move it around and you're still in transform mode. Now this little dot in the middle, that's the rotate pivot point. It seems like quite a bit. I accidentally click on that when I'm trying to move it in. This skits moved out of the way, so I'll show you what it does. You're really not gonna use that much and photo shop. I do use that in illustrator a lot, but it's more about just a accidentally moving in and having to move it back. So that's what that one does now. My rotate pivot point is backward. I want all right. So if I wanted to, except the changes to my transform, I double click or return or enter and then my cheat changes air. All set. If I wanted to go back and undo something I got to edit, undo, move and then I could keep stepping backwards. And it's gonna basically keep going back into my history of what I've been doing, which is the same thing this menu does over here history. So let's click on that. So this shows you all the steps that I took since I opened the file. So if I wanted to go back to a certain you know, a thing that I did here, I can click and then double click on the action and I will take me back to that. Say I want to come back and have everything back again. I'll come here, double click, and I'm right where I left up now how to delete a layer. Let's say we want to delete the blue layer. Weaken goto layer, delete layer. Do you want to delete it? Yes. Or we can just pick on a layer and hit the delete key. Or we can come over into the layer menu and drag the layer down to the little trash can at the bottom of the Laderman. Okay, so we're gonna be using that a lot in the next lesson. Let's do a couple more things to get ready to movinto our storyboard. I'm gonna show you how to scan in something. So import image from device, click your scanner and let's do an overview scan. Now, the overview scans just gonna scan in your entire document and then you want to change the resolution. And again, we're just working at 100. But if I were doing something for an art piece that it really needed to be higher quality, I would do 300 at least. Okay, Now I'm going to create a little selection. Rectangle is I just want this girl with the tropical print on and scan. So we're going to file saves set safer and my skill share folder as, um, girl scan tropical. All right, now we're gonna pop over to Pinterest and I'm going to go to a board. I've already pinned some tropical items, too. No, Pinterest is a great source for inspiration because the whole idea behind Pinterest is to share. But we want to always give a credit for where we got the source. We don't want to just use somebody else's image without crediting where we got it. So we when we put it on our storyboard, we're going to make sure we make note of where it came from. But since I haven't pinned to my Pinterest, I can always go back and find out. It's what we called leading a bread crumb trail of images. And it's great for inspiration because when you find one image that you like and then you follow that trail usually find a whole wealth of images that will inspire you. But I want to save this pineapple to my storyboard because I want to create a custom storyboard, not just the options I haven't Pinterest. So I'm gonna hold down the command shift four key, and that gives me this little bulls eye and then I'm gonna click and drag. And then that saves that image to my desktop. So then I can load that into photo shop and use it in my storyboard. Okay, so now we're ready to move on to lesson three, which is bringing our images into our storyboard and working on a composition. So I'll see you then. 5. Lesson Three: Create Story Board : welcome to Lesson three. Finally, we get to bring in your images into the storyboard document. We're gonna learn how to drag them into the storyboard document, resize them and move them around into a pleasing composition back in photo shop. Now it's time to bring in our images for a storyboard. So file open an existing file, go to wherever folder it ISS you stored your images minor on the desktop, select the image. And oh, now we have two images. So a little tip when you're dragging an image from one to another is to undock both images . If you don't want a home, can kind of gets stuck behind the folder shop menu and and then you just gonna be searching for it. So I'm going to have them both floating down floating around within the photo shop window, and I'm gonna pick the move tool, and then I'm simply going to drag the image into my storyboard. Now I'm gonna click on my screenshot window and close it. I don't need any more because I have it in my storybook now it's obviously too big, so I need to scale it down. And that's when we use the command T, which is also edit. Transform, and we get our free transform frame and I'm going to hold down the shift key, and I'm going to drop drag diagonally to scale down. Then I'm gonna let up and then click again just to move it so I could finish re scaling it and again, hold down the shift key and get it to a point where you think that's a good size. You don't want to scale it down too far, because when you're still in transform mode, it's It hasn't really accepted the changes yet. But once you accept the changes, if you accept it small and then you scale it back up again, you're gonna lose quality. So it's always better to scale down. So while we're still in transformed, let's not scale it down too much. We can always change the size later, so double click to accept your transform changes. Okay, so now we have one image, one layer, and we'll call that flowers. Double click on the name and then enter. Let's do another one file open, select the sunset, get a floating within the menu, pick the move tool and drag it over again. It's too big. So right now I'm just clicking and moving it. Then I want to command t to get my free transform frame Hold on my shift key so that I don't distort it. Let up and then just simply move it and then scale again. Hold on the shift key and drag. Okay. Now repeat those steps for your remaining images. Okay? Sped up the process a little bit. And I brought in for more images, just repeating those same steps. And I saved one that I want to show you. I'm bringing it in a little bit differently. So the undock my main file file open and let's bring in this pineapple. Now, the pineapple has a little bit more border than I really want to keep in my storyboard. So instead of just using the move tool to grab the whole thing, I'm gonna use the rectangle marquee selection tool and we're going to crap off. What? We don't want to take over. So call the is the dancing aunts and that lets you know that you have a selection. If I don't like what I selected, control de will uninsulated. So let's try it again. Let's say I want a little bit more space around. Okay, then I go to my move tool, and then I drive the point. And again, it's too big. So control T hold on the shift key, then drag diagonally let up on your cursor just to move. Pull down on the shift key, get it to a size that think will work and double click to accept your transform changes. We can get rid of that other pineapple image and let's read up. I mean image and then manned minus sign to zoom. Oh, man plus size zoom in. If you're zoomed in and you want to move around the image, hold on your space bar and you'll get this little hand and then you can kind of move around , scroll on the eventual you're zoomed. Okay, Command zero will take me to scale the image to me. So now I can see every and that's also under review it on screen. So now what I want to do is I want to just kind of move my images around, and when you're working with trends or inspiration, every composition is gonna be a little bit different. And because I want to pull ideas for motifs for my print, there's certain things in the image and really want to see. Like, for example, I really want these fabric cushions to show up. So maybe I can cover up, push up a little bit of on the palm tree because I'm not as worried about that. So just kind of keep working your images around, even if you need to change the order in them until you get something that you like. Now, we could call this good if we were just going to use it internally. And we just needed some in separation. We need quickly puts him in images on a board. But if you're gonna use it in a presentation or maybe an assignment at school, you want to just polished it up a little bit. So I'm going to keep moving things around so that I can get some straight lines and that will allow us to put a border. Okay, so I've still got some room over here, so I'm gonna put down this image control T. And I'm just gonna increase the size holding down my shift key. Of course. Double click. Let's increase the pineapple control. T hold down the shift key home down at an angle. Let up if you just want to move. Double click. Okay, now I want my pineapple to be above this beach scene is I'm trying to get a straight mine across the middle, so I'm gonna take my pineapple and I'm going to move it above the beach scene. Now, it's kind of hard to tell because the pictures are really small in the layer menu. But I can kind of tell this one is is the beach scene. I could also just pick on the beach scene, and that would tell me which one it was. But if you really want to be sure, it's a good idea to name you're layers, so I'm going to double click. I mean, I need this pineapple, so I know what home return. Okay, so now I'm going to drag the pineapple above the beach scene, and it still needs to move up a little bit more. So control T and that's me. I don't have to see the whole pineapple. I might want to bring actual t these flowers. Hold down the shift key double click to accept my changing. Okay. Want to move these leaves up? Definitely. Now, I might want to bring leaves above this, these beach houses. So I'm going to click on leaves, and I'm just gonna bring them up to the top. If I bring him up to the very top, I know they're gonna be on top of that, but because I'm trying to polish it off, I want a nice straight line. So I'm going to decide that I can really kind of sacrifice these down here for the sake of make polish. Okay? And I want the beat. Shame to go behind flowers. I'm gonna move that there. All right, so it's starting to look good and just couldn't keep moving things around knowing that, you know, there's certain things in the images that you want to see that important to you like this scene? I'm gonna bring this down a little bit because I'd like to see a little bit more of the houses. You know, the patterns on the windows and the palm treats. So now that I brought it down, I'm not seeing, um, as much of the water, which is fine, but I also need to tuck it behind so I could have my straight line. So I'm gonna click on that layer, and I'm gonna drag it under knee the sunset. All right. So just kind of keep tweaking until you get something you like. Okay, so let's stop here. And now, before we move on, let's make sure we say you just in case you don't want to lose all this hard work. So I'm gonna say this in my skill share folder, and we're just going to save class project, so it's going to update the one we already have. It says it already exists. We want to replace it. So now we're updating our file with all of our new changes and were saving in a four shot document which will say all of our layers. Okay. Now, on to the next lesson, which will be to add some crisp white borders around these images and to cite our sources. See you there 6. Lesson Four: Finishing touches: welcome to lesson four. Now, we're just gonna put some finishing touches on your story board like a crisp white border, and we're going to credit our image sources. Now, we're back in photo shop, and we're ready to add our borders. So we're going to go back to the shape tool that we talked about a few lessons ago and we're going to create hey rectangle around one of our images Now. Currently, it is solid pink, so we don't want any fill it. Also click on the Phil and say No, Phil. And we want a white border. So we'll click on the border and change it to your wife. Now we can't see it because it's only one pixel. So we're gonna change it to, let's say, 10 pixels and see how that looks. That looks pretty good. Zoom in a little bit. Actually, part of this is going under because my rectangle was created down here. I must have been selected on layer six, so that's fine. I'm going to select the move tool and just cook the screen un select the rectangle. Now I'm gonna click on the rectangle and I want to push that up to the top. We want all of our rectangles to be on top of them. So yeah, that's why that side of the line was a little skinny because it was underneath. It had been created lower arm in the layers. So know what I'm gonna dio is close my properties. I just need this one, and then I'm going to just copy and paste the same way. So holding down my space bar to move over so I can see what I'm doing. And then I'm gonna use my move tool to just move this into place and you'll see these pink lines that I'm getting those help line things up. So it kind of shows you when you're right on the edge, that looks like it's right on the edge. So now what I need to do is I need to duplicate this frame. So I've created and rectangle and has no Phil. So my images showing through, but it is It's arm separate layer. It's in line. Go now. I'm gonna go to layer duplicate layer and what that's going to give me is a rectangle one cop. Then I'm going to hold, click and hold that layer hold down my shift key because that's going toe constrain the movement to vertical, and then I can let up. So let's zoom in command Plus lined up. I'm gonna hold down the shift key just so it doesn't move up. And then I'm gonna come in here and make sure I've got it lined up. Now, this line looks a little thicker than this one, So this looks like more like 10 pixels. That's because the system wants to snap it into place. Here's a little trick to get things exactly lined up. I'm going to hold down my my layer, and I'm going to hold the control key down. Now when I hold the control key down, it lets me get right down to the exact pixel that I So that looks more like it. So now this minus 10 pixels and so is this life. I'm not being constrained by anything snapping into place. Okay, so now we have a frame that's too big, So I'm going to select that layer rectangle one copy command T to get my free transform tool. Hold on my shift key. So I'm constraining my moving in this line to just now I'm going to command Plus to zoom in , get a better look at what's going on here. Space. Far hand to move. And I'm gonna hold on my shift key again, and I'm gonna just pull this out a little bit. But I'm also gonna hold down the control key because I need to move it. Let's accept those changes and I'm holding down the control key. I could move it exactly into place. Now I'm gonna do it again. Going to layer duplicate layer. Okay, now I'm going to move copy, too, to the right. Now, I'm not holding down my shift key because I've got those little lines that help me put it back into place. So I'm gonna rely on those for now, Command Plus to zoom in and let's make sure we're in the right spot. I'm gonna hold down the control key while I'm moving so that I can get a more accurate positioning. So that's the same size is this border? We want our borders all be the same sex and not doubled up. They were getting doubled up in the middle here a little bit, so I need to resize that layer. So control T Even though it's off page, I can still see it. So I'm going toe this time I am gonna hold down my shift key because I don't want to move the other side's I just want to move this one set already got the other side's perfectly lined up, gonna zoom in a little bit Space bar scroll And let's just hold down the shift key and control keep so that I can move everything exactly where I need to be. That looks perfect. Double click to accept my transform. Now, I'm gonna start back here 1st 1 and I'm gonna do the same thing going to make a copy of rectangle one. So layer duplicate layer. Okay. And now I'm going to move that down. Zoom in so we can get it nice and lined up space, Fire hand I'm gonna click on my layer And I'm gonna hold on the control key so I can get exactly what I need It that looks like it Everything's lined up here, but it's too big So I need to Manti I'm going to move in just the side since I got thes sides already lined up. I'm gonna hold down my shift key just so these sides don't move, that I'm only moving and then get this lined up here again. See how it's snapping into place there. I'm gonna hold down my control key as well, so I can move it exactly where I need. All right, Now, let's hold on the space key. And while we're still in transform mode, let's fix the bottom hold down the shift key home. I know I'm just moving this one side because I've got the ship. I see that pink line that tells me I'm lined up perfectly and I'm going to double click to accept changes. We don't really see the border on this one because it's a white image. So again, I'm on a rectangle doesn't necessarily matter which rectangle I used. Let's just use this one, because we know that at least this side is gonna line up. So layer duplicate layer, okay. And then we're going to just zoom out this let me space, fire and move, and then I'm going to hold on to that layer. I'm holding my shift key down just so I don't That looks like I got it on the first try, but let's zoom in Perfect Zoom back out space fire, hand tool. So we already have the top and bottom from the last frame. So now we're just moving this one over, which is pretty easy, and we need to command T to get our free transform, hold down the shift key and just slide this over. It's good double click to accept our changes, and now I want to copy that border frame again. There's another way you can duplicate a layer you can grab onto the layer in the layer menu , and this little icon right here is new, creating new life. So if I drag that layer down to create a new layer, it creates a coffee of the one that I dragged on top of it. So holding down my shift key, I'm gonna move this layer over, line it up, and then I'm going to command t hold on my shift key, so I'm only moving this one edge. It's good, and I need to accept my transform changes. So double click and I have one more border to create, and I'm going to drag that rectangle onto the new layer I come and I've got to rectangles on top of each other. Hold on my shift key before I move it over. Lying it up space bar on hand to scroll over command T to resize. Well done my ship so that I'm only moving one side and I'm gonna zoom in just to make sure I'm lined up. And that looks good. Let me just hold on. My shift is Oh, I'm gonna hold down my control. Yeah, Think it was just once any here and double click to accept my changes, And there we have it. So we just created a frame and copied it and adjusted it for each image. And this gives it a nice, polished professional. Okay, next, what we're gonna do is we're gonna group some of these layers because, as you can see, our our layer menus getting, uh, quite involved here. So all of the borders I'm going to I see a little line right here. I need to fix control. I'm gonna I'm gonna pick on the flowers layer, and I'm just going to move that, uh, accidentally on the border. So I'm gonna edit, undo, move. I'm gonna go back and flowers. But what's happening? Is it seeing the rectangle on top? So every time I even though I picked my flowers over here and I'm trying to pick my flowers here, it thinks I'm picking the rectangle because it doesn't realize that it doesn't have a fillets recognizing this is a solid layer. So I'm gonna just temporarily turn off tingle one copy so that I can go back to my flowers and just move those up. Attack his was getting a little line. Okay, Now let's turn our border back on, are there? I want everything to be. It's crisp and clean as possible. All right, Now all of these rectangles I are different layers, and I'm going to just put him in tow one group just to organize my layer pallet. So if I select the 1st 1 and then hold my shift key down and then select the last one, it will get all of them in one at one time. And then I can write button and select group from layers and let's call this group borders . Okay, so that just cleans up our layer pilot, and we could do the same for our images, but I'm going to keep them hope. Now we need to cite our sources so back to the rectangle tool and what I like to do. And this is personal preference. I mean, you can come up with his mother ideas, too, but let's do one. And this is gonna be the background that I put my text on, and it's pink. So I want to change it to White. So I'm going to select that control T. And I think I just want to stretch it out a little bit. Double click. Now I want this is my gonna be the background to my text and I This is just something that I like to do. It kind of makes this the the, uh, the site that you got it from the source show up. But it's going to be subtle. So we want to give credit to our sources, but we don't really want to overcome the look of the board. So what I'm gonna do is when I get into place and let me put it on this blue one that will show up better is I'm going to go to the layers palette, and they have got a new rectangle. So was a good thing. We kind of organized the old ones or we'd really beginning confused. But I'm gonna change the opacity of that rectangle. So let's say 50%. So that gives it, you know, just a little bit of contrast. So that when we do put our type on there that it'll show up against the background a little bit, but we can still see the image underneath. Now I'm going to copy that rectangle for each of my image. So we already know how to do that layer duplicate layer, okay. And then just move into place. And I'm not gonna be so careful about this one because I've got these lines that helping me lying things up to see those pink lines. It shows me that I'm right in alignment with the other layer duplicate layer. Okay, so get those lined up layer duplicate layer. Okay, A little hard to see because it's white. Now, I can also duplicate a layer by dragging the layer down to the new layer icon. That little he's a paper with a fold. That's the same thing is going toe layer duplicate layer. I was dragging it down on Savannah this down. Another little trick is you know, I want to move this down just a tad. So I'm going to use my up and down arrow keys, and I'm just gonna put push that down. Just a smidge down and then to the right. And I used my up and down and left and right arrow keys on the keyboard. I will do the same thing to this one. And one more erecting e all lined up. So I've got my little background for my text. Now I need to go in and let's organize our layers before we get too far ahead. So select one shift, select the bottom, and we're gonna right button group from layers. And we're gonna call this text background, okay? So we can always get back to those if we need them, but they're nice and tucked away for now. Now we're gonna go to the text tool and we're going to cite our sources now. I've taken no of what the sources were, but if you don't remember, go back to Pinterest or wherever you got the image. Find out what the sources now, my text is way big, So let's move it down a little bit. And this was Pinterest slashed shop style. Now that's not now when I type something in, if I want to change the type to see how this cursor turns to a line when I'm on the text tool, I can select that text and change it. Now, if I put my cursor down underneath it, you see the four way arrow. That means I can move my text to wherever I want. Let me put it someplace lighter just so we can see what we're doing and we collect the scream, click the move. So that's not really the text I want. So I'm gonna My text tool, I'm going to have that text will turn into a line meaning it's going on an existing text highlight. And I'm gonna change my Pontes. Let's just use a simple fun that looks good. So I'm going to move this now. I'm just now is just a non object that I'm not on my text tool. I'm on my move, tool. I'm gonna move it back down here and I need to select my text tool because it's still too big Well, let's change it to maybe a 14. But zoom in, space bar move. I must have deleted at Let's type in and put that into place. And I'm gonna also select the text, and I'm gonna change the color by picking the color over here and selecting black. Hey, when I'm going to select that layer, that's what happened to our other word. OK, so back to we're gonna select that layer. And I think I want to make that just a little bit smaller. It's still kind of overpowering. So let's go to our fonts. I think that Gilles Sands, but maybe just me 12 look better. And then I'm going to just use my arrow keys to move it over. Okay? Now I'm going to do the same thing we did with the borders, so I'm going to layer duplicate layer, okay? And I'm gonna move that word over. Put it over here just so you can see what I'm doing. That I'm going to select my text tool. I'm gonna highlight the text, and I'm going to type in the sores. And then, um, it's like my move tool and select the screen now in the interest of time. I want for you to death by repeating those. But go ahead and do that. Copy this text for all of your images and organize your board your layers into a group. And then we've got a nice Polish storyboard and we're moving on to the final lesson, which is adding a title. 7. Lesson Five Create Title and Save: welcome to lessen Five our final lesson. Now we're going to add a title to our storyboard and save our document. And well, okay, now I'm gonna show you how to recreate this title that I've made here. Cool Biebs. So I'm going to hide current one, create another one. So I'm gonna select my text tool Click on the screen, type in tropical lives. Now, if you want to change the color of the size, just highlight the text again and select smaller size. Let's say we want to go 90 pixels instead. And we can also select a color off the screen by selecting the color picker. And then we'll get our I dropped tool and that I could pick a peak right off the screen. Sometimes it's nice to match the title with a color in the composition, so I moved to will select the screen. Now, another fun thing we can do with type and again. You can choose to just keep it the way it is. But just so you know that you can bend the text by picking on the warp text tool on the top menu bar, and we're going to give it a little bit of an arch, just not that much of an art show. I'm gonna bring this bend down a little bit. Keep going. It'll yet? So I just want a little bit of no trump Cool vibe. Now I'm going to move that down and select me screen. Now I want it to pop a little bit. So what I'm gonna do and you can do this, that any layer is at a layer style, So up to the layer menu layer style and we're gonna do a drop shadow Now, Right now, my drop shed is coming in white, but normally it will be a black drop shadow and defaults to multiply multiple. I will be transfer. So this is a bit more the traditional drop shadow. And again, you can do this to any layer, Not just text, but you'll be surprised at what a drop shadow can dio it really can make things pop even a tiny tiny. So what I want to do is I want that crisp white background so my tropical vibes will contrast against the leaves behind it. So I'm gonna change, multiply to normal so solid color, my color toe white and then I definitely want my opacity to be 100. And I'm gonna take the size down that takes the size of the blue down tonight and you can actually move the drop shadow around right on the screen, and you'll also see it moving here. So that kind of tells you where it's coming and you can also change the direction of the light source. So wherever that you think the light is coming from, this is what that angle is for I don't dropping down behind it and okay, and there you have it, our professional looking storyboard. OK, now it's time to save our file. So file Save will update our existing class project and Photoshopped formats. But we also want we want to keep all those layers and Photoshopped format. But we also want a copy to print or sent son, too. Well, so to do that, we're going to flatten all of our layers down to one. So we go to layer and we want flatten image, discard hidden light years. So now it's all one piece. So if you're not sure you saved it before you flattened it, I suggest you undo flatten image and file save save as a class project just to be on the safe side. All right, layer Latin image. Now that you've got it saved as your photo shop and now you flattened it. If you want to send it to someone, let's see one email it, or you want to put it on your website. You're going to go to file save as, and you can choose a different format like J peg or tiff you're going to print out to will be the higher quality. Or if you're gonna put this on the Web, P and G is a good option and we can go to export. And we can export ABS P and G or Weaken save for the Web. And that will automatically say that as a PNG and hit save. And then we'll save class Project P and G and portfolio. Actually, we want to put it skill share, so it's not gonna overwrite the class project photo shop. So now I have a class project, photo shop and class project the engine. Okay, There you have it. There is our final sessional looking storybook 8. Final Thoughts: Well, that's a wrap. Please share your story boards in the class project section. I would love to see what you guys are inspired by and feel free to post any comments or questions. Anything you'd like to see in the next class. And also please practice what you've learned and experiment with other styles because you really have learned a lot in this class. When you do when you learn by doing, you don't even realize how much you learned. So play around with what you've learned and then Photoshopped. There's always at least three different ways to do something. So I've tried to teach you from a beginner point of view how I would wanna learn something . So I kind of know the why behind what I'm doing. So you have a great knowledge base of four shop on which to build, continue to watch more videos to answer your skill set and watch for my next course, where we're going to add on to what we learned today. Thanks for watching and see you next time