How to make a poster mockup? How to make a mockup

How to make a prototype: Open the PS software, first drag an ordinary graphic, draw a shape, turn off the background and make it a transparent shape. Create a new canvas with the same size and proportion as the computer screen, and drag the drawn shape onto the canvas. Then reverse it to get the black screen effect and create a 1080×720 canvas. Fill the color with gray, drag it onto the graphic, and right-click the mouse to turn the graphic into a smart object.

1. Open the PS software, first drag an ordinary graphic to turn the graphic screen into a prototype.

2. Draw a shape, turn off the background and make it transparent.

3. Create a new canvas with the same size and proportion as the computer screen, and drag the drawn shape onto the canvas.

4. Then reverse the process to get the black screen effect and create a 1080×720 canvas.

5. Fill the color with gray, drag it to the graphic, and right-click the mouse to turn the graphic into a smart object.

6. Use the deformation tool to fit it, double-click the thumbnail of the smart object, replace it, click "Close", and click "Yes". How to make a prototype The following will introduce how to make a prototype. And what materials does he need, and what is the process like? , in fact, it is to make some three-dimensional poster effects from some of our ordinary two-dimensional works to improve the design effect. For beginners, it is actually quite a headache to see the prototype, because when we open a prototype source file, we can see very There are so many layers, which may make you dizzy, but in fact, the prototype is not that difficult, as long as you understand a smart object, let’s take a look together! First, let’s understand what smart objects are. Below I have prepared 4 types of layers, which are all existing layers in PS: normal layers, shape layers, smart objects, text layers, and adjustment layers. In the picture There are differences between them in the lower left corner of the layer thumbnail. The layer of that small memory card is called a smart object! So what are smart objects, smart objects will preserve the source content of the image and all of its original properties, allowing you to perform non-destructive edits to the layer. What's the meaning? We can try it. Double-click the smart object thumbnail, and we can find this phenomenon—a new PSB file appears, named the same as your smart object. At this time, we can change the color of the five-pointed star, or change its shape, and then click the file close button to display the following page, click Yes! At this time, we can find that as we save, the smart objects in our previous file have also changed, and are automatically replaced with the styles we changed before. Explanation, after we open the smart object and make modifications, as long as you save it, my original picture will be modified into a new style! It feels very magical. Then someone will probably say at this time, then I am not a smart object, so I can just change the color or draw one? This is a great question! Of course, there are definitely more smart objects than this. This time we did another operation. We added some effects to this little green star (smart object). Click on the fx layer effect below the layer. We select the blending option and click on style. , add any effect and confirm to save. (Because of the experimental effect, I will not adjust it and use the system’s built-in effect to do an experiment.) Okay, after adjusting it here, our five-pointed star has a glass crystal effect. At this time, we repeat the previous step and double-click the smart Object thumbnail, modified again, this time I changed the pentagram to another shape. Then close the file and select Save "Yes". At this time, a magical scene happened. Let's look at the original picture. The small flame we replaced automatically added the effect just now and became a crystal fire! Up to this point, we have learned a lot about smart objects. They can add effects, so that the logos we change later will also have the same effects added to them, which serves as a display function! This reduces the need for us to add effects ourselves, so when using a prototype made by someone else, all we need to do is replace his prototype smart object to achieve the effect. For example, I replaced the bottom of the picture I just showed with flames! The ensuing effect will appear. This is the operation and principle of the prototype. Have you learned it? You can try it. Next, I will teach you how to make a roll-up prototype by yourself. First, we can go to the Internet to make it. Find a roll-up display picture (the same goes for making posters) and drag it into PS, draw a rectangle of similar size on the top and then right-click to convert it to a smart object. At this time, if the color is darker, it will block all the pictures below, so We need to lower the opacity and then perform free transformation (ctrl+T) on the smart object. Right-click and select Transform to modify the points and handles with the mouse to achieve the following effect, and the transparency returns to normal. A roll-up banner prototype is ready, and then we will test the effect. Put the roll-up banner we made into it to see the steps: double-click the smart object thumbnail - put the work in to adjust the size, and close the smart object file selection. save.

(Applicable to all kinds of pictures) Being able to make posters is not enough. Suitable display prototypes can make you stand out even more! *At the end of the article, the prototype material poster shown in this article is very well designed, but Party A always fails? You may be missing a high-quality poster display mockup! As a pre-simulation tool for the display effect of design works, the prototype can sense the effect and atmosphere of the design effect in the scene in advance. This is why designers now widely use prototypes. It can make your design more easily accepted by Party A. ! Maybe you have seen many realistic poster display scenes in other people's design cases and thought they were printed and photographed by others. Although this is a way to obtain poster display renderings, it is inevitably time-consuming and labor-intensive. With the poster mockup, you only need to place the poster image you designed in the psd layer, and you can save everything else without touching it. Get poster display renderings that are no less inferior to real photography! The specific prototype production method will not be discussed in detail in this article. I have said so much about the benefits of poster prototypes. Next, I will share the prototype materials used in this article.

You only need to search designexit in the Taobao store to find the relevant mockup templates. The design materials used in the article will be updated simultaneously in this Taobao store, so if you are a design enthusiast or designer, you will always use it if you collect it. !