Photoshop设计潮流风格的涂鸦艺术字教程

2016-02-16 03:24 113 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计潮流风格的涂鸦艺术字教程,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

这是一款效果非常特别的字体效果,看着步骤很多很难,其实真正操作起来并不复杂,基本都是图层样式。关键的是做的过程中要建立好组群,每个字一个组,方便查看和编辑,不然肯定会混乱的。你也试试看吧。

具体效果:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

教程:

1.新建1400*900大小的文档,编辑填充颜色#d0cfcf。在这里我们要做效果,所以一个字一个图层。先打上'5"字,

颜色随意,字体选择上尽量选择卡通可爱点的字体。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

2.给字体设置图层样式,如下:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

3.复制字体图层5,得到副本。将图层拉到原始图层5下方,用移动工具将图层向上移动5px,向右移动9px,得到效果如下:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

4.关闭背景图层的眼睛,ctrl+shift+alt+E得到盖印图层,关闭5副本。将盖印图层拉到图层5下方,打开背景图层眼睛。

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

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

5.在盖印图层上方新建图层,编辑填充颜色#1a1072.创建剪切蒙版,用加深工具和减淡工具在字体立体部分刷出高光和阴影的变换。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

6.新建图层形状,放在原始图层5上方,用矩形工具画出如下形状,填充颜色#8cb809

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

7.在所有图层最上方,新建图层高光,用钢笔画出如下形状,编辑填充白色。按住ctrl键点击盖印图层,得到整个字体选区,ctrl+Shift+I反选,delete删除。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

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

8.给高光图层设置图层样式内阴影,设置如下:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

9.在盖印图层下方新建图层描边,按住ctrl键点击盖印图层,得到整个字体选区,在描边图层上右击选区,选择描边选区,10px,黑色居中。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

10.新建组5,将所有图层放进组内。(背景层除外)

11.用同样的办法,我们分别作出其他的字体。摆放好位置:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

本帖隐藏的内容12.设置前景色为#e40480,新建图层底部图层1,用硬度为100%大小的画笔,随意点出效果。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

13.设置图层样式,如下:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

14.复制底部图层1,右击清除图层样式,重新设置图层样式颜色叠加。将图层向下移动,做出阴影效果。

15.新建图层底部图层2,放在底部图层1上方,用颜色#8cb809,硬度100%的画笔画出如下效果

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

16.设置图层样式如下:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

17.新建图层高光,在底部图层上画出高光部分,大致效果如下:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

18.最后我们来做背景砖块部分。新建文档,大小随意,用圆角矩形工具,半径12px,颜色#8cb809 。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

19.按住ctrl键点击砖块图层,得到选区,描边选区,黑色,大小自己看效果定。复制砖块图层,摆放到如下效果

摆放时要注意不要留下空白的地方。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

20.合并所有砖块图层,新建图层放在上方,用黑色柔软画笔在砖块中间画出阴影,改图层不透明度27%

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

21.编辑--定义图案。图案我们做好了。我们来到最初的文档,在背景图层上新建图层,设置图层样式如下:

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

22.到这里我们已经完成了所有制作,最后在砖块上添加点高光,完工。

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

Photoshop设计潮流风格的涂鸦艺术字教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1567450.html

延伸阅读
标签: PS PS基础
GRUNGE风格一直以来似乎致力于讲述一种故事感,当然它也能表达出一种反规则的酷,当我们在为GRUNGE纹理配文时,尤其需要同款文字相呼应。今天我们来学习怎样使用AI将普通文字制作成为GRUNGE特效。这里我采用的是英文,中文的制作方法也一样,只是中文手写体文字更适合制作这类特效哦。 一、写出文字 1、打开AI软件,新建一个大小适当的文...
标签: PS效果 PS PS基础
做一款3D糖果文字,并不是想象中容易。你得非常熟悉PHOTSHOP的图层样式的各种参数和性能,这一过程也几乎完美地涵盖了全部的图层样式,值得大家深入探索。今天飞屋睿UIdesign的教程不仅教你怎么做,而且具体说明了为什么要这么做,参数的意义在哪,绝对是新手最受用的教程。 先看看教程效果图 一、要用到的文字和纹理 关于糖果文字的字...
标签: PS PS基础
石纹立体字制作跟立体字制作方法一样,只是在制作的时候需要给文字的表面多增加一些石质纹理及裂纹。其它的细节可以随自己的喜好添加。 最终效果 分析参考图,从颜色、形状及细节等各个部分掌握文字构造。 1、新建大小适当的文件,背景填充暗灰色。选择文字工具,字体设置为Star Jedi。 用路径微变形:原则,兵马想象石头型的一个规...
作者在制作的时候非常讲究细节和颜色。用到的素材也比较多,不过作者都安排的非常到位。整个效果华丽稳重,给人较强的视觉冲击力。 最终效果1 最终效果2 1、打开背景素材,将画布设置成合适大小。 2、拖入边框素材,放到合适位置。 3、找一张人物素材扣好,放在合适位置,复制一层人物层,缩小去色,放在合适位置。。 4...
标签: PS PS基础
本教程主要使用Photoshop制作充满颗粒效果的3D立体字教程,主要使用素材和图层样式的参数来完成,喜欢的朋友一起来学习吧。 先下载教程需要素材: 锈迹背景和笔刷 先看看效果: 具体教程: 1.新建1024*768px大小的文档,设置前景色为#6fb1bf, 背景色为#2a4d53,然后我们从画布中间向下拉对称渐变 2.拉入背景素材,我们调整好大小摆...

经验教程

19

收藏

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