Spooky Mirror in Photoshop | Lindsey Meredith | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (20m)
    • 1. Introduction

      0:40
    • 2. Document Setup

      2:18
    • 3. Frame Adjustment

      3:37
    • 4. Lighting, Shading, Texture

      4:25
    • 5. Masking Lady

      2:26
    • 6. Mirror Overlay

      3:51
    • 7. Custom Splatters & Drips

      3:04

About This Class

556f9554

In this class you will learn how to take multiple images and bring them together in Adobe Photoshop to make a spooky mirror graphic that consists of a scary woman reaching out from a broken vintage mirror.

We will cover the Following Photoshop features:

  • layer styles
  • adjustment layer
  • layer opacity and blending modes
  • clipping masks
  • layer masks
  • create custom drip / splatter brushes

I hope to see you join the class and post your project for us all to see. Files are provided in the project section of this class. Lets get started! 

Music Credit: "The Stairway" by WarpToken (http://freemusicarchive.org/music/WarpToken/The_Haunted_Mansion/DS10Forumcom_-_DS10Forumcom_-_The_Haunted_Mansion_-_07_The_Stairway)

Transcripts

1. Introduction: This is a spooky mirror in photo shop class. In this class, you will learn how to take multiple images and bring them together. An adobe Photoshopped to make a spooky Mira graphic. The consists of an image of a scary woman reaching out from a broken vintage. Mere here, the specific photo shop skills. You will learn how to work with layer styles, adjustment layers, layer opacity and blending modes, clipping masks, layer masks and how to create custom drip splatter brushes. If these are Photoshopped skills that you're interested in learning and you're not too creeped out, I really hope to see you join the class. 2. Document Setup: to get started with our spooky mirror exercise. We first need to set up our document. Go ahead and go up to file new. We're going to set this exercise up for screen, so we will first need to change the measurement of the document. Two pixels make the width 6 12 pixels wide in the heights. 7 92 We're gonna go ahead and set the resolution to 72 since its for screen and make sure it's rgb. If we were doing print, obviously we would want Teoh make sure it was different. And then we're gonna want to set a name. I had a time for the file and we're just gonna name it Spooky mirror. Since this exercise is essentially bringing in multiple existing prepped images to work with, I personally like to go ahead and just open them all up. So that is what I'm doing here. You can go about this in different ways or actually import them. Um, I like to simply open them up separately and then bring each one in as I'm ready for them. The first image I want to get in place is one of the main components the mirror. While we have this first image open, I wanted to take an opportunity, explain what a smart object is and how you use it. Smart objects are a way for you to bring in an image at its largest size. And once it's made a smart object, you can size it up or down without losing quality when it is in raster mode or just the native way it comes in. If you were to size it down and then change your mind and size it back up, you would actually lose quality. And we don't want that. So smart objects allow you to not have to worry about that until you want to re rest. Arise it. So this is how you convert an, um, a layer, an object to a smart object. You simply click on the layer of the image that you want to convert, right? Click on it, actually, and then choose convert to smart up. I'm just gonna go ahead and get the mirror to the size that I want. There might be a point then, where you want to to not be a smart object anymore or be back to Raster so that you could erase and paint at it directly. Then you could simply right click on it it again and choose Rast. Arise. Or sometimes I like to just choose the eraser tool, click on it and click on the dialog box, converting it to Raster and our next video. We're gonna edit our frame and bring in our wallpaper background. 3. Frame Adjustment: our next step is going to be bringing in our wallpaper background, and then we're gonna play around with the mirror to make it look like it matches the wallpaper background. Go ahead and click on the tab of your pre open wallpaper image when you hit command a your selecting all and then we can hit command, See to copy it to the clipboard, head back over to our main document and hit command V so that we're pasting it. It's gonna paste an above our mirror so we can use the layers palette to move it below the mirror image. Next, we're going to use a hue and saturation adjustment layer to give our frame the hue and tone that best matches its surroundings in the wallpaper background. First, let me explain what an adjustment layer is. It's basically a layer that allows you to make these kinds of changes to one or all of the layers below it. That way you can change it, delete it or choose what all layers are affected without making permanent changes to get started, go ahead and click on the hue and saturation button, which is found under the adjustments panel tab, and it's in the second row here. You'll see that by default, it will affect all of the layers below it. Until I click this button at the bottom of the panel, this clips it to the immediate layer below it. Basically, for this one, I played around with a U. N saturation in the lightness lighters until I got the effect I wanted. My goal is for it to match the feel of the wallpaper, so I'm adding a warmer brown hue. When it was all said and done, I ended up with a hue of 23 a saturation of 15 and a lightness of zero. I also checked the box for colorization, which more directly applies the chosen hue to the object. Next, I'm going to apply a subtle Grady into the frame. If I double click on the layer, I open up the Styles panel. I could choose Grady int. I'm doing this to add just a little bit of depth, but I don't want it to obviously be completely on top of the mirror, so I'm gonna change the blending mode to multiply, play with the angle, and then we want to play around with the actual color of the Grady. Um, I chose to different colors for two great eight between the 1st 1 is nine e six c zero C. That's the Hexi decimal code for that For that color, then it's gonna blend into a color of 200,000. Is the Hexi decimal click. OK, so I'm just kind of playing around playing with reversing out the great radiant. You can reverse it by checking this box. I realize that it's a little too dark, so maybe an overlay. Ah, blend mode is a better option, and it's looking pretty good. But maybe I also want to dial the opacity down. So I dialed it down here to about 36% and that's it for the Grady. And just give that kind of a nice touch, gives it a little bit more depth and feel more to make it feel more natural on the ah, on the background. All right, For our last step, we just kinda want to give this overall image a little bit more of a darker feel. So I'm going to use another adjustment layer and this one I want to affect the wallpaper so Usually when you click on the layer that you wanted to effect, it will apply that adjustment layer above. For this one, I'm going to do an adjustment layer of levels, which is a way of kind of controlling your darks lights in mid tones. It has this slider here, so I'm just gonna kind of play around with the Dark's the mid tone here, Um, just kind of look at the wallpaper. I didn't change it too much, but I just wanted to make it feel a little bit darker. In our next video, we're gonna play with a little bit more texture. We're gonna play with the lighting and some color as well. 4. Lighting, Shading, Texture: in this video, we're gonna play with lighting, shading, texture and color to give the mirror the spooky feel that we're going for. We will continue to learn about adjustment layers and then also start to learn about layer masks. Once again, we're gonna be playing with the hue and saturation adjustment layer. We wanted to be just above the wallpaper. I'm going to use it to give the wallpaper a little bit of a green hue. Play with the saturation here a little bit. But mostly I'm just going for that green hue, this white box off to the right of the layer that I just made that's called your layer mask . And what that allows you to do is I'm using the eraser tool. Here is I can are actually a race away at that effect that I've applied, Um, here I accidentally started to use a little bit too hard of a brush, so I'm gonna pick a softer brush. So I'm just gonna kind of use the layer mask to blend um, the green into what would be just the normal wallpaper that's underneath of it, that that's brown. So I'm just kind of using that to give it kind of a grungy, Um, spooky. I don't know. I just wanted to add a little bit more color to it. So I added that green and I faded it next to add even more grunge. I have this texture that we should already have opened that I'm going to copy into my document here. Um, it's just kind of a grungy paper image that I found that I'm gonna add on top of the wall paper. So I paste it in here. I want to make sure it's just right above the wallpaper, but obviously, I don't want it to just sit there. I want to blend it into the wallpaper so the wallpaper shows through. And this is where I'm going to use a blending mode. I'm gonna play with linear Burn, which, at 100% you see is way to dark. So when a dial it down here to 2018 um, see, what? What kind of feels good to me? See what's making a difference. So I think that looks pretty good at 20%. It was just enough of a texture, um, to give the wallpaper a little bit more of a dirty look of a grungy look. The next thing I want to do is add a little bit more shading or a lot a bit more shading. I'm gonna start by creating a new layer. And I'm just gonna pick up a darker brown from the frame here. Um and I'm actually going to use that. Then I'll just kind of adjust it to what, exactly? What? I want it. I'm just gonna use that layer and use the paint bucket to fill it in entirely that color. Then I'm gonna do a blend. Motive multiply dialed in the capacity because obviously, I don't want to completely cover everything all down the a pass iti to about, um, 60%. So basically, I've made just one giant dark layer that I'm going to use the shadows. So I'm gonna race away at this dark layer, leaving shadows where I want shadows and then lightening up areas that I don't want the shadows, but I don't want to permanently erase away directly on layer. So here you'll see that I'm gonna click below on this little box with a circle in the middle. That's what creates our layer mask for us. And once again, that's so that we can erase away at the Mass were kind of masking it away. And it just gives us ultimate control. Because, actually, um, as you'll see when I work on it here, I'm gonna race away kind of this general lighter, lighter area, making a bit of a vignette type of fact. And then if I choose the brush tool, I'm able to brush back in that darker ah, part of the layer in areas that I want. So it makes sense here. The biggest issue we had at this point with the mirror is that it really just didn't look natural hanging on the wall because it had no shadows where there should be shadows. So in all the openings of the mirror and in little areas kind of below where a shadow would be cast I'm just filling that back in when it hadn't filled in the middle of the mere here . But that doesn't really matter, cause obviously we're gonna be adding content into their looking in pretty good shape. We're gonna go back in and again, take advantage of that layer mask and just kind of lightly with a feathered brush darken in some areas that maybe I feel like God lightened up a little bit too much. That's the beauty of the layer mask. 5. Masking Lady: Okay, now it's finally time to add the's spooky content to our mirror. We're gonna add the spooky lady to the mirror. We want to open that image hit command a copy. We're going to go ahead and paste the image at the very top here, and I'm just going to kind of get her generally lined up into the center. Um, just guessing for right now where she's gonna land in the mirror. The first I want to hide the image so that I could make a quick selection of the inside of the mirror. And I just used the magic wand. Just simply click once really quick with one. So we have that nice Sobel selection. We can turn back on the image of the girl when I add a layer mask, because that selection is there, it's actually going to mask out everything outside of the oval selection that we made. Now we want to line her up better in there, But first, in order to do that, we need to unlock the layer mask from the actual layer. So if you click on the link in between the two, it allows you to independently move the image while maintaining where the mask is placed. So I can kind of move her around, get her centered up inside of the mirror. Um, in a better central position. Now, here, once again, this is where layer mess A really handy We can see here that her hand is, um, kind of getting cut off. We're going to take advantage of the layer mask and actually paint her hand with the brush tool going to make sure the layer mask a selected I don't want to erase. But rather I want to brush back in, um on the layer mask so that I'm allowing her hand to show out outside of the frame. What's also cool is if you paint too much or too little, um, you can keep switching between the eraser tool and the brush tool. And as long as you're on that layer mask, um, you're just able to make those edits and not have to worry about being a permanent change. Also, make sure you're remembering to size your brush down to a smaller size so you can get all the fine details that you want. You can quickly size your brush by using the left and right bracket keys that are located next to your peaky. Now that we have her in good shape, the next video is gonna cover doing the overlay of broken glass. 6. Mirror Overlay: in this video, we're gonna add the mirror overlay so that the mirror actually looks like a mirror right now, it doesn't really have any kind of reflection. So I'm gonna add a new layer. Um, and then we're going to grab the grating tool, which is nested inside of the fill bucket tool. It's gonna open up this dialogue box and we'll start with this default Just black toe white , Grady A. And what you can do, you can click anywhere here on the slider to add more colors. I'm just gonna add a couple different, um, instances of white and black and you can move those around. I'm just going to kind of give them what I feel is, um, a nice little flow of what a reflection might look like for a mirror. You can also move these sliders in between Teoh play with how sharply the Grady INTs flow in between the two colors. Okay, so now that we actually have our grading set up, we're now going to apply it to this layer. And when you have the great until activated, you basically can click and drag across the layer. And right now it's a radio Grady in When You Want to Change It, Teoh Just a linear, great. And so you can change that up in the control panel. After we apply the grading, it's gonna fill that hole layer. But what we can do is borrow the layer mask from our girl if you look over in the layers and since it's the exact same mask that we need, it's just kind of handy to just drag a copy of that layer mask by holding down option and dragging it up onto our Grady int layer. But the only difference is, I don't need that, um, this reflective part coming out with the hand we only want on the mirror area. So I'm going to make sure I have the layer mask selected and just use the eraser tool to erase that away. Okay, so we obviously don't want the Grady. It should just sit here and cover up everything. So what we will do is play with a blending mode to get that to show up to where it looks like a reflective mirror, but it's still allowing our girl to show through. Sometimes it takes some experimenting, but I found that for this instance, Um, these Thea blending mode of screen dial down in opacity, which I dialed it down to about 35% seems to do the trick here. Okay, the next step is going to be adding, are broken glass image to the max here. Okay, so with the image open command A is. Ah, select all in the night. Copy to the clipboard. Go back over to my document here. Command V paste. It's gonna go on the top layer. I'm gonna go ahead and set up my blending mode before I size it down, and I'll line it where I want it. This time, I'm going to use a blending motive overlay and then dial down the opacity till I feel good about it. Um, maybe about 60% I think will be the trick. Now I'm ready to size it down, so command T will put it in transfer form mode so that I can size it down. I'm gonna hold down shift to keep it proportionate. Line it up about where I wanted to see the need or part of the ah, the glass breaks. And then once I'm done once I select the selection tool. Um, I can go ahead and commit that Those transformed changes. I'm gonna borrow the layer mask from the mirror. Um, reflective value that we put in there just like I did before. When you want to borrow a layer mask, you just hold down option and drag it up to whatever layer you want to take it over to. That's what I did there. But while I'm on that layer mask, I also need to erase away the broken glass from her hand because it does not need to be on top of her hand like that, for the most part are mere is done here. But the next video is going to be kind of a bonus of learning how to make custom brushes. And we're gonna add a little bit of a drippy splatter effect to the behind directly behind the mirror on the wall paper just to make it a little bit more eerie. So check out video six 7. Custom Splatters & Drips: in this video, I'm going to go over how to make your own custom brushes and photo shop. And we're gonna use it on this project to add, um, a little bit more of a creepy feel to our wallpaper and behind the mirror with some drips and some splatters. So first, what we're gonna do is we're gonna open some pre made brush images. I will call them that I've already made. Um, but in your case, you might make your own. And I'll explain that here in a second. So I'm gonna open up three images that I made myself these air literally Ah, three images I scanned in of some ink splatters that I made. I literally made these on paper myself. You can really go nuts and get creative with making your own brushes. Um, get some paper, some ink markers. Um, I think I literally just used my finger and just kind of flicked some black ink and dabbed it on here until I got kind of the effect I knew I wanted. Once you have those, you scan them in and use levels to give the get the ultimate contrast that you need. Then This is how you make a brush. You want to select the marquee tool in the toolbar and make a selection of the portion of image you want to make into a brush. You then go up to edit defined brush preset, give it a name, and I highly recommend naming them. And then, um, I just go ahead and take care of all the ones I have on a page that I want to make into brushes. Now that I have all my brushes made, I'm going to go back over to my document. I want to make a new layer, um, for drawing these splatters and drips behind the mirror. Um, and obviously I want to make sure it's behind the mirror. So I made a new layer, dragged it down in the layers below. And then I'm gonna activate the brush tool by hitting the Beaky, the letter B, and you'll kind of see my breast showing up there. The new brushes that we made when you click on the brushes palette that I just pop down there right here at the bottom, there going to be the newest brushes always show up towards the bottom, usually and you'll see when I hover over my document, it's really large. So I'm gonna want to size that down. You can use the slider right here. You can type in a value or the quickest way to do it on the fly is to use the bracket keys next to your P key on your keyboard. Um, so I'm just going to kind of use these brushes, um, in a stamping Matt manner. Since I made multiple ones, I'm not gonna click and drag and draw with them. That's not really how I made these brushes to work. Kind of used them or, um so I guess the word brushes a little bit misleading in this instance. But I'm using a little bit more of a stamp. Also, Um, note that I changed the blending mode of the layer for these drips and splatters to multiply. So I'm just gonna kind of play some strategically, I don't wanna overdo it, but just give it a little bit of an extra eery effect. And that concludes this tutorial. I really hope you enjoyed making the spooky mirror and learned a little bit along the way.