Hi there this video. We're going to create the cast kind of long shadow that we see very popular in ui design at the moment, google used it for a long time. Normally this is where I say it's super easy but it's not it's super manual labor. I'll show you why now. All right to get started. We're going to use just a new document filing. You we're gonna make this one smallish. We're going to make it By 1000 pixels and we're going to click create. I'm going to pick a background color just from my swatches up here. You can mix any color you like. So I picked it and I'm going to go to edit and I'm going to go to Phil and because I've got my background layer and I've got foreground color selected. Let's click OK. Alright. So we're gonna bring in some we've used it earlier on. We're gonna go file place embedded because it's victor stuff from illustrator. Anything from illustrator. Use the file place embedded, retains all its coordinates and math and vector nous. You can just open it and copy a...

nd paste it. But that's not true. Smart object goodness. So in your exercise files, there's one in here called 15 Shadows. Open that up and we're gonna use shoe the ai that's adobe illustrator. You can do with anything we're going to do it with this image and then click OK. You can do with anything like it doesn't have to be issue, it can be text. Okay. I struck it down a little bit and hits return my little higher there. So first up we need to select the shoe, we're gonna use our quick selection tool and I'm just gonna kind of drag a body. I'm just gonna drag around grab all this stuff. You could select the background and invert it. That would be faster. But there we go. It's a nice easy selection because it is such a clean and crisp image. Now it's time for the confession. Okay now I can't find or think of a better way than doing this. This is a little bit manual labor a little bit if though you're watching this and you're like, hey why doesn't he just do it this way? I'd love to know I can't find it. I can't figure it out this way it works. It's fine. But it's just there's a little bit of mashing of keys which is fine. So we're going to create a new layer. We're gonna call it shadow shadow. And I'm gonna fill it with black. So I'm gonna go to edit. Let's fill it with black. Full contents. I'm gonna pick black click OK? And I'm going to go to select de select. Okay, so this is the phase one. I'm gonna put it just underneath my shoe and I'm going to now start the button mashing. So on a pc hold down your key on your keyboard. If you're on a Mac look down and grab your option key and just make sure you're on the move tool it won't work otherwise. So are you ready for keyboard mashing down arrow, right arrow down A writer and a writer. You can start to see it's coming out like a drop shadow. What it's really doing is it's actually just duplicating the layer that we had selected every time because we're holding down that special key which is option on the Mac on a pc. Don't worry, we're gonna have like one billion layers when we're finished so keep holding the key down, I can't remember what was the last thing I did, was it down or across? Probably across. So down across down across down across, down across, down across, down across. Yes, you're gonna go mad. So what I'll do is I'll get us to speed it up and I'm going to go down across down across down across loads of times. Ready go alright, I'm back then I got bored of that, I'm gonna show you a little trick to speed it up. Okay? Um so what I'm gonna do is I'm going to select this top one, I'm going to scroll all the way down to the bottom to my first shadow. There he is there, hold shift and click this last one and then I'm going to write like any of them and say merge these layers please. So now there are at least one chunk so now what I can do is I can duplicate it, I'm not worried about the layer. Names, I got two of them and I can drag it out and kind of use my arrow keys to tap it into position. So I'm I'm kind of cheating if you know I'm double down doubling down. Cool. So I'm gonna select both of these. Now merge layers. Same thing again, I'm gonna duplicate and use them a little shortcut, drag it down to my little turned up page and then get my arrow keys and line it up. I probably just need I need a couple more so I'm starting to use shortcuts now. Okay, the shortcut to merge layers is I will tell you in a second got lined up. It's like both of them. It is command E on a Mac control E on a Pc Should be the last one duplicated. You're like, this is painful. Then there's gonna be a better way. I wish there probably is. I'm just I just can't work it out and I can't find anybody else that knows you could be my savior and I could rerecord this video. Okay, so now join them all up. I got this long shadow. I'm just gonna lower the opacity of it down to look more like that kind of victor stretched out logo. You know like why didn't I just draw lines off it and fill it with the pen tool. I guess pencils bit out of the scope of this intro course, but if you are a pen tool master, you can do it. The only trouble with it is when you have like internal compound shapes, it's hard to know what to do there. I find this technique just works good every time for that kind of long cast, google shadow. Right That is it for downing and writing one zillion times. Ah sorry for that. Let's get on to the next video where there's less manual labor.

Class Materials

Bonus Materials with Purchase

Exercise Files

Completed Files Part 2

Completed Files Part 1

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Daniel Walter Scott

Multi-award winning, influential media designer & Adobe Certified Instructor with 15+ yrs of experience.

SEE INSTRUCTOR'S CLASSES

topics covered in this class

Adobe Photoshop Beginner Fundamentals Photo Editing

Ratings and Reviews

JEWEL KHAN

Adobe Photoshop Fundamentals is very useful for a photo editor. I learned very important tricks from this course.

2,000+ classes ranging from fundamentals to advanced techniques.

How to Make a Long Vector Hard Shadow in Photoshop

How to Make a Long Vector Hard Shadow in Photoshop

Lesson Info

90. How to Make a Long Vector Hard Shadow in Photoshop

Lessons

Class Introduction to Adobe Photoshop CC

Before you Start this Adobe Photoshop CC Tutorial

How to Use Layers in Adobe Photoshop CC

Basic Navigation & How to Combine Images in Photoshop

Layers - Quiz

How to Fix an Image Using Levels in Photoshop CC

How to Enhance Colors in Photoshop Using Vibrance

How to Change the Color of Something in Photoshop Using Hue

How to Change Just One Color in Adobe Photoshop CC

How to Make an Image Black & White in Photoshop CC

How to Add a Gradient to an Image & Text in Photoshop

Color & Adjustment Layers - Quiz

Creating a Specific Sized Document Adobe Photoshop CC

How to Draw Star Square Circle Shape in Photoshop CC

Stealing Colors & Adobe Color Themes

Shapes - Quiz

How to Create Text in Adobe Photoshop CC

How to Warp Text in Adobe Photoshop CC

How to Get Text to Follow a Line or Circle in Photoshop

Text - Quiz

How to Add a Line Around the Outside of Type in Photoshop

How to a Bevel or Emboss to Text in Photoshop CC

How to Add a Drop Shadow to Text in Photoshop CC

Presenting your Photoshop Work for your Portfolio

Project 1 - Creating your own Postcard

How to Crop an Image in Adobe Photoshop CC

How to Crop an Image for a Frame in Adobe Photoshop CC

How to Straighten the Horizon Line Using Photoshop CC

How to Copy from One Image to Another in Photoshop CC

How to Crop Images Inside of Text

How to Remove the Background in Adobe Photoshop CC

Class Project - Quick Select Tool

How to put Text Behind a Person in Adobe Photoshop CC

How to Create a Layer Mask in Adobe Photoshop CC

Class Project - Cut a Person out & put them into Another Image in Photoshop

How to Blend Fade one Image into Another in Photoshop CC

How to Weave Text in and out of a Photoshop Image

How to Select Hair in Adobe Photoshop CC

Class Project - Selecting Hair

How to Select Things with Straight Edges in Adobe Photoshop CC

How to get Text to Interact with Ink & Plants in Photoshop CC

Class Project - Text & Image Interaction

Selection & Masking - Quiz

How to Add Filters & Effects in Adobe Photoshop

How to Turn an Image into a Painting in Adobe Photoshop

Class Project – Oil Painting

How to Create the Dotted Halftone Poster Effect in Photoshop

Class exercise - Halftone

How to fake Realistic Motion Blur in Adobe Photoshop CC

The Lens Flare Right of Passage in Adobe Photoshop

Filters - Quiz

What is a Smart Object in Adobe Photoshop CC

How to Bend a Logo onto an Image Realistically in Photoshop

How to make a Sky Peeling like Fabric Revealing Background in Photoshop

Class Project - Peeling Sky

How to Shrink Body Parts in Adobe Photoshop CC Using Liquify

How to Create Dripping Paint Text Effect in Photoshop CC

Class Project - Drippy Paint Text

How to Remove People & Text from a Picture in Photoshop

Use Google Images to find your Image Before Retouching

How to Remove Red Eye from Photographs in Photoshop

How to Retouch Skin in Adobe Photoshop CC

Class Project - Retouching

Enhancing Eyes in Adobe Photoshop CC

How to Fix Teeth in Adobe Photoshop CC

Retouching

How to Instantly Remove the White Background of a Logo in Photoshop

Using Blending Modes as Color Accents in Photoshop

How to put Images Inside a Bottle Using Photoshop

Class Project - Boat in a Bottle

How to Create the Spotify Duotone Effect in Adobe Photoshop

Class Project - Duotones

How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop

Class Project - Anaglyph Effect