Wave Effect

The graphics forum (images and design) - self explanatory really!

Moderator: Core Staff

Post Reply
User avatar
Soviet
Core Staff
Core Staff
Posts: 7762
Joined: April 23rd, 2005, 9:12 pm

Wave Effect

Post by Soviet » October 2nd, 2005, 1:21 am

heres a waving flag type effect :)

before:

Image

after:

Image

what do u think?

User avatar
Drofder2004
Core Staff
Core Staff
Posts: 13315
Joined: April 13th, 2005, 8:22 pm
Location: UK, London

Post by Drofder2004 » October 2nd, 2005, 3:29 am

V.Nice, only I would say use a smaller width flag (that 1 is unrealistically long :?)
Other than that, works quite well...

(Are we gonna be told how to use this :P)
Image
Virgin Media 20Mb Broadband:
"Perfect for families going online at the same time, downloading movies, online gaming and more."
Borked internet since: 22-07-2010

User avatar
Soviet
Core Staff
Core Staff
Posts: 7762
Joined: April 23rd, 2005, 9:12 pm

Post by Soviet » October 2nd, 2005, 3:54 am

yes i know, i was just too lazy to resize it :P

and no, of course you'll not (ill make a tutorial as soon as i have time)

User avatar
MuRpHy*
Past/Inactive Team Member
Past/Inactive Team Member
Posts: 2159
Joined: May 10th, 2005, 11:02 pm
Location: Tha A.T.L Baby ;)

Post by MuRpHy* » October 2nd, 2005, 4:11 am

its very nice man ;)
Image
Image

User avatar
Neon
Too cool for CoDJumper
Too cool for CoDJumper
Posts: 3535
Joined: April 21st, 2005, 8:54 pm
Location: England, Redditch

Post by Neon » October 2nd, 2005, 8:13 am

thts a kl effect :P
Image
"If we can hit that bull's-eye, the rest of the dominoes will fall like a house of cards...Checkmate."
"Seriously... .45k/sec it is a joke.. I could have just gone out and taken my own photos of children in this time."
"You have just become my fave youtuber!" - KillerSam in regards to myself. Win.

User avatar
Soviet
Core Staff
Core Staff
Posts: 7762
Joined: April 23rd, 2005, 9:12 pm

Post by Soviet » October 2nd, 2005, 2:25 pm

alright, here you go people, took me a couple of hours :)...

------------------------------

This is my first Photoshop tutorial. In it you will learn how to create a waving flag effect, including lighting.

The first thing you need to do is open Photoshop, and open the flag which you wish to modify. For this tutorial I will be using the flag of the USSR. Then make sure that your flag’s layer is not background. If it is, right click on the layer and click Duplicate Layer. Then delete your background layer.

Image

The next thing you must do is increase the canvas size. This is done by going to the Image Menu, and clicking Canvas Size. You need to add about 100 pixels to both height and width, perhaps more or less depending on the size of your flag. Remember, too much can be fixed later, but too little cannot. You do this so that once you make the flag wave, its edges will not go off the edge of the image.

Image

Now you must create a new image with the same dimensions as your new flag image. If you have forgotten your image size, just go back to canvas size, and it will say near the top portion of the window.

This new image will be what we call the bumpmap. The first thing you must do is take the marquee selection tool and select about half of the image, it doesn’t have to be perfect.

Image

Now select the gradient tool. Go to the gradient options where you modify the gradient. It should look something like this

Image

Now set the gradient to linear, and draw a horizontal line across the selection, to make it straight hold shift as you draw it. Your image should now look like this.

Image

Now go to select and click inverse. Once again draw a horizontal line gradient. Now you must invert this side. So leaving it selected, go to Image, Adjustments, and click Invert. Now deselect your selection, click on Filter, Blur, Gaussian Blur. Set it to something you think looks good (needs to be blended together well). Now your image should look like something close to this.

Image

Now time to save. Go to save as, and save it as something like bumpmap. It needs to be a .psd file. Now go back to your flag image. Go to Filter, Distort, Displace. Make the Horizontal Scale 0. The Vertical Scale depends on how much you want the flag to wave and the size of your image. I want mine to have a slight wave and it is fairly large, so I will choose 20. The Displacement Map does not matter, and the Undefined Area should be set to Repeat Edge Pixels. When you click ok it will bring up a browsing window. Select your bumpmap you created earlier and click open. Your image should now look like something close to this.

Image

This looks good, but there is no lighting. To do this, go to channels and click the button at the bottom of it that says create new channel. Copy and paste your bumpmap into it. Go back to layers, and select your flag layer. Take out your magic wand tool and select anywhere outside the flag with a fairly low tolerance, then go to the Select menu and click Inverse. Now go to Filter, Render, Lighting Effects. Your window should look something like this when done.

Image

NOTICE: Texture Channel is set on the custom channel you created.

Now your image should look like a waving flag, but it seems to look a bit dull doesn’t it? To make it look slightly better, right click on the layer, and click on blending options. Go to Drop Shadow, the menu should look something like this

Image

Now, to add a bit more, check bevel and emboss. The default setting for that should do. Now check texture. Go to the window for texture and click the arrow beside your current texture, then click the arrow on your right, and select Texture Fill 2, near the bottom. When a window pops up, click OK. Then click on the first arrow again, and select the very upper right texture. Set scale to 251% and depth to +22%. Invert should not be selected, but Link with Layer should be checked. Notice that these are my personal recommendations for the texture, use anything that you feel looks good. So now here is our final product.

Image

You may want to crop off some of the extra transparent space now if you have too much. Now just save it as a file type that allows transparent backgrounds such as .png or .gif.

I hope this tutorial helped you,

SovieT

---------------------------

There you go, hope it helped :)

User avatar
Neon
Too cool for CoDJumper
Too cool for CoDJumper
Posts: 3535
Joined: April 21st, 2005, 8:54 pm
Location: England, Redditch

Post by Neon » October 2nd, 2005, 2:44 pm

yeah nice :P it worked fine for me
Image
"If we can hit that bull's-eye, the rest of the dominoes will fall like a house of cards...Checkmate."
"Seriously... .45k/sec it is a joke.. I could have just gone out and taken my own photos of children in this time."
"You have just become my fave youtuber!" - KillerSam in regards to myself. Win.

User avatar
Drofder2004
Core Staff
Core Staff
Posts: 13315
Joined: April 13th, 2005, 8:22 pm
Location: UK, London

Post by Drofder2004 » October 2nd, 2005, 6:06 pm

Nice 1 Soviet :)
Image
Virgin Media 20Mb Broadband:
"Perfect for families going online at the same time, downloading movies, online gaming and more."
Borked internet since: 22-07-2010

User avatar
Soviet
Core Staff
Core Staff
Posts: 7762
Joined: April 23rd, 2005, 9:12 pm

Post by Soviet » October 2nd, 2005, 6:38 pm

heres a bit more for you, to add more wave

you just select about a fourth of it, do the gradient thing, click inverse, select the marquee tool, select the subtract from selection, subtract about half from it. Invert it in color, then invert from selection. Subtract the left part, and one half of the right part, gradient. Do magic wand, select the last space, gradient it and invert its color. Then gaussian blur :)

bumpmap:

Image

flag:

Image

User avatar
Neon
Too cool for CoDJumper
Too cool for CoDJumper
Posts: 3535
Joined: April 21st, 2005, 8:54 pm
Location: England, Redditch

Post by Neon » October 2nd, 2005, 9:04 pm

n1...i cant decide which looks better :roll: :P
Image
"If we can hit that bull's-eye, the rest of the dominoes will fall like a house of cards...Checkmate."
"Seriously... .45k/sec it is a joke.. I could have just gone out and taken my own photos of children in this time."
"You have just become my fave youtuber!" - KillerSam in regards to myself. Win.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest