Home / Uncategorized / Camera Frame – Zoom Pan

Camera Frame – Zoom Pan


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

  1. prepare a large background layer

  2. 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

  3. 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

  4. Publish

That's all.


Other kwik4 tutorials for page transition

Privacy Preference Center

Strictly Necessary

these coolies are for WP-SpamShield, gdpr-wp, woocommerce, paypal

PHPSESSID, SJECT16, JCS_INENREF, JCS_INENTIM, gdpr, woocommerce_cart_hash, woocommerce_items_in_cart, woocommerce_recently_viewed, wordpress_, wordpress_logged_in_, wordpress_sec_, wordpress_test_cookie, wp_woocommerce_session_, AKDC, akavpau_ppsd

Functionality

WordPress cookie created when auto-saving a post in the editor.

wp-saving-post, wp-settings-, wp-settings-time-

Performance

google analytic

__utma,__utmb,__utmc,__utmz,_ga,_gid,_gat

Advertising