It’s Friday!! Wooooooo! Is Friday your favorite day yet? Here’s a mini sticker alpha for you! Now I’m going to go clean my house because it’s a disaster and I’m making a fancy schmancy dinner for my hubby tonight – it’s his b-day! I can’t serve him beef tenderloin in this war zone. hehe! Have a great weekend!


I’ve got a special Freebie Friday for ya! This time it’s accompanied with a tutorial!

I’m going to let you in on a little secret of mine. Sometimes I really do doodle with my Wacom in Illustrator… but sometimes… I… fake it. YES! My life is a LIE! *sigh* Okay, not really a lie. This is just an easy way to make doodley circles in Photoshop because the result looks great, I don’t have to walk across the room to get out my Wacom, and I can just do it faster in PS. There are times when doodling for REAL is better, but sometimes I’m just too dang lazy to get my tablet out. I used to use my Wacom the entire time I was on the computer, but I have a 1 year old who is an excellent climber and he LOVES to climb up on my desktop and stab my Wacom with the Wacom pen. Yikes. It’s not safe for my poor tablet to just sit on my desk all the time. sad story.

My Wacom is feeling betrayed. And lonely. shhhhhh… don’t tell him I like fake doodles! K? You’ll just shatter him. He’s fragile. And emotional.

So, we’re going to make some wonky doodley circles today. We’re using the Warp Tool, Brushes, and Paths. Sorry, Elements users… this is a tutorial for the PSCS crowd. BUT if you have Photoshop Elements, there is still some goodness for you at the end of this post – a FREEBIE! :D

1. Create a circle with the shape tool. Easy peasy. Leave it as a vector. Don’t rasterize the circle. We want that vector mask for the warping part so the edges stay nice and clean!

2. Put it in warp mode. Hit CTRL+T (COMMAND+T on Mac) and then select the Warp Tool along the upper bar. The bounding box will now be split into nine sections.

3. Warp it! Pull at the corners and points to make the edges irregular and wonky. I like the word wonky. It’s fun to say. We don’t want perfect circles here! We need a handcut look and it will help the doodles look more like real doodles. When you’re done playing with the circle, hit ENTER to commit.

4. Create a new layer for the doodle. Create a new layer above the circle. Then hold down CTRL (Command) and click on the thumbnail of the circle’s vector mask in the layers palette. Then you’ll get the marching ants. We want this selection on a different layer because then we can clip papers to the circle below and make FUN elements.

5. Contract the selection. SELECT > MODIFY > CONTRACT. Then put in a value based upon how much you’d like to contract the selection. I put in 22 pixels this time.

 

Your “marching ants” will contract like this…

6. Make yourself a doodley brush. Open up the brushes palette and select a hard, round brush. I’ve found that a brush size of 9-12 pixels is usually perfect, but play with the size based upon how thick you want the doodle. Set the spacing to 1% and then play with the roundness and angle of the brush. This time I set it to an angle of -31 degrees and a roundness of 72%. Make sure the hardness is set to 100% so you get a clean doodle.

7. Make a path and stroke the path with the brush. Switch over to your PATHS palette. Make a work path and then stroke that path with the brush. You should see your doodle there now! Once you’ve done that, you can delete the work path.

8. Play with the doodle to add more funkiness. I like to rotate the doodle layer so that the doodle doesn’t line up exactly with the edges of the circle below it. It gives it more of a handmade look!

 

Now you have a template that you can add your papers to! Simply put your paper above the circle shape (but below the doodle layer) and clip the paper to the circle. Have fun stacking up multiple circles and adding embellishments!

Don’t feel like doing the work yourself? I made you a freebie! This pack contains 9 different funky circle templates – provided in PSD, TIF, and PNG formats. Happy Freebie Friday!

This Friday I have a free set of digi scrap papers for you in one of my fave patterns! Love this lattice wallpaper pattern! Have a great weekend!

 

I love showing off my scrapbook albums to people who are new to digital scrapbooking. I almost always hear something along the lines of: “These pages look so real! They don’t look digital at all! I feel like I could reach out and touch everything on the page.”

It’s in the shadows, peeps.

I love doing the shadow work on my pages. I really try and analyze the elements and their lighting and shadow them accordingly in order to make my pages look as realistic as possible. My previous shadow styles & tutorial from way back in the day (2009) kinda made me a bit famous around digi land. Due to popular demand, I’m here with a brand new tutorial (with bits from the last tutorial). Oh, and I’ve whipped up some more free layer styles for you! Woot woot! My first set of styles was a little more dramatic. I have softened the new set a bit because I prefer this softer shadowing better. While my pages looked pretty good and had a lot of depth when I resized them down to 600x600px for web display, I noticed that when I printed them in 10×10″ size, the shadows were a little too drastic and it didn’t look quite the way I wanted.

I’m going to take this tutorial to a new level. I’ve also changed the direction of my shadows, so new styles were a must. I design all my kits with this new lighting angle in mind, so when you buy my awesome stuff, your shadows will be perfectly matched to the elements in my kits! Awesome, right?! Right. It’s a major pet peeve of mine when I buy a kit and the elements have different lighting (i.e. a kit has a plastic alpha with lighting coming from the upper right and then elements in the kit have lighting from the lower left), but rest assured that I keep this in mind when I’m designing my kits. I’m a perfectionist like that.

So let’s get started.

1. First, download the new layer styles here. This set contains different settings than my first set. It also has MORE styles in it than the other set. 

This set contains styles for the following:

  1. Small shadow for paper layers
  2. Small shadow for stitching
  3. Shadow for buttons
  4. Shadow for elements that have a little bulk to them
  5. Large shadow for 3D elements that lift off the page
  6. Shadow for ribbons and bows
  7. Shadow for thin elements like strings that lift off the page
  8. Shadow for transparent/acrylic elements

Please note, this tutorial and set of styles is designed for Photoshop CS4 (and other versions of PSCS), not Photoshop Elements. I’ve been told my last set of styles worked fine in Photoshop Elements, but you will not be able to separate the shadow onto its own layer or change the blending mode of the shadow like we can in the full PS. Just keep that in mind. EDIT FOR CLARIFICATION: YES, Elements users CAN use these layer styles. I was simply letting you know that most of this tutorial would not apply to you because you are unable to separate the shadow onto its own layer and you don’t have the warp tool. BUT the good news is you can still use the layer styles and edit the opacity, distance, and size. :)

Oh, and GUESS WHAT?! These are COMMERCIAL USE friendly! You may use these in your designs, digital scrap previews, etc… just don’t resell them as layer styles. Coolio, right?!

Just FYI: I have no idea how you install layer styles in other versions of CS or Elements or even on a Windows computer. I have CS4 on my iMac and all I have to do is drag and drop the .asl file onto the PS icon in my dock and it automatically installs it for me. Do some googling if you can’t figure it out or if some of you have links to tutorials on installing layer styles, leave them in the comments! Thanks!

2. Analyze the lighting in your scrap supplies and match it in your shadowing. When you scrap a page, first analyze the lighting in the elements of the kit and try to match it. You can rotate elements to match your preferred shadowing angle, but some elements don’t rotate well (like an alphabet). My kits are designed with the light coming from the upper right, casting shadows to the lower left. My shadow styles match this lighting so you’re good to go on my kits, but analyze other kits and figure out where the light is coming from. Here’s an example of the alpha from Mermaid Lagoon. This is an epoxy alphabet and it’s really easy to identify the light source. You can see the reflection of light on the upper right and the shading on the lower left.

3. Not everything needs a shadow. Some things DO NOT need shadows, including: paint, stamps, and journaling text. No floating journaling, please!

 

Alrighty, now onto the actual styles and warping and all that fun stuff! Please keep in mind that it would be impossible to create a set of styles that will fit EVERY single page – there’s no one size fits all when it comes to shadows. There are so many types of embellishments in all sorts of shapes and sizes and I can’t provide styles for everything. You’ll probably need to do a little tweaking on stuff to get them just right. These are a great starting point.

4. Scrap your page and apply the layer styles you just downloaded from the awesomest, nicest designer ever. (okay, I may not be the awesomest… but let’s just pretend I am, k?) Here is a page I whipped up real quick with the basic shadow styles applied and VERY minor adjustments made to them. Paper (frame, paper circles, rainbow, sun) has a low, small shadow (style #1 in the set). The large flower is very 3-dimensional and in real life, this flower would be attached at the back just under the jewel and the petals would curl up towards you and away from the page. This is the perfect element for that large shadow (#5 in the set). I used the stitching shadow on the stitching (this style is more for medium sized stitching like the kind done with several strands of embroidery floss – if you have very small stitching, make the shadow smaller and lower). I used the ribbon shadow on the curly ribbon. The pink flower and paper leaves have the “a little bulky” style applied (#4). I also used that same shadow on the pennant banner, but made a slight opacity adjustment.

Just like with the last set, the blend mode on these styles is set to LINEAR BURN. I like this setting because the shadow will pick up the color of the layer(s) beneath it. Shadows in real life are not all black. Linear burn does not always work well though. You’ll notice that on very dark shades (like black or navy blue), the shadow will be really strong. You can change the blend mode to find something that works better or take the opacity of the shadow down.

5. Let’s warp those shadows! We can take it up a notch and warp the shadows to make them even more realistic! I do not warp every shadow when I do my pages. That would take forever! On this page, I’d just warp the shadows on the leaves, ribbon, banner, flowers, and the frame. Before you can warp them you need to put the shadows on their own layer. Simply right click on the fx icon next to the layer in the layers palette and select “Create layer.”  The shadow will now be on the layer below the element. I’m going to show you the warping on twirly ribbon.

Now I want to warp the shadow so the ribbon looks like it’s lifting off the page in some areas, but keep some of the ribbon close to the page. Select the element’s shadow and hit COMMAND+T (Mac) or CTRL+T (PC) to put it in Transform mode. Then click the Warp Tool icon along the toolbar at the top (see screenshot below) or go to EDIT>TRANSFORM>WARP.

You will notice that the shadow now has a different bounding box that is split into 9 sections.

You can pull at the lines and points to warp the shadow the way you like it. Play with it to see how it affects your shadow… in particular, play with the ends of the ribbon’s shadow where you want the ribbon ends to look like they’re lifting off the page. When you’re done warping, hit ENTER to commit.

Here I am warping the large flower’s shadow. I pulled on the right side to bring a little bit of the shadow to add some definition between the right side of the flower and the photo below it.

If there are parts of a shadow you would like to soften, you can select the eraser, set it to the brush, choose a very soft round brush, set it to around 20% opacity, and brush over the areas you want to soften. You’ll also still be able to adjust the fill/strength of the shadow after you separate the shadow from the layer, which is really nice if you decide later that you wanted a darker or lighter shadow on something and you won’t have to go back and redo the whole thing! If you decide after you do a little warping that you want the shadow to have more blur, you can also go to FILTER>BLUR>GAUSSIAN BLUR and play with the settings there to make it softer.

If you had my previous layer styles, you know that I included another style to add definition to the opposing edge. I didn’t include that this time because I never use it anymore and a lot of times people use it incorrectly. If there is something that you need some definition on the opposing (unshadowed) edge, just put the original shadow on its own layer and warp it to pull a little of the shadow to the opposite side, just like I did above with the flower.

Here’s the full page after I made all the adjustments to it. Notice that the flowers and leaves have much more depth.

Enjoy your new shadow styles and have fun tricking all your friends into thinking you actually made those pages with paper and glue.

P.S. Isn’t this kit SUPER CUTE and fun?! It’s coming SOON!!! 

This week’s Friday Freebie is a little add-on to my newest kit, Lil’ Dude! Don’t miss this awesome new kit! Remember that today is the last day to snag it on the new release 20% off sale and that you’ll get the Lil’ Dude Chrome Alpha for FREE when you buy the full kit! Enjoy this little add-on to add more awesomeness to your Lil’ Dude pages!