Camera Frame with Pan & Zoom
Youtube Demo https://youtu.be/msLM1P9syiY
Using linear animation to the entire page (sceneGroup) for a shot,panning and zooming.
↓
↓
↓
Steps
prepare a large background layer
create a folder (layer set) named as "-frames" . Notice the hyphen is prefixed with "frames". It tells the layers in -frames are used for camera framing such as Zoom or Pan.
- rectangles in -frames should have the same aspect ratio of content area.
- Kwik displays the specified area of rectangles to zoom in/out to the size of the content area.
for instance, the following rectangles are created. You can set an unique name to each layer in -frames. Make them transparent to see through the layers under.
- buildings
- cat
- page
- sky
- rectangles in -frames should have the same aspect ratio of content area.
Page Properites, you can find Camera Frames section to configure delay time, time for transition and easing type.
if you clikc a row, it opens a dialog
press OK
Publish
That's all.
Other kwik4 tutorials for page transition
- Background layer
- Kwik.ATN for resizing the canvas size of a PSD could be useful to view the entire background layer
- A Four Panel Cartoon
- Comic Advanced
- Swipe and Go to Page