Log In Sign Up

Wavy Banner

Welcome to the JustMommies Message Boards.

We pride ourselves on having the friendliest and most welcoming forums for moms and moms to be! Please take a moment and register for free so you can be a part of our growing community of mothers. If you have any problems registering please drop an email to [email protected].

Our community is moderated by our moderation team so you won't see spam or offensive messages posted on our forums. Each of our message boards is hosted by JustMommies hosts, whose names are listed at the top each board. We hope you find our message boards friendly, helpful, and fun to be on!

Reply Post New Topic
  Subscribe To Photoshop and Photoshop Elements Lessons and Tutorials LinkBack Topic Tools Search this Topic Display Modes
November 14th, 2006, 07:17 PM
Rachel's Avatar Just Rachel
Join Date: Oct 2004
Location: Taneytown, MD
Posts: 115,724
Send a message via Yahoo to Rachel
I'm really tired right now, but I'm gonna try to get this down tonight since I have some time. This is for Photoshop CS2, but I'm sure it can be done with PSP, I'll just have to do that another day.

Okay, you'll create a new image. I made mine 300 x 300 at 72 dpi. I keep mine transparent, but you can use a white background. That's just personal preference. You can make image whatever size you want for the length of the banner.

Create a new layer by going to Layer>New>Layer Next you'll want to type the text that you want on the banner, add the clip art or pictures, or whatever you want on the banner. For this example, I'm going to do text.

Next, I use the rectangular marquee tool and select a rectangle area around my text.

Then you'll need to create a new layer under your text layer. To do that, click on your empty layer (Layer 1, unless you've renamed it) and then go to Layer>New>Layer, click Okay.

Next you'll select Layer 2 (the layer you just created) and choose the color of your background for the banner. I'm gonna use white, but you can make it any color you'd like. Then use your paint bucket tool and paint the inside of the selected rectangle (be certain that you've got Layer 2 selected)

Now you can deselect the rectangle by clicking Select>Deselect.

Now you'll need to merge your text and background layer. Click on your text layer and then go to Layer>Merge Down.

Now comes the fun part. This is also the part where trial and error comes in. Making sure you have your banner layer selected, go to Filter>Distort>Wave. You can play around with the settings, but what I have here is what I've used.

Now you've got your wavy banner, but you want to add the shaddow so it looks real. This is done similar to how it was done in Lesson 4 for the bent photo. What I do is this...

Create a layer under your banner by going to Layers>New>Layer. Then select your banner layer and choose your magic wand tool. Then click anywhere outside of your banner. Then go to Select>Inverse so that the dancing ants is around your banner.

Next, click on the layer below your banner and using the paint bucket tool (with black as the color) paint inside the dancing ants. Go to Select>Deselect. Now go to Edit>Transform>Flip Vertical. Now the shadow layer is opposite your banner. You'll want to fine tune the shadow layer by erasing any extra and moving it till it looks just right. To make it look like a real shadow, we'll add a Gausian blur to it. To do that, click on Filter>Blur>Gausian Blur. Just play with the slider till you get it where you want. Somewhere between 2 and 4 is probably what you want.

Finally, you'll want to adjust the opacity of your shadow so that it looks real. There's a slider on your layer palette. It is defautl to 100%, just slide it down till it looks right. I usually stick with 50-60%.

That's it, merge the two layers by clicking on your banner layer and clicking Layers>Merge Down.

There you have it. I've made mine look like it's laying down by going to Edit>Transform>Perspective and then drawing the top corners in.

Again, I'm tired tonight, so if this isn't clear, let me know. I'll try to play around with PSP tomorrow and see how it's done there.
Reply With Quote
November 14th, 2006, 10:21 PM
detk's Avatar Platinum Supermommy
Join Date: Sep 2005
Location: canada
Posts: 5,117
This is for Photoshop CS2, but I'm sure it can be done with PSP, I'll just have to do that another day.[/b]
I just did one in PSP tonight, and I don't know if it is the easiest way...

I just started by creating a rectangular selection, flood filled it with the color I wanted.
Then I added the text I wanted.

I then cropped my image to my selection size. From there I did exactly the same as in the PSP photo bent tutorial, except that once it came time to wave it, I reduced the wavelenght by half in the vertical displacement which created the double wave look...

Once both my layers were merged, I played with the perspective using the raster deform tool.
<div align="center"> </div>
Reply With Quote
November 14th, 2006, 10:31 PM
Join Date: May 2006
Posts: 262
Fabulous, thanks much!
Reply With Quote

Topic Tools Search this Topic
Search this Topic:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off

All times are GMT -7. The time now is 10:11 AM.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Optimization by vBSEO 3.6.0