1024programmer Photoshop Create fashionable 3D special effects words with Photoshop distortion and transformation – 3D three-dimensional words

Create fashionable 3D special effects words with Photoshop distortion and transformation – 3D three-dimensional words

Author:Nik Ainley Source:Digitalarts
This tutorial tells how a photoshop master creates a three-dimensional font with a unique 3D effect , in this process the author cleverly used Photoshop’s masking tools and layers. Let’s learn how to create trendy 3D font effects.
Thanks to Photoshop Extended, using Photoshop to process 3D objects is becoming more and more popular. But if you want to create some unique 3D effects like this masterclass below, you don’t necessarily need the latest version: Photoshop CS and above are enough.
In this article, Nik Ainley, a stylized effects master, shows how to create the image below. The key point is: first create independent character 3D packages of these letters, and then import them into Photoshop for post-processing.


Rendering

Nik used Photoshop’s masking tools and layers to create a style where the characters fluctuate in and out of each other. The surface of the characters also has some hand-made curves and many advanced effects, such as styles, gradients and lines.


Figure 1

01. Start by making individual letters one by one using 3D software (Nik used Xara 3D here), and then import them into a Photoshop file. Keep each letter on its own and place them on top of each other however you like.

It may be a bit clumsy to use this method to make 3D materials, but Photoshop has better control than 3D software, and you will be able to create richer effects. To save time, this article is attached with a PSD source file containing 3D text.


Figure 2

02. One advantage of using Photoshop is that letters can be blocked and blocked at the same time. You’ll need to use masking to separate other letters so they appear to be behind other letters to achieve this effect.

Let’s block out part of a letter by adding a mask layer to the appropriate letter. The next step is to choose a letter that you want it to be at the front – as shown above, we chose the letter E so that it appears to be partially in front of the H.

Press ctrl while clicking on the thumbnail of the layer it is on to select its outline. Use the brush tool to paint the mask layer of H black. It should now look like the bottom of E is in front of H. Repeat with the letters you like.


Figure 3

03. Next, you have to start using lighting and shadows by adding shadows to F. Create a new layer above the letter F layer. Add a mask and make sure the shadow is only cast on the letter.

The shape of the mask must be equal to the shape of F minus the part masked in the previous step. To achieve this step, press Ctrl while clicking on the thumbnail of the layer where F is located, then press Ctrl+Alt+Shift and click on the thumbnail of the mask layer of the layer to obtain the intersection of the two. This should be the same as the shape you selected.


Figure 4

04. Use a large, soft brush – about 70 pixels – to blacken the edges of the letters on this layer that should be shadows. Here, the top is projected by R and the bottom is projected by S. Repeat this process for each layer, and you should finish by creating more layers.


Figure 5

05. After processing the shadow of the letters, we also need to process the shadow of the background. Create a new layer below all the letter layers. Select the outline of all letters and fill it with black. Use a Gaussian Blur on this layer and now use a Warp Transform to pull it down a little so it looks like all the letters are floating above the background. Blur it again and lower the layer’s visibility if the shadow looks harsh.


Figure 6

06. Next, add some more restricted shadows between layers to add depth. Create a new layer above your first shadow layer and use a 50px soft brush to add a bit of black to this layer. Just add until you’re satisfied. Adding more (black) to the bottom of the letters creates the impression that they are vertically oriented.


Figure 7

07. Now start working on the letters. The first step is to separate the front face from the others by using the magic wand or pencil tool.Become independent from your mother. Once you have such a face selected, create a new layer above the letter layer and below the shadow layer.

Fill it with the color you want, but make it slightly darker. If you masked off part of it in the second step, you need to copy the mask layer of that letter to your layer as well.


Figure 8

08. We will use layer styles to stylize the front of each letter. The specific settings depend on personal taste, but the basic settings should be like this:

Inner shadow: color dodge mode, white, 15% opaque, distance 0px, size 45px;

Inner glow: filter mode, white, 75% opaque, size 2px;

Gradient overlay: soft light mode, black to white, 100% opaque, angle adjusted to white above and black below ( For letters)

Glossy: Color Dodge mode, dark gray, 50% opaque, distance 20px, size 40px


Figure 9

09. When you have achieved the desired effect, we will start to modify the edges of each letter.


Figure 10

10. Next, you need to change the color and lighting of the edges, while also making them look consistent with each other.

To do this, you need to use Photoshop’s adjustment layers. First select the mask layer of the F shadow layer, then create a new Gradient Map adjustment layer below the front layer.


Figure 11

11. Now the stack has been implemented to add additional adjustment layers above or below the layer created in step 10, so You can adjust brightness, contrast and color as you wish. Next, copy these adjustment layers to other letters, and then make subtle adjustments to them one by one to get a more harmonious color scheme.


Figure 12

12. For some extra annotations, use Filter>Artistic Effect>Plastic Packaging for the thickness of each letter (reference settings: Highlight Strength 14, Detail 1, Smoothness 14). After applying each filter, fade it to a Soft Light blending mode. (Edit>Fade)


Figure 13

13 Now think about the color overall to make the image feel more harmonious, and add some adjustment layers on top of the image. Start by adding some of the same gradient map as before, using the Soft Light blending mode of the layer and 50% Opacity.


Figure 14

14. Try different adjustment layers to get the right color and balance. Add some Curves layers to brighten, a Photo Filter layer to add more reds, and a Color Balance layer to add more oranges.

Do your best to add all the effects you need. Last resort: Mask all adjustment layers so that the background is not affected by too many effects.

 15. From now on you can do as much or as little as you like. Add some detail to each letter, add some highlights and shadows, change the colors… you name it. This example explains some details, but you can go deeper.

Tips:

1) If you use distortion transformation on text created in Photoshop, the result will be gridded, resulting in a A situation where pixels are missing. To solve this problem, you can select Layer > Text > Convert to Shape for the text you selected, and then apply the transformation to the shape. The result will be a clearer look, which is what is most important in rendering text.

2) Applying a plastic wrap filter like step 12 will completely change the layer. In case you change your mind, it’s a good idea to make a backup copy of your final filter effect before applying it, so you can restore it if you want to change it later.

Author:Nik Ainley Source:Digitalarts
This tutorial tells how a photoshop master creates a three-dimensional font with a unique 3D effect , in this process the author cleverly used Photoshop’s masking tools and layers. Let’s learn how to create trendy 3D font effects.
Thanks to Photoshop Extended, using Photoshop to process 3D objects is becoming more and more popular. But if you want to create some unique 3D effects like the following master-class works, you don’t have to.The latest version is required: Photoshop CS and above are sufficient.
In this article, Nik Ainley, a stylized effects master, shows how to create the image below. The key point is: first create independent character 3D packages of these letters, and then import them into Photoshop for post-processing.


Rendering

Nik used Photoshop’s masking tools and layers to create a style where the characters fluctuate in and out of each other. The surface of the characters also has some hand-made curves and many advanced effects, such as styles, gradients and lines.


Figure 1

01. Start by making individual letters one by one using 3D software (Nik used Xara 3D here), and then import them into a Photoshop file. Keep each letter on its own and place them on top of each other however you like.

It may be a bit clumsy to use this method to make 3D materials, but Photoshop has better control than 3D software, and you will be able to create richer effects. To save time, this article is attached with a PSD source file containing 3D text.


Figure 2

02. One advantage of using Photoshop is that letters can be blocked and blocked at the same time. You’ll need to use masking to separate other letters so they appear to be behind other letters to achieve this effect.

Let’s block out part of a letter by adding a mask layer to the appropriate letter. The next step is to choose a letter that you want it to be at the front – as shown above, we chose the letter E so that it appears to be partially in front of the H.

Press ctrl while clicking on the thumbnail of the layer it is on to select its outline. Use the brush tool to paint the mask layer of H black. It should now look like the bottom of E is in front of H. Repeat with the letters you like.


Figure 3

03. Next, you have to start using lighting and shadows by adding shadows to F. Create a new layer above the letter F layer. Add a mask and make sure the shadow is only cast on the letter.

The shape of the mask must be equal to the shape of F minus the part masked in the previous step. To achieve this step, press Ctrl while clicking on the thumbnail of the layer where F is located, then press Ctrl+Alt+Shift and click on the thumbnail of the mask layer of the layer to obtain the intersection of the two. This should be the same as the shape you selected.


Figure 4

04. Use a large, soft brush – about 70 pixels – to blacken the edges of the letters on this layer that should be shadows. Here, the top is projected by R and the bottom is projected by S. Repeat this process for each layer, and you should finish by creating more layers.


Figure 5

05. After processing the shadow of the letters, we also need to process the shadow of the background. Create a new layer below all the letter layers. Select the outline of all letters and fill it with black. Use a Gaussian Blur on this layer and now use a Warp Transform to pull it down a little so it looks like all the letters are floating above the background. Blur it again and lower the layer’s visibility if the shadow looks harsh.


Figure 6

06. Next, add some more restricted shadows between layers to add depth. Create a new layer above your first shadow layer and use a 50px soft brush to add a bit of black to this layer. Just add until you’re satisfied. Adding more (black) to the bottom of the letters creates the impression that they are vertically oriented.


Figure 7

07. Now start working on the letters. The first step is to separate the front face from the other letters by using the magic wand or pencil tool. Once you have such a face selected, create a new layer above the letter layer and below the shadow layer.

Fill it with the color you want, but make it slightly darker. If you masked off part of it in the second step, you need to copy the mask layer of that letter to your layer as well.


Figure 8

08. We will use layer styles to stylize the front of each letter. The specific settings depend onIt’s not a taste, but the basic settings should be like this:

Inner shadow: color dodge mode, white, 15% opaque, distance 0px, size 45px;

Inner glow: filter mode, white, 75% opaque, size 2px;

Gradient overlay: soft light mode, black to white, 100% opaque, angle adjusted to white above and black below (for letters)

Glossy: Color Dodge mode, dark gray, 50% opaque, distance 20px, size 40px


Figure 9

09. When you have achieved the desired effect, we will start to modify the edges of each letter.


Figure 10

10. Next, you need to change the color and lighting of the edges, while also making them look consistent with each other.

To do this, you need to use Photoshop’s adjustment layers. First select the mask layer of the F shadow layer, then create a new Gradient Map adjustment layer below the front layer.


Figure 11

11. Now the stack has been implemented to add additional adjustment layers above or below the layer created in step 10, so You can adjust brightness, contrast and color as you wish. Next, copy these adjustment layers to other letters, and then make subtle adjustments to them one by one to get a more harmonious color scheme.


Figure 12

12. For some extra annotations, use Filter>Artistic Effect>Plastic Packaging for the thickness of each letter (reference settings: Highlight Strength 14, Detail 1, Smoothness 14). After applying each filter, fade it to a Soft Light blending mode. (Edit>Fade)


Figure 13

13 Now think about the color overall to make the image feel more harmonious, and add some adjustment layers on top of the image. Start by adding some of the same gradient map as before, using the Soft Light blending mode of the layer and 50% Opacity.


Figure 14

14. Try different adjustment layers to get the right color and balance. Add some Curves layers to brighten, a Photo Filter layer to add more reds, and a Color Balance layer to add more oranges.

Do your best to add all the effects you need. Last resort: Mask all adjustment layers so that the background is not affected by too many effects.

 15. From now on you can do as much or as little as you like. Add some detail to each letter, add some highlights and shadows, change the colors… you name it. This example explains some details, but you can go deeper.

Tips:

1) If you use distortion transformation on text created in Photoshop, the result will be gridded, resulting in a A situation where pixels are missing. To solve this problem, you can select Layer > Text > Convert to Shape for the text you selected, and then apply the transformation to the shape. The result will be a clearer look, which is what is most important in rendering text.

2) Applying a plastic wrap filter like step 12 will completely change the layer. In case you change your mind, it’s a good idea to make a backup copy of your final filter effect before applying it, so you can restore it if you want to change it later.

<!–Collectio

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/create-fashionable-3d-special-effects-words-with-photoshop-distortion-and-transformation-3d-three-dimensional-words-2/

author: admin

Previous article
Next article

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

Contact us

181-3619-1160

Online consultation: QQ交谈

E-mail: [email protected]

Working hours: Monday to Friday, 9:00-17:30, holidays off

Follow wechat
Scan wechat and follow us

Scan wechat and follow us

Follow Weibo
Back to top
首页
微信
电话
搜索