如何在photoshop中创建树叶覆...

  • 经验类型教程原作者: Anderson Luiz

  • 经验属性自译外文
  • 经验版权不使用原创授权
18699 49 206 2019-02-23

Image title

1. 如何创建背景

步骤1

使用以下设置创建新文档:

名称: 树叶文字效果

尺寸: 850 x 553 像素

分辨率:72 dpi

颜色模式: rgb 颜色8位

背景内容: 自定义 #193333

Image title

步骤2

双击 "背景" 图层并将其重命名为 bg。然后右键单击它, 然后选择 "转换为智能对象"。

Image title

步骤3

转到滤镜 > 杂色 > 添加杂色并使用以下设置:

数量:1.12%

分布: 高斯

单色: 开

Image title

步骤4

现在双击 bg 图层以打开 "图层样式" 面板。然后使用内发光并设置以下参数:

混合模式:正片叠底

不透明度: 65%

杂色: 0%

颜色: #102a50

方法: 柔和

源: 边缘

阻塞: 26%

大小: 250 像素

等高线: 线性

抗锯齿: 开

范围: 100%

抖动: 0%

之后, 单击 "确定" 关闭 "图层样式" 窗口。

Image title

2. 如何创建样式

步骤1

对于此步骤, 我们将使用本教程附加文件中的画笔。我们只需要改改画笔就能快速的制作出文字效果,所以你不需要很费力!但是你想要了解这个画笔是怎么制作的那我们继续吧!

转到 "编辑" > "预设" > "预设管理器", 然后在下拉菜单中选择 "图案"。然后点击载入..。并安装树叶生成器纹理(在 zip 文件内)。之后在下拉菜单中选择 "画笔" 并加载树叶生成器画笔- (也在 zip 文件中)。我们以后会用到画笔的。

Image title

步骤2

选择文字工具 (t), 并将字体设置为 kingthing和字体大小为 287 pt。然后看你喜欢写什么字(建议西文字)。

Image title

步骤3

双击文本图层以打开 "图层样式" 窗口。然后, 使用以下设置添加图案叠加:

混合模式: 正常

不透明度: 100%

模式: 树叶生成器纹理

缩放: 100%

与图层的链接: 打开

Image title

步骤4

现在, 使用以下设置添加渐变叠加:

混合模式: 叠加

不透明度: 25%

渐变: 黑色、白色

样式: 线性

角度: 90°

缩放: 100%

Image title

步骤5

使用以下设置添加内发光:

混合模式: 线性减淡 (添加)

不透明度: 60%

颜色: #acff62

方法: 柔和

源: 边缘

尺寸:17 像素

等高线: 线性

抗锯齿: 开

范围: 100%

Image title

步骤6

使用以下设置添加内阴影:

合模式: 强光

颜色: #122d02

不透明度: 100%

使用全局光: 关闭

角度:-180°

距离:15 像素

大小:11 像素

等高线: 线性

抗锯齿: 关闭

Image title

步骤7

使用以下设置添加斜面和浮雕:

样式: 内斜面

方法: 平滑

深度: 178%

方向: 向上

尺寸: 4 像素

软化: 6 像素

使用全局光: 关闭

角度:-135°

高度: 32°

光泽度: 滚动坡度-递减

抗锯齿: 开

高光模式: 滤色

高光颜色: #e1ff90

高光不透明度: 31%

阴影模式: 暗色

阴影颜色: #000000

阴影不透明度: 22%

Image title

步骤8

现在点击新建样式, 并将其保存为小叶子。然后, 选中 "包括图层效果" 并包括 "图层混合选项" 框, 然后单击 "确定"。

Image title

步骤9

现在停用内发光, 并使用以下设置调整内阴影:

混合模式: 强光

颜色: #122d02

不透明度: 43%

使用全局光: 关闭

角度:-180°

距离:15 像素

大小:42 像素

等高线: 线性

Image title

步骤10

通过单击 "新建样式" 按钮再次保存样式, 但这次将其命名为 "让边框变小的效果"。之后, 单击 "确定" 关闭 "图层样式" 窗口。

Image title

3. 进入制作效果环节

步骤1

这一步是打开了动作面板,然后建立动作了,和我上次发布的那个雷电文字里面的是一样的,在这里就只贴图不翻译了,因为录不录制动作都无所谓了。当然录制动作只是为了下次操作更快!上次教程传送门我是传送门

Image title

步骤2

将文本图层重命名为文本 bkp, 并将文本大小设置为 287pt。之后, 按ctrl+a 选择整个文档。然后, 选取移动工具 (v) 并将图层对齐到文档的中心。

Image title

步骤3

按ctrl+d 删除所选内容。之后, 按ctrl+j 复制图层。然后, 将副本重命名为 "基础文本"。

Image title

步骤4

右键单击 "基础文本" 图层, 然后选择 "栅格化"。然后, 转到 "窗口" > "样式" 以打开 "样式" 面板。之后, 单击 "小叶子" 样式将其应用于栅格化的图层上。

Image title

步骤5

选择画笔工具 (b), 然后选择 "叶子a"Leaves A画笔。然后, ctrl加单击文本基础图层的缩略图, 在文本周围创建一个选区。之后, 选择多边形套索工具 (l), 然后在所选内容上右键单击, 然后选择 "创建工作路径"。创建容差为 2.0 px 的工作路径。

Image title


步骤6

请确保在下一步前, 检查画笔不透明度和填充是否设置为100%。

转到 "窗口" > "路径" 以打开 "路径" 面板。之后, 点击面板右上角的小图标, 然后选择 "描边路径"。然后选择 "工具" 选项上的 "画笔", 取消选中 "模拟压力" 框, 然后单击 "确定"。

Image title

步骤7

现在, 我们将创建另一个图层, 并对其应用第二个笔画, 使文本的边缘看起来更加逼真。按 ctrl-shift-n 创建一个新图层, 将其命名为 "叶子边框", 然后单击 "确定"。然后, 按住 "ctrl" 并单击 "基础文本" 图层的缩略图以创建另一个选区。之后, 再次选择多边形套索工具 (l), 并创建另一个工作路径, 就像我们以前所做的那样。请注意不要在 "图层" 面板上选择 "基础文本" 图层 (必须保留 "叶子边框" 图层)。

Image title

步骤8

再次选取画笔工具 (b), 然后选择 "叶子b" 画笔。然后, 转到 "路径" 面板, 右键单击 "工作路径", 然后选择 "描边路径", 就像我们以前一样。

Image title

步骤9

再次转到 "路径" 面板, 然后删除 "工作路径"。然后转到 "样式" 面板, 单击 "让叶子边框变小" 样式, 将其应用于我们刚刚创建的边框。

Image title

步骤10

现在, 我们需要将所有文本图层转换为一个智能对象。按住 "ctrl" 键, 然后单击以选择 "文本 bkp"、"基础文本" 和 "叶子边框" 图层。然后, 右键单击其中一个, 然后选择 "转换为智能对象"。之后, 将新的智能对象重命名为 "树叶"。

Image title

步骤11

现在我们需要在文本中添加一些阴影。双击 "树叶" 图层以打开 "图层样式" 窗口。然后, 添加具有以下设置的投影:

混合模式: 正片叠加

颜色: #000000

不透明度: 63%

使用全局光: 关闭

角度: 0°

距离: 5 像素

大小: 9 像素

等高线: 线性

抗锯齿: 开

Image title


步骤12

使用以下设置添加内阴影:

混合模式: 强光

颜色: #000000

不透明度: 60%

使用全局光: 关闭

角度: 180°

距离: 8 像素

大小: 2 像素

等高线: 线性

然后单击 "确定" 关闭 "图层样式" 窗口。

Image title

步骤13

按ctrl-j 复制当前图层。然后将副本重命名为 "树叶阴影", 将其 "填充不透明度" 更改为 0%。 之后, 双击 "叶阴影" 图层, 再次打开 "图层样式" 面板。然后, 删除内部阴影筛选器, 并使用以下设置编辑投影:

混合模式: 正片叠加

颜色: #000000

不透明度: 19%

使用全局光: 关闭

角度: 0°

距离:15 像素

扩展: 26%

大小: 7 像素

等高线: 线性

抗锯齿: 开

Image title

步骤14

让我们从纹理中去除一些杂色。

选择 "叶子" 图层, 然后转到 "杂色" > "减去杂色"。

使用这些设置:

强度:10

保留细节: 11%

减少杂色: 8%

锐化细节: 19%

Image title


步骤15

叶子看起来有点模糊, 所以让我们给它添加一个非常微妙的锐化。转到 "滤镜" > "锐化" > 智能锐化, 并使用以下设置:

数量: 66%

半径: 0.5 像素

Image title

步骤16

现在让我们把叶子变得更绿一点。我们将使用渐变映射调整层。选择 "叶子" 图层, 然后转到 "窗口" > "调整"。然后单击 "创建新的渐变" 图标以创建新的渐变地图图层。

Image title

步骤17

将 "渐变映射" 图层重命名为 "叶子颜色", 并将其不透明度更改为50%。之后, 右键单击同一图层, 然后选择 "创建剪裁蒙版"。然后双击其缩略图以打开 "属性" 面板。

Image title

步骤18

单击渐变栏并使用以下设置对其进行编辑:

第一: #031000 位置: 5%

第二: #054c2b 位置: 26%

第三: #106905 位置: 42%

第四: #86ff5c 位置: 87%

Image title

4.完成作品并加点点缀

步骤1

让我们在文本下面创建一个非常简单的阴影。选择圆角矩形工具 (u), 并在 "叶子阴影" 图层的正下方创建一个黑色水平矩形。

Image title

步骤2

右键单击 "圆角矩形" 图层, 然后选择 "转换为智能对象"。然后转到 "滤镜" > "高斯模糊", 并将其设置为 6 px。之后, 将圆角矩形图层的不透明度设置为71%。

Image title

步骤3

从素材包里面抠出一些树叶,树枝吧他们放到文字上面,然后把鸟扣出来放到你觉得合适的位置,并添加细节!(当然在素材包里面我已经做好了你可以直接用,但是我还是希望你能自己动手做做)好了今天的教程到这里就结束了!下期见!(若发现教程有错误的地方欢迎加我微信提出)

Image title

全部评论:49

  • 定西997

    2020-07-12 17:41

    按顺序做的 但是第9部叶子没出来

  • 2020-05-21 11:55

    怎么添加预设图案,文件里面不显示图片

  • 小世界123

    2019-11-21 14:33

    进入制作效果环节开始蒙,,,

  • Jason see you

    2019-09-20 09:48

    做到最后几步完全看不懂了,看着作者的描述脑瓜子疼

  • Torre

    2019-08-21 10:06

    好吧~!画笔什么素材什么的都在,文章下面的压缩包里面,画笔也在。

  • Torre

    2019-08-21 09:42

    @Baymax.菜: 同问,我卡在这一步了,树叶没有多出来。

  • 米夏小雨

    2019-07-19 19:55

    @Dun_Dun: 谢谢支持

  • Dun_Dun

    2019-07-19 14:51

    get了好几个技能,又重复做了几次,没想到ps可以这么处理,谢谢分享,很受用!

  • potatocnoiz

    2019-07-04 11:07

    超详细的教程,超细节的处理 赞

  • 小鲤鱼33

    2019-06-27 16:09

    感谢分享,又get了一个技能操作。

  • Baymax.菜

    2019-06-26 17:50

    虽然楼主写的很详细,但是没怎么看明白,看着效果图自己做了。文案中有一些地方没有交代清楚,比如图案叠加是之前准备好的图案,没有交代清楚;画笔是什么样子的画笔没有讲,不讲画笔的情况下描边出来是一条线。不过楼主这么大工程的文案还是很赞的

  • 托马斯2019

    2019-06-11 15:51

    @晟的小号: 123

  • 182***0331

    2019-05-24 17:33

    @Olwen: 前景色的颜色不对 可能是你没选为绿色吧

  • 努力学习的小白

    2019-05-21 15:12

    原来是没选择画笔

  • 努力学习的小白

    2019-05-21 14:11

    那个想问一下从步骤5到步骤6为什么我的叶子露不出来??

  • Olwen

    2019-05-20 15:28

    为什么我添加字体的图层样式,选择树叶的图案后,出来的不是绿色的而是灰色的树叶?

  • 晟的小号

    2019-05-10 14:04

    @Anna九月: 我把那个图案叠加去掉之后正常了,但是后面那个描边路径加小叶子颜色不对,怎么改都是前景色。。。

  • 2019-05-10 13:59

    那个树叶生成器的zip文件呢

  • Anna九月

    2019-05-10 13:43

    @晟的小号: 我刚开始也是那个地方糊成一团,后来发现是画笔预设的原因,你看你的是不是和我一样。

  • 阿柯i

    2019-05-09 15:02

    在哪下载那个叶子的画笔预设

  • 晟的小号

    2019-05-08 17:19

    做到基础文本栅格化添加小叶子效果那一步,结果就糊成了一团。。。

  • 荣荣荣荣荣丶

    2019-04-15 10:10

    @天真吴邪哒哒哒: 独秀同志,你还让不让其他同志发言了

  • UI改sir

    2019-04-12 15:33

    @天真吴邪哒哒哒: 真皮沙发....

  • 无良人

    2019-04-11 15:44

    又学到一些东西,上次的雷电字体的一些问题在这次的里面成功搞定了。

  • guome

    2019-04-10 17:11

    @天真吴邪哒哒哒: 你可真是个小机灵鬼啊

  • 天真吴邪哒哒哒

    2019-04-10 09:46

    https://vaufonts.com/ 这个网站可以在线直接生成这种字体效果

  • Kitty酱

    2019-04-09 16:15

    按照步骤来做,填充描边路径没有做出叶子露出来的效果

  • 啃菠萝的兔叽

    2019-04-09 15:45

    @米夏小雨: 谢谢您认真回复~瞬间就get到了13操作的效果了(您的参数调整的好棒啊,尤其颜色,我自己调整做出来的颜色上明显不如按您的参数做出来的作品看着通透、有感觉!

  • 米夏小雨

    2019-04-08 23:51

    @啃菠萝的兔叽: 首先呢,动作只是为了方便以后用的时候快捷,其他并没有什么作用,然后是步骤13里面是改变填充不透明度,不是透明度!要看清楚哦!顺便解释一下 填充:针对的是图层上的填充颜色起作用,对图层上添加的一些特效不起作用(如:描边、投影、斜面浮雕等)。 不透明度:针对的是对整个图层起作用,包括图层特效(如阴影、外发光之类的)都变透明。

  • 啃菠萝的兔叽

    2019-04-08 20:32

    求问“建立动作”的目的是什么呀?以及“步骤13”中把不透明度改成了0%之后那还有什么效果? 新手求指导~非常感谢

  • 更多

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票