Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "what are the knowledge points used for front-end cutting in PS". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

PS is the first choice of Web design software, he focuses on the secondary processing of graphics, mainly in the color, through layer processing overlay effect to achieve a variety of different dream requirements, overlay is not very familiar, even inside the css can be cascading. It's just that ps is faceted and css is logical, from top to bottom. The magic of PS is that the inconsistency of each parameter leads to inconsistent results, which also makes many non-professionals think that they have the cell or illusion of design art, thinking that they are a design prodigy, thus choosing the wrong industry, so there are risks in the design industry, so you should be cautious in the industry. Like AI, CorelDraw focuses on the creation or editing of modeling, like CAD is the relationship between points, lines and surfaces, 3DMax is the physical relationship of space, Flash is the relationship between space and time, and so on. And among these design software, only PS can fully simulate the real scene on the Web page, although the font sometimes has a slight deviation in performance. FireWorks has also stopped developing or updating new versions because of too many market share or PS coincidence features. This is the inevitable result of a company's strategy or market competition, and individual users cannot influence it.

1)。 Basic information:

Take the layer as the main editing object, through the editing of different layer details, make the overall effect more gorgeous or changeable.

Take tools as the main editing means, through the combination of multiple tools to meet most of the editing requirements.

Through the combination of filters, showing a lot of good results, so that civilians can also participate in the Internet hype in the army can not dial on their own, at present, PS has changed from a noun to a verb.

When cutting pictures for the front end, pay attention to: optimize the cutting process, improve the cutting efficiency, and increase the competitive advantage of posts.

Specific experience sharing: modify the shortcut keys of PS to make it conform to the habit of front-end operation and improve work efficiency on the side. Thus, you can modify the shortcut keys of other software, improve work efficiency as a whole, and increase employment capital or confidence.

The picture format, that stuff.

Generally speaking, novices do not pay much attention to the performance of the page, and the performance is easy to appear on the picture. How to deal with the picture in a large page is one of the necessary skills in the front end.

Generally, the format that is widely used is: gif,png-8,png-24,jpg. Novices often confuse the difference between png-8,png-24.

According to my experience, there is little difference in gif,png-8 below 4k, 4k-100k: png-8,gif is dominant, and more than 100k decisively is jpg.

Png-8 does not support alpha transparency and requires a JS or transparent filter to handle it under IE6.

The picture format and design thing.

Web performance optimization: picture optimization

2)。 The expansion of ideas to improve the efficiency of cutting pictures:

In the modification shortcut mentioned in the previous point, share some of the shortcut keys I modified (with the disadvantage of changing this shortcut key, you may not be able to use it on a different computer, unless you are familiar with remembering two sets of keyboard shortcuts, that is, modified ones, or original ones):

New layer: F1

The frequency of use is relatively strong, so put it in an easy place.

Create a new file: F2

Second only to the new file, but also a key that is used more frequently. Because the cut image will separate the layer from the original layer many times, the shortcut has been changed from two keys to one button. And effectively separate the characteristics of left-handed and right-handed operation, let the keys with high frequency start from the left as far as possible. The following shortcut keys are optimized or set according to this idea.

By screen size: F3

By canvas size: F4

These two key operation ideas are mainly learned from CorelDraw,CorelDraw is an excellent print advertising design software, mostly used for business cards, packaging design. This is a Canadian Corel product, and another famous painting software of their company is Painter.

Save in web format: F5

Optimized from the original 5 keys to one button, there is also a process to store pictures through Ctrl+Shift+S, which is obviously too many steps and a waste of time. Those who are interested can make a comparison.

Crop command: F6

From the original 3-key optimization to one-button, the other is the cutting tool (C), the cutting tool is more destructive to the whole picture, and it is not easy to control, especially in the PS version upgrade. This command is relatively lightweight or convenient.

F7, F8, F9 remain the same.

Convert to RGB mode: ctrl+=

Because Gif is indexed and has less color information, if you want to edit it, you have to convert it to RGB mode first.

Create a group from a layer: ctrl+

As a new designer has no experience, a design draft is not divided into layers. In fact, a reasonable layer group can effectively guide the front end, so this shortcut key is mainly to solve this problem.

Free transform: F10

Change the content

The front end is mainly for editing existing PSD files, so these two keys can be taken out separately.

Transform selection: F11

Transform the border

Brush: F12

Because the front end is not like the designer, it is only a cut to the PSD, while the designer focuses on the process of creation. Therefore, the dependence on the brush tool is not very great, moving from the original F5 to F12.

Copy layer Ctrl+ / original location in the menu bar: layer-> copy layer

This shortcut allows you to quickly copy one or more layers from the original PSD to a new file.

Demo:

3)。 There are several ways to cut a picture:

Slice (k):

Advantages: the ability to remove multiple images at a time.

Disadvantages: need to take a step back, reduce efficiency, easy to produce unnecessary and useless pictures

Selection (first use the selection tool to draw a range, and then crop):

Advantages: precise area, single target

Disadvantages: need to take a step back, easy to misoperate

Copy (Ctrl+C):

Advantages: copy a single layer of content to a new file, can quickly remove the picture.

Disadvantages: it is not easy to find the corresponding layer.

Merge copy (Ctrl+Shift+C):

Advantages: copy the contents of all visible layers to the new file, you can quickly remove the image.

Disadvantages: it is not easy to find the corresponding layer.

This is the end of the content of "what are the knowledge points used for front-end image cutting in PS". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.