A Flash Developer Resource Site














Internet Commerce

Partners & Affiliates














Developer Channel

internet.com


Featured Flash FLA
Gallery Downloads 11303 Flash Movies | 7 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Nitin Tikhe
» Title: Cart
» Description: This Animation Tut is a fun and useful for kids below 15 years. Watch the Flag, Doors, Stick and Horse movements.
» More by Nitin Tikhe


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 6008 Flash Sites | 0 New Flash Links
What's New | Top 100 Flash Site

Featured Site

» Posted in the Flash Kit Links section
» Title: Banana Swimwear
» Description: This is a banana swim wear interactive catalog we designed and animated in Flash


Random Links | Add your own Flash Related Links
Flash Tutorials 1255 Tutorials 7 New Tutorials Added!
What's New | Top100

» Make flash video player for broadcasting live streaming video / TV on website
» How to convert the project file of Flash Demo Builder 2.0 into FLV file
» FLV to PSP for Mac - How to convert YouTube video to PSP on mac
» How to Convert FLV to MP4 for Playback on iPod
» how to download and convert youtube video to AVI with Leawo Free FLV converter
» Flash Multi-player Game Tutorial - TicTacToe
» How to make Flash elearning tutorials with screen recorder?
» Fader API:Slideshow with MovieClips on stage
» How to convert MS PPT file into an FLV File
» Unknown Tag: Title10
Random Tutorial | Add Site

Network Design Manager
The Computer Merchant, Ltd
US-VA-Hampton

Justtechjobs.com Post A Job | Post A Resume


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Interactivity/Other

Categories Pan and Zoom View w/Thumbnail
Author: Galego | Website: http://jason.eastendinteractive.com |

 
Page 2
«prev 1 2 3 4 5 6 7 8 next»

The Viewer Window

Create the object to be viewed, panned, and zoomed in on

Create/import an object...photo, diagram, figure, floorplan or whatever you have that you want to be seen in the viewer window. We'll call this clip (library name) 'object2View' for this tutorial. We'll also assume we're placing the clips on the _root level. Here's a list of things to check when creating it to avoid problems later.

  • Take note of the clip's size (height and width). For this example it will be 600 pixels wide by 440 pixels tall (the size of the cropped/sized photo and of the previous piece I based this off of...)
    Note: make sure it is 100% and do not resize it with the scale tool from the _root level or via the transform/properties panel
  • Make sure it is registered at 0,0 on it's own internal stage. (i.e. When you select it with the arrow tool from the _root level...it's crosshairs should be in the upper-right corner)
  • Take note of where it is placed on the _root (you can do this on other levels, but we're sticking with root here) We are goint to put it at 0,0.
  • Name the clip's instance and note that down/remember it. We'll call this one 'figure'. Why 'figure'? Because the first one I developed was done for figures in a manual...and I don't feel like chasing and changing all the code just yet.

Mask the viewed object

Create a mask using the layer above the layer this clip is on. Make the mask slightly larger or the same size as your clip and note that down. We'll do it the same size for simplicity sake.

Note: Some people may want to create their mask area first and then put their object behind it so as to give perspective. That's fine too.

«prev 1 2 3 4 5 6 7 8 next»

» Level Advanced

Added: : 2002-08-20
Rating: 7.95 Votes: 21
Hits: 1836
» Author
Galego (aka Jason White) is an Instructional Designer and a Capoeirista from Grupo CapuraGinga.
» Download
Download the files used in this tutorial.
Download (1488 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments