Photoshop制作清新活力的立体文字教程

2016-02-16 08:21 15 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop制作清新活力的立体文字教程,赶紧看过来吧!

【 tulaoshi.com - PS 】

最终效果:

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

分析:

制作过程可以分三个部分

1、先做背景(渐变就能出效果)

2、文字制作,在二维软件制作立体效果,关键就在阴影和透视的处理,辅助线可以给我们提供很重要的参考。

3、其他装饰元素的添加。背后的线条使用钢笔描边制作,关键在于又使用了波浪滤镜、高斯模糊,线条感觉看上去很不错。星星飘带使用钢笔描边。

OK,开始跟着一起做吧!

第一步:背景制作

如图新建文档

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第二步 填充渐变背景颜色

选择矩形工具(U)

注意勾选形状图层而不是路径

作出矩形形状,大小布满画布

然后应用图层样式渐变叠加颜色 #af1854 #f0d6c0 #ffffff

渐变模式为 径向。

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第三步:文字制作

选择文字工具(T)

输入文字Think,并命名该图层为Think

字体Helvetica Neue 大小75 bold

应用图层样式:内发光

混合模式:正片叠底 颜色:黑色 不透明度:8% 大小:13px

当然,数值按你自己的文字调整。

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第四步:

复制一层文字放到 Think 图层后面并命名为3D

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

怎样使文字看上去更立体呢?

我们先从T开始制作

选择矩形工具(U)–勾选形状图层

在T上绘制一个矩形,颜色任意,不透明度20%

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

选择选取工具(A),选择刚才绘制的矩形两上角调整

并命名这个形状为T1

如下图

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

其他的如法炮制

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第五步:制作阴影

文字上面的阴影,作者是使用黑色画笔画的,所以更需要细心

尤其是我们这种画画功底不好的同志必须注意,细节是关键

把 T1 形状层改变为 白色

按住CTRL 左键单击 T1层,将T1层形状载入选区

然后新建一层空白图层,使用黑色画笔细细的画阴影

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第六步:

重复第四步和第五步

仔细的把阴影做好

不出意外的话,下面将会是你得到的效果

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第七步:

除了背景图层,把其他图层都归为一组并命名为该组为Think

复制这组并把这组合并为一个图层,混合模式改为 正片叠底

不透明度 50%

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第八步:制作文字底下的阴影

这步作者先做了辅助线,这个方法比较有意思,大家可以看看

新建一个文档 900X600 px

打开网格(ctrl+)

按电脑的Print screen键抓图并保存下来使用PS打开

使用蒙版将不需要的区域擦去然后拉进我们的刚才的工作文档

更改混合模式为正片叠底并调整好位置作为影子的辅助线

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第九步:

复制Think 图层

填充黑色

配合第八步做好的辅助线调整位置

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

把一些文字角落部分的影子没做到

这是我们就要自己添加进去,填充黑色

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

第十步:

对第九步做好的阴影图层执行高斯模糊

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

混合模式改为正片叠底

添加一个图层蒙版,使用渐变工具淡化掉不需要的部分

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第十一步:绘制白色线条

绘制线条,我们一般使用钢笔工具描边(P)

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

要注意的就是钢笔工具的使用了

首先设置好笔刷(笔刷决定描绘的线条,包括形状,大小,颜色)

选择笔刷(B) 笔刷大小 5px 硬度100% 白色

回到钢笔工具(P)

单击鼠标右键选择描边路径(Stroke Path)从下拉的菜单选择 画笔

并勾选模拟压力(Simulate Pressure)

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第十二步:

这步对曲线使用了波浪滤镜效果挺不错的

大家可以借鉴

把描边好的图层命名为Wave 1

选择滤镜扭曲波浪

设置如下

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第十三步:

重复第11&12步骤绘制线条

并把它们围绕着文字排版

适当配合高斯模糊使用

如下图

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第十四步:添加星星飘带

这步,作者使用PS自带的图案自定义了星星笔刷

设置好笔刷,再使用钢笔工具描绘好路径

使用星星描绘路径,飘带就出来了

选择自定义形状(U)

选择大小为5点的星星

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

新建一个文档100×100px

使用形状工具绘制一个星星

填充黑色,按住ctrl+鼠标左键单击星星载入选区

选择 编辑自定义笔刷预设设置星星笔刷

(当然,你偷懒的话可以直接下载笔刷,但你是来偷懒的吗)

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第十五步:

继续设置笔刷

按F5调出笔刷设置面板

设置如下

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第十六步:

设置好笔刷后就开画吧

大小设为15px

颜色为#ff62ad

使用钢笔工具绘制路径

然后单击鼠标右键选择钢笔描边勾选模拟压力

命名该图层为Star Wave

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

第十七步:

我们可以建立蒙版,把星星的一部分擦去,使它看上去像穿过了文字

Photoshop制作清新活力的立体文字教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1570177.html

延伸阅读
标签: PS PS教程
效果图非常有创意,制作方法也非常简单。过程:先选好人物素材,把人物分开抠出来,凸出人像去色,然后保存为PSD文件;新建图层输入文字素材,栅格化后用置换滤镜加上扭曲效果;后期增加一些投影,调整一下颜色即可。 最终效果 1、首先要把两个人物分别抠出来,把大人那一层去色,稍微调整一下对比度,然后整体明度灰一点(主要是因为头发太...
本PS教程为Photoshop 的基础实例,主要对图层中的图层样式进行详细讲解,在本教程中都将应用到图层样式的各种效果,可以让读者在学习和工作中上有所参照。 重点难点就在于如何应用Photoshop图层样式,也许学习完后会问,图层样式不就是发光、投影、浮雕之类的效果吗?没错,图层样式就是这些效果。但要想利用图层样式制作出精彩的效果,在于灵...
标签: PS PS基础
先看看效果图 教程分为3部分-背景,文字,特殊效果。 所以首先我们会来完成背景部分的制作。在fotoshop建立一个新文档, 我的尺寸是1920x1200 首先用渐变工具(快捷键G)拉一个浅黄绿到绿的渐变, 我选的颜色是[#adbf41]-[#328a26] 第2 我想让背景有点肌理效果,像纸张的感觉一样。所以我们需要一个纸张的材质图~ 幸运的是你可以从...
清新色块美甲具体步骤 第一步:准备好所需的甲油和工具,修剪指甲并打磨好甲面,刷上底油,照灯60秒。 第二步:用点钻笔蘸乳白色甲油在指甲前缘点出圆点并用乳白色甲油填充前缘色块,照灯60秒。 第三步:按同样的方法完成其它几枚的图案,照灯60秒。为了颜色饱满可以再刷一遍,照灯60秒。 第四步:取蓝色和西瓜...
本教程用的裂痕笔刷下载 最终效果图 1、新建300*300像素文档,填充黑色,输入适当大小的文字,由于此效果较适合做海报或标题,所经字号大些更佳,我用字型是博洋行书7000,大小240,颜色大红#FD0202,感觉该字体有些单薄,执行添加图层样式,选择描边,参数设置如图1,再按Ctrl+T执行自由变换,横向拉动一点,使字更加丰满,效果如图2...

经验教程

47

收藏

18
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部