Photoshop Ultra-detailed typesetting tutorial for beginners

Source: Internet
Author: User
To the users of Photoshop software for detailed analysis to share a super detailed tutorial for beginners layout.
Tutorial Sharing:
The second part of the beginner's typesetting tutorial, which focuses on picture size setting, background padding, layers, layer groups, and PNG knowledge, will be a novice to learn about this knowledge. Tutorial directory; P1: Picture size settings: Picture size setting/size definition/photo common size table P2: Background fill: Color Fill/Pattern fill P3: Layers and Groups: the relationship between layers and layers; develop a good habit of grouping operations. P4: Brush Application: Brush installation and use of the method. P5:diy PNG Map: Introduction to PNG, how to make PNG P6: Ruler spacing puzzle: Set spacing puzzle. P7: A nice simplified character generalization: a common font example. There are a lot of deficiencies in the last tutorial, thank you for your tolerance and support ☆~ I will continue to work hard ah ~>_<~ everyone's DMS and message I have seen, for people do not understand where I made a summary (づ ̄3 ̄) old so have this second typesetting tutorial ~ (???) /~ is a supplement to a place that was not mentioned last time. If there is a better way, please share it in the comments.
Let's make progress together. ☆~
Settings for picture size
DMS has a small partner who says the picture is big after the puzzle, cause the computer is very card, so the picture size setting is also necessary, here I only provide my personal settings picture size habit, but does not mean that you want to be exactly like me oh, I set the principle of size, enlarge the details can be seen very clearly, Generally for 2-5m.
The following figure we create a new picture. (We also teach you another jigsaw puzzle.)

The following dialog box appears:

American Standard paper is the A4 standard size.

Picture size I am generally not less than 15.3M, and then click OK.

If you want to put the puzzle in this picture, drag it directly into the picture,
Similarly, setting the picture size is the same.

Change the width of the time:

Time to Save:

The computer calculates the height that does not change the width of the picture, and the size of the scale is very convenient. If you want to change the proportions of the picture, you can use the cropping tool. Save when there is no image size display value so large, according to your operation within 5M. When you do this, your computer should not be stuck.
Definition of dimensions
Easy to understand: size, such as 800*600 bar, know the size can calculate the size of the pixel, such as: 800*600=480000, that 480000 is pixel, you can take a long picture as a matrix, size is the length of the number of pixels, the width of how many pixels. The pixel size is the total number of pixels in the matrix.
Photo Common size:

Background fill
It's a pattern that changes the background. I personally prefer a simple background, after all, is to add text on the above, if the background is too complex, people will see the eyes of the flower bar, I like to fill the color directly.
The operation is as follows:
A new blank map, which has already been said, is not detailed here.
And then "Fill"

Then dot the color will jump out of the right this dialog box (color picker)

Choose the color you like.
If we want to customize the picture to do the background:
The first step: open a simple picture.

Step two: Edit-Define the pattern.

Step Three: Point determination.

At this point you will find that this is the way it is.

So it's not finished after this step. Oh, go on: trim-fill-pattern-Select.

Fill

Pattern

Choose the pattern you want:

If the layout is not enough background, it does not matter, the background layer can be filled repeatedly, as long as the above operation can be repeated.
The concept of a layer
In layman's terms, a layer is like a film containing text or graphic elements, and a sheet is stacked together in order to form the final effect of the page. Layers can position elements on a page precisely. Layers can include text, pictures, tables, plug-ins, or nested layers inside.
The concept of a group
At the bottom of the layers panel is an icon like a folder (below), click to create a layer group.

Layer Groups act like folders, grouping similar layers together for ease of management. For multiple layers of the picture, the general use of layer groups to manage, easy to read, but also for multiple layers to use the same edit command. You can hide and display, move, and change multiple layers at the same time.
The relationship between layers
The top and bottom relationships of two layers are determined by the order of the layer bar layers. Take the background layer as an example, it is located at the bottom of the layer, so it is the background, similarly, the closer to the background layer, for its own above the background of the diagram, for example:
The plane's layer is in front of the computer layer, so the computer layer can be seen as the background of the plane layer, the plane layer will cover the top of the computer layer.

What if you want to move the two layers at the same time?
Hold down the control or CTRL key and select the two layers with your mouse, right-click the mouse, and then click Merge Layers
Note: Do not point to "merge visible layer", otherwise all layers will be merged, so the later changes in the trouble. Just merge the layers you need to merge, and then use the Move tool to move to the right place.
Tips: Save the time, you can directly point to "merge visible layer", directly save, remember in addition to save the final JPG format, but also to save a layer containing all the information of the PSD format, easy to modify later.

The relationship between layers and groups
After setting up the background layer, we often have to add text and pictures in typesetting, in the PS each picture is a layer, sometimes set travel notes or homework and so on may have hundreds of pictures, so we use the "group" to these pictures and text collation, the idea is not confused, want to change also can not start. I hope we all develop a good habit of grouping.
For example:
In the course of making a tutorial, I will make every picture psd, here to review the concept of PSD, PSD/PDD is Adobe's graphic design software Photoshop special format. PSD files can be stored in RGB or CMYK mode, but also the ability to customize the number of colors and store, you can also save Photoshop layers, channels, paths and other information, is currently the only way to support the entire image color mode of the format.
Take this tutorial picture for example

Drag into the group directly after the picture is placed:

After the grouping is complete, the PSD becomes very organized, easy to modify later, this is my usual group, it is recommended to name the picture and then import, because PS must point to the layer on the right layer bar, in order to move and other operations, after naming, later modify the time to find out which is a picture.
The concept of brush
A brush is one of the tools in Photoshop, which is a preset pattern that can be used directly as a brush.
Brush installation, see map operation: (Point Brush Tool, point tool properties set Brush, point small panel of small gear, point load brush.) )

A good brush in advance on the Web, click Open.

Brush usage: Create a new blank background and then tune the brush out.

Modify the color of the brush.

Set the foreground color for the color you want. Then choose a brush you like, I choose the star pattern Brush, and then click on the background. The effect is as follows:

Then you can change the settings inside the brush to feel, such as I adjusted the spacing, and then use the star brush to draw a curve, spacing of 1%, the effect is as follows:

When the spacing is 115:

Can a millionaire find out that the picture in the lower right corner of the drawing and brush tool is similar? In fact, the bottom right corner is a preview of the curve you drew with your chosen brush. The rest of the settings you can change their own, can be very intuitive to feel the role and effect of each setting.
Tips: The wrong painting can be directly wiped off with an eraser. The prerequisite: The eraser setting has the same background color as the background you use.
The concept of PNG
PNG, an image file storage format designed to attempt to replace GIF and TIFF file formats while adding features that are not available in GIF file formats.
The biggest difference between it and JPG is that JPG has a background, PNG has only the main body

The production of PNG
There are a lot of times when we find the nice pictures on the internet and their format is not PNG, what should we do? At this point we'll take advantage of the last-mentioned cutout.
Open a picture and use the Magic Wand tool to select the part of the pink background.

Then shift+command+i or shift+ctrl+i the reverse selection, click the Adjust edge, click the smart radius.

Then click on Shift+command+j (win:ctrl+j) to copy the layer, the background before the small eyes removed, save the picture.

Review the way you save your pictures once again:

Finish effect:

Use PNG's method and JPG's, just drag into the picture inside is good, no longer demonstrated.
The puzzle of equal spacing
What we need to do is to put the pictures you want to spell, all in one folder, and cut to the same proportions.
Then pull up the ruler:

The first method:
View-Ruler (Ctrl+r),
After the screen shows the ruler, you can use the left mouse button to drag the tick-mark line to the position you want, the distance you can refer to the ruler (put the General Assembly more accurate), you can directly use the selection tool to move the auxiliary line, the auxiliary line to avoid inadvertently moved, you can: View-lock the guide line.
The second method: View-Creates a new guide, and the new guide position is very accurate.
Here's a second approach:

PS Auxiliary line how to use
1, from the horizontal ruler or the solid ruler can be dragged out of the auxiliary line, the drag process in the ALT key can temporarily switch the secondary line.
2, in the upper left corner of the area hold down the mouse can drag the cross guide.

How do I clear a guide?
Place the mouse over the ruler line and drag toward the ruler line, as shown in the following illustration, and drag outside the ruler line.

Another method: Delete the action directly, the history of the action panel out, pull out, select the appropriate action to delete.

Well, the above information is a small series of Photoshop for the users of this software to bring the details of the detailed and more suitable for beginners typesetting tutorials to share the whole content of the you see the users here are very clear now, I hope to give you the novice to bring useful help.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.