PS Create a "masked" animation effect with a clipboard mask

Source: Internet
Author: User

The use of clipping masks is relatively easy, and the layout of the base of the clipping mask is divided roughly into two kinds, one is linear movement, the other is planar motion.

  Straight motion.

1 Up and down motion

About 2 movement

Plane Motion

3 Diagonal

4 Diagonal

5 Circles

6 "8" word

7 Refraction (WARP)

The above is a bunch of effect chart, as long as you want it can be changeable

 Basic work

1 new 500*200 Canvas

2 Importing (dragging, placing) four pieces of material

3 name ABCD, copy the topmost picture and drag to the lower level

4 new 4 layers (1234) Fill white, why white? Because it's a white shade.

5 Layer 1 2 3 4 drag below ABCD and create a clipping mask

  Preparatory work completed

now introduce the linear motion

1 Menu-image-Canvas size, set as Figure

2 Drag those white layers (1234) down to the bottom of the sequence

3 links to these layers

4 Create a Frame animation, set the time loop (this should be all), copy the frame, drag up the white layer (1234) until just to the canvas along the bottom of the layer D copy. Transitions 40 or 50 frames (more smoothing)

5 Again, menu-image-Canvas size, trim canvas restore 500*200 size, as shown

Save Web Format

 Plane movement of

1 Extended canvas, as shown

2 Add two layers to the top and draw a cross, as shown

3 links to 6 layers, as shown

4 animation is the intersection of the center of the location changes (the black dots in the picture), see the following illustration, you already know. As long as the animation is created, the transition will be fine.

Category:
    • PS Getting Started Tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.