A simple tutorial on self-editing Photoshop

Because of the degree of interest in graphic images, PS and AI play can be. So there are always a lot of people who ask me to help with some of the pictures, either at the undergraduate or graduate level. I remember working that year when I was in a big project, I helped the CRI staff deal with a lot of pictures in the project. After the examination in the North also because of this small skill and give girlfriends their chemical laboratory's small partners on three times Photoshop picture processing class. Help a lot of people, sometimes very much want them to come to me for help when I deal with and teach them how to deal with a picture of their own requirements. Oh, the idea seems to make people think I'm a little forced, in addition to doing academic writing and interface development related to the other people may also be used so many times. And then maybe you'll never get it for life. I'm the one who asked me to help. I will do my best to help. There is a small phenomenon also let me embarrassed, a lot of classmates friends let me help. Are you the first to ask me? Are you free? ... I see what is the matter, and then every time said: Next time I do not have to reply, the need to say clear and then the information to me, I see will be processed, work and study very little internet. And then they ask me next time they're not here? Then wait for me ... Alas, I think I am such a person, I like to help people very much, because I think it is a happy thing to help people, I do not think that the trouble or anything else, because it is not a matter for me, to help others themselves and happy. Isn't that a very good thing?

Writing this small article is also the feeling that this is the most commonly used and useful things in our daily life, we hope to help you. it's all right. No more nonsense. Let's start!

basic knowledge about pictures

• Related concepts and common sense

======================== Pictures Related =============================

1. Image format

Bitmap: It can also be called a pixel chart. The smallest unit of composition is a pixel, and when zoomed in, the bitmap will find that the image is made up of a block of different blocks of color, which is a pixel.

Usually the photos we take with our cell phones, digital cameras, etc., belong to bitmaps. Our Photoshop software is also a bitmap processing software.

Vector diagram: It often meets with bitmaps and makes people confused. Vectors are images that are represented by geometric entities, such as points, lines, or polygons, based on mathematical equations, using graphs.

Vector images can be infinitely amplified without distortion. Vector images can only be generated by software. Adobe's illustrator illustration software is a production vector diagram software.

Save format: The most frequently used image formats (all bitmaps) are, JPG, PNG, GIF, BMP, Ico;jpg, also known as JPEG, is a high compression, image quality loss of a larger format; PNG uses a lossless compression algorithm. And its file size is much smaller than the JPG, it supports the alpha channel mode, can be transparent (Ps:qq screenshot of the format is in PNG format). GIF is a dynamic picture format, it is lossless compression, supports 256 colors (i.e. 8-bit color, the following will explain what is the color mode) and a single transparent color. BMP does not use no matter what compression, so its file will be very large. The use of the network is very small compared to the previous one, ICO is an application icon format, application development will be used, others are very rarely used. Popular formats in the network are JPG, GIF, PNG. Today's popular mobile development such as Android development in the image format is also mostly in the above format.

2. Picture mode and bit depth

Bit depth: bit is bits. is the smallest storage unit of the computer, which is used to store a pixel in the image domain.

So the more bits, the richer the color. 1bit is a pixel on the 1-bit color, 8bit has a bit for the color, containing 2 of 8 256 colors (also 256 gray level, such as white to Black will have 256 gray color as the transition color); The larger the bit depth the richer the color, so the picture size is also very large. The formula is: the resolution of the image * bit depth/8.

RGB mode: Most widely used, RGB is the primary color red, Green, Blue. By setting different values for three color channels and then getting different colors, the color depth has 1 bits, 8 bits, 16 bits, 32 bits;

CMYK mode: Assume that there is no printing aspect involved. In our daily life very rarely involves this model, it is the best printing mode. C means cyan Cyan, m for magenta magenta, Y for yellow yellow, and k for Black;

Index mode, Lab mode: These two patterns are almost never involved. But here's a little bit of a note about the indexing pattern: The first thing we do when we open a picture with Photoshop is to see what color mode this picture is, and some filters, exposures, saturation, and so on, are not available because of the assumption of indexed patterns.

3. Image size

Image size is also the first problem that must be clarified in the image processing. This is directly related to whether the processing to meet their own needs, at the same time some sites on the upload photo resolution, length and width of the most important limit size, etc., so this is very important.

The size of the units: pixels (also points), centimeters, millimeters, often used for pixels.

Common size Requirements:

ID Photo size: 358 pixels (wide) x441 pixels (high). Resolution 350DPI. The photo size is 26mmx32mm; color mode: 24-bit RGB true color.

1-inch passport Size:: 35mmx25mm in 5-inch photo paper (12.7x8.9 cm) in the row 8.

2-inch passport Size:: 35mmx49mm in 5-inch photographic paper (12.7x8.9 cm) in 4;

Image size Calculation: Image resolution * bit depth/8;

=======================ps Software related ============================

• How to create a new file that meets your requirements

Through the above explanation, how to create a new document to meet the requirements is not difficult it? Before you start, figure out: What size (resolution) do I need? Are there any restrictions on my photos? If so, what is the smallest size, and how big can it be?

For the limit size. You can tell by the picture calculation formula, there is a bit depth one. So the same resolution chooses different bit depths to get different sizes. So this is also a small skill oh! So if I set the required resolution and the appropriate bit depth (usually a minimum of 8 bits). But my picture is still very big does not satisfy my processing request, how to do? Don't Panic!

Before we do the other things first, we'll explain this when we're done with the last step of saving. To the last save. There will be examples such as the following dialog box (in the case of Save as JPG format, other formats such as GIF do not have such settings):

We are able to choose quality (Low, medium, High, best) or can also set the value directly, you will preview this Checkbutton on the right side with a 68.9K value below. This is where the picture size appears after you set it. You can set it up here.

a brief introduction to Photoshop's various menu pieces, tools and other functions

• Some of the most frequently used menus

NEW: This is often used to create, open, store, and store as. We all know that ha, will not say AH;

Edit: This menu and the upcoming Image menu make the most of our long-used menus, so after you read this article you will be able to carefully understand the two menus.

Among the most commonly used are: forward (ctrl+shift+z), Rewind (ctrl+alt+z), Fill (shift+f5), stroke, free transform (ctrl+t), transform (shift+ctrl+t).

Tips: Remember that their shortcuts will make you more comfortable with your work, and let others see what you think you're really good at B. Transformations and free-transform functions are almost identical. If you need to rotate, flip, pivot, deform, and so on, you can right-click the mouse. This is the function of the popup menu and you press ctrl+shift+t.

Image menu: Frequently used patterns (RGB, CMYK, etc.), adjustments (exposure, hue and saturation, etc.), image size (ctrl+alt+i), canvas size (ctrl+alt+c), cropping, image rotation;

Also said before, open a file first to look at the color mode. The general default is that RGB assumes that you are not able to switch through the Mode menu. Let's say you're dealing with a shot of a picture before adjusting the color saturation. The first thing to do is to adjust the exposure, the exposure settings are correct in the color scale, color adjustment, otherwise you will not get comfortable color settings. the special attention here is. Image resizing, regardless of whether the size setting is incorrect or opening an existing picture when you create a new file, you need to set the resolution size again:

When setting the assumption that you want to maintain the original length and width ratio, select "Constrain proportions", assuming that the option is not checked out to size their own definition. Canvas size We use less, its setting is also relatively simple is to change the size of the canvas and other layers do not change size.

Sometimes the picture will have white edges and other unwanted edges we can use the selection tool, select the areas that need to stay and then use the "Crop" menu to crop the picture, image rotation can be said to be the "free transform (ctrl+t)" menu-based function. It can be rotated 90 degrees, 180 degrees, and flipped horizontally and vertically.

The filter menu is the same as the designer used the most, and for others it used very little, here do not say.

• Frequently used tools in image processing

Tick box tool: Make a local range selection, select the area to the ant line, can copy Ctrl + C and paste Ctrl + V, right-click has a transform selection, feathering and so on. Select feathering to set the fade effect, the area color adjustment and so on you think of unexpected operations;

2--Selection Tool: Click the tool to select or move.

3--font: Select to click on a place to enter text, and then the font style is like word processing change is OK, there are separate character forms will be described in the following;

4--Eraser: Just like in the real world, it's not pleasant to erase. Here are two parameters to be aware of. For example, with:

100% when the erase edge boundary is not blurred, the smaller the hardness, the lighter the effect, similar to the feather effect, opacity is set erase transparency. The lower the erase effect the lighter, so you put my good words on another set of thin salsa effects Oh!

5/6--foreground color and background color: Click on the color to color set the box, here teach you two shortcut keys (Note that this may conflict with your other software.) For example: Your QQ): ctrl+delete (fill background color), Alt+delete fill the foreground color;

7--Hand Tool: Double-click the small hands and you will see the toolbar changes such as the following:

You can see four buttons: actual pixel, fit screen, fill screen, print size. The function is just like the literal meaning, when the mouse pointer becomes the hand type. We are able to hold the left mouse button to move the picture (tips: Alt the same time scrolling the mouse to zoom in and zoom out of the picture, after zooming in, the hand type will show his role.) Of course, you can also move operations without selecting the Hand tool: Method One, hold down the space key. Press the left mouse button at the same time to move. Method Two, using the navigation form to operate, the following will explain how to operate);

• Introduction to layers/navigation/character forms

such as the red mark. Can see the character form can set the font, style, size, etc. navigation form can drag the Small triangle slider to the image method and zoom out, when zoomed in can be directly click on the thumbnail image location or hold the left mouse button to move, which is similar to the function of the gripper; focus on the layer form, look at the 123, 1 marks the new file, which is generally used to group layers, so as to facilitate the management of the layer, 2 is a new layer, each imported picture will be exclusive one layer, the layer can understand. He's like a lasagna, with different condiments on every layer of the lasagna. So the processing on each layer is like a lasagna, where each layer of processing is independent of each other. 3 is a garbage site, the function is to delete, to be able to say the new file or layer dragged here can be deleted.

Post-landscaping of images (exposure, hue, stain, beauty, peeling, etc.)

This theme is huge, I am not the art of birth so talk about this may not have a solid theoretical basis, just can simply say, feel good is really good. Menu

As I said before, getting a picture of a shot is the first thing to do is to make exposure settings (insufficient exposure, overexposure). Often used are levels, curves, color balance, hue and saturation, de-color and so on.

Levels: Brightness setting, independent color; left black small triangle block to the right to add darkness, the right side of the small white triangle block to the left to add brightness, in the middle of the slider is to set the midtones brightness and darkness.

The operation of the curve will first see a channel drop-down box with four channel options: RGB, Red, green, and blue. Select the corresponding channel to set, click in the plotting to create an anchor point can set the slip, the diagonal above the brightness, the lower shadow processing. This requires a lot of hands-on ability to understand.

Color balance: This assumes that you have no concept or sensitivity to color. Then you need to try more.

All right, here it is, in fact an article is not enough to say, just can say a probably let everybody have a consciousness. And then I have to deal with the time there is a direction or to participate in the test and will not be overwhelmed, so that my purpose is achieved, hehe!

A simple tutorial on self-editing Photoshop