h5文字垂直居中_PS教程:巧用自由变换,制作折纸文字效果

本期教学视频链接附在文末。(每期的图文教程都有相关视频教程,图文结合视频,学习效果更好哦)

文字的PS世界也是很丰富的,之前出了多期特殊字效设计的教程,大家还是很感兴趣的,本期教程我们来学习制作另一种特殊字效——折纸文字效果,下面变来分享详细的制作流程。

008a4752-9a16-eb11-8da9-e4434bdf6706.png

工具/材料:

电脑、Photoshopcc 2019

方法/步骤:

制作步骤我们可以分四步来操作:

一、制作文字背景,以烘托文字的文体感

二、利用自由变换,制作折纸字效果

三、巧用剪切蒙版,调整折纸文字的明暗关系,突显折纸效果

四、添加杂点,添加纸张质感,锐化处理

制作文字的背景

1、新建文件,大小1100像素*700像素,分辨率72像素/英寸。

打开“颜色拾色器”,设置前景色,为背景选择一个灰色,Alt+delete填充前景色。

点击“文字工具”,属性栏中,设置字体、大小和颜色,字体,这里建议大家选择粗黑体;大小155点;文字颜色,本案例选择了红色。

如下图所示,输入文字“BRAVE”,勇敢的,按住shift键,同时选中文字图层和背景图层,点击移动工具,属性栏中点击“水平居中对齐”按钮,“垂直居中对齐”按钮,调整文字至画布中心。

018a4752-9a16-eb11-8da9-e4434bdf6706.png
028a4752-9a16-eb11-8da9-e4434bdf6706.png

2、选中文字图层,Ctrl+J复制文字图层,得到文字拷贝图层,关闭拷贝文字图层前的小眼睛,隐藏拷贝文字图层。

双击原文字图层,打开它的“图层样式”面板,如下图所示,勾选“内阴影”,设置其相关参数:“混合模式”选择“正片叠底”;阴影颜色,选择比文字更暗的红色;“不透明度”给到75%;“角度”设置为“-160度”;“距离”给到8像素;“阻塞”10%;“大小”21个像素(所有参数仅供参考),点击确定,操作后效果如下。

038a4752-9a16-eb11-8da9-e4434bdf6706.png

利用自由变换,制作折纸字效果

3、点亮文字拷贝图层,选中文字拷贝图层,单击鼠标右键,在打开的菜单中,选择“栅格化文字”。

048a4752-9a16-eb11-8da9-e4434bdf6706.png

4、Ctrl+R调出标尺,由上方标尺处,向画布中心拉出一条横向的水平参考线。

选择“矩形选框工具”,如下图所示,我们将参考线上部分的文字框选出来,Ctrl+J复制选区内容,

将得到的新图层命名为“上”。

再次选中文字拷贝图层,用“矩形选框工具”将参考线下方的文字内容框选出来,Ctrl+J复制选区内的内容,将该图层命名为“下”。

058a4752-9a16-eb11-8da9-e4434bdf6706.png
068a4752-9a16-eb11-8da9-e4434bdf6706.png

5、隐藏拷贝文字图层,按住shift键,同时选中“上”、“下”两个图层,Ctrl+J复制这两个图层,我们将把“上”、“下”两个图层处理成“上拷贝”和“下拷贝”图层的投影。

按住Ctrl键,点击“上”图层的缩览图,调出它的选区,Ctrl+Delete填充黑色,Ctrl+D取消选区,操作后的效果如下所示。

同样的方法,我们再处理“下”图层。

088a4752-9a16-eb11-8da9-e4434bdf6706.png
098a4752-9a16-eb11-8da9-e4434bdf6706.png

6、选中“上拷贝”图层,Ctrl+T自由变换,按住Ctrl键,我们对“上拷贝”文字图层,做“斜切”处理,打勾确认,操作后效果如下。

0b8a4752-9a16-eb11-8da9-e4434bdf6706.png

选中“下拷贝”文字图层,一样的方法,Ctrl+T自由变换,按住Ctrl键,我们同样做一个斜切处理,操作后如下图所示。

0c8a4752-9a16-eb11-8da9-e4434bdf6706.png

7、投影图层,同样的,我们也需要做一些处理,方法同上。

选中投影的“上”图层,Ctrl+T自由变换,按住Ctrl键,做一个斜切处理,角度大家自己掌握,打勾确认。

同样的,投影的“下”图层,我们也做一个斜切处理,操作后效果如下。

0e8a4752-9a16-eb11-8da9-e4434bdf6706.png
108a4752-9a16-eb11-8da9-e4434bdf6706.png

8、给投影做一个模糊处理,点击“滤镜-模糊-高斯模糊”,打开的“高斯模糊”对话框,如下图所示,“半径”设置“2”个像素,点击确定。

然后,适当地降低“不透明度”,本案例给到“50%”左右。

投影的“上”图层,我们如法炮制,高斯模糊,降低不透明度,操作后效果如下 。

138a4752-9a16-eb11-8da9-e4434bdf6706.png
178a4752-9a16-eb11-8da9-e4434bdf6706.png

9、当我们放大文字的时候会发现,在文字的折角处,会有一些阴影溢出,这是因为前面我们做了高斯模糊处理,我们需要做一些处理,去除这些阴影。

这里我们仍然需要用到“矩形选框工具”,属性栏中点击“添加到选区”按钮,如下图所示,我们把折痕处溢出的这些阴影全部框选出来,按delete删除(这里需要注意,投影的两个图层“上”与“下”图层,都要做delete删除),Ctrl+D取消选区,此时,溢出的投影我们就处理干净了。

1b8a4752-9a16-eb11-8da9-e4434bdf6706.png
1c8a4752-9a16-eb11-8da9-e4434bdf6706.png

10、选中“上拷贝”图层,按住Ctrl键,点击“上拷贝”图层的图层缩览图,调出它的选区。

点击“吸管工具”,吸取背景颜色,Alt+Delete填充前景色,Ctrl+D取消选区。

同样的,“下拷贝”图层我们一样如此处理,操作后效果如下。

1f8a4752-9a16-eb11-8da9-e4434bdf6706.png
208a4752-9a16-eb11-8da9-e4434bdf6706.png

巧用剪切蒙版,调整折纸字的明暗关系,突显折纸效果

11、经过上面的一系列操作后,文字的折纸效果是不是就出来了?下面我们为文字再做一些明暗处理。

在“下拷贝”图层上方,我们新建一个图层,单击鼠标右键,在打开的菜单中,选择“创建剪贴蒙版”。

点击“画笔工具”,适当调节画笔大小;设置画笔“硬度”为0;“不透明度”设置为“15%”;前景色设置为白色。

在文字的折痕处涂抹,如下图所示,文字下半部分的一个明暗关系,就轻松地制作出来了。

238a4752-9a16-eb11-8da9-e4434bdf6706.png

12、选中“上拷贝”图层,我们用上面这个方法,同样地来处理文字上半部分的明暗关系。

新建图层,创建剪贴蒙版,适当增加不透明度,调大笔刷,沿着文字折角的痕迹涂抹;再降低一些不透明度,涂抹文字的上端部分,如下图所示,对文字做了明暗处理后,折纸文字的立体效果是不是就出来了?

258a4752-9a16-eb11-8da9-e4434bdf6706.png

13、按住Shift键,选中所有的效果图层,Ctrl+G编组,Ctrl+T自由变换,如下图所示,我们给文字旋转一个角度(个人觉得这样处理后,文字不至于太呆板,嘻嘻),打勾确认。

268a4752-9a16-eb11-8da9-e4434bdf6706.png

添加纸张质感,锐化处理

14、最后,再添加一些纸张纹理。Ctrl+Shift+N新建一个图层,此时会跳出一个对话框,如下图所示,“模式”选择“叠加”,勾选“填充叠加中性色”,也就是50%度灰,确定。

278a4752-9a16-eb11-8da9-e4434bdf6706.png

点击“滤镜-杂色-添加杂色”,打开“添加杂色”对话框,如下图所示,将“数量”设置为“6%”,平均分布,单色,点击确定。

288a4752-9a16-eb11-8da9-e4434bdf6706.png

15、再次点击“滤镜”,选择“锐化-锐化”,好,至此,大功告成!最后,来看看我们完成的折纸文字效果,如下图所示:

298a4752-9a16-eb11-8da9-e4434bdf6706.png
2a8a4752-9a16-eb11-8da9-e4434bdf6706.png

本期教学视频链接:PS教程:利用自由变换,制作逼真的折纸文字效果#学浪计划#

2c8a4752-9a16-eb11-8da9-e4434bdf6706.png

让我们共同成长,成为更优秀的自己!

如果本篇教程对你有所帮助,请别忘记点赞、评论、转发、收藏!更多关于PS的精彩内容,敬请持续关注!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值