Fake 2.5D Gradient Effect with Paths in Photoshop
Daniel Walter Scott
Lesson Info
104. Fake 2.5D Gradient Effect with Paths in 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
Fake 2.5D Gradient Effect with Paths in Photoshop
Alright in this video we're going to do something similar to what we did in the last one except we're going to use paths in this case it gives us a bit more control, especially if you understand how the pen tool works and plus we'll work out how to interlock these things as well. Why 38? Because that's how many birthdays I've had and the interlock really good. Alright let's get started. Okay to get started. I'm just using the same background, I'm actually using the same file as before, I just turned everything off. I'm gonna make a new layer and this one is going to be my three D. Using path 2.5 D. So for this to work we need a path path to used created using any of these tools. If you are a master of the pen tool, use the pen tool if you have done my illustrated course and you're loving the curvature of tool. Use that one. If you have no idea what any of these do grab the free hand pen tool and this is allowing us to draw paths or lines but freehand so I'm done. Just make sure at the ...
top here it's set the path and not shape And if you want it you can see it says curve fit, I think by default it's at four, I can't remember what the default is but it goes up to a maximum of 10, it's just going to like smooth out your drawing. If it's at zero or one it's not going to be very smooth and I'm drawing you at the beginning there 38, it's my age. It just so happens that they kind of interlock nicely. We really want to grab the pen tool. Alright I can't do it. You can use the free hand, free the free hand pen tool. I'm using the curvature tool because it's your sweet curves. This is the super quick introduction kick. Once click once again it just gives you a line but you click a third time and it's a curve. But here again it's a wiggle maybe one more time a couple more times. And if I want to turn that into a corner I hold down the option key and give it a click and it goes from a curve to a corner suite curve. Huh? So I've got my path freehand tool or the pen tool or the curvature tool and I'm going to go to paths and that's what I need. Now by default a path kind of disappears when you start working with it. Unless you give it a name. So double click the word work path and this is my three. So I can come back to them later on now in the path panel if you can't see paths it's under window and there is there. Okay what you can do is right click any of this great area and say I'd like you to make a stroke on this path please From the options I want to use the mixer brush tool and if you haven't already, you need to go back to the previous tutorial to create the ellipse, set the target, get that mixer brush tool all set up. We're not going to cover that again and just turn on, simulate pressure. Now, what it's going to do is there's a way of getting around. If you don't have a way calm tablets, you want it to be nice and smooth. If yours doesn't look anything like this, there are a couple of things that might be wrong. I'm going to undo. The easiest thing to check is copy my mixer brush. I'm going to go to my mixer brush there. I'm going to open up my mixer brush settings under shape dynamics. Just make sure pin pressure is used, smoothing doesn't have to be on, but definitely pen pressure and along the top here, you can copy the settings that I've got. If you're finding where it gets kind of around the bend, it gets all kind of jagged. A couple of things you might do to fix that is Go to brush tip shape and changes spacing down to like one or 2% higher. It is the more kind of jagged they are that might fix it. If it doesn't, it probably means your original source. The thing we made in the last video this guy here isn't big enough. Your you've made a really small ellipse and you're trying to stretch it really big Photoshop is just kind of smashing it around the place. The other thing we're going to do just because it's kind of cool under the shape dynamics were going to say there is a minimum diameter. Can you see the edges here? Because that one that I did have really pointy ends of the three, let's have a little look and compare them. So I've got one layer, go to my past right, click strict path. Makes the brush all good. Simulate pressure is going to put pointy ends. But what I want to do is make another layer will turn that one off, go back to my paths. But before I go and add the stroke, I'm going to say it's got a minimum diameter. Can you see there? It's going to have that's as small as the line is going to get, it's not going to be pointy anymore. Straight path, depends what you're looking for. All right, let's go through it one more time from the top and make a new layer. I'm gonna grab my curvature tool and I'm gonna draw my eight. Make sure it's on path and I'm gonna say I want you to start kind of there down here, I have a curvature at all, just clicking nothing, held down, no dragging there and yeah, great. You're doing figure eights from infinity signs. If you're not happy with the final result, you can jump into this white area here, the direct selection tool, hold down the path selection, grab this, clicking the anchor points and you can make adjustments to kind of get it more how you want. I'm happy enough with it. I lie, it's been ages fiddling around with that. That's enough. Okay, one more. No. Oh I think it was better before I started touching it. Anyway I want to move the whole thing so we're going to grab the past selection tool, grab any of the edges and just move it up. I've got my own layer, I'm going to go to paths and I've done it totally wrong. All of this has been smooshed onto one layer. So what I'm gonna do is select it, cut it new path, paste it so it's on its own path layer and this one is going to be the eight. So you should do that. First, make a new layer, come into path, make a new path, then start drawing the eight. Do as I say, not as I do. So with that selected I am going to stroke the path mixer brush, You can see it's starting wherever I started. So if I was going to do it again, I'd probably start doing my path at the top here because it looks kind of weird this way but it will do so to get rid of this line in the center here, just click anywhere out of the path, go back two layers and what I want to do is get them to interlock, ones, goes over the top, one goes underneath. Actually I grab my move tool and maybe we're headed around a bit. Look at this so bad, I'm rotating it around so I can hide this little joint here and I want to do two things. I want that to go underneath and this to go above. So I need a version of this, the eight. So I'm going to duplicate it and I need one above and one below the three. There we go. Three sandwich The Top one. I want to add a layer mask. I'm gonna grab my brush tool, make sure the foreground color set to black painting on the mask. And it just kind of paint this bit out. It makes it really easy to do this kind of interlocking thing. As long as there's one of the top one at the bottom, he's master one at the top. All right. So this is how to do our fake three D. Interlocking path 38. I will see you in the next tutorial
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