Gotta Pixel

How to warp shadows in PSCS 6

0 Comments | Leave a Comment

How to Warp Shadows

Hello Everyone! Monica here, today we are going to be talking How to warp shadows in PSCS 6. This is a fun way to customize your shadows on your clusters. For this tutorial I’ll be using Photoshop CS 6. I will also be doing a separate tutorial on this for PSE 11. I will be using *Dream On, Dream Big Page Kit* By Stacy Carlson

Introduction

Warping shadows gives you the ability to adjust them so that parts of your shadow make your element look like it’s standing off the page more. It also helps to add more depth to your page. For instance, if you have a branch or leaves the tips of them will stand off the page more than a ribbon. A string will have parts that stand off the page. Warping shadows helps you to achieve a more realistic looking shadow on any element you use!

Step One — Adding a shadow

Once you have your cluster or element in place where you want it you will need to add the shadow you want.

IMG01

Step Two — Creating a Shadow Layer

After you have your shadowing the way you like it you need to choose which element you want to warp the shadow on. I am going start with the branch.

So I look in my layers pallet and find the branch I want to use and select that layer.

IMG02

Now that you have it selected you want to right click on the fx area of the layer.

IMG03

When you right click on it you will see near the bottom Create Layer

IMG04

You may have a box pop up that says some aspects of the Effects cannot be reproduced with Layers! Just click ok on that. You can always delete this shadow layer and start over.

Now if you look in the layers pallet you will see a dark shape under the element. That is the shadow.

IMG05

Step Three — Warping the Shadow

Now that you have your shadow on it’s own layer you are ready to warp the shadow.

There are two ways to do this. The easiest way is to go to the top and click on Edit, then Transform then Warp.

IMG06

This will bring up a box around your element like this.

IMG07

Now you can just drag the corners of the element to adjust the shadow like you want.

You don’t want to move it much or it will start looking off. As you can see I moved the markers around the edge just a tiny bit.

IMG08

This is what it looks like!

IMG09

Now there is one other way to warp your shadow. This is called Puppet Warp. With your shadow layer highlighted. Go to Edit, and then Puppet Warp.

IMG10

Now your shadow looks like this.

IMG11

You don’t want to just start moving it around or the whole shadow will move. You need to click on the edges you don’t want to move so that you create anchor points. I put anchor points all the way around my element so that I can choose which ones I want to move.

IMG12

Now that I have it anchored I will move parts to make my element stand off more. Again you don’t want to move them very much.

IMG13

Now you can finish warping any shadow you want on your page!

Final thoughts

When you use the puppet warp you want to use lots of anchor point to keep the parts you don’t want to move still. If you just want to slightly warp your elements I would advise you to use the first way I showed. Once you get a feel for this you will be able to find exactly what type of shadow you like. Remember to keep them realistic. If you have a thin element you don’t want a huge shadow or it will not look correct!

I hope you have enjoyed this tutorial! If you have any questions please message me on Gotta Pixel, I’m sparky_mom there! I’ll be glad to help!

Here is my final page!

PrettyGirl_SLC_dreamon-ShadowWarpTut

Sign Up for Our Newsletter

Get all the latest news from your favorite Gotta Pixel designers delivered to your inbox!

Getting Started
Daily Download
Seasonal