Photoshop image processing techniques related to web design 8

@ Nyiragongo Spike PS is one of the most famous software in the field of design, and it is the artifact of beauty. As a web designer, I have studied PS in school, but I have graduated two years ago ... Years like knives, knives and knives urge old ah ... Today's continuous evolution of PS, derived a lot of new features, and I, also with PS growth, learned a lot of new knowledge ~

In this article you will learn 8 PS tips that I regret not having learned at school (hopefully some of the features in early PS). These skills can help you improve your work efficiency, not working overtime is no longer a dream!

One, simpler than illustrator--layer automatic selection

When I do logo or UI design, I'm not hiding a layer, I'm a big fan of illustrator. One of my favorite illustrator features is that no matter what you choose, it will be displayed directly in the work area, and you can click the thing you want to edit, and it will be selected.

But in PS, if you want to choose what, there are three ways: 1. Go to the Layers panel to choose; 2. Hold down CTRL and click the left mouse button to select 3. Right-click to select the layer you want (if there are many layers, God forbid you can find it ...) ）

Fortunately, there is a illustrator-like tool in Photoshop--automatic selection. When you select a Move tool in the toolbar, the options bar above will be marked with a "auto select" and a Drop-down menu, which will automatically select the Tick and drop down menu to select the layer. Oh, now you try, whenever you can choose a layer of freedom ~

And then to the left, is to display the transform control options, if you want to change the shape of the picture, size, you can select it.

If you want to select multiple layers at the same time, simply draw a rectangle to wrap all the layers you want to choose. (or operate under the selection tool OH)

Second, better and faster control of the type of tools you use

One of the common ways to change the tool size is to select it in the Drop-down list in the options bar, or right-click. But but, there is a way that allows you to use only mouse and ALT keys, more precise adjustment tool model, Are you ready?

The tool is very simple, first hold down ALT, and then click the right mouse button, you will see a red circle, this is the size of the tool you use now, move around can adjust the size, move up and down to adjust the hardness. This method is suitable for all tools that can adjust size and hardness.

Three, many windows to use up.

If you have browsed the Window menu, you will see "Arrange" > Create a new window for "* *", which will open a window for your current file. The advantage of doing this is that if you draw in one of the layers of a window, the other window will have the same change ~ simply, this is the two identical view of a file.

&%￥......# you want to ask me why you want to open a window for a file? In fact, this is ...

If you are going to make a file that will be used both as a webpage and as a printer, will you adjust the mode to CMYK? Don't worry, you can still make files in a reg environment and preview them in a CMYK environment. Method: Click the window > Arrange > to "* *" Create a new window, and then Ctrl+y.

Now you can continue to use the Reg environment, while looking at the CMYK environment color.

Another use: When you are using the Mask layer, press ALT to click on the mask layer, and the selected layer is displayed separately. You can't work on this layer, and you don't really have to see what you're doing.

Now we can open a new window for the file, compare the layers above with the mask layer, so that we can look at the picture in one window and see the result in another window.

Four, let go of me big clip mask!

Clipping masks are often useful in the complex functions of PS, which allow one layer to be nested in another. Basically, the clipping mask will only affect the layers underneath it, and we can look at the following example.

First create a new text layer, and then creates a blank layer to clip the two together. Use a brush to draw some patterns on the Layer2, you will find that you can only draw in the place of the text, if the release of the clip mask, the magical thing happened: the original can not see is not no painting, but hidden ~

Creating a clipping mask is simple, you just hold down ALT and click Create a new layer, and then check "Create a clipping mask using the previous layer", or use SHIFT + CTRL + N to do it.

Five, a shortcut! --Create a selection for a layer or mask

Holding down the CLRT key and clicking on the layer thumbnail, you will create a selection of the text or shape in the layer, as shown in the following illustration, which is handy for selecting text and intricate shapes.

The best part of this technique is that it works not only on layers but also on masks. You can try it on the vector mask.

Vi. manipulation of deformation

When converting a picture with a manipulation transformation, just click Edit > Manipulate the distortion, and the picture will be divided into small pieces by a lot of lines. You can place a Pushpin on each line connection point, and in a picture you need at least two pins. The movable pushpin is yellowish black, and only yellow in motion. With manipulating variants, you can move parts of a picture, by placing a Pushpin in a position where you don't need to move, pulling the area you want to transform.

The picture below is a spoof, the author belongs to the United States personnel Mr G ' s travels, and great China Pure and good people have nothing to do. Name: The graceful American Luo shen.

To delete a Pushpin, press ALT and click the pushpin you want to delete. PS, hold down the ALT key, movable (external Huang Lihe) Pushpin will appear a big circle Oh ~

Use "style" to store preset effects

Another tool I like in Illustrator is the "Layer style" panel, which allows you to save any elements or styles you create. This works well for GUI design, allowing you to directly use some of the small things you create. This function can also be realized in PS ~

When you're done with the projection, the inner shadow, and so on, Emma suddenly sees a new style on the right side of the Blending options box! Yes, you found the new big deer ... Click it lightly to save your production.

Another option is to select a layer that has the style you want to store, open the style panel (or look for it in the Window option), and then click the new style (same as the new Layer icon) and save the last.

In this panel, you can see the styles that you have stored (and the PS-band style of the Dead ones ...). ）。 Come on, try it, select a layer first, then two ways to go:

1. Choose the style you want to apply
2. Drop-down list in the options bar, the selected item appears, and the rectangular transform tool is your Aladdin's lamp.

Another feature of the style is the ability to store, share, and download, so that you can build a complete style pavilion and how do you export these styles? Method: Open the Style panel, click the dropdown option on the right, and select the preset manager, where you can store your style. There are no options by default, you have to select all the styles you want to store, and you can use the same panel to load other styles.

Refusal to cancel, use reset instead

To be honest, I think a lot of veteran will not know this hidden function. In the novice phase of the guys must feel that the curve and color adjustment is difficult to grasp it, sometimes some color bands or other adjustments can not be very good integration, which led to the designer had to start again. The popular response is: Click the Cancel button, or reopen the adjustment panel.

But here is still a little time-saving tips ~ when you want to redo a curve, do not click the Cancel button directly, hold down the ALT key, "Cancel" will instantly become a "reset" things ... Click Reset and the curve will return to its original state.

Conclusion

To sum up, a lot of things can be done with PS simple. Hope you can like these 8 tips, if you have, do not mean oh ~ Welcome to the comments below to share with you ~