Photoshop Tutorial: The design of light fonts

Source: Internet
Author: User
Tags final reflection requires
This tutorial is simple, beginners are easy to understand, but I would like to remind you that the tutorial will eventually have more than 60 layers of text, which requires your computer has a large number of available memory.

In this tutorial, we'll use basic Photoshop tools and layer styles to create this effect. This tutorial is simple, beginners are easy to understand, but I would like to remind you that the tutorial will eventually have more than 60 layers of text, which requires your computer has a large number of available memory. Let's go into the tutorial and start learning.

Step 1
Create a new file with 2000x1200 px. Then use a new gradient adjustment layer to make a linear gradient, from the bottom (dark gray #464646) to the top (black #000000) through. This will be our basic background.

Step 2
Create another linear gradient adjustment layer on top of the previous layer and choose the color of the rainbow yourself. Here are some colorful presets that you can select on the gradient palette or create yourself. The set layer fill is reduced to 25%. Then set the blending mode of the layer to color.
Tip: When you set the blending mode to color, the layer only affects the color of all the images underneath it, without affecting its brightness/darkness.

Step 3
Finally, create a gradient adjustment layer on the previous two layers. This time with a radial gradient. Sets the color from black to transparent (100% to 0%).
If you see black covering the center of the image, then apply the reverse. Make the black around the edge of the canvas. Set the opacity of the layer to 65%. I moved a bit of the transparency slider to get the effect I wanted. (see chart below)

Step 4
Now it's time to start working on the text. Click the Type tool (T), and then enter your text, which I entered is p. Then use the Transform tool (click CMD + T) To change the letter, adjust it until its size meets your requirements. Click the text color box in the property bar to select Black. Sets the blending mode of the letter layer to be a color. This letter will be gone.

Step 5
Double-click the right side of the letter-level name in the layers panel to eject the layer style panel. Set an outer glow and stroke on the layer and set it exactly as shown below. Now you'll see the very vague image of the letter.
Take the first letter as an example and repeat the same steps for all letters.

Step 6
Copy the letter layer. Select the Type tool (T), and then change the font on the new layer. If the new font is not in line, use the Free Transform tool (CMD + T). Make sure the letter's baseline is in line. You can move the anchor point to the baseline.
Now do this step 20 times, each time using a different font. I choose to use different fonts that are all of a small body. You can also use other fonts that you like. (This step needs to be carefully pondered)


Step 7
Select all of your text layers. Then click (CMD + G) to merge them. Copy this group again. Drag them where the next letter will appear. Now there should be 2 groups in the Layers panel. Close all the letter layers in the new group (click on the small ' eye ' at the front of each layer).
Now select the Type tool (T) to modify the individual letters. Then press your mind to change the letter, I do is S, and finally, close the S layer. Then do the same thing with the next letter (this time I'm doing D). Repeat it until all the letters in your new group change, and then reopen all the layers.
Repeat this step for each new letter.

Step 8
Select the elliptical marquee tool and draw a very thin oval on the base of the letter. Then select about 20px of feathering. Enter Quick Mask mode (Q). Then go to filter > Blur > Motion blur. Set angle of 0, length is 700px, click OK. This gives us a good left and right side fade effect. Then exit the quick Mask mode (Q). Now, make a curve adjustment layer below the group of alphabetic layers above the gradient. Then apply the curve as shown below. This just adds a pedestal to our letters.

Step 9
Create a new 300px * 300px file. Double-click the background layer to activate it. Double-click on the right side of the layer name to open the Layer style panel. Apply color overlay to darken the layer. Then add a white inner stroke to create the edge. You can refer to my settings in the figure below. Go to layer > flatten image to plane image. Click CMD + A to select all and then edit > define the pattern.

Step 10
Go back to other documents. Create a new blank layer above the graph layer. Go to edit > fill, Content Select Use pattern. Then select the black panel pattern at the end of the list you just made, click OK. Now click (Ctrl + T) to change the layer to fit the foreground space (pictured below). Then, (right click/control + click) anywhere in the Transform box to select Perspective. Drag the lower right side of the move lever, you get a good perspective effect. Set the blending mode of the layer to screen, 15% opacity. (the above said half a day is to realize the perspective of this step you should be very easy to do)

Step 11
This is the final step, select the type layer group and copy them. Select a new layer group to apply a vertical flip. Move them below to make them look like a reflection. Select all the reflection groups and put them in the other group. Sets the opacity of this group to 25%. Add a mask to the group (click on the Add Layer Mask button at the bottom of the layers panel). Click the Gradient tool to apply a linear gradient from black to white so that the reflection fades to the edge of the image. (It's a pile of crap, simply a reflection of the alphabet.)

Conclusion
This tutorial uses a number of simple steps and effects to achieve a beautiful light font design. The final image is as follows. If you have any questions, please leave a message. I will answer these questions as soon as possible. Hope you enjoy this tutorial!

Original Author: Kyle Pero



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.