国语自产精品视频在线看8查询8_日韩精品一级二级_欧美在线免费视屏_免费a级在线播放_欧美超级乱淫片喷水_日产精品一区二区_国产亚洲精品美女久久久m_日韩午夜激情_欧美亚洲另类在线一区二区三区_色综合久久网_中文字幕亚洲一区在线观看_黄色影院在线播放

PS設計教程網歡迎你!

Photoshop制作金屬質感的3D立體字【英】

文章來源于 Tutsplus.com,感謝作者 Rose 給我們帶來經精彩的文章!
設計教程/國外教程/國外教程2018-01-09
How to Create a Metallic 3D Spiky Text Effect in Adobe Photoshop

教程所需要的素材:大氣的3D立體字設計PS教程素材

This tutorial will show you how to use Photoshop's 3D tools and settings to create a spiky text effect with text and preset meshes, as well as a few textures, adjustment layers, and filters. Let's get started!

先看看效果圖

Photoshop制作金屬質感的3D立體字【英】

1. How to Create 3D Text

Step 1

Create a new 1000 x 850 px document with a white background.

Create the text in All Caps using the font Squada One. Change the Size to 250 pt and the Tracking to 150.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Go to 3D > New 3D Extrusion from Selected Layer.

Photoshop制作金屬質感的3D立體字【英】

2. How to Work With the 3D Scene

Step 1

To access the 3D mesh settings and properties, you’ll need to open two panels: the 3D panel and the Properties panel (both found under the Window menu).

The 3D panel has all the components of the 3D scene, and when you click the name of any of those, you’ll be able to access its settings in the Properties panel. So make sure to always select the tab of the element you want to modify in the 3D panel before you change its settings in the Properties panel.

Photoshop制作金屬質感的3D立體字【英】

Step 2

If you select the Move Tool, you’ll find a set of 3D Modes for it to the right of the Options bar.

When you choose one of those, you can then click and drag to perform changes (on the selected element in the 3D panel).

Use those modes to change the Current View into an angle you like.

Photoshop制作金屬質感的3D立體字【英】

3. How to Adjust 3D Mesh and Cap Settings

Step 1

Select the text mesh tab in the 3D panel, and change the Extrusion Depth in the Properties panel to 55 px.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Click the Cap icon at the top of the Properties panel. Change the Sides to Front and Back, the Bevel Widthto 5%, and the Contour to Half Round.

Photoshop制作金屬質感的3D立體字【英】

4. How to Create a 3D Cone Mesh

Step 1

Create a new layer on top of the 3D layer, fill it with White, and name it Cone.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Go to 3D > New Mesh from Layer > Mesh Preset > Cone.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Select the Current View tab in the 3D panel, and choose the 3D text layer's name from the View menu in the Properties panel.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Select both 3D layers, and go to 3D > Merge 3D Layers.

Photoshop制作金屬質感的3D立體字【英】

5. How to Scale 3D Meshes

Step 1

Select the Cone mesh tab, pick the Move Tool, and use the 3D Axis to scale the cone into a size you like.

The arrows at the ends of the axis move the mesh, the part below them is used for rotation, and the cubes are used for scaling. The cube in the center is used to scale the object uniformly. All you need to do is click and drag the part you want to use.

Photoshop制作金屬質感的3D立體字【英】

Step 2

You can also click the Coordinates icon at the top of the Properties panel to use numerical values.

Click the Scale icon and uncheck the Uniform Scaling option if you don't want to scale the cone uniformly.

Photoshop制作金屬質感的3D立體字【英】

Step 3

We need to achieve a long thin cone, so the Y Scale value needs to be larger than the other two.

The final overall size is up to you to decide, based on how many cones you plan on adding and the size you'd like them to be.

Photoshop制作金屬質感的3D立體字【英】

6. How to Use Different Camera Views

Step 1

After creating the cone you want to use, it's time to duplicate and place it all over the text.

To help you to place the cones more precisely, you can use the different camera view options.

Select the Current View tab in the 3D panel, and choose Front from the View dropdown menu in the Properties panel.

Photoshop制作金屬質感的3D立體字【英】

Step 2

After you choose a camera view, you can zoom in or out, or move the scene around using the Move Tool's 3D Modes.

Once you get a clear view of the part of the text you want to work on, select the cone mesh tab and place it wherever needed.

You can initially use the 3D Axis, and then you can use the Coordinates values to get a more precise result.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Another helpful camera view is the Top view. It will help you place the cones along the extruded part.

Photoshop制作金屬質感的3D立體字【英】

7. How to Instance Objects

Step 1

Right-click the Cone mesh tab, and choose Instance Objects.

This will create a linked copy that reflects the changes made to the original mesh, like the material settings, for example.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Move the copy along the Z Axis to push it behind the original cone.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Instance as many objects as needed to cover the extrusion behind the original cone.

If the cone needs resizing to fit within the extrusion area, use the Coordinates values to scale it, and apply the same values to the copies.

Make sure to end up with an evenly spaced line of cones along the extrusion of the text.

Photoshop制作金屬質感的3D立體字【英】

8. How to Create a Spiky Effect

Step 1

Select all the Cone mesh tabs created, right-click any of them, and choose Instance Objects. This will duplicate all of them together, and you can transform them as a unit as well.

Use the camera views, 3D Axis, and Coordinates values to move and rotate the copies next to the original meshes.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Instance and move as many cone meshes as needed to place spikes all over the text.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Once you're done, you can select a random cone mesh and change its Y Scale value to make it longer.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Use the different camera views to adjust its position after scaling it.

Photoshop制作金屬質感的3D立體字【英】

Step 5

Repeat that to scale up a couple of other random cones.

Photoshop制作金屬質感的3D立體字【英】

9. How to Create a Metallic Cone Material

Step 1

Select the Cone_Material tab in the 3D panel, click its Diffuse texture icon in the Properties panel to choose Replace Texture, and open the 9.jpg image from the Metal seamless textures pack.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Click the Diffuse texture again, and choose Edit Texture.

Photoshop制作金屬質感的3D立體字【英】

Step 3

This will open the texture file. Add a Solid Color fill layer, use the Color #ffae21, and change the layer's Blend Mode to Linear Burn.

Save and close the file.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Use these settings for the rest of the values (the color values used are in RGB):

Specular: 191, 191, 191

Shine: 80%

Reflection: 50%

Roughness: 3%

Photoshop制作金屬質感的3D立體字【英】

10. How to Save 3D Materials

Step 1

Click the Material Picker box, click the pop-up menu icon, and choose New Material.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Type Cone_Material in the Name field, and click OK. This will add the material to the picker so that you'll be able to reapply it later on.

Photoshop制作金屬質感的3D立體字【英】

11. How to Create a Front Inflation Material

Step 1

Select the text's Front Inflation Material tab, click its Diffuse texture icon, and choose Load Texture to open the 15.jpg image from the Metal seamless textures pack 5 pack.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Click the Diffuse texture icon again, and choose Edit UV Properties.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Use any Tile values that you like and click OK.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Use these values for the rest of the settings:

Specular: 100, 100, 100

Shine: 50%

Reflection: 5%

Photoshop制作金屬質感的3D立體字【英】

12. How to Add a Bump Effect

Step 1

Click the Bump folder icon and choose Load Texture to open the 10.jpg image from the Metal seamless textures pack 5 pack.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Change the Bump value to 25, and edit its texture's UV Properties to match the Diffuse's.

Save the material once you're done.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Select the text's Extrusion Material tab, open the Material Picker, scroll down to the Front Inflation Material's icon, and click it to apply it to the Extrusion Material.

Photoshop制作金屬質感的3D立體字【英】

13. How to Adjust More Material Settings

Step 1

Select the text mesh tab, and change its Texture Mapping to Tile.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Select the Extrusion Material tab again, and edit its Diffuse and Bump textures' UV Properties as needed.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Select both Bevel Material tabs, and apply the Cone_Material to them. Also, apply the Front Inflation Material to the Back Inflation Material.

Photoshop制作金屬質感的3D立體字【英】

14. How to Adjust a 3D Scene's Lighting and Render It

Step 1

Select the Infinite Light 1 tab, and change its Intensity to 60% and its Shadow Softness to 30%.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Use the Move Tool or the Coordinates values to move the Infinite Light until you get a result you like.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Select the Environment tab, click the IBL texture icon, choose Replace Texture, and open the Living Roomimage.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Change the Intensity to 50%, and move the image around to get a result you like.

You can go back and forth between the Infinite and Environment lights, and change their settings or move them around, until you achieve the result you want.

Photoshop制作金屬質感的3D立體字【英】

Step 5

Place the Modern wood texture background design image below the 3D layer, rename its layer to Background Texture, resize it to fit within the document, and adjust the 3D scene's camera angle accordingly to choose a final camera view.

Don't worry about any empty areas that appear as we will crop them later on.

Photoshop制作金屬質感的3D立體字【英】

Step 6

Once you like the final result, go to 3D > Render 3D Layer. The rendering might take a while, but you can stop it any time by pressing the Esc key.

After the rendering is done, right-click the 3D layer and choose Convert to Smart Object to avoid making any accidental changes.

Photoshop制作金屬質感的3D立體字【英】

15. How to Apply a Texture Overlay

Step 1

Place the Concrete rough texture image on top of the 3D layer, rename its layer to Texture Overlay, change its Blend Mode to Color Burn, resize it as needed, and right-click it to choose Create Clipping Mask.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Double-click the Texture Overlay layer to get the Layer Style box.

We are going to adjust the Underlying Layer sliders under the Blend If section. Press-hold the Option key, and click-drag the left slider to split it. As you move the slider's ends, you'll notice how the texture starts to blend better with the text. What this slider does is protect the darker areas of the text from being affected by the texture.

Photoshop制作金屬質感的3D立體字【英】

16. How to Adjust a Background Texture

Step 1

Select the Crop Tool, uncheck the Delete Cropped Pixels box in the Options bar, and drag the sides of the bounding box to get rid of any empty areas outside the background texture image.

Hit the Return key to apply the crop.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Select the Background Texture layer, and go to Image > Adjustments > Levels. Change the Output Levels' Highlights value to 147.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Go to Image > Adjustments > Hue/Saturation. Change the Hue to -13, the Saturation to -31, and the Lightness to -40.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Double-click the Background Texture layer to apply a Color Overlay effect with these settings:

Color: #655d52

Blend Mode: Overlay

Photoshop制作金屬質感的3D立體字【英】

17. How to Add a Vignette

Step 1

Create a new layer on top of the Background Texture layer and name it Vignette.

Select the Brush Tool, and set the Foreground Color to #b7b7b7.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Change the Vignette layer's Blend Mode to Linear Burn and its Opacity to 70%.

Pick a big soft round brush tip, and change its Opacity value in the Options bar to 10%. Paint around the document to add the vignette. You can change the Opacity values if you want a more subtle outcome.

Photoshop制作金屬質感的3D立體字【英】

18. How to Add a Quick Dodge and Burn

Step 1

Add a new Curves adjustment layer on top of all layers, and select its mask's thumbnail.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Go to Image > Apply Image. Set the Layer to Merged, the Channel to RGB, and the Blending to Linear Burn.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Change the Curves layer's Blend Mode to Luminosity, and drag the curve's center slightly upwards to brighten the lighter areas a little bit.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Duplicate the Curves layer, and drag the curve's center slightly downwards to darken the darker areas.

In order to affect the darker areas, you need to invert the mask. So click the mask's thumbnail, and press Command-I.

Photoshop制作金屬質感的3D立體字【英】

19. How to Apply High Pass and Noise Filters

Step 1

Create a new layer on top of all layers and name it High Pass.

Press the Shift-Option-Command-E keys to create a stamp, and change its Blend Mode to Soft Light.

Photoshop制作金屬質感的3D立體字【英】

Step 2

Go to Filter > Other > High Pass, and change the Radius to 1.

Photoshop制作金屬質感的3D立體字【英】

Step 3

Create another new layer on top of all layers and name it Noise.

Go to Edit > Fill, change the Contents to 50% Gray, and click OK.

Photoshop制作金屬質感的3D立體字【英】

Step 4

Convert the Noise layer to a Smart Object, and change its Blend Mode to Soft Light.

Photoshop制作金屬質感的3D立體字【英】

Step 5

Go to Filter > Noise > Add Noise, change the Amount to 3 and the Distribution to Uniform, and check the Monochromatic box.

Photoshop制作金屬質感的3D立體字【英】

Advertisement

Step 6

Duplicate the Texture Overlay layer, drag the copy on top of all layers, and change its Opacity to 50%.

Photoshop制作金屬質感的3D立體字【英】

Congratulations! You're Done

In this tutorial, we created 3D text and cone meshes, adjusted their settings, and created their materials.

Then, we adjusted the lighting, added a background, and rendered the 3D scene. After that, we used textures, adjustment layers, and layer styles to adjust the coloring and contrast of the effect.

Finally, we used high pass and noise filters to finish off the effect.

Please feel free to leave your comments, suggestions, and outcomes below.

Photoshop制作金屬質感的3D立體字【英】

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
国产精品sss| 少妇**av毛片在线看| 欧美电影免费网站| 日韩欧美一区二区免费| av无码精品一区二区三区| 久久精品毛片| 国产精品日韩欧美| 国产一区二区三区免费在线| 在线播放国产精品二区一二区四区| 手机在线免费观看毛片| 日韩精品91亚洲二区在线观看| 欧美在线视频观看| 亚洲精品在线影院| 欧美一区二区网站| 情趣视频网站在线免费观看| a级高清视频欧美日韩| 乱一区二区三区在线播放| 欧美变态挠脚心| 视频在线观看99| 调教一区二区| 在线观看一区二区视频| 国产私人影院| 94色蜜桃网一区二区三区| 日本高清不卡三区| 国内精品福利| 国产精品自拍偷拍| 美日韩黄色大片| 美乳少妇欧美精品| 日韩福利影视| 在线播放日韩精品| 精品捆绑调教一区二区三区| 欧美一区二区免费| 五月婷婷在线观看| 在线观看欧美日本| 国内精品在线视频| 一本色道久久综合精品竹菊| 在线看三级网站视频| 亚洲综合视频在线观看| 国产原创精品在线| 国产精品久久久久久久浪潮网站 | 亚洲激情成人在线| 国产xxxxx在线观看| 国产精品一区专区| 亚洲一区二区不卡视频| 久久只有精品| 日本一区免费观看| 日本欧美在线观看| 性生活免费在线观看| 在线观看91视频| 香蕉视频网站入口| 国产福利91精品一区| 亚洲欧洲精品一区二区| 国产精品亚洲欧美| 国产99在线播放| 欧美久久一区| 国产精品二区三区| 极品少妇一区二区三区| 91观看网站| 国产精品mv在线观看| 粉嫩av免费一区二区三区| 在线中文字幕亚洲| 97久久天天综合色天天综合色hd | 成人性生交大片免费看中文网站| 亚洲高清视频一区二区| 麻豆视频观看网址久久| 一区二区三区四区五区精品| 国产乱子轮精品视频| 日本精品福利视频| 97成人超碰视| 亚洲美女一区| 亲子乱一区二区三区电影| 综合亚洲色图| 国产激情一区二区三区在线观看| 亚洲国产午夜| 中文字幕综合在线观看| 波多野结衣精品在线| 天天干天天综合| 精品福利在线视频| www.日本少妇| 久久精品30| 5566成人精品视频免费| 91在线中字| 美女网站视频在线| 成人在线黄色电影| 亚洲香蕉av在线一区二区三区| 欧美国产亚洲精品| 成人h猎奇视频网站| 成人美女视频在线观看18| 成人在线观看a| 亚洲男女毛片无遮挡| 暖暖视频在线免费观看| 日韩经典中文字幕| 日韩av午夜| 欧美一区二区三区精美影视| 成人激情免费网站| 亚洲综合色视频在线观看| 欧美一级精品大片| 久久精品九色| 国产精品久久久久久免费观看 | 一本久久a久久精品亚洲| 三级资源在线| 午夜伦理精品一区| 99视频一区| caoporn超碰97| 欧美区视频在线观看| 欧美国产视频| 国产一区高清视频| 久久久久久久久伊人| 超碰在线影院| 久久久久久久999| 美女黄网久久| 黄网站免费观看| 亚洲天堂av女优| 欧美日本精品| www.亚洲高清| 日韩成人在线观看| 亚洲区综合中文字幕日日| 超碰人人爱人人| 欧美性生活一区| 日韩美女精品| 久久国产精品免费观看| 欧美日韩中文字幕日韩欧美| 日韩成人综合网站| 日韩妆和欧美的一区二区| 亚洲美女淫视频| 欧美与亚洲与日本直播| 国产亚洲精品美女久久久m| 欧美激情资源网| 日本在线播放一二三区| 亚洲精品欧美极品| 国产精品剧情在线亚洲| 88xx成人永久免费观看| 久久久久高清| 懂色av一区二区三区| 国产伦理久久久久久妇女| 中文字幕欧美日韩一区二区三区| 日韩欧美亚洲范冰冰与中字| 久久久久久久久久久久久久久久久久久久| 亚洲一二三区精品| 色先锋资源久久综合| 加勒比中文字幕精品| 日日摸日日碰夜夜爽无码| 日韩免费性生活视频播放| 亚洲精品成人| 日本成年免费网站| 欧美国产视频日韩| 国产一区二区三区久久悠悠色av | 一区二区亚洲精品国产| 久久精品动漫| 风间由美一区| 国产美女被下药99| 中文字幕一区二区三区在线播放| 成人深夜福利| 99久久免费观看| 日韩黄在线观看| 久久婷婷亚洲| 欧美黑人激情| www.成人av.com| 欧美日韩亚洲一区二区三区| 欧美限制电影| 日本在线免费观看视频| 51视频国产精品一区二区| 久久免费看少妇高潮| 国产精品日本一区二区不卡视频 | 亚洲国产日韩av| 美女网站一区| 浪潮av在线| 成人激情视频在线播放| 精品福利樱桃av导航| **女人18毛片一区二区| 日韩精品123| 91沈先生播放一区二区| 91官网在线观看| 日韩一区二区久久| 182tv在线播放| 亚洲一区二区在线免费观看| 亚洲国产日韩欧美在线99| 久久99久国产精品黄毛片色诱| av成人福利| 欧美精品一区二区三区三州| 日韩中文字幕久久| 国产视频视频一区| 欧美午夜18电影| 新版中文字幕在线资源| 久久精品国产精品国产精品污| 51午夜精品国产| 老司机精品视频一区二区三区| 欧洲精品一区二区三区| 人妻丰满熟妇av无码区app| 欧美又大又粗又长| 色94色欧美sute亚洲线路二| 亚洲专区在线| 国产精品成人国产| 免费一级网站| 69堂成人精品视频免费| 亚洲高清色综合| 亚洲国产精品精华液2区45| 99国产精品一区二区| 4438x成人网全国最大| 狠狠97人人婷婷五月|