Home Web Front-end PS Tutorial 使用Photoshop制作塑料效果的3D立体字教程

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

Jun 01, 2016 pm 02:27 PM
photoshop

教程素材:塑料效果的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 of this Website
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

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

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What are the common questions about exporting PDF on PS What are the common questions about exporting PDF on PS Apr 06, 2025 pm 04:51 PM

Frequently Asked Questions and Solutions when Exporting PS as PDF: Font Embedding Problems: Check the "Font" option, select "Embed" or convert the font into a curve (path). Color deviation problem: convert the file into CMYK mode and adjust the color; directly exporting it with RGB requires psychological preparation for preview and color deviation. Resolution and file size issues: Choose resolution according to actual conditions, or use the compression option to optimize file size. Special effects issue: Merge (flatten) layers before exporting, or weigh the pros and cons.

What is the reason why PS keeps showing loading? What is the reason why PS keeps showing loading? Apr 06, 2025 pm 06:39 PM

PS "Loading" problems are caused by resource access or processing problems: hard disk reading speed is slow or bad: Use CrystalDiskInfo to check the hard disk health and replace the problematic hard disk. Insufficient memory: Upgrade memory to meet PS's needs for high-resolution images and complex layer processing. Graphics card drivers are outdated or corrupted: Update the drivers to optimize communication between the PS and the graphics card. File paths are too long or file names have special characters: use short paths and avoid special characters. PS's own problem: Reinstall or repair the PS installer.

How to set password protection for export PDF on PS How to set password protection for export PDF on PS Apr 06, 2025 pm 04:45 PM

Export password-protected PDF in Photoshop: Open the image file. Click "File"> "Export"> "Export as PDF". Set the "Security" option and enter the same password twice. Click "Export" to generate a PDF file.

How to speed up the loading speed of PS? How to speed up the loading speed of PS? Apr 06, 2025 pm 06:27 PM

Solving the problem of slow Photoshop startup requires a multi-pronged approach, including: upgrading hardware (memory, solid-state drive, CPU); uninstalling outdated or incompatible plug-ins; cleaning up system garbage and excessive background programs regularly; closing irrelevant programs with caution; avoiding opening a large number of files during startup.

How to solve the problem of loading when PS is always showing that it is loading? How to solve the problem of loading when PS is always showing that it is loading? Apr 06, 2025 pm 06:30 PM

PS card is "Loading"? Solutions include: checking the computer configuration (memory, hard disk, processor), cleaning hard disk fragmentation, updating the graphics card driver, adjusting PS settings, reinstalling PS, and developing good programming habits.

How to use PS Pen Tool How to use PS Pen Tool Apr 06, 2025 pm 10:15 PM

The Pen Tool is a tool that creates precise paths and shapes, and is used by: Select the Pen Tool (P). Sets Path, Fill, Stroke, and Shape options. Click Create anchor point, drag the curve to release the Create anchor point. Press Ctrl/Cmd Alt/Opt to delete the anchor point, drag and move the anchor point, and click Adjust curve. Click the first anchor to close the path to create a shape, and double-click the last anchor to create an open path.

Photoshop for Professionals: Advanced Editing & Workflow Techniques Photoshop for Professionals: Advanced Editing & Workflow Techniques Apr 05, 2025 am 12:15 AM

Photoshop's advanced editing skills include frequency separation and HDR synthesis, and optimized workflows can be automated. 1) Frequency separation technology separates the texture and color details of images. 2) HDR synthesis enhances the dynamic range of images. 3) Automate workflows to improve efficiency and ensure consistency.

Is slow PS loading related to computer configuration? Is slow PS loading related to computer configuration? Apr 06, 2025 pm 06:24 PM

The reason for slow PS loading is the combined impact of hardware (CPU, memory, hard disk, graphics card) and software (system, background program). Solutions include: upgrading hardware (especially replacing solid-state drives), optimizing software (cleaning up system garbage, updating drivers, checking PS settings), and processing PS files. Regular computer maintenance can also help improve PS running speed.

See all articles