Return To Home - Photoshopcamp.com - for photoshop tutorials, graphics designers, webmaster, adobe software users photoshop designers, graphic software users

Photoshop Tutorial Design a bouncing ball using photoshop animation technqiue

Design a bouncing ball using photoshop animation technqiue

Summary:
Create Animated Football player with the bouncing ball with the help Photoshop software techniques and tricks

Today we are going to create Animated Football player with the bouncing ball with the help of different tools and techniques of photoshop.

PhotoshopTutorial-Animated-Bolly-Ball

[1]-Lets open a new file in your favourite photoshop software version.Then choose a custom size
you may choose any size, I will pick Height & width 273/269 pixels and Resolution 96 using Mode RGB Color.

[2]- Now select the Custom shape tool
 from the Tool bar

PhotoshopTutorial-Animated-Bolly-Ball

[3]- Select the Pedestrian shape
 as shown below

PhotoshopTutorial-Animated-Bolly-Ball

[4]- Now create a new layer
 from the layer palette

PhotoshopTutorial-Animated-Bolly-Ball

[5]- Create a new Layer2 from the layer palette
 after that create a new shape with the help of the 
Pen tool now press the Ctrl+J. After that select 
the Layer1 and press the "Delete" key on your
key board and now press the Ctrl+D

PhotoshopTutorial-Animated-Bolly-Ball

 

image038

[6]- Your image should look like this.

PhotoshopTutorial-Animated-Bolly-Ball

[7]- Create a new shape with the help of 
 the Pen tool after that fill the body with the 
 color by pressing  Alt+Backspace

PhotoshopTutorial-Animated-Bolly-Ball

 

image038

[8]- Create a new layer3 and 
create a new Ball shape with the help
 of  the Elliptical marquee tool after 
that fill the ball with  any nice color 
with the  Redial Gradient tool 
now press the Ctrl+D to deselect .

PhotoshopTutorial-Animated-Bolly-Ball

[9]- Your Layer palette 
should look like this

PhotoshopTutorial-Animated-Bolly-Ball

[10]- Your image will be look like this

PhotoshopTutorial-Animated-Bolly-Ball

[11]- Now click on this icon to
 the Edit in ImageReady

PhotoshopTutorial-Animated-Bolly-Ball

[12]- Animation window should
 be look like this take a look below.

PhotoshopTutorial-Animated-Bolly-Ball

[13]- Now click on icon of
 Duplicate current frame

PhotoshopTutorial-Animated-Bolly-Ball

[14]- Drag this Ball shape with
 the help of  the Move tool.

PhotoshopTutorial-Animated-Bolly-Ball

[15]- Now again click on 
icon of Duplicate current frame

PhotoshopTutorial-Animated-Bolly-Ball

[16]- Drag this ball shape with
 the  help of  the Move tool

PhotoshopTutorial-Animated-Bolly-Ball

[17]- Select the Layer2 and press the 
Ctrl+J now hide eye of layer2.

PhotoshopTutorial-Animated-Bolly-Ball

[18]- Now press the Ctrl+T  then drag to
 center point and put above corner the  move 
the  hand shape after that press the
 Enter key on your keyboard

PhotoshopTutorial-Animated-Bolly-Ball

[19]- Now again press the Ctrl+J 
and hide eye of Layer2copy.

PhotoshopTutorial-Animated-Bolly-Ball

[20]- Use the same setting as step18 .

PhotoshopTutorial-Animated-Bolly-Ball

[21]- Now hide eye of duplicate layer2
 and select the Orginel layer2 .

PhotoshopTutorial-Animated-Bolly-Ball

[22]- Now create a new Duplicate current frame
 after that hide eye of Layer2 and show eye 
of layer2copy.

PhotoshopTutorial-Animated-Bolly-Ball

[23]- Use the setting as above step 22

PhotoshopTutorial-Animated-Bolly-Ball

[24] Now Go to File>Save Optimized
And now your image has been completed

PhotoshopTutorial-Animated-Bolly-Ball

Making a custom shape leaf into an art form

Design cool square shape neon lights signs

Photoshop tutorial - text effect on background image

 


 
 
 
 

Myspace Layouts

MySpace Layouts, backgrounds, codes and everything you need to customize your myspace profile.

mypimpspace.com

MySpace Layouts

Layouts, Codes, Generators and Graphics for your MySpace Profiles!

layoutcave.com

13Dots

The ultimate Web and Graphics community the Internet today has to offer!

13dots.com

 

Partners

Free Photoshop Tutorials

PhotoshopSupport.com features free Photoshop tutorials by Jennifer Apple, free Photoshop video tutorials, and a daily Photoshop Blog.

photoshopsupport.com

MySpace Layouts

MySpace Layouts, MySpace Codes, MySpace Generators, and everything Myspace related!

myspacesupport.com

What You Don't Really Know

Photoshop users are earning up to $900 a week while you're reading tutorials here. Click here to find out how to get ahead of them now!

projectstormdesigner.com

GET MORE VISITORS!

Get more visitors, increase your revenue and get a link for ONE YEAR on TagsPage.com! GET TAGGED for one year on TagsPage.com!
tagspage.com

MySpace Layouts

Provides Myspace Layouts, Codes and tools to customize your MySpace profile.

webmasterbucket.com

Myspace Layouts

MySpace Layouts, backgrounds, codes and everything you need to customize your myspace profile.

mypimpspace.com

MySpace Layouts

Layouts, Codes, Generators and Graphics for your MySpace Profiles!

layoutcave.com

13Dots

The ultimate Web and Graphics community the Internet today has to offer!

13dots.com

 

Copyright 2007 - PhotoshopCamp.com