Zooming out effects

May 15, 2011

Hey guys!

I was wondering if anyone could think of the best way of presenting this:

i have a screen shot of a webpage on the slide with a presenter video talking about it in the presenter panel. When he starts to talk about a certain part, i would like it to zoom in a part of the page to see it clearly.

At the moment i have just cut out that part of the image, enlarged it and put it on top, and then remove it when he's finished talking about it.

What i would really like would be for it to look as if the cut out piece was zooming out of that part of the page. Can anyone recommend any animations that would make it look that way?

Note: dont think i can use the zoom/faded zoom animations in powerpoint as there is no control over where they zoom in from i.e centre (as far as i can see)

Also because of the video in the presenter panel, it needs to stay on this one slide.

Hope someone can up with some intuitive ideas! 

Many thanks 

26 Replies
David Anderson

Hi Osman,

One quick idea that comes to mind would be to "fake" the zoom by quickly fading in 3-4 images of the highlighted area. Each image would be a little larger than the other.

While you're fading in the multiple images you could overlay a moderately transparent black shape over the main web page. That would further reduce focus on the background while emphasizing the animated images.

I'm happy to mock something up if this sounds like it might work.

David

David Anderson

@Blair - Nice effect w/Motion Paths. I was going that route until I saw your example

@Osman - Here's an alternative method to Blair's technique. I'm a fan of using Motion Paths but figured I'd show you another method just so you had some options.

Preview: http://articulate-downloads.s3.amazonaws.com/forum-help/screenshot-zoom-test/player.html

Download source files: http://articulate-downloads.s3.amazonaws.com/forum-help/screenshot-zoom-test/zoom-test_package.zip

And check out Joe Deegan's approach to zooming in on screenshots:

Anonymous User

Thanks guys, I cant believe how good this place is, hopefully i can start contributing soon too.

Using motion paths definitely does the trick and looks very slick. Thanks Blair, David for the help and resources.

Also David, although the 'fake' zooming does have the desired outcome, i think i'll stick with using motion paths.

Thanks.

Anonymous User

Thanks for the great ideas! 

Nice blog Joe (i'll be checking it out later for Moodle help!) but i have a quick question in response to David's "Parallel Proximity" effect screenr.

Is there a way to edit/use the end point of the animation i.e once all the components have enlarged/moved.

I would like this to be the basis for a new scene, but I'm unable to play around with it because in powerpoint i can only see the objects before the animation, not after.

Hope that makes sense!

David Anderson

@Kate - Which source files are you looking for? The quick ones I shared above are the ones used to create this sample.

If you're looking for the source files to the demo in the Screenr I showed, you can get those here. I haven't finalized that file to make it available in the downloads--not yet at least---but you're welcome to have it. I think I used some non-system fonts so keep that in mind when you open it.

If those weren't the files you're looking for, let us know and we'll round up the right ones.

Curtis Kynerd

These are great techniques.  They open up so many possibilities.  I have a similar question related to the techniques described in this post.  I want to take a piece of paper lying on a table, zoom it out to a view so that I can actually read the text on the paper.  To further complicate the effect, the paper has had a 3D effect applied to it so that its perspective is that of lying flat on the table.  So the effect would have to solve the issue of rotating the object (paper) and also correcting its perspective.  The final placement of the paper is a straight forward view large enough to see the text on the sheet of paper.  Any ideas on how to do such a thing?

Kayla Burtch

I'm not sure it is possible to do something quite so complicated DIRECTLY...

But you could definitely do something with fades combined with motion paths and zooms.

I did something similar in the file I attached.

Basically, the object with the perspective fades away while a new flat object zooms with a motion path in. It definitley gives the perspective of what you are asking for. You can look at my timings etc. in the animation window. Because the new picture is larger, I also have a "fill with background" object in front of it that fades away.

Other than that, I don't think there is an animation that alters perspective.


Pamela Keister

Hi everyone,

I am working in storyline and attempting to use the zoom effect.  I have watched the tutorials, but as I follow along, my zoom region is grayed out.  I have tried clicking on the object I want zoomed in on, not clicking on the object, but the result is the same.  My zoom is always gray.  Any thoughts would be greatly appreciated.

Pamela

This discussion is closed. You can start a new discussion or contact Articulate Support.