Newest Articles

MegaCombs
Flash Media Player
XML Driven Pie Chart
Base Defender
Hangman Game
8 Ball Pool


Popular Articles

True Fullscreen Flash Mode
Mp3 Player with XML Playlist
Image Slider
Flash Media Player
3d Rotating Image Cube
Catapult Game


Random Articles

Disappearing Button
12 Hour Clock with Hands
Image Rotator with blur and fadeout
Growing Tree using Recursion
Motion along a Path
Album Slide


Links

Foundation-Flash
MickM
TutorialQuest
Tutorialsphere.com - Free Online Tutorials
Newgrounds
TWiT
Link to SwfSpot
Swf Spot



rss feed

Infinitely Zooming Image

Infinitely Zooming Image
AddThis Social Bookmark Button
Description: Image contains a frame which zooms out forever
Author: John Bezanis
Added: March 25th 2007
Version: Flash 8


Start out by choosing a picture with some sort of frame. The larger the source and frame, the better the result will be. Here's a shrunken down version of the source used in this demo:
source image
Open up an image editing program and rotate the image so that the frame is squared and level. With the selection tool, select the contents of the frame and copy it to get the dimensions of the frame. Paste it and rescale to fit either the height or width of the document. Use this to resize the entire document so that it is the same dimensions as the frame. Delete the layer with the frame contents. Select the entire image, copy it, paste it, and resize it to fit perfectly inside of the frame. Repeat this process until the pasted image is so small that it is only a few pixels in size. Your image should now look similar to this one but much larger:
repeating image
Open up Flash and the following file:
Infinite Zoom
Open up the symbol repeatingimage in the library. Delete the image on the stage. Click File->Import->Import to Library and select your image. It will appear in the library. Drag it over to the stage, and move it so that the 'vortex' of the image is at the 0,0 position. There is a crosshair at that position. Go back to the main level, and in the third frame of the layer maskandframearea, select the gray box. move and resize this box so that it fits the first frame. Hit ctrl-Enter to preview the project. It probably isn't going to perfectly fit the window. Select the gray box, and in the properties tab, look at the height and width of the gray box. Resize your document to those dimensions. Move the gray box to position 0,0. Move the image so that the frame is directly behind the gray box. Hit ctrl-Enter. The image should fill the screen.

Download Source File
Comments
what the hell!!! :)
June 4th 2007 09:06AM   -   michael
how to copy keyframes
June 22nd 2007 01:06AM   -   abdulraheem
coooooooooooooooooooooooooollllllllllllllllllllllllllll...!!!!!
June 29th 2007 07:06AM   -   dhara-m-ali (mali dharam)
ya this is very good but i failed to make this type of effect...
July 2nd 2007 02:07AM   -   pradyuman
this is a neat effect, but you can do the whole thing just as easily with an animation
July 2nd 2007 11:07AM   -   monkey
Hehe, thats funny though
July 26th 2007 09:07AM   -   Platfuse
veeeeeeeeeeeeeeerrrrrrrrrrrrrrrrrryyyyyyyyyyyyy coooooooooooool!
September 11th 2007 09:09PM   -   rose
nice idea.. really cool.
October 16th 2007 05:10PM   -   Venkadesan Tharshan
nice tutorial
December 12th 2007 02:12AM   -   farhan rao
This is very interesting but I cannot figure out how did you make it in Flash. So would you please tell me at least how can I start or where can I find tutorial to make it? Please answer me. Thank you!
January 9th 2008 02:01PM   -   Aleksandra
great work.
January 19th 2008 03:01PM   -   jimi
awesome
February 20th 2008 03:02PM   -   Manzoor
I think its just a simple loop and image reduction to a centered point. Looks cool!!
May 27th 2008 05:05AM   -   Office Furniture
love this shit
October 20th 2008 12:10PM   -   Danny
heyyyyy,
its very nice.
November 15th 2008 06:11AM   -   pradnya deshpande
cool tut ,donno if any one seen this its pretty trippy
December 9th 2008 01:12AM   -   cron
lol link didnt work on last post

http://blog.okizoo.com/wp-content/uploads/2007/06/supercoolpic.swf
December 9th 2008 03:12PM   -   cron
BEhen ke lode....ho sab......jo comment karega uski maa ki chut
January 7th 2009 06:01AM   -   Shruti
wtf....dis s cool!
August 19th 2009 11:08PM   -   ehmajke
wow
August 26th 2009 12:08AM   -   Buffet
Прикольно)
September 22nd 2009 12:09PM   -   web
liess
November 6th 2009 09:11AM   -   vigrx
Really nice post,thanks for sharing....
November 29th 2009 04:11PM   -   Free online games
Its very fun with your postings, i learned a lot of things here with easy tutorials. Thanks for sharing
December 9th 2009 07:12PM   -   folders printing
This is very interesting but I cannot figure out how did you make it in Flash. So would you please tell me at least how can I start or where can I find tutorial to make it.
December 10th 2009 05:12AM   -   club penguin
This is very interesting as the name suggest 'Infinite Zoom'
December 11th 2009 06:12AM   -   Ergonomic Chairs
I have bookmarked your site. Thanks for sharing
December 13th 2009 08:12AM   -   dental
i searched all over internet but could find the source code, i think i can get the one in torrents
December 15th 2009 06:12PM   -   cd jacket
Whoah that is really psychedelic!
December 19th 2009 03:12PM   -   Home Based Business
super tool.
but i can
December 25th 2009 05:12AM   -   pfeiler 1
i don't understand the concept of this post .. lol
January 3rd 2010 11:01AM   -   pocket folders
It's nice tutorial
January 24th 2010 07:01AM   -   evening dresses
Useful tutor
January 24th 2010 09:01AM   -   Ares 3
thanks . sudoku puzzles are fun to solve
January 26th 2010 03:01AM   -   sudoku strategies
Special thank for good post.
February 5th 2010 09:02PM   -   à¹‚หลดเพลงà
Thank for the information
February 6th 2010 07:02AM   -   à¹‚หลดเพลงm
Special thank for good post.
February 10th 2010 04:02AM   -   à¹‚หลดเพลงà
Special thank for good post.
February 10th 2010 08:02AM   -   à¹‚หลดเพลงà
Hi everyone. Hello. Thanks for the invitation so much. I will try to come back as soon as possible. ;). Help me! I find sites on the topic: Purdue oxycontin discount cards. I found only this - <a href="http://www.foodandwaterwatch.org/Members/Oxycontin">oxycontin withdrawal</a>. Oxycontin, i test the stories would see on the bacteria of the synthetic pain possession. We work the sensations of support, oxycontin. Thank :mad: Thorpe from Denmark.
February 16th 2010 03:02PM   -   Thorpe
hehe looks like a crap gif. but hey, could find a use to it.
February 22nd 2010 04:02PM   -   phixxx
Add a Comment
name:
website (optional):
captcha type the characters into the box
message (5000 characters or less):