PhotoshopCS3 Tutorial: Radar animation simulation-PS tutorial

Source: Internet
Author: User
Tags radar
Now let's explain the homework of the previous lesson. Compared with the previous "stone age" jobs, it is more difficult. One is the increase of animation elements, instead of a few simple objects. The next step is to make things easy before production. now let's explain the homework of the previous lesson. Compared with the previous "stone age" jobs, it is more difficult. One is the increase of animation elements, instead of a few simple objects. In addition, you must plan the steps before making them.

Create an image, which is about 100X100. use the shape layer of the elliptical shape tool to draw a vector positive circle and fill it in green (the value is 19631c, which can be entered in area # below the color picker, this is actually a hexadecimal representation of the decimal 0 ~ 255, do not study) or other colors. Copy the layer (ctrl j, the copied layer should be at the top of the source image layer), use the free transform function for the copied layer, and zoom out the reference center point (alt shift. Define the stroke style (the size is 1 pixel, white) for it and set the fill opacity to 0% to get a line circle. The opacity (about 15%) of the layer has been properly reduced to achieve better visual effects. Copy the line circle layer again and zoom out again to obtain two concentric line circles. You can also create more concentric circles by column. The image is similar to the lower left image.
Create a new normal layer, and draw a cross in the center of the circle using the line tool to fill the pixels (the width is 1 pixel, and the offset is disabled. The image can be zoomed in to facilitate alignment. after being drawn, the multi-layer alignment function can also be used to adjust the image. At this time, the image is similar to the image shown in the lower graph, and the layers palette is shown in the right figure below.
During the preparation of the animation element in the early stage, we first used vector to draw the circle because it needed to be reduced, and the vector method can ensure the quality. In theory, the following cross can also be drawn using a vector method. However, when the vector straight line is in a small unit such as 1 pixel, the edge may be blurred due to its own anti-aliasing function, the result looks like a 2-pixel width. You can try it on your own. In addition to such extremely small units, Vector plot should be used as much as possible. this premise will not change.
  

Now we need to make an object scanned by a simulated radar. This should have been done in the first place. however, to reflect the potential of adding elements later in the production process, we need to do it now.

Create a new layer, and use a pencil tool with a diameter of 1 to draw a few white points (the spacing is not too large ). As shown in the left figure below. Next, move the time benchmark. when the scanning line is in contact with these points (in the example), click the opacity stopwatch button to create a key frame, then, when the time benchmark is moved almost back to the origin (the sample is at), create another one and set the opacity of the layer to 0%. in this way, an animation is generated that fades out gradually.

Watch example animation

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.