Mockup Poster Against a Wall Using Photoshop
Daniel Walter Scott
Lesson Info
108. Mockup Poster Against a Wall Using Photoshop
Lessons
Class Introduction
03:24 2Before you get Started with the Photoshop Advanced Course
01:28 3The Easiest Way in the World to Mask a Person in Adobe Photoshop
24:23 4Class Project - Select Subject
01:41 5Select Mask & Changing a Color using Photoshop - Color Range
10:00 6Using Photoshop Selection to Fix Grass & Sky - Color Range
07:20How to Change the Color of Skin in Photoshop - Color Range
08:05 8How to Create an Ink Splash Image Around Text - Color Range
15:02 9Class Project - Color Range in Adobe Photoshop
01:54 10Mask on a Group Rather than each Layer
11:18 11Advanced Masking using a Channels in Adobe Photoshop
14:14 12Class Project - Channel Mask
01:30 13How to Make Selections in Photoshop Based on the Focus Area
22:53 14Class Project - Focus Area
01:11 15Selection Trick Using the Smudge Tool in Photoshop
04:16 16Future of Selections in Photoshop with Adobe Sneaks
07:04 17Quiz - Selection & Masking
18Advanced Preference Changes for Adobe Photoshop
08:36 19How to Speed up Adobe Photoshop if it’s Running Slow
07:48 20Workflow Tips & Tricks Like a Professional in Photoshop
13:45 21Advanced Layer Tricks in Adobe Photoshop CC
05:58 22Automatically Add a Watermark Text or Logo in Photoshop
08:29 23Batch or Image Process Multiple Images at Once in Photoshop
09:05 24How to put Loads of Images into one Photoshop File Quickly
07:04 25Weird Adobe Photoshop Features & Easter Eggs
06:37 26How to Enlarge Images Without Becoming Blurry in Photoshop
06:57 27How to Fix Blurry Images in Photoshop Using Shake Reductions
08:17 28Advanced Color & Tone Correction Using Levels in Photoshop
06:44 29Advanced Curves in Adobe Photoshop CC
06:34 30Quiz - Fixing Images
31How to Reshape Images Without Distorting in Photoshop Content Aware Scale
09:44 32How to use Content Aware Move in Photoshop
08:38 33How to use Content Aware Extend in Adobe Photoshop
07:28 34Removing Objects Using Content Aware Fill in Photoshop
07:01 35Class Project - Content Aware Fill
01:03 36Cropping Tricks Delete Pixel & Reveal Cropped Content in Photoshop
06:11 37Automatically Crop & Rotate Scanned Documents in Photoshop
05:35 38Crop Angled Images to Straighten Perspective Cropping Photoshop
04:42 39How to Trim the White Away from the Edge of an Image in Photoshop
01:52 40Automatically Align Layers in Adobe Photoshop CC
07:38 41How to Reshape Images using the Puppet Warp in Photoshop
18:10 42Class Exercise - Puppet Warp
01:14 43How to Change the Perspective in Photoshop Perspective Warp
05:47 44Quiz - Cropping & Aligning & Distorting
45How to Color Black & White Image in Photoshop
09:42 46How to Create a Duotone Effect in Adobe Photoshop CC
09:28 4744. Class Project – Duotone in Adobe Photoshop
02:20 48How to create the Glitch Effect in Adobe Photoshop
07:01 49Class Project - Glitch Effect in Adobe Photoshop
00:44 50Color Grading with Orange & Teal Effect in Adobe Photoshop
05:36 51Class Project - Color Grading in Adobe Photoshop
00:49 52Quiz - Color
53Advanced CC Libraries Tricks and Tips Photoshop
19:15 54Advanced Type Trick & Workflows in Adobe Photoshop
19:38 55Photoshop Can Guess your Font Using Match Fonts
10:43 56Quiz - Typography
5752. Adding Artboards to your Photoshop Workflow Properly
05:24 58How to Add Images Correctly to a Photoshop Artboard
08:17 59Using Smart Objects & Relinking Images in Photoshop
04:10 60Advanced Speed Tricks for Updating Artboards in Photoshop
04:09 61Export Artboards as PDF & Separate JPGs in Photoshop
05:38 62Quiz - Artboards
63Advanced Tricks for Healing Brush for Retouching in Photoshop
08:24 64Don’t Forget About Clone Tool Stamp in Photoshop
06:09 65How to use the Patch Tool for Retouching in Photoshop
06:41 66Class Exercise – Retouching in Photoshop
01:15 67How to Retouch in Photoshop Using Face Aware in Liquify
06:50 68How to Use Vanishing Point to Mocking up Designs in Photoshop
12:19 69Vanishing Point - Cloning & Healing at an Angle in Photoshop
11:19 7064. Class Exercise - Vanishing Point in Photoshop
00:51 71Fixing & Retouching Skin Tone in Adobe Photoshop
06:01 72Retouching Eyes by Enhancing in Adobe Photoshop
08:00 73Retouching Eyes with a Little Bit of Fakery in Photoshop
09:00 74Fully Faking Believable Eyes in Adobe Photoshop
06:45 75Class Project – Eyes in Photoshop
00:51 7670. How to Realistically Whiten Teeth in Adobe Photoshop
11:44 77Class Project – Teeth in Photoshop
00:57 78Quiz - Retouching
79Difference Between Place Linked vs Place Embedded in Photoshop
08:22 80What is the Difference Between Fill & Opacity in Layer
01:11 81How to Use & Export Layer Comps in Adobe Photoshop
03:27 8275. How to Create a Double Exposure in Adobe Photoshop
11:07 83Class Project - Double Exposure in Photoshop
01:17 84How to Create a Watercolor Painting Effect in Photoshop
09:23 85Class Project – Watercolor in Photoshop
00:32 86How to Decay Pixel Explosion Dispersion Method in Photoshop
13:47 87How to Make Exploding Shoe Effect in Adobe Photoshop
10:49 88Class Project – Decay in Photoshop
00:51 89Quiz - Visual Styles & Effects
90How to Edit Video in Adobe Photoshop
25:42 91Parallax Effect to Make Photos Move in Photoshop
13:22 92Class Project – Parallax in Photoshop
01:15 93How to Create Live Images - Cinemagraphs in Photoshop
13:19 94Class Project – Cinemagraph in Photoshop
01:35 95How to Setup a File Ready for Web and UI Design in Photoshop
09:32 96How to Export Your Web Design UI Project for Dreamweaver
07:57 97How to Make 3D Text & 3D Logos in Photoshop
11:52 98How to Add and Change 3D Materials & Textures in Photoshop
08:42 99Using Cameras & Depth of Field in 3D Photoshop
05:12 100Adding Lights & Casting Shadows Using Photoshop 3D
10:01 101How to Export a High Quality 3D Image from Photoshop
04:42 102Class Project – 3D in Photoshop
01:08 103How to Create Fake 3D Lines & Type in Photoshop
09:33 104Fake 2.5D Gradient Effect with Paths in Photoshop
07:10 105Class Project - Fake 3D in Photoshop
00:46 106Using Free Templates & Adobe Market to Mockup in Photoshop
11:07 107How Make a Reusable Mockup in Photoshop Using Smart Objects
06:40 108Mockup Poster Against a Wall Using Photoshop
08:16 109How to Make a Simple UI App Web Design Mockup Using Photoshop
06:06 110Class Project – Mockups in Photoshop
01:00 111How to Proofing Colors in Adobe Photoshop Ready for Print
04:04 112How to Tidy Up your Photoshop Files Before Sending Them Out
10:21 113How to Package Your Photoshop File to Include Linked Images
07:22 1143 Kinds of File Export for Photoshop Social Media Web & Print
12:59 115Quiz - Exporting
116What’s Next After Your Photoshop Advanced Course
01:05 117Final Quiz
Lesson Info
Mockup Poster Against a Wall Using Photoshop
Hi there, this video, we're going to learn some techniques to make this mock up. It's not really a special like just add mock up button. So we kind of build it out of some blurry triangles and some drop shadows, some more triangles. Just a big rectangle and it looks pretty believable. All right, so let's work through how to make this now in Photoshop. Alright, let's get started. We're going to create a new document. Use anything you like, maybe print. I'm gonna use us letter, do a landscape create. Let's bring in the image that we want to mark up. I'm gonna mark up. So I'm gonna go to file place embedded. I'm gonna use one from your exercise files called mock ups. It's called red. Remember our red type poster? I'm gonna mock that up. Okay, you probably need to do a bigger version of it. Alright, first up we're gonna pick a background color. Easiest way to color the background is to pick a color, say foreground color. Double click it here, slide through, find a color that you want to wo...
rk with. I want something like that and then hold down the option backspace key. If you're on a pc it's all backspace now. This video here. There's nothing like special about it. What's using tools that we've used before, but I know sometimes it's easier to see somebody else do it and you're like yeah, so I guess that's what we're doing here. It's nothing like phenomenally amazing that you've never seen before. It's just different combinations of it. So we're gonna kind of fake the tabletop. So we're gonna use the rectangle tool, I'm going to pick a color that's just slightly lighter than what I had before, so just dragging it a little bit this way, I'm going to give it the full color of that and the stroke is going to have no stroke, we just need to have it. So the table is just a little bit underneath our image, so it looks like this post is sitting on top and I'm totally not happy with that color. Okay, so I'm going to click on it, go back to the original, click on this little rainbow thing here and lighten it up. Lighten it was getting too pink for me. So what I'm gonna do is with the background, I'm going to change that color, darken that up. Alright, I think I'm not happy with the car still, but we can change it later on using Q and saturation. Right? So ignoring my terrible color choices, let's use the pen tool, even if you have never used the pen tool before, what we're going to do is draw out a black, so we're gonna make sure mental we switch it to shape, we're going to pick a full color of black, I don't have that layer selected to undo. Let's click off into no man's land, this means I've got no layers selected now if I use the pen tool and I go to Phil and I go to black, it's not going to re color the thing I had selected so fill no stroke and I'm gonna draw a triangle that kind of starts there, it comes down past the back of the table, comes way in here as well. Don't try and run it up the edge, you'll end up seeing the edges of the um of triangle when we blur it. Cool, I wanted to be behind the table and now I just want to blur it, you can use any kind of blur. So this is going to be blurred. Top the blue that I find most useful is under blur gallery and it's called the iris blur. It says I'm going to convert it to a smart object. Thank you very much. You end up in this own little world and iris. Perez. Cool. What happens is you've got to kind of like a center that's not blurry. Okay. And as it goes out can you see it gets blurrier and blurrier. So what I want to do is have it, I want the whole thing blurry so I kind of want to find maybe put this here and just rearrange the edges here by clicking and dragging them to find something that I like. You can rotate it as well by grabbing any of these dots. So this is what I'm looking for. I'm looking for something that's sharp air so blurry but not super blurry as it gets down, gets blurrier and blurrier and blurrier. We can also do is drag this around to extreme it up a little bit, come in a bit even blurrier. Move it around. Alright, I'm happy with that. I'm going to click Ok? Alright. We edited it out. How long they took this thing was spinning for a while doing the blue just in case yours is doing it as well. The next thing I wanna do is it depends, we've gotta straight color so we can just play around with the capacity just to get it down to where we want. You might find though that if you've got say a textured background, you might want to play with different blending modes to get it to blend nicely with the background. Let's say we're happy with that. Let's do the other triangle here on the table, similar process. Just one little extra change so parental. I'm gonna go we're gonna go past and over the table. Okay, so the pen tool is we're just clicking once remember, make sure it comes back into here because if you blur it on the edges here, you start seeing the kind of lighter pink coming through. Alright, so I want it in front of the table and I want to blur it filter blur. Gallery is not working. I gotta go back to my move tool because I'm halfway through building it with the pen tool. It didn't like that. So filter the gallery now. Got an irish blue converted to a smart object. Thank you. Crank up the outside you instead of dragging this around, you can just drag it over here, you see if I drag it up it's sliding, I feel like the front guy needs to be less blurry. Okay then this was the thing in the back here and then again just dragging it around to position it where it's a little berry at the beginning but quite blurry out the outside. Okay, that worked a whole lot faster and to make this one work we need to twirl it up just so you can see a bit easier. We're going to clip this to the background here, we've done that a few times now remember holding option, just find the gap in between and give it a click on a on a pc. It's old. You are so getting sick of me explaining every single shortcut every single time, aren't you? I know, but it's repetition. Some people just need it a million times. I hope you're not offended. And now it's lowering the capacity to something that at least believable. I feel like it should be lighter than the background. Just play around with it. I don't know. What do you think? Um Something else I might do is I want there to be a little bit of a gradient coming out from behind this table so I'm gonna make a new layer just above it. Actually just behind it, this is going to be my gradient, I am going to grab my gradient tool, I'm going to use my foreground color is black and I'm going to use the second option in here that goes black transparent. What we do is we click hold and drag to kind of add a gradient now if you hold shift while you drag it it goes perfect straight lines, okay, so holding shift, click and drag down past here and then I'm going to lower the opacity, just tapping my number keys on my keyboard Okay, I'm on my move tool and it's just going to give me a bit of a shadow Alright if there wasn't enough shadows, I am going to give this ah kind of a white frame just for no reason. Okay with this last selected effects I'm going to add a stroke now stroke yours is probably set to center, I can't remember what it is by default but inside is going to give you a nice crisp edge, decide on how thick you want it while I'm also here I'm going to add a drop shadow. What kind of drop shadow? Not that big. All that Fuzzy was one like a little baby one. Do you see what I'm doing there? Lower the opacity preview on preview off Actually let's click OK, let's just turn the shadow on and off. Just a little thing so it's got a little bit of something going on at the bottom there, you can never have too many drop shadows and that is our mock up fake. The good thing about this, remember it's a smart object, we can update it. But yeah, it is nothing special or new, but just kind of I guess, combining the things we've learned in a different kind of project, which I think can be helpful. Alright, let's get into a different makeup technique in the next video.
Class Materials
Ratings and Reviews
Shah Nawaz
Amazing experience but it is little old. You should update with latest version of PS
Uli N
Great class, but outdated PS version. It was confusing sometimes. Some tools are not in PS anymore and more tools have been added which is not included in the course.
Nadim Rouf
Student Work
Related Classes
Adobe Photoshop