How to design dynamic posters? Dynamic poster design: poster design skills.

How to connect ps posters In the new media era, 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, using the timeline 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 of points 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 the first choice for independent layers, and separate the dynamic effects that need to be independently presented into different layers. Layers that do not need to be operated can be selected in groups! _Step2 set each frame and then operate different frames separately, hide the unnecessary layers and make the picture move! _ This method can be used in many different scenes, not just a poster. In brand design, excellent and reasonable dynamic effect is also a plus item! _ In the project of Zhuoshu Pavilion, we added a dynamic effect to the LOGO, creating a gradual physical change from thin to strong, which perfectly fits the core concept of Zhuoshu Pavilion's thin people and muscle training. After thinking about the combination, the simple dynamic effect has been given more meaning! 2, using the video timeline to do multi-animation effects, many times we can find some materials. What should we do if we have multiple animation effects and want them to move in the same picture? _ Video Timeline Tool is another usage of Timeline in PS. It can handle multiple 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 elements _ prepare elements first. We can handle 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! _Step2 Adjust the elements in the video axis tool. The original static part of the screen will display purple, and the time length can be modified in this part. Directly imported elements will be grayed out, and the time length 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, just 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. Make changes with keyframes _ The video timeline tool also supports similar AE keyframe tools, and you can create a variety of changes by setting keyframes. This function is more operable and more complicated! _ Keyframes will automatically generate animation between two key frames, which can generate complex pictures more effectively than frame-by-frame animation. Next, take the poster above as an example to illustrate the production method! Step 1 Arrange the fixed pictures in the poster in the picture, and group the unnecessary layers to avoid confusion! _Step2 Create a circular material to create four circles of the same size to create a clipping mask effect, two red and two blue. _Step3 Transform Smart Objects Because key frames can only identify the size changes of smart objects, we need to transform this circle into smart objects respectively. _Step4 Cut the mask and cut four circles, one blue and one red as a group, two to cut the mask into a blue background, and two to cut the mask into red wave points. _Step5 Set the key frame to 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 position 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 do special effects _ 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 effects to still photos and make your images look more vivid. It should be noted that this plugin only supports English PS. _Step 1 How to use a layer to make it editable? 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. _Step2 Select the practice area, click the last button in the first row, brush the button, and brush out the area you need to practice _Step3 Set the animation key frame, click the second button of ImageAnimations, it will deduct the area you said, and prompt you to pull out the picture area at the end of the animation first, and then double-click! _ Pull out the picture area at the beginning of the animation again! _Step4 Adjust the details. When the two pictures are combined, it will have an effect! Of course, if you want to move as a whole, you need to deal with the details a little bit and carve them carefully, and finally you can form a cool effect. Poster design poster design skills? Since it is a font poster, you must first have a font design. We need to properly consider the possibility of font application in layout when designing the font part, and we will analyze it in detail in the case; The second step is usually to adjust the effect of the font or increase the sense of form, mainly considering the expression of the font as the main body in the poster; The last step really lies in how to present the layout and proper composition by combining fonts and text groups. Let's start directly from the first case and look at the basic information first. The theme of this poster is "space", and the concept that the artist wants to express is "if space is a blank sheet of paper". Based on this concept, we try to design the font part. For the first one, we try a simpler basic glyph. The concept based on the white paper is also a relatively normal way to start, and it is a straightforward expression without modification. In this way, the basic glyphs with relatively regular order are made, and the regular glyphs are easier to start with in layout. Students with poor foundation can consider referring to commonly used headline words, and it doesn't hurt to be at the bottom, just pay attention to rationality. When making basic glyphs, we generally need to pay attention to two parts. One is the stroke thickness setting. Conventionally, based on visual balance, we set the vertical pen slightly thicker and the horizontal pen relatively thinner; If there are oblique strokes, we need to adjust the thickness appropriately to make the whole harmony. The second problem is the structural problem. What we are doing here is completely orderly processing, physically aligning the strokes around the font. Stroke spacing should be as neat as possible, and alignment should be as aligned as possible! As for the placement of strokes, students with zero foundation can refer to the handling of fonts. Basic glyphs always feel a little less sense of design, so we try to do some stroke deformation for empty words. When doing the deformation of strokes, we can change the design from a small part of the strokes, such as the treatment of leaving empty word, to increase the sense of design on the basis of the same overall structure. We can also make greater structural changes, which are relatively difficult as a whole and will involve the coordination of structure and strokes. Generally speaking, we should try our best to start with the manuscript, choose the direction, optimize the details and not expand. Let's try a basic effect first and make a similar gradient effect. The implementation method is extremely simple. Copy directly, and then use the clipping mask to select the reserved part. After the text effect is done, then we will enter the layout. Let's first divide the text group into hierarchical relationships, match appropriate Chinese and western fonts, and try to add small elements of color and rich details to the layout. Finally, we try to arrange the text groups and fonts in order in the form of double-column composition. Add some small elements appropriately to enrich the details, so that our first case is basically completed. Let's try another scheme (mainly because we are not satisfied with one scheme). Let's choose the same basic font as before and try different font effects. We use the "path finder" to cut the part, and then do a messy processing. Enhance the visual form of fonts. Similarly, we first try to arrange the text group according to the previously determined elements and text groups, and we arrange it in the whole poster layout. We still try to use a basic composition of double-column or so typesetting, and put "space" as the main body of the text on the right side, while other text information is weakened and typesetting is orderly and regular. Small radioactive elements are often used to compare the tonality of tidal currents. One more edition! ! Let's see if we can make a better "space" effect to try ~ We try to enhance the three-dimensional level of fonts with a hybrid tool. Copy the "space" to a smaller size, adjust the color to be the same as the background color and put it in the middle. Double-click the blending tool to adjust the number of steps, and then click the large font and the small font respectively. As for how this type of hybrid tool works, interested students can look through this article written before and have a detailed analysis. We try to add a sense of form to the arrangement of colors and text groups. After hierarchical division of text information, we combine text groups in the form of color blocks. The overall layout is not difficult, and the centered composition method puts the font design at the center of the layout. Mainly mention three points to increase the overall sense of hierarchy. First, adjust the surrounding color matching to red-blue contrast; Step 2, add a white wireframe on the gray background; Finally, a diagonal texture is superimposed on the whole before exporting the picture. Tired ~ Let's change the subject. "Phase", what the artist wants to express is "philosophical thinking about existence and perception". So we can be flexible in this version of the font, and we don't have to be too rigid about structural strokes. Everyone has different habits for glyphs with relatively flexible structures. I am used to trying manuscripts or referring to the source of ancient calligraphy. As far as possible, the deformation of structural strokes should be consistent with the sense of handwriting, so as to avoid problems such as stiff connection and disobedience. In the previous version, the tonality of the later layout was considered to be more elegant, with the text scattered up and down as the main form. So I changed the layout of the font to up and down and adjusted the strokes. Considering that it can be used as an auxiliary element in the following arrangement, the addition of circular strokes is also increased. After we clearly divide the text information level, we try to combine elements and typesetting tonality in the basic layout. When we have basically determined the text group and tonality, we can try to build the whole page. (In fact, in implementation, we often cross the composition mode and tonality at the same time. ) In the final layout construction, we take four columns as the basis of composition. The combination of words is completed in the form of cross-ordered arrangement. In the overall layout, in order to echo the glyph and theme, the combination of two red circles and the addition of seal elements are introduced. In fact, it is to enrich the details of the layout and the overall hierarchical relationship. As a course of conscience, there must be cases! ~ Let's do a new case with the theme of "sound prism", which is an art project of a sensory laboratory. Let's build a basic font first. At this time, we didn't think too much about the expression of the theme. It mainly deals with the overall structure of strokes and the spatial structure of curves. In order to combine with the theme, express the visual impression of prism scattering. Therefore, the strokes are clearly interspersed and cut clearly. When we do this effect, we just need to add an anchor point in the right place and drag the anchor point directly to get a similar effect. Considering the difficulty of typesetting and the sharp and complicated deformation of strokes, we can clearly get the logical method of making font posters. In fact, there are two main points to be grasped in the design process. First, whether the font image is appropriate as the main body of the poster and whether it has enough expressive force; The second is whether the tonality of the overall layout composition is reasonable and whether the information transmission is clear and accurate. Can ps posters be translated one by one? Mobile phone lens creative poster picture design PS course: Yang graphic design 20 19-2- 1309:40 This course mainly uses Photoshop to design the poster with lens theme style. Although it is said to be a poster course, we mainly learn this production method, and the tutorial will be completed with a timeline. The whole course 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: operation steps: first, open ps to create a new canvas: first, make a poster and arrange it side by side. Because making posters is not the main content of today's tutorial, I just skim it: group all layers and name them "bottom"; Copy a set of "bottom" layers to get a "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, and you'll know later, as shown in the figure: Draw a circle between two groups of layers: Turn the layer "bottom copy" and the circular layer into smart objects: select "bottom copy", right-click the layer and select "Create clipping mask": then you can see the magical phenomenon. Drag the circle at will, and you can see that the lens effect is finished: now we need to move it, and execute the window-timeline: select "Create video timeline": click the drop-down menu of the circle layer, and click the timeline before transformation, as shown in the figure: put the circle and cursor in the initial position: move the cursor to the position of 05f, and move the position of the circle again in the same way. At 10f, 15f, 20f ................................................................................................................................................. Export: 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 adjustment using word to make event timeline e-commerce art design 100 lesson ps two photos a poster timeline design ideas how to make a poster with ps