Ps dynamic poster tutorial-Can PS dynamic posters be translated one by one?

How to connect ps dynamic posters In the new media era, dynamic posters have become a necessary skill for graphic designers. C4D and AE have become the backbone of design software now, but these softwares are still too high for graphic design. What shall we do? Let's share it with you today. We can make posters with PS only!

In fact, the timeline tool of PS is very powerful. Today I list four categories for your reference. I hope the students can draw inferences and create infinite possibilities in the future.

1, use the time axis to do frame-by-frame animation effect.

_

Frame-by-frame animation is the easiest effect to achieve in the timeline, which is not only simple to operate, but also can add a lot to the design as long as it is used properly! Although there are no technical restrictions on the use of this tool, we need to conceive the overall presentation effect before design!

_

All software timeline tools in the world are similar. Click on the timeline, and there is a "Convert to Frame Animation" in the lower left corner. Click this button (if it is already yes, don't click it) to enter the same mode as above! So how to achieve dynamic effect is very simple!

Step 1 Set Independent Layer

First, divide the dynamic effects that need to be presented independently into different layers, and the layers that don't need to be operated can be grouped for easy selection!

_

Step 2: Set each frame.

Then operate different frames and hide unnecessary layers, and you can make the picture move!

_

This method can be used in many different scenes, not only a poster, but also excellent and reasonable dynamic effect is a plus item in brand design!

_

In Zhuo Shuge's project, we add dynamic effects to the LOGO, creating a physical change from emaciated to strong step by step, which perfectly fits Zhuo Shuge's core concept of slimming and bodybuilding. Simple dynamic effect, after thinking and combination, has been given more meaning!

2, using the video timeline, do multi-animation effect.

Many times we can find some dynamic materials. What should we do if we have multiple dynamic effects and want them to move in the same picture?

_

Video timeline tool is another usage of timeline in PS. It can handle multiple dynamic effects at the same time. Click "Convert to Video Timeline" in the lower right corner to enter the interface. In this interface, we can handle the arranged layers independently.

Step 1 Prepare dynamic elements

_

Get the dynamic elements ready first, and then we can deal with these dynamic effects, frames, backgrounds, etc. Before PS. The most important step is to group all the layers in the GIF animation! Then drag the whole group directly to the screen!

_

Adjust dynamic elements

In the video axis tool, the original static part of the screen will display purple, and the duration of this part can be modified, while the directly imported dynamic will display gray, and the duration cannot be modified! In order to ensure that the display length of each layer of video axis tools is consistent, we need to make the frame length of each imported animation consistent!

_

Finally, you just need to adjust the details, and you're done. Children's shoes are free to play and add different combinations to the picture!

_

In this poster, we mixed the video axis tool and frame-by-frame animation to achieve the same cool effect!

3. Use key frames to make dynamic effects of changes.

_

The video timeline tool also supports similar AE keyframe tools, and you can create various effects by setting keyframes. This function is more operable and the effect is more complicated!

_

Keyframes automatically generate animation between two keyframes, which can generate complex pictures more efficiently than frame-by-frame animation. Next, take the poster above as an example to explain in detail how to make it!

Step 1 facing layer

Arrange the fixed pictures in the poster in the picture and group unnecessary layers to avoid confusion!

_

Create a circular material

Create four circles of the same size to create a clipping mask effect, two red and two blue.

_

Step 3 Transform Smart Objects

Since key frames can only identify the size changes of smart objects, we need to convert this circle into smart objects respectively.

_

Cut off the mask

Cut out four circles of the mask, one blue and one red as a group, two to the blue background and two to the red wave point.

_

Step 5 Set keyframes

Align the four circles in the center and put them on the canvas in the lower left corner. Next, the point comes. Select the circle to edit, click the drop-down menu of this layer in the Timeline tool, and there is a clock button next to the change. Click this button to set the change key frame!

_

Drag the pointer to determine the position of the next key frame, click the diamond button next to the clock to determine the next key frame, enlarge the circle, and PS will automatically generate the dynamics between the two shapes.

_

Set the other three circles in the same way, and you can get the desired effect!

This method not only supports size change, but also supports variables such as position and transparent bottom. With a lot of common sense, you can design many unexpected effects!

4. Use Imagemotion plug-in to make dynamic picture effect.

_

Finally, I will introduce you to a PS plug-in artifact. If the timeline doesn't satisfy you, try this! Imagemotion plug-in is a PS plug-in, which has the special effects of picture flow and circulation. It can add dynamic effects to still photos and make your images look more vivid. It should be noted that this plugin only supports the English version of PS.

_

Step 1 Make the layer editable.

How to use it specifically? First, we create the elements to be used, click the toolbox button in the upper left corner and confirm, then click the first button of ImageAnimations and confirm.

_

The second step is to select the movement area.

Click the last button in the first row, the brush button, and brush out the area that needs exercise.

_

Step 3 Set animation keyframes.

Clicking the second button of ImageAnimations will deduct the area of your text and prompt you to pull out the picture area at the end of the animation first, and then double-click!

_

Then pull out the picture area at the beginning of the animation!

_

Step 4 Adjust the details

When two pictures are combined, it will produce a dynamic effect! Of course, if you want to move the whole thing, you need to deal with the details a little bit, and finally you can form a cool dynamic effect.

How does ps make dynamic pictures? In short: create/open a file-open a time window-create a frame animation-design the display/hide layer of each frame and set the frame properties-save the file in the format used by the Web-save it in gif format by default.

Can ps dynamic posters be translated one by one? PS Dynamic Moving Lens Creative Poster Picture Design Course

Yuyang graphic design

20 19-2- 1309:40

This tutorial mainly uses Photoshop to design a poster with lens theme style. Although it is a poster course, we mainly learn this production method. This tutorial will be completed by using the timeline. The whole tutorial is relatively simple. Let's study together.

This tutorial uses PS to make a poster with lens effect. What is the lens? Sell a small pass, as long as the students practice through the tutorial, they will know. It's really frustrating to ask students to study. Although it is a poster course, we mainly learn this production method. This tutorial will be completed by using the timeline. The whole tutorial is relatively simple. Let's study together.

Rendering:

Operating Steps: First, open ps and create a new yellow canvas:

Make a poster first, side by side. Because making posters is not the main content of today's tutorial, I will skim it:

Group all layers and name them "bottom":

Copy a copy of the "bottom" layer of the group to get the "bottom copy" layer, change all the contents of the "bottom copy" layer to white, and adjust the content size appropriately. Don't ask me why I did this, you will know later, as shown in the figure:

Draw a circle between two layer groups:

Convert the layer "base copy" and circular layer into smart objects:

Select Base Copy, right-click the layer, and select Create Clip Mask:

Then you can see the magical phenomenon. Drag the circle at will to see the lens effect completed:

Now we're going to make it move and execute the window-timeline:

Select Create Video Timeline:

Click the drop-down menu of circular layer and click the time code table before conversion, as shown in figure:

Place the circle and cursor in the initial position:

Move the cursor to the position of 05f and move the circular position again.

Similarly, at 10f, 15f, 20f, the circle is also transformed by moving and scaling.

If you are not satisfied with the speed control of the timeline after completion, you can also adjust it by dragging the following time points:

Satisfied with the effect, execute file-export-store according to the format used by the web:

I believe all the students have learned it. Nothing can beat us as long as they are willing to do it. Let's work together.

Export to see the effect:

This course is from the Internet, not for commercial use, only for communication. If copyright issues are involved, please contact to delete them in time! ! ! (Bian Xiao) Sharing is only for yourself and everyone to learn! The harder you work, the luckier you are! )

search

Ps adjusting breast

Use word as the event timeline.

E-commerce Art Design 100 Course

Ps: Two photos and a poster.

Timeline design concept

How to make posters with ps