website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Drawing Techniques Create a Bouncing Ball
rss

Create a Bouncing Ball

Author: TutorialStream.com More by this author


This can be an attractive piece of graphic to be used on any advertising banner (of a respectable size) to be shown like interstitial or popup.

Let's start with an 400 x 400 px new document, with white background (yes, it's too big for a banner but it can be scaled down later).

Select the Elliptical Marquee tool and choose Fixed size, set it to 370 x 370 and draw a circle.

Create a new layer. Pick the Paint Bucket tool and select the color you desire your ball to be (I used #FFA406) and fill the selection with it.

Now press CTRL+D to deselect.

Remaining on the layer you just filled hit Filter > Render > Lens Flare with the following values:

image 1

Now type something on the ball or import your logo (I changed the colors as it wasn't well readable).

image 2

Now we will tweak the text to give it some round feeling. Be sure to have the Text Tool selected, then in the top bar hit this button:

image 3

Use these settings:

image 4

Here's what I have now:

image 5

Now position and merge all the layers that have to be "on the ball" (for example I have the Tutorialstream.com text layer and the logo just over it). Click on the layer that contains all the merged ones and hit Filter > Distort > Spherize and apply these settings:

image 6

This is what I have now:

image 7

Now adjust the size with Edit > Free Transform. I will add also some perspective effect so that is seems to better fit the ball: Edit > Transform > Perspective

image 8

Now we will add some sort of shadow, but not with the blending options.

First of all we need a bigger area, hit Image > Canvas Size and apply these settings:

image 9

Create a new layer and place it just over the white background layer, then pick the Ellipse Tool and choose a dark grey ( I used #434343) and draw a fat ellipse just below the ball, on one side.

image 10

Now hit Filter > Blur > Gaussian Blur and use these settings

image 11

This is my final result:

Create a Bouncing Ball Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Create a Bouncing Ball"