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 and 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) What is the process of commercial poster design? 1. Determine the subject. As far as design is concerned, first of all, we have to determine what the subject of the design is and whether it fits the theme of the poster we make, such as Father’s Day and Mother’s Day.

It is definitely based on parents and children, and food posters are naturally based on food. Depending on the subject of our design, the direction will definitely be different.

2. Depicting the subject. After determining the subject, all we need to do is to delineate the subject, place the main visual elements in the picture, and determine the appropriate position of the picture by adjusting the size and proportion.

3. Copy information In addition to the visual elements in the poster, the copy is also very critical. Therefore, next we need to organize the information, divide the text information into main information and secondary information, and then arrange and describe the main title first.

, and then do other content.

4. Font annotation: Choose an appropriate font according to the temperament of the project, and then put the name annotation of the font used in our poster design.

5. Prototype production Finally, we can make a prototype display effect for the poster. In this way, after submitting the plan to the customer, our poster effect can be realistic and delicate, and it will be easier to win the favor of customers.