horizon
Would you like to react to this message? Create an account in a few clicks or log in to continue.
horizon

general forum


You are not connected. Please login or register

ImageReady Simple Banner Animation

Go down  Message [Page 1 of 1]

1ImageReady Simple Banner Animation Empty ImageReady Simple Banner Animation Sun Aug 15, 2010 5:27 am

Admin

Admin
Admin

ImageReady Simple Banner Animation


Step 1


Save the next picture on your computer:

ImageReady Simple Banner Animation Banner-start-picture
Step 2


Open a new document in Adobe ImageReady having the dimensions: 468x60 pixels.
Drag and drop your picture in the ImageReady document like this:

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
ImageReady Simple Banner Animation Drop-picture
Step 3


Open the window “animation” (Window > Animation) and insert a new frame for your animation using Tween Animation Frame with the next settings:
ImageReady Simple Banner Animation Insert-frame-picture
ImageReady Simple Banner Animation Settings-picture
Step 4


In the new frame move the picture like in the next image:

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
ImageReady Simple Banner Animation Move-picture
Step 5


Insert a new frame by using Duplicate Current Frame:
ImageReady Simple Banner Animation New-frame-picture
Move the picture again, and then create a new frame in your Animation Tab and move again your picture. The result should be this:

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
ImageReady Simple Banner Animation Insert-frame-final
On the last frame (7) move down your picture:

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
ImageReady Simple Banner Animation Insert-frame-final-plus
Step 6


In the first frame use the Text Tool to add a text on your stage. On the frames 4, 5, 6 and 7 remove your text using the Layers Tab like here:
ImageReady Simple Banner Animation Remove-text
Step 7


Export your picture File > Save Optimized As and you got simple banner animation:

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
ImageReady Simple Banner Animation Final-banner

https://horizon.darkbb.com

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum