search
HomeWeb Front-endPS Tutorial使用Photoshop制作塑料效果的3D立体字教程

教程素材:塑料效果的3D立体字PS教程素材

我们先来看一下最终效果

使用Photoshop制作塑料效果的3D立体字教程

为了后续方便使用,我们需要打开编辑>预设>预设管理,并从预设类型下拉菜单中选择等高线,然后点击右边的小齿轮按钮,选择等高线,点击追加,你将会得到更多的等高线。除此之外,我们还需要加载PS默认的渐变样式,在刚才的预设类型下拉菜单中选择渐变,继续点击右边的小齿轮按钮,选择协调色1,点击追加。

创建背景

第一步:

新建一个900*675px的文档,设置前景色为#2c353c,背景色为#191919,然后点击渐变工具,选择线性渐变,最后从左下角到右上角创建一个渐变效果,更名图层名为:Background。

使用Photoshop制作塑料效果的3D立体字教程

第二步:

打开texture31 纹理图片,放到Background图层上方,更名为Background_Texture,混合模式选择正片叠底,然后点击图像>调整>去色。

使用Photoshop制作塑料效果的3D立体字教程

创建字体图层

第二步:

使用Intrepid ExtraBold字体创建一个全大写的文字,颜色为#e5eaec,大小230pt,字距微调设置为视觉,字距为100。

使用Photoshop制作塑料效果的3D立体字教程

第二步:

将文本图层复制4份,依次命名为:clean_copy_1~4然后将所有复制的文字图层填充改为0。

使用Photoshop制作塑料效果的3D立体字教程

创建描边图层

第一步:

双击最初的文本图层,在图层样式面板中勾选描边,并设置以下数值

大小:10

位置:外部

颜色:#7e7e7e

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程

第二步:

将最初的文本图层复制一份,更名为Stroke 1,右键点击栅格化图层样式,并将填充改为0。

如果你使用的PS为CS6或更早的版本,你需要创建图层组(图层>图层编组),重命名组为Stroke1,然后点击图层>合并组,并将填充改为0。

复制Stroke 1图层,重命名为Stroke 2,然后放到最初文本图层的下方。

使用Photoshop制作塑料效果的3D立体字教程

为描边图层添加样式

双击最初的文本图层,我们需要为它添加一些图层样式。

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值

样式:描边浮雕

光泽等高线:锥形—不对称

勾选消除锯齿复选框

高光模式:亮光

不透明度:100%

使用Photoshop制作塑料效果的3D立体字教程

第二步:

勾选等高线,并设置以下数值

等高线:半圆

勾选消除锯齿复选框

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程

为顶层描边图层添加样式

双击Stroke 1图层,并应用以下图层样式:

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值

大小:2

勾选消除锯齿复选框

阴影模式颜色:#676767

使用Photoshop制作塑料效果的3D立体字教程

第二步:

勾选等高线,并设置以下数值:

等高线:锥形—反转

勾选消除锯齿复选框

使用Photoshop制作塑料效果的3D立体字教程

第三步:

勾选渐变叠加,并设定以下数值:

混合模式:柔光

不透明度:51%

样式:对称的

使用stove pipe 150 渐变填充

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程


添加投影

双击Stroke 2 图层,在图层样式面板中勾选投影,并设置以下数值:

距离:15

大小:7

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程

为文本副本添加图层样式

双击刚复制的text_copy_1文本副本并添加如下样式

第一步:

在图层样式面板中勾选描边,并设置以下数值:

大小:1

填充类型:渐变

样式:对称的

角度:90

使用steel pipe 60 渐变填充

使用Photoshop制作塑料效果的3D立体字教程

第二步:

勾选内阴影,并设置以下数值:

混合模式:正常

颜色:#2c6c99

不透明度:100%

距离:0

大小:18

使用Photoshop制作塑料效果的3D立体字教程

第三步:

勾选投影,并设置以下数值:

距离:17

大小:9

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程

为文本副本添加图层样式

双击text_copy_2文本副本并添加如下样式

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值:

深度:297

大小:35

反选使用全局光复选框

角度:108

高度:42

勾选消除锯齿复选框

高光模式:亮光

不透明度:64%

阴影模式—不透明度:0%

使用Photoshop制作塑料效果的3D立体字教程

点击光泽等高线,弹出等高线编辑器,在曲线上点击两个点,并设置输入和输出值,记得勾选边角,让两点之间变成直线。

上面的点:71-72

下面的点:42-34

使用Photoshop制作塑料效果的3D立体字教程

第二步

勾选等高线,并设置以下数值:

等高线:内凹—深

勾选消除锯齿复选框

使用Photoshop制作塑料效果的3D立体字教程

第三步:

勾选描边,并设置以下数值:

大小:1

填充类型:渐变

角度:90

使用stove pipe 155b 渐变填充

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程


为文本副本添加图层样式

双击text_copy_3文本副本并添加如下样式

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值:

大小:21

反选使用全局光复选框

角度:53

高度:64

勾选消除锯齿复选框

高光模式:亮光

阴影模式—不透明度:24%

使用Photoshop制作塑料效果的3D立体字教程

第二步:

勾选等高线,然后勾选消除锯齿复选框

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程

为文本副本添加图层样式

双击text_copy_4文本副本并添加如下样式

第一步:

在图层样式面板中勾选斜面和浮雕,并设置以下数值:

大小:21

反选使用全局光复选框

角度:108

高度:74

勾选消除锯齿复选框

高光模式:亮光

阴影模式—不透明度:0%

使用Photoshop制作塑料效果的3D立体字教程

第二步:

勾选等高线,并设置以下数值:

等高线:对数

勾选消除锯齿复选框

使用Photoshop制作塑料效果的3D立体字教程

你将会看到如下效果

使用Photoshop制作塑料效果的3D立体字教程

创建文字纹理

第一步:

设置前景色和背景色为黑和白(快捷键:d),新建一个图层放到最上面,更名为:Text_Texture,然后点击滤镜>渲染>云彩

使用Photoshop制作塑料效果的3D立体字教程

第二步:

点击滤镜>滤镜库>画笔描边>强化的边缘,然后设置边缘宽度为2,边缘亮度为38,平滑度为5

使用Photoshop制作塑料效果的3D立体字教程

你将得到一个简单的纹理

使用Photoshop制作塑料效果的3D立体字教程

第三步:

将Text_Texture图层的混合模式改为柔光

使用Photoshop制作塑料效果的3D立体字教程

第四步:

选中Text_Texture图层,然后按住ctrl单击一下下方的文字图层,建立选区

使用Photoshop制作塑料效果的3D立体字教程

第五步:

继续选中Text_Texture图层,点击图层面板下方的添加矢量蒙版按钮。

使用Photoshop制作塑料效果的3D立体字教程

变更纹理的颜色

第一步:

继续选中Text_Texture图层,点击图层面板下方的添加创建新的填充或调整图层按钮,然后选择色相/饱和度。

使用Photoshop制作塑料效果的3D立体字教程

第二步:

在色相/饱和度面板中,点击此调整剪切到此图层按钮并勾选着色复选框,然后设置色相值为200,饱和度值为25

使用Photoshop制作塑料效果的3D立体字教程


第三步:

选择该调节图层,将混合模式改为柔光

使用Photoshop制作塑料效果的3D立体字教程

为背景添加溅泼的水的效果

第一步:

选择笔刷工具,然后在Water Splash Brushes 笔刷类别中选择一个你喜欢的样式,并设置前景色为#e8ecef,创建一个新的图层,放到Background Texture图层的上方,更名为Splash,然后调节笔尖到你喜欢的大小,最后添加到文字后面。

使用Photoshop制作塑料效果的3D立体字教程

第二步

双击Splash图层,并添加如下图层样式

勾选斜面和浮雕,并设置以下数值

光泽等高线:环形

勾选消除锯齿复选框

高光模式:亮光

使用Photoshop制作塑料效果的3D立体字教程

第三步:

勾选等高线,并设置以下数值:

等高线:半圆

勾选消除锯齿复选框

使用Photoshop制作塑料效果的3D立体字教程

第四步:

选择Splash图层,将混合模式更改为亮光,填充值为35%

使用Photoshop制作塑料效果的3D立体字教程

添加星光和调节整体着色

第一步:

创建一个新的图层,并放到最上面,更名为Sparkles,然后将混合模式更改为亮光。选择Stars and Flares Brush Set笔刷,降低它的大小,并在文字边缘增加一些星光。你还能够调节这些星光笔刷的角度来达到完美的效果。(窗口>画笔)

使用Photoshop制作塑料效果的3D立体字教程

第二步:

继续选中Sparkles图层,点击图层面板下方的添加创建新的填充或调整图层按钮,然后选择渐变映射。

使用Photoshop制作塑料效果的3D立体字教程

第三步

使用橘黄色、蓝色、紫红色、黄色来填充渐变条,然后将调节图层的混合模式改为正片叠底,不透明度为3%。这个效果是非常微妙的,但能提升整体作品的效果。

使用Photoshop制作塑料效果的3D立体字教程

恭喜你已经完成该教程。

使用Photoshop制作塑料效果的3D立体字教程

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationPhotoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessPhotoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

Photoshop for Photographers: Enhancing and Retouching ImagesPhotoshop for Photographers: Enhancing and Retouching ImagesApr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

Accessing Photoshop: Methods and AvailabilityAccessing Photoshop: Methods and AvailabilityApr 24, 2025 am 12:07 AM

Photoshop can be obtained by purchasing a permanent license or subscribing to CreativeCloud. 1. Purchase a permanent license for long-term use, no monthly payment, but no latest updates are available. 2. Subscribe to CreativeCloud to access the latest version and other Adobe software, and you need to pay a monthly or annual fee. The choice should be based on frequency of use and requirements.

What Photoshop Does Best: Common Tasks and ProjectsWhat Photoshop Does Best: Common Tasks and ProjectsApr 23, 2025 am 12:06 AM

Photoshop is specialized in image editing, layering and masking, digital painting and a variety of design applications. 1) Image editing and repair: remove defects and adjust color and brightness. 2) Layers and masks: non-destructive editing and creation. 3) Digital paintings and illustrations: create art works. 4) Practical applications: graphic design, web design and digital art creation.

Using Photoshop: Creative Possibilities and Practical UsesUsing Photoshop: Creative Possibilities and Practical UsesApr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

Photoshop: Advanced Techniques and ToolsPhotoshop: Advanced Techniques and ToolsApr 21, 2025 am 12:08 AM

Advanced features of Adobe Photoshop include advanced selection tools, layer blending modes, and actions and scripts. 1) Advanced selection tools such as the Quick Selection Tool and the Color Range Selection Tool can accurately select image areas. 2) Layer blending mode such as "overlapping" mode can create unique visual effects. 3) Actions and scripts can automate repetition of tasks and improve work efficiency.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function