Digitally Edit Your Artwork | Morgan Swank | Skillshare

Digitally Edit Your Artwork

Morgan Swank, Illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (34m)
    • 1. Intro

      0:51
    • 2. How To Scan Your Image

      2:31
    • 3. Adjustments

      4:17
    • 4. Removing The Background

      8:49
    • 5. Adding Contrast And Color

      5:15
    • 6. Adding Ground

      4:15
    • 7. Adding To Another Document

      4:00
    • 8. Saving Your Work

      3:58
    • 9. Thanks For Watching!

      0:17

About This Class

So you have just finished an amazing illustration and want to share it with all your friends on social media, put it on a coffee mug, or sell it on Etsy... The sky is the limit! The only thing that is holding you back is how unexciting it looks when you scan it - the background is off, the colors aren't as vibrant, and it is pixelated! Maybe it isn't THAT bad, but you know that it can definitely look better! 

This class is going to take you through how to scan and edit your illustrations in Photoshop. You don't need an amazing scanner, you just need a little know-how and some Ps magic. 

We will go through:

How to scan images

How to adjust the colors and brightness

How to erase the background

How to add additional contrast

How to add to another document

How to save for future editing and printing

Transcripts

1. Intro: Hi, guys. My name is Morgan Swank, and I'm an illustrator living in Richmond, Virginia. In this class, I'm gonna show you how to take a piece of artwork, scan it and then edit it so that it's ready for any sort of printing that you want to dio. A lot of times when you create art, it could be really amazing. And then when you try to scan it and do some editing on the computer, it ends up just not looking that great. This is something that I've struggled with a zone artist. And so I want to show you how to use photo shop and some of the different tools and tricks on Photoshopped to be able to get the best possible results. You can't that you can add it to Prince, but it on mugs Um, do whatever you want with your piece. Thanks for being here. And I hope you enjoy this class 2. How To Scan Your Image: The first thing that we're going to dio is we're gonna go down, do our system preferences. We're gonna find our printers and scanners. If you can't find this button, you can go up here to the search Barnet printer and it will illuminate the printer scanner section. I'm going to choose my absent XP 9 60 we had double click on it and then this dialogue or window box gonna show up and when hits scanner. Now, I have placed my piece of artwork in my scanner, And so now I'm just waiting for it to scan. It usually takes a moment or two for the scanner to warm up, and then it will give me an overview scan of my piece. So once it over, do scans done, I'm gonna look at the top and I'm going to say yes, I want it color. And I'm going to make sure that my DP eyes on 300 not the 50 which sometimes it defaults to I'm going to use the custom size, But you can also choose a different size. You can pick us letter. Um, all this use of custom size with the different box I just wanna make sure that you only have one box and not too. So sometimes I'll just delete the whole box and I'll just click and drag the shape that I'm looking for around my piece. I'm gonna name it. So I named this fun flower Can. You can name it Whatever you want. We scan it to my desktop just for easy finding. You can scan it to any one of different folders. I would make sure that J. Peg and I'm gonna leave everything else as the default and then I'm going to hit scan usually takes a minute to scan. Saves the image and you can see it pop up. And now you can get rid of all of these dialog boxes. Now there's three ways you can bring this in. You can either a right click on it and hit open with and choose a w Photoshopped. You can just grab it and drag it onto the photo shop. I come on your dock or you can go to your photo shop, go to open and hit flower can, and then it will bring it into your workspace. On the next video, we will go over how to rotate and do several different adjustments to the color 3. Adjustments: in this video, I will be going over adjustments. So now that we have our document in Photoshopped, I'm gonna go down here to my layers panel and I'm gonna double click on background and I'm going to hit, okay? And what this does is it unlocks a background layer and makes this creditable. The next thing to look at is to see over here on the side, I have rulers and what that does if you had control, are or command are on a Mac or go up to view and go down to rulers, you can I will show you the document dimensions, So it's always nice to have on now what I'm gonna do is I'm going to go up to image and I'm gonna hit rotate 180 degrees, so that is right side up. And now it looks a little crooked to me. So I'm gonna go to edit free transform core command T or controlled T, And then I'm going to grab one of the corners and I'm going to rotate it slightly so that it looks more aligned. Sometimes when you scan thinks can be a little bit crooked or off I will just bring it into photo shop and used the edit free transform and rotate it slightly. Now, what I'm gonna do is I'm gonna go to image and go down to auto tone. We'll try auto contrast and auto color. These three are the first things that I'll do just to try out to see whether it helps get me closer to the colors that I'm looking for. And then I go down to image adjustment levels. And now we see that this is Channel RGB and it's dark, medium light, and I usually go to the right side er which is the light one, and I'll slide it down to the left and then I'll play around with the middle cider a little bit. Um, I'll make sure preview is checked so I can see what's going on on the illustration before I hit. Okay. And I'm gonna hit. Okay, So what I'm doing is I'm slowly trying to bring the whites closer toe white and not be so, um not not. Have all the colors be very similar and tone, so you can see it's already more contrast ID than normal. You can also use the brightness and contrast panel. Someone with this out of the way here begins with brightness. What it does is it will just make the drawing significantly brighter. So these airways that you can use I wouldn't do it all the way up super far. But these are things sliders that you can use that will help you give your drawing the contrast that you see on the page. Or even if you wanted to be more contrast ID than what you do on the page. That is just fine. I'm not gonna be using brightness and contrast for this illustration. I want also show you under adjustments the hue and saturation. What it does is you can also move the lightness slider to make the whole thing significantly lighter or darker. If you wanted to go back to the original number, just put zero in the box saturation. Also, if you want the drawing to be more saturated or less saturated, less is a negative number. More is a positive number, and then you can also play around with the hue I'm so we'll change the hue of the drawing again. If you want all these to go back to normal. Just hit zero and then or hit. Cancel, um, and to get out of it under adjustments, there's also exposure and exposure, something that could help with the white of the background. This is a very, um, touchy number. The exposure number, so like this is 0.5 but then if I go up 2.96 you can see that's completely blown out. So I would definitely use this sparingly and maybe just bump it up a little bit. It can just help increase the brightness overall and help you get that white balance. You're looking for way to get out of this, and then we go back up to image adjustments on this whole panel. Right here is something that you can play around with. There's a lot of fun tools in here. You can do black and white, which is great if you're trying to turn something into black and white, and then you can also down here at the bottom. There's the tent, and you can choose your tent color so you could make it a sepia tone. And there's a lot of different fund tools you can play with, so those are under image adjustments. In the next video, I'm going to show you how we get rid of the background 4. Removing The Background: in this video, I'm going to go over how to remove the background. So we have our image here, but they're still spots around, and then also, the background is not completely white. So I'm gonna show you how to get rid of all of this, going to go up and use the magic wand tool, which is the 4th 1 down on your toolbar. And there's a quick selection and there's a magic wand. If you hold down on the button on the pop, out will open, and then you can pick the tool. So we're gonna use the magic wand tool. And up here at the top are the settings. So the most important thing to look at is the tolerance here. Right now, it says 32. Um, the higher the tolerance number, the more it's gonna grab the lower the tolerance number, the less it's gonna grab so appear in the tolerance number. If I do, five is not going to grab asses much. If I put 50 it's gonna grab a significant amount. So I'm gonna put five, cause I don't want it to grab part of the can. What I want to do is I just want to grab kind of the outer area. So I'm just gonna click and you can see the tiny lines going around my artwork all the way around the watering can, and you can see right here where it's kind of cutting into the leaf. So I go over and grab the quick, select tool, which is on the same tool just underneath. So hold down and grab quick, select. And then up here at the top, you're gonna hit the quick select minus and then go over and click on the area that you want it to release from selection. You can see that it kicked the line out and it's not going to believe part of my leaf. I can go back to the Magic one, and I can hold down, shift and keep adding areas to the selection. You have to hold down shift, though a shifting click at the same time, so I'm gonna add a couple other areas, and then I'm going to hit Billy to remember. Your background needs to be on the layer or zero. Otherwise, it's gonna mess things up when you try to hit delete or your back space um So once I hit delete, you can see that all I get is this checkerboard pattern behind, which means that my background is empty. But as you can see, they're still these little splotches. We're gonna go over here to the eraser tool. It is also the letter e on your keyboard. And then up here in the top, you can choose the size at the hardness on, and then even the direction of the brush. You can rotate it around. Then you can also make it smaller or narrower. He also change the opacity. So if I zoom in, you can see that all go around and I'll start erasing some of these darker lines. It could be really hard to see this on the checkerboard pattern. So I'm gonna go down here to my layers window, and I'm going to click this sticky note next to the trash can and it's gonna give me a new layer. I'm gonna hold that down on that layer and I'm gonna drag it under my layer zero. I'm gonna go over here to my Grady int tool, the tool underneath the eraser. I'm gonna hold down and I'm gonna pick the painting bucket. I'm gonna make sure my foreground color is checked black, and then I'm going to paint that layer one. This helps because you can really see clearly where the different spots are, where the edge of your illustration is. So this just helps visually see what you're working with. You want to make sure that when you go back to work on your illustration that you are on layer zero so you don't accidentally erase your background. So we're on layer zero, and now we can go back and use our eraser to erase around or illustration. And this is significantly easier with a, um, like a wacom tablet or some sort of stylists. You can use a mouse. You can use the track pad. Um, I'd also take a little bit more time going around and doing this Change the direction a little big, say like that a little bit better. Um, you can use a stylist this for tutorial purposes, and we're gonna work a little bit quicker and put it on a faster speed to give you an example of what I'm talking about. But this is something that I would do. I'd probably put on a TV show or a movie, and I would just work on cleaning it up and taking my time. Teoh, get to the get all the way up to that black line. Um, the incline and I would do this all the way around my drawing. It's up here by the leaves, the hardness you can change. That's a little fuzzier. Gonna do that? No, My windows. I'm gonna make my brush smaller. So on your keyboard, next to the letter P. You have your brackets. The left bracket will make your rush smaller, and the right bracket is going to make your brush larger. So that's on your keyboard. You also change the size up under the toolbar. Yeah, but it's easier when you're doing this sort of editing to use the bracket tools next to the letter P on your keyboard. If you're on the Mac, you can make your brush larger by using the right bracket. And again, I would just do this all the way around the drawing on all the difference faces all the way up through here. And now over here, you can see that there's white lines out in the corner and you might think like these lines aren't that big a deal. But the problem is, is sometimes when you goto print, the printer is very sensitive, especially if you're using, like a printing place. And some of these things that you would never think you'd see or you might not see on your home printer will just show up on, um, on a more commercial printer. So over here you can see that I have accidentally cut out part of this leaf. So what I'm gonna do is over here there's this eyedropper tool. I'm also a little eye on your keyboard, and I'm going to pick that color that's very close to where it starts. Um, it gets cut off. And I was gonna go back with my brush tool, which is the B on my keyboard or, um, on the left hand side. It looks like the paintbrush. Take the eyedropper down here, grab that color and just work to blend it in. So this is another way to work. If you accidentally delete too much sometimes if you doing too much, you have to go back and kind of like, cut a piece out and put it back over here and paste it on top. But for something like this, this is just a significantly easier. Then I'll just use my eraser tool to clean up the edge and something down here like this with a splotch of color, I'll grab the color close to it, use my paint brush tool and clean it up. So this is how it go around with the black background. I would go all the way around and use, um, use my eraser tool to clean up my illustration, really getting crisp lines on and getting rid of all the little splotches that I see around . So I'd wait until the black background looked really good. And then I would change it over to the white. And you can see over here how much crisper it looks and just how much cleaner some of the lines work. In the next video, I'm gonna show you how to add some contrast and color 5. Adding Contrast And Color: in this video, I'm going to show you how to add contrast and color. So after we've cleaned up our entire background and we're excited about how that looks, what I'm gonna do is I'm gonna show you some different ways that we can work on increasing the contrast of the flowers in the flower bunch. The first tools on my show You are these dodge and burn tool. So it's a lollipop. And then this kind of like fist on the Dodge tool is a lollypop, and you can come up at the top and see that it's 65 is the size. The range is the mid tones and has a 50% exposure. Now, what this does is when you're on highlights and you're on a light area. What is going to do is it's going to really make your lights significantly lighter. So if I command Z or undo that, you can see that it gets it's gonna go back to being dark. Burned does the same thing. That only makes things darker and again when you're on the mid tones, it's going to really work on the mid tone colors. Um, if you change that range to the lights. That's gonna make the light significantly darker. And if you change the rain to shadows, it's going to make what's in the shadows significantly darker. I'm doing this on my layer zero because if I had a white background on this layer, it would make the white background darker, too. So you really want to have it when your background is empty beyond just your piece of art, you can see over here how it's making the thank you darker. Uhm, I'm going to undo that and I'm using control Z or command dizzy to just undo some of the actions that I don't like. So if I made something dark and I didn't like it, I will just take Command Z and it's going to undo the action you can also under the inaction by going upto edit undo. So I'm just going around with burn, making some of these areas darker. No, such over to dodge. Maybe make my highlight. Oh, it all more highlighted. I can take my brush tool. I can take my eye dropper, click on a color and use my brush tool to add in more of that color to my flowers. I so desire Go to my brush. None of my brushes. I'm gonna choose, um, a different texture. You can get a bunch of different types of brushes. But if I wanted to add more orange or if I wanted to go and pump up some of the different areas or color in some of the areas like around here with the red, if I didn't want to have the white space could use my brush to color it in. I can go down here at the bottom and open the color box and then make my color a little bit darker and I can add different colors. And if I want to, this could help create more depth or dimension if you want. I wanted to do more purple. I could add more purple into my roses. If I felt like the opacity was too much, I could go up, um, here and go to my opacity and take that down So it wasn't such a hard line. And in the purple is just a little bit more natural in there and doesn't looks like such a harsh line. You can go through and kind of play around with the different brushes and shapes, um, and kind of work on your illustration and give it more contrast and dynamism. Um, these are just a few ideas. You can go back in on the lighter color flowers and had lighter accents. You could go in on the leaf down here, and you could add in more green if you wanted to add in more green. It really is up to you with what you want to do with your drawing with. These are different ways that you can alter or edit it, um, or create more contrast. And then you can see that you can move your flower can around island was I'm just moving around, getting rid of some of these edges that I see, um, until it is completely clean. 6. Adding Ground: in this video, I'm going to go over how to add a ground. So now that we have our flower can the way we want it I'm gonna add a new layer in between my layer zero in my layer one. So if it's not in the right spot, you can always drag it up or down. But I want underneath my flowers above my background and we grabbed my brush tool and then I'm gonna find the color that I want. So I'm just going to use these sliders and we'll try and find kind of a tan ish brown. Nothing too dark. This looks good. I'm on my brush tool in a zoom in. I'm gonna say, OK, 80 Looks like a good place to start. Capacity is really low. And I'm just going to start smudging down here by my bottom of my water can. It's gonna work the brush back and forth and I still like this color. I think I might just up the opacity eso that just gets a little bit darker. We can see on this can that there's more shadow on the right hand side. So I'm gonna make it. Belka. What's the right hand side. Now I am gonna change my color a little bit just to add some variation, All right? And I'm gonna go back to my, um can and I'm going to erase some extra again. If you were really particular about your erasing in the first place, you would not need to do this. But sometimes you do need to go back, and then it looks a little light. So I'm gonna go to the burn tool bond still on the watering can, and I'm just going to burn kind of the bottom of this can. So it's a little darker. There's not so much contrast. Um, it didn't do a lot when I had it on the mid tones. I would change it to highlights and see It's giving this bottom just a really nice shadow. And it's matching better with my cam. So we go back to my second layer back to my brush, and I was going to add more of, uh, base. Then we go over to right above the Dodge, and burn is a tool that's called the Smudge Tool. Someone used a smudge tool. I'm gonna change my brush style to maybe something little bit more textured, and we'll bring that opacity way, way down. And I'm gonna use that to kind of create thes stroke. So it looks a little bit more of a texture, and I'm doing strokes from left to right. So I kind of had, like, a wood crane style to it. Play around with my capacity a little bit as I smudge, Then maybe go back with the eraser tool and clean up a little bit around the edge. Then we go down and I'm going. Teoh, pick more of a purple e color just to reference kind of those bluish tones and also just gives I'm the brown a little bit more dimension, which I really enjoy. I always like adding some purple or kind of a bluish gray into shadows, because I think it really just pops. So I have that in. And then that is going to be my ground, and you can see it's on the layer to all my watering can is still on layer one. I can grab that layer and I can move it up and down, depending on where I want it. So fact that, like I made a little bit too low or a little bit too high. I can always adjust, and that is how you add a ground to your illustration. 7. Adding To Another Document: in this video, I'm going to show you how to add your flower canto, Another document. So now we have our flower can and we also have our background and they're on two separate layers. Now. What you want to do is you want to get both the flower can and the background on the same layer. So you're gonna click on one layer, you're gonna hold down your command key or control key, and you're going to right click and hit merge layers. So what that did is it? Put both the flower kin and the ground on the same layer. So if you copy and paste it, you'll copy and paste both the flower can and the ground because they're all together so running upto image. I want to change the image size and over here to image size, and I can change the width and I can change the height. It's gonna show me the image size and what the document size is gonna dio up here. How that's gonna change now. This link is very important because of its unlinked. It's not going, Teoh, um, scale it proportionally and it's going to make it worked so That's an important piece of information we're gonna go to file new and I'm going to make a new document so I can put the width is 11 and the height as hate and 1/2. And you can see that over here the orientation will be landscape. If I want portrait, I can hit the portrait and it's gonna flip those numbers. I'm and then I'll just hit, OK, And I'm going to have this new document. So say on my new document, I want have text, create a little flyer. Someone's gonna put flowers here, and I'm gonna make the text box larger. And then I will move it so that it matches in the center and I'm gonna go to my flowers. I'm going to make sure my layer zeros selected. I'm gonna hit command, see or control, See? And then I'm going to go over to my new document and hit command V or control the to paste it. You can also use the edit a copy on an edit paste. But these keyboard commands are faster. And then with that, you can put that on the page and you can scale it. I'm going to keep it the size it waas and up here. If I need to go and make it for printing, I can adjust the C M i k. It to seem like a are adjusted to RGB. Now, you definitely don't want, um to save it for CME like a and then put it on a website cause the colors are gonna be all off the same with RGB. If you're using a CME like a printer, the colors are also gonna be off there. So it's really important what your output is, what color motor using. And then again, because your background is clear on your flowers, you can move it all the way around. I'm gonna show you here. This is, um, what I did to it way back when I changed it up, um, and put it on a card. So I altered the colors a little bit, added some different details, pumped up some of the different types of flowers, and this is the back or the ground that I put on this watering can. I think I also play a little bit around with the hue as well to give it a slightly different tonal look So that is, um, once you take all the time to edit around, you'll see how crisp thes lines are even through, like the little areas around the thank you, tag. So what you can do is you can create a really nice I'm looking illustration poppy on a photo shop. 8. Saving Your Work: What we want to do now is we want to be able to save our image. So I want to just say that without the white background just so that I can use it for other projects and I can put it on different backgrounds. So I'm going to delete out my background. So it's just the checkerboard I'm gonna goto file, save as I'm gonna do flower can and we have it is a Photoshopped document. So this allows me it's gonna have the checkerboard pattern again and still allow me to edit it. It's not going to throw away pixel, so if you save things, it's a J peg. Every time you go back and re safe over it, it throws up more of the pixels so that over time, if you save the same file over and over and over again, what you're doing is that file is essentially breaking down slowly and getting less and less crisp. That doesn't happen when you say things as a photo shop pile. So I'm gonna say this is flower can and this is in the RGB mode, so color mode for screens, not for printing. So I'm gonna say this RGB hit. Okay, so this is good for, um, anything that you want to put on a screen. And then if I want to save something for print, I'm gonna go mode up under image and hit. Seem like a is gonna tell me what I'm profiles gonna use, which is just fine. Um, that's pro values. And then this is now in C m y case, it will work with, um, printing so I can go to file save as far can see em. Why? And also So if I wanted to form at this for, say, making in eight by 10 print. Um, what I can do is I can go over here to my crop tool, and I can do a put my ratios and appear eight by 10. Um, and then I can drag it out to where I want to be. Econ center. My flowers enter, and then this is gonna be, um, flower can in the CME like a for printing. I can go underneath, but that layer behind there and color at white. Um and then I can save this as you go file. Save as flower can print eight by 10 And then I will say that as a J. Peg. And then this is a file. I can bring Teoh a print shop and then tell them it's an eight by 10 and then they'll print it out exactly like this. And then it will work with their printers because it seemed like a So this is what you can do for a variety of, um, different measurements that you needs. If you need something a specific measurement, you can always crop it down. You can go is always go to image, um, and do the image size and play around with that toe. Make it the size you need. I would just really be sure. Um, be careful not to get the resolution to low, so sometimes it will tell you to reduce the resolution toe 1 50 for some different printing jobs. So that would be where you would do this. You can put in 150 pixels per inch, but I really would work with the 300 as much as possible so that your image remains crisp. And then when you say things into the J Peg, remember to go back to the Photoshopped file and work and export from that, as opposed to taking in the J pic file and then playing around with it in there because again, saving A J peg over J peg is going to slowly degrade the quality of your image. 9. Thanks For Watching!: Thank you so much for taking this class. I really hope it's helped you on your artistic journey. If you have any questions or comments, please leave those below. And I'd love to see your project in the project section.