photoshop制作复古插画文字效果

北京日子time

北京日子time

2016-04-05 14:07

图老师小编精心整理的photoshop制作复古插画文字效果希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【PS文字特效】photoshop制作复古插画文字效果

  photoshop教程 最终效果

photoshop制作复古插画文字效果  图老师教程

  1、首先我们来制作一个大的木纹纹理图。要达到真实木纹效果可能有困难,所以只要像木纹的纹理就可以了。新建一个大尺寸的文件:6000 X 6000像素(300ppi)选择前景色为深棕色#48403a,背景色浅一些#ac9f92,用深棕色填充背景图层;选择滤镜-渲染-纤维,设置:差=12.0,强=34.0双击图层将背景转换为图层,按Ctrl+T旋转图层90度,再向两边伸拉图片直至没有空白。

photoshop制作复古插画文字效果 图老师教程

  2、现在我们要使纤维更有层次,颜色再深一些:选择图层-新建调整图层-渐变映射,图层模式为叠加,不透明度为50%,如下图:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程

【PS文字特效】photoshop制作复古插画文字效果(2)

  3、新建一个层,填充颜色#633a1c,图层模式为正片叠底。

photoshop制作复古插画文字效果 图老师教程

  4、最后,新建一个层,按G选择渐变工具,前景色为白色,从上至下拉一个白色的渐变,不透明度10%左右。选择整个画面,按Ctrl+A,然后按Ctrl+E向下合并图层,然后合并所有图层。

photoshop制作复古插画文字效果 图老师教程

  5、新建一个文件,文件大小为29.7X21CM,分辨率300ppi,颜色模式为CMYK,而不是RGB。

  添加字体到文件里,一个字母一个图层,什么颜色不重要,因为我们将用纹理覆盖字体,为了区分图层,我选择不同的绿色。

photoshop制作复古插画文字效果 图老师教程

  6、现在双击字母T图层,添加以下图层样式效果:

  颜色代码如下:投影#000000,外发光#476454,斜面和浮雕:高光模式#f09629-阴影模式#45293c,描边#466454。

photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程

  图层样式完成后,效果如下图所示:

photoshop制作复古插画文字效果 图老师教程

  7、复制样式(在图层上点击右键-复制图层样式),复制到所有的字母图层,新建一层,键入一个大大的字母&。

photoshop制作复古插画文字效果 图老师教程

【PS文字特效】photoshop制作复古插画文字效果(3)

  8、按ctrl+鼠标左键,点选所有字母图层,将字母拖入木纹纹理图里。

  在字母T上面新建一个层,图层-创建剪贴蒙板,复制木纹图层,移至字母T图层上方,效果见下图:

photoshop制作复古插画文字效果 图老师教程

  9、在木纹复制图层上新建一个层,按Ctrl点击字母T图标,选择-修改-收缩(收缩量:7像素)

photoshop制作复古插画文字效果 图老师教程

  10、填充白色,滤镜-模糊-高斯模糊,m.tulaoshi.com半径1.0像素。

photoshop制作复古插画文字效果 图老师教程

  11、图层不透明度40%,选择橡皮擦工具,硬度80%,擦去字母下面的部分,见下图。

photoshop制作复古插画文字效果 图老师教程

  12、打开两个铆钉图片,用钢笔工具抠出铆钉,去色(Ctrl+Shift+U)。我们把十字型的作为大铆钉,一字型的作为小铆钉。将大铆钉放到T字母上,图层样式设置如下:

photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程

  13、用同样的方法制作小铆钉,并把大小铆钉钉在字母上,效果如下图所示:

photoshop制作复古插画文字效果 图老师教程

  14、打开下图所示的花纹素材,用魔术棒抠出来后填充青色,然后拖到文字图层下面,再适当的复制,效果如下图:

photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程

【PS文字特效】photoshop制作复古插画文字效果(4)

  15、添加图层样式,参数设置如下图所示:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com)
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程

  16、新建一个新层,图层-创建剪贴蒙板,前景色#74cdd8,用柔角笔刷刷饰花纹:刷饰花纹边缘的部位时,笔刷的透明度大一些(80%左右),中部透明度小一些(40%-20%)。

photoshop制作复古插画文字效果 图老师教程

  17、将花纹图层和剪贴蒙板层新建一个组,复制组,并相应的调节花纹图案的位置。如下图所示:

photoshop制作复古插画文字效果 图老师教程

  18、在底部的位置添加一个大花纹图案组:

photoshop制作复古插画文字效果 图老师教程

  19、在大花纹图层下面再添加一些小花纹,如下图所示,调整好花纹的位置,保持花纹线条的自然流畅。

photoshop制作复古插画文字效果 图老师教程

  20、再加最后的花纹图案在下图所示的位置。

photoshop制作复古插画文字效果 图老师教程

  21、像往常一样,我们调整图片的颜色和对比度。新建一个层,选择图层-新建调整图层-渐变映射,见下图:图层模式为线性加深,不透明度30%。

photoshop制作复古插画文字效果 图老师教程

  22、现在调整图层的颜色,调整可选颜色的黑色,如下图所示:

photoshop制作复古插画文字效果 图老师教程

  23、我想还需要添加另一些颜色,就用橙色吧。复制花纹图案,缩小尺寸删除明亮的青色,用颜色#f7db58。

photoshop制作复古插画文字效果 图老师教程

  24、再多添加几个,见下图:

photoshop制作复古插画文字效果 图老师教程

  25、现在,选择每个字母,喷涂同样的颜色

photoshop制作复古插画文字效果 图老师教程

  26、用Atulaoshi.comI打开花纹图,双击花纹背景图。选择白色部分,变换颜色为黑色。复制到Photoshop里。

  新建一个文件(颜色模式CMYK),保持花纹背景图的大小,复制花纹背景图到新文件里。点击背景图层左边的眼睛图标,使背景不可见,选择编辑-自定义图案。

photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程

  27、在木纹背景图层上方新建一个层,选择油漆桶工具-图案,填充花纹背景图案,添加图层样式如下图所示:

photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程
photoshop制作复古插画文字效果 图老师教程

  28、新建一个层,图层-创建剪贴蒙板,用白色低流量在图像中部涂抹出一个阴影,不用太明显,如下图所示:

photoshop制作复古插画文字效果 图老师教程

  29、再用橙色f7db58涂抹几处较亮的地方,洗个如下图所示,完成最终效果。

photoshop制作复古插画文字效果 图老师教程

  OK!教程结束,大家多做出来效果了吧!希望大家喜欢这篇教程!

展开更多 50%)
分享

猜你喜欢

photoshop制作复古插画文字效果

电脑网络
photoshop制作复古插画文字效果

Photoshop制作复古金属文字效果

PS PS基础
Photoshop制作复古金属文字效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

photoshop制作复古做旧文字效果

电脑网络
photoshop制作复古做旧文字效果

Photoshop制作复古唯美的砖文字效果

电脑网络
Photoshop制作复古唯美的砖文字效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS制作复古黄金文字效果

电脑网络
PS制作复古黄金文字效果

Photoshop制作光影文字效果

电脑网络
Photoshop制作光影文字效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

ps制作带火花的流星字

ps制作带火花的流星字

ps cg插画手绘入门教程

ps cg插画手绘入门教程
下拉加载更多内容 ↓