tutorialtown.com

Photoshop tutorials and Everyday Tips, articles and money saving Ideas.

tutorialtown.com header image 2

Bubble Float Animation Tutorials

June 20th, 2008 · No Comments

Today I am telling you about Photoshop Bubble Float Animation Tutorials

[1]-First of all Open any image of Drink with the help of Ctrl+O as i did take following image

Pun467-photoshop-bubble-float-animation-tutorials1

[2]-Now create the following selection with the help of ‘Polygonal Lasso Tool’

Pun467-photoshop-bubble-float-animation-tutorials2

[3]-Now Open New Layer & then select Gradient Tool & use the following Gradient & Settings

Pun467-photoshop-bubble-float-animation-tutorials3

Pun467-photoshop-bubble-float-animation-tutorials4

[4]-Now fill the selection with Gradient with Botton to Top Direction & after that Blending Mode of this Layer should
‘Linear Burn’

Pun467-photoshop-bubble-float-animation-tutorials5

[5]-Now your image should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials6

[6]-Now Open New Layer & then create the following selection with the help of ‘Elliptical Marquee Tool’ with hold shift

Pun467-photoshop-bubble-float-animation-tutorials7

[7]-Now fill the selection with ‘fffffa’ color & then go to Blending Options,select INNER SHADOW & use the following settings

Pun467-photoshop-bubble-float-animation-tutorials8

[8]-Now Blending Mode of this Layer should “Overlay”

Pun467-photoshop-bubble-float-animation-tutorials9

[9]-Now your image should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials10

[10]-Now Make the Duplicate Layer with the help of press Ctrl+J & your layer pallete should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials11

[11]-Now select Duplicate Layer & then Increase the bubble shape with the help of Ctrl+T & then press ENTER

Pun467-photoshop-bubble-float-animation-tutorials12

[12]-Now go to WINDOW>ANIMATION & then create the 4 Duplicate Frames with the help 4 times click on following button which
is indicating by Hand sign

Pun467-photoshop-bubble-float-animation-tutorials13

[13]-Now select Frame-1 & then Hide the following Layer with the help of remove the EYE SIGN which is indicating by Hand sign

Pun467-photoshop-bubble-float-animation-tutorials14

[14]-Now your image should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials15

[15]-Now select Frame-2 & then Hide the following Layer

Pun467-photoshop-bubble-float-animation-tutorials16

[16]-Now your image should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials17

[17]-Now select Frame-3 & then show all Layers

Pun467-photoshop-bubble-float-animation-tutorials18

[18]-Now create the following adjustment with the help of Move Tool & your image should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials19

[19]-Now select Frame-4 & then hide the following layers

Pun467-photoshop-bubble-float-animation-tutorials20

[20]-Now your image should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials21

[21]-Now select Frame-5 & then show the all Layers

Pun467-photoshop-bubble-float-animation-tutorials22

[22]-Now your image should look like as shown below

Pun467-photoshop-bubble-float-animation-tutorials23

[23]-Now play the Animation with the help of Click on following Button which is indicating by Hand Sign

Pun467-photoshop-bubble-float-animation-tutorials24

[24]-Now go to File>Save for Web & Device & save your image.
Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

Pun467-photoshop-bubble-float-animation-tutorials25

adobe photoshop drawing

adobe photoshop effects

adobe photoshop text effects

Tags: Photoshop tutorials

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

You must log in to post a comment.