Photoshop Design Cute candy text effect production tutorial

Source: Internet
Author: User
To the users of Photoshop software to explain the detailed analysis of the design of the sweet candy text effect of the production tutorial.
Tutorial Sharing:
First look at the final effect:

First, the text and texture to be used
The font about the candy text is not very limited. I personally recommend the use of round fat English letters, look cute, such as I used here bubblegum Regular. The use of textures, I used a twill, you can also use other textures. In my favorites-textures you can find each big free texture download site to find a texture that fits the font. My personal feeling is that English is more suitable for this kind of style than Chinese, because the structure is more complicated than English, it will appear the whole line is not clear enough, so if the content is Chinese, cautious!
Material Packaging Link: http://pan.baidu.com/s/1ntrOM5V Password: 2ioo
Second, start creating text
Step 01
Open PS, create a new document with a width of 800px high 600px, and set the resolution to 72 if it is only used for browsing on Web pages without printing.

Step 02
You can fill the background with a blue background. In fact, the background color is just for the next need to create text. At this point, you can use bubblegum font in the middle of the canvas to write your words, such as I wrote here "Sweet Dream", of course, this is to the occasion.

Step 03
Copy the two layers of text layer, and then reduce the fill of the copy layer to 0, I believe that my classmates will remember once in the "PS Novice Tutorial!" to teach you how to draw a crystal button. The impression of a reduced padding of 0 is already in place. And here, we're doing this to add a high light to the text. Let's wait until the end of the tutorial.

Three, endless layers of style
The layer styles we're going to use here are "endless", and for beginners it must be a blind spot. This blind spot is not not unaware of how to use, but to the principle of which and complex causal relationship to straighten out the weakness, in order to solve this blind spot, my view is, practice! Experience wisdom. As long as we operate more, we will be able to understand the meaning of these parameters slowly, instead of memorizing and then putting into practice.
I'm going to show you my operation parameters and the effects of the application parameters step-by-step. For each step want to learn a lot of beginners and combine their own operation practice.
Let's start with "sweet."
Step 04
Apply pattern overlays to layers. By the way, let's put a twill pattern on our white text. This step is relatively simple. You can see I'm adjusting the zoom to 10%, which means that the feature can scale the pattern.

Step 05
To increase the three-dimensional sense of the time, the first step from the "bevel and relief" start. You can see the "Bevel and Emboss" parameters panel, which divides the structure and shadows into two parts. Structure as the name implies is the overall three-dimensional shape, such as the depth of the object set. In the beginning of this one, you have to virtual a light source of text, so in the mind know where should be the shadow where the high light. You need to manually adjust the gloss contour to make the depth of the edge feel more layered.

Step 06
To the parameters of the pattern of "contour", we slightly modify the depth of the form. At this point, we also need to manually set the contour curve of the contour.

Step 07
"Texture", on the basis of our pattern overlay, and then use a layer of texture, this layer of texture to add more subtle texture to the text.

Step 08
Next let's apply the "inner shadow" effect. The blending mode of the shadow in its argument panel is set to white "color Dodge", which should be in the opposite direction to the light source we set in step 05, in order to show a shadow. While the shadow here uses a relatively high light effect, others are created using the depth of the edges, reinforcing the sense of transparency of the overall effect.

Step 09
At this point, we want to make the high light region also become more transparent, the light is stronger. Then we're going to take the "inside Glow" style. Usually, the inner shadow and the inner glow are combined together. The inner Glow parameter panel lets us set the blending mode to "linear Dodge" first, and the color can be used in dark brown gradient shades. The color selection is compatible with our pattern of colors.

Step 10
To the text of the whole add "gloss" effect, here need to note that the luster of the color also need to match with yellow, for a light yellow. When setting the angle, keep in mind the location of your virtual light source.

Step 11
Since here we see the text after several high light effects the details of the texture are not clear enough, at this point, we need to make the details more prominent, the practice is to apply the "color overlay", the superposition of mixed mode into a "multiply", in order to highlight the details, but not too dim.

Step 12
In order to make the text more stereoscopic, we can apply the "gradient overlay" to it, the purpose of the gradient overlay is to deepen the top of the text and the bottom, so it is necessary to note that the gradient mode is the use of a symmetric gradient.

Step 13
The last step adds a shadow to the text. The light position of the shadow also needs to be handled with care.

Four, add high light
Remember our copy layer? Padding is reduced to 0, but adding layer styles to it is still valid. At this point, we open "sweet" in the layer style of the copy layer "bevel and emboss", add a high light to the text. At the same time, the contour becomes curved, which adds a rounded sense of the high light on the text surface.

Final finished product:

Copy the layer styles of these two layers to another line of text, and then modify them slightly, and the final effect is as follows:

Well, the above information is small set to you photoshop this software users to bring the detailed design of the sweet candy text effect of the production of a tutorial to analyze the full content of the share, you see the users here are now very clear to make a tutorial it, Then you go to follow the small part of the tutorial to make their own test results.

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.