• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer
Kate Hadfield Designs

Kate Hadfield Designs

Hand-drawn Digital Scrapbooking Kits and Clip Art for teachers and crafters!

  • Blog
  • Gallery
  • Freebies
  • Doodle Den
  • About
  • Contact
  • Shop
  • search
  • Home
  • Blog
  • About
  • Gallery
  • Free Goodies
  • Doodle Den
  • Contact
  • Shop
  • Search

  • My Sketchbooks
  • Templates
  • Printables
  • Craft Projects
  • Colouring Pages
  • Tutorials
  • Scrapbook Ideas

Photoshop Tips: Bent Shadow / Bent Photo Frame – Part 1

27 May 2013 by Christa
bent1

(Above photo made using Kate Hadfield’s Scrapping 9 to 5 Doodles.)

It’s Christa again with another nifty new trick to add some dimension to your beautiful layouts using the wonderful Kate Hadfield Doodles!

I do hope you are enjoying these mini tutorials to help you in creating wonderful Digital Scrap Pages and cards!

Are we ready to learn a new technique today? Don’t be scared as it took longer to write-up then it actually takes to do! Have patience with me, and hang in there. I promise you won’t be disappointed! Here we go!!!

Bent Shadow/ Photo Frames – Part I

bent2

This is an example of the ‘Bent Photo’ look we will be achieving.

When I began Digital Scrapbooking and making pages, I was always intrigued by seeing a photo that looked 3 dimensional on a page. The photo looked to me as if it was lifting off the paper. I was amazed at what could be done with a simple shadow!

Of course it is much easier to do this technique in Photo Shop CS3 (or above) as you have the ability to warp a shadow, and also create a layer which will split out any effects you apply to an image.  (I will touch on that in part 2 in the next tutorial to show how it can be done in CS3. For now I will concentrate on the other way as PSE and other photo software do not have that ability to warp.)

The fun thing I like is it is not only limited to frames either!! With a lot of scrappers doing PL (Project Life) or even placing a paper or journal card on your layout you can apply this technique to those as well. Even a circle tag!!!

Let’s begin!

  • Decide what you want to apply the bent shadow to. I will be using a journal card of Kate Hadfield’s fromEveryday Journalers.
  • Place the Journal card on your layout where you want it.
bent3
  • Using the magic wand tool click anywhere outside of the yellow card, so you have marching ants surrounding the object. The rectangle marquee can also be used, however if you have an odd-shaped object, the marquee tool will not always be feasible.)
  • Go up to the top of your tool bar and click on Select>Inverse, so the marching ants are directly around your object only.
bent4

Now comes the fun part!

  • In your layer palette, add a new layer. This blank layer should be underneath the object layer. If you need to, slide the layer below the journal card.
  • With ants still marching, and your blank layer highlighted, Flood fill with Black (Color code 000000).
bent5
  • Deselect (ctrl D) or Select> Deselect  to shut off Marching ants.
  • In layer palette, turn off the journal card layer (click on the eye to shut off) and highlight the black flood fill layer.
bent6
  • Because PSE and other older versions of Photo Shop, (and other graphic programs) do not have the warp tool under Transformation, we are going to improvise.
  • Instead of the top and bottom of the journal card we are going to bend it for the sides. In order to do this we are going to use the rounded marquee tool or the oval custom shape on another layer. Either will work, however you may feel more comfortable with the custom shape.  If you are using the oval marquee, make your oval with the top and bottom matching the corners of the rectangle.
bent7
  • After removal of the half oval, with marching ants still marching go to Select>Transform selection in the upper tool bar. Move the selection to the right to do the right side. Once it is placed  where you want it, press enter to lock the transform selection. Then hit the Delete button to remove the other half of the oval.
bent8
  • The same can be done with a custom shape but there are additional steps you need to do, make a new layer above the flood fill, then select the custom shape circle tool and draw the oval, then rasterize the layer and using the magic wand, select it so there are marching ants. You would then need to highlight the flood-fill black layer and then delete which will remove the half oval. Then you would need to delete the oval custom shape layer from the layer palette. Either way the results would be the same. (Screen shot below reflects it with the custom shape.)
bent9
  • Either way you do it, the result should look like this:
bent10
  •  Now we need to blur it. Go to Filter > Blur > Gaussian Blur and set to about 8.0. <okay>
bent11
  • Now we will need to scale the shadow we made. Turn on the journal so you have an idea. If you have blur poking out the top and bottom and nothing on the sides, you will need to push down and up to make height shorter and pull out on the left & right to make the shadow wider. Turn off the journal layer and transform the shadow layer. Go to Edit> Transform > Scale
bent12
  • Add a layer to your palette and flood fill with white so you will be able to see the shadow scaling better. (Move this layer base- down to the bottom by going to Layer > Arrange > Send to back.)
  • Turning off journal card element layer, and selecting shadow layer, go to Edit > Transform > Scale .  While making the adjustments again top and bottom will need to be pushed in down and up, and sides need to be pulled out – do a little at a time and turn the journal layer back on until you get it as you want it.
bent13
  • Turn journal layer back on to check it, to make sure your journal card looks like it is bending. [You may have to keep “tweaking it” a little push or pull at a time, until you are satisfied.]
bent14
  • Select the shadow layer in the layer palette. Change the blend mode to Multiply and set the opacity level to around 54% or to taste.
bent15
  • Voila! Now you can group and move them to wherever you wish in your workspace and make your layout however you want.  You can burn the center line or dodge it for highlight however you wish to make it your own.

Here are some different examples I have done, to show you how you can have fun with shadows. Also experiment with  the distort, skew and perspective transformations on the shadows for other looks!

bent25

The sample above, uses some elements from Kate Hadfield’s Little Graduate.

Thank you for joining me today! Have fun, and if you have any questions, give a shout and I will do my best to answer!

blogavatar3500

SAVE FOR LATER:

  • Facebook
  • Twitter
  • Email

You might also like:

Christa

About Christa

I have been a member of Kate Hadfield Design's Creative Team since Dec. 2011. I began dabbling in Digital graphics/digital signatures in 1998, when I first started using PSP. I switched over to Photo Impact, and since 2004 I have been using Photo Shop (and currently CS3) for all my digital layouts, cards, and photos. I love having a colorful creative outlet to express myself! (Oh and BTW, I am a "coffee-holic"!)

Previous Post: « Bring on the Cake – free birthday journal cards
Next Post: Photoshop Tips: Bent Shadow / Bent Photo Frame / Stickers – Part 2 »

Reader Interactions

Comments

  1. Avatarthespann

    9 March 2016 at 12:43 pm

    There is a great tutorial here that shows how to do the warp shadow http://www.iceflowstudios.com/2012/tutorials/tip-curved-shadows-in-photoshop/ VERY EASY, includes example code to use it on your website. I tried both methods Crista and I would have to say the warp tool works the best. Enjoyed your tutorial, I can see it being handy for a few odds and ends.
    Mark S

    Reply
  2. AvatarNicole

    28 May 2013 at 1:34 pm

    Great tutorial, Christa! I always try to do the warped shadows and just stretch the corners and it never works out. I’m going to give this a try – thank you!

    Reply
    • ChristaChrista

      28 May 2013 at 1:40 pm

      Thanks Nicole! Just wait until Part 2! It is much easier in CS3 with the warp tool, but shapes and Gaussian blur along with distorts and such under transform can be such fun to experiment with. Looking forward to seeing everyone’s bent shadows!

      Reply
  3. ChristaChrista

    27 May 2013 at 4:20 pm

    In various programs you may already have a shape that is shaped the same as the shape I am making in the tutorial. Obviously if that shape is available to you that you do not need to create, use that. Some programs do not have that shape already. Gaussian blur and “tweaking” of the shape / shadow still would be the same.

    Reply
  4. AvatarMary

    27 May 2013 at 1:07 pm

    This is a way more complicated way that I do it in PSE. Wow.

    Reply
    • cfilecfile

      27 May 2013 at 3:49 pm

      Hi Mary-is the tutorial more complicated, or is the way you are currently doing it in PSE more complicated? The reason I asked is because in Photoshop CS3 there is a warp tool to make it easier. I was trying to get part 1 of the tutorial out there for PS7 and other software that may not have the warp to help. Please advise re your comment if the tutorial is too complicated or if how you were currently doing it was more complicated and this is easier. I want to make sure the tutorial is easy for all. Thank you for your feedback.
      Christa

      Reply

Leave a comment Cancel reply

The Doodled Newsletter

Subscribe for monthly (ish!) emails containing all the info on new products, sales, giveaways, special offers and the occasional behind the scenes sneak peak of what’s on my drawing board! Oh, and you get access to all the exclusive freebies in the VIP Doodle Den too!


Processing…
Success! You’re on the list.
Whoops! There was an error and we couldn’t process your subscription. Please reload the page and try again.

ABOUT

High resolution, hand-drawn products for digital scrapbookers, hybrid crafters & teachers. Add a touch of hand-drawn whimsy to your scrapbook pages, craft projects and teaching resources with these fun illustrations!

MY ACCOUNT

My Account
Order History
Wish List
Downloads
Gift Certificates
Newsletter

INFORMATION

Contact Us
FAQ & Help
Terms of Use
Terms & Conditions
Privacy Policy
Cookie Policy

Copyright © 2021 · Kate Hadfield Designs

Back to top
Welcome to Kate Hadfield Designs. We use cookies to ensure that we give you the best experience on our website. OkLearn more