The front-end personnel must master the PS skill

First, PS and the front end know how much

Generally we will think that PS is used to modify the picture, these work is the artist does not do the front-end personnel to do, in fact, so think you are wrong, because in front of the staff is also to learn some simple about PS skills, so it should not be a little bit of demand is always in charge of the artist's colleagues to help you change a little , and this will also improve your productivity. In my opinion, in fact, the front-end personnel need to master the PS knowledge generally have such some: cut diagram this is necessary, but also the weight of this article, and then the corresponding changes to the picture, roughly the front end also need to master these PS content is enough. Unless your company has no artists or bosses who want to save money and art, everything is done by you.

Second, transduction

Transduction this believes that everyone should know what it means, there is not much to explain. If it is for people with more relaxed images, use the FastStone tool directly. But this cut out of the picture is generally very inaccurate, and we have not noticed that this cut out of the picture background is not transparent. As a perfectionist to me. Is sure not to use this method below we will learn what methods can accurately cut out the picture.

2.1 Automatic Cut Chart

Automation as the name implies is not to use our manual to operate, through the computer script to help us with the cut graph, the benefits of doing so is very accurate and convenient. But if you cut a lot of pictures when it is very appropriate, but if only a small portion of the image cut. It is recommended that you use the following manual cut chart

1, the steps are as follows: first open a PSD file, it is emphasized here must be PSD file. Because the script runs on a layer, only the PSD file has a layer.

I am using this picture below, the picture material is below

PS: Bloggers are not advertising dogs, who would like me to write blog by the way the propaganda of their products can also private chat ha

Material milk.psd:http://pan.baidu.com/s/1kvzyy5h

1. The first step is to choose as follows:

2. The second step parameter is as follows:

One of the special things to note here is that the first red box must be in English, because the blogger is using the CS5 version, so the settings will be wrong and the other versions will be unclear. In order to avoid errors, we use English name, the second box I recommend PNG, because PNG support background transparent, this helps us to do automatic cut graph

Finally we open the following in the Test folder after the run, and the picture background is also transparent

Is this cut out of the picture is both beautiful and convenient? But this is the test of computer computing ability, and sometimes PS software will also appear suspended animation phenomenon, so in the time to do the cut chart we need to make a trade-off between the artificial time and computer time, after all, not everything is automation is good. By the way, the file prefix name can not be a Chinese character, this blogger is to forget, we will do it.

2.2 Manual Cut chart

Here the manual transduction is based on PS software to achieve, even if the manual cut, PS software is still much better than the direct use of tools such as FastStone, because the PS software has a layer of distinction, so the layer will capture the boundaries of the layers to achieve automatic capture of the function (sometimes can not be automatically captured )

Take the picture above as an example:

First we should pull the reference line from the ruler, and if there is no ruler we can check the ruler below.

After pulling the ruler reference line, we select the Slicing tool (do not know their own Baidu), select the above, as follows

this time we will find that the middle of the font and milk are divided into a few parts, but we want to maintain a whole, what about this? We can right-click on the slice that you want to synthesize a whole, and select Delete Slice. So that we can synthesize a whole.

PS: Because the middle of the font is too small, we can use CTRL + "+"/ctrl+ "-" to control the zoom in or zoom out

We make the selection as shown

Click Save As, so your work is good, the rest is the computer thing, waiting for the result can be.

Iii. Summary

Originally thought about some of the relevant beautification of what also write, but feel so irrelevant, today we are to talk about the front-end of the application of PS, if beautify what have done, then not rob the art of the rice Bowl, so master transduction for a front-end engineer already enough, And many of the company's transduction are done by the artist, the total sentence, the front-end engineer code to write what yarn is not

The front-end personnel must master the PS skill