ae 创建图像等高线 蒙版_UI设计教程:几步教你如何创建一个漂亮又好吃的饼干...

1 . 如何创建渐变背景和文本图层

步骤(1)

创建一个新的1000 x 800px文档, 然后单击 "图层" 面板底部的 "创建新填充或调整图层" 图标以添加渐变图层。使用 "颜色" #e8d2d6 在左侧创建渐变填充, 将 #ddbcc0 向右, 然后将 "角度" 更改为107。

6bdec1078dd4863e56fb906fba557346.png

步骤(2)

锁定大写,使用Sniglet字体创建文本, 并将 "大小" 设置为250pt。您可以一次创建整个单词,如果您想要更多变换的结果, 可以在单独的图层上创建字母。然后进行变换处理。如果要单独创建字母, 请确保将每个字母的图层放在具有字母名称的组中。(就是的打个组,不要搞的乱七八糟)

80842c667167a73d68b601d1ceb72c81.png

2. 如何创建和保存画笔预设

步骤(1)

选择 "画笔" 工具, 然后打开 "画笔" 面板。选择一个硬的圆形提示, 并使用这些设置:

画笔笔尖形状:

372b737bf09d9d1cc11e0f5ce78808f0.png

形状动态(控制:钢笔压力)

b8f741e0a1b2571c94fd12361e0ae9d5.png

步骤2

单击面板右下角的 "创建新画笔" 图标, 将 "名称" 更改为 "Cookie 描边", 然后单击 "确定"。

c5c081459b8a598b20dd02b16cb31fd5.png

3. 如何创建和描边工作路径

步骤(1)

右键单击文本图层, 然后选择 "创建工作路径"。

453551d06b5e053359f700671cf56ba9.png

步骤(2)

在文本图层的顶部创建一个新图层, 将其命名为 "描边", 确保画笔工具仍处于活动状态, 然后点击回车键就可以应用描边路径了。(一点是要选你改成制作的那个画笔)选择直接选择工具 (A), 然后再次点击回车键以退出工作路径。

860a3234988ff175a166d4bc384f0da8.png

步骤(3)

将文本和描边图层放在一个组中, 并将其命名为 "文本" 和 "描边"。

26cdd1ea6fd67ad2cf974d3825eda713.png

4. 如何设置图层组的样式

步骤(1)

双击 "文本和描边" 组以添加斜面和浮雕添效果并应用以下设置:

大小: 7

勾选 "消除锯齿"

高光模式:

颜色: #b08965

阴影模式:

颜色: #d3a35e

不透明度: 35%(没有写的都是默认值,如果做出来效果不对请查看是否是在默认值情况下设置)

8d4c55d5fbc5efebc8373a047f641af7.png

步骤(2)

添加具有以下设置的等高线:

等高线: 半圆

选中 "消除锯齿" 。

bb54df96f8187f01f09c328bf6669ed6.png

步骤(3)

使用以下设置添加投影:

颜色: #762b3d

不透明度: 38%

距离: 3

大小: 5

05b20f1a4abe8fbaa262b1916253dfd3.png

步骤(4)

使用以下设置添加另一个投影效果:

颜色: #7d3848

不透明度: 50%

距离:15

大小:25

f6769ad5fbbc999145db9d9337b1ea18.png

这就是主cookie的形状样式了。

6a97e006765fc58a4582db59e2c29e60.png

5. 如何添加纹理图像

步骤(1)

打开饼干图像, 然后选择椭圆选框工具以选择图像中的一个饼干面。您也可以随意的选择!开心就好!转到 "编辑" > "复制" 以复制所选部分。(你也可以ctrl+j快速复制一份出来然后在复制过去!)

8a77ef68fb0d6df079f937ab29f953bb.png

步骤2

返回到原始文档, 然后转到 "编辑" > "粘贴" 以粘贴复制的饼干纹理。将粘贴的图层放在 "文本和描边" 组顶部的字母组中。然后, 右键单击饼干纹理图层, 然后选择 "创建剪贴蒙版"。按命令 t 进入自由变换模式, 并调整纹理的大小和旋转纹理, 直到您喜欢的外观出现为止,然后回车确认。

6813e1325706fb3455a03b1b834b391e.png

6. 如何设置选区大小

步骤(1)

单击文本图层的缩略图以创建所区。

128ed48bb8e347308f69e95b52bae9c3.png

步骤(2)

转到 "选择" > 修改 > 收缩, 并然后把值更改为5。这样选区就会变小了!

86e0d41d13202beb3d2b5fd995d39266.png

步骤(3)

在字母组的顶部创建一个新图层, 并将其命名为 "Glaze 01"。用白色填充所选内容, 然后按命令D取消选择。

ef6401d9f0dc2b0ffcc3d2c2304c9e7e.png

步骤(4)

复制Glaze 01图层并命名位Glaze 02, 并将Glaze 02的 "填充" 值更改为0。

3b72c460449ef2f127bd848ca1588aa4.png

步骤(5)

将两个Glaze层放在一个组中, 并将其命名为Glaze( 釉料的意思哈不想翻译)。

f1d905cb0f290424b10eb71d3d142c34.png

7. 如何创建平滑的釉料样式

步骤(1)

双击 "Glaze 01" 图层以应用斜面和浮雕

大小: 9

软化: 9

勾选"消除锯齿" 框

高光模式: 柔光

颜色: #b08965

阴影模式:

颜色: #b69c5e

不透明度: 35%

d0bc02297857a5ff0e942d740a49261b.png

步骤(2)

添加具有以下设置的等高线:

等高线: 半圆

选中 "消除锯齿" 。

911b1310851f367d25a7c807a3cd09c5.png

步骤(3)

添加具有以下设置的纹理:

图案: 云(找图案时候用大图预览找)

深度: 25%

52f4551259d1effe0ccf7e673116004b.png

步骤4

添加具有以下设置的内部阴影:

颜色: #d3d1c8

不透明度: 35%

距离: 3

大小: 7

3b6e379849282eca4b6386134f107555.png

步骤(5)

添加具有以下设置的"颜色叠加":

颜色: #f1efde

31937b3880ec0c43a8b53294355a5de2.png

步骤(6)

添加具有以下设置的投影:

混合模式: 线性加深

颜色: #2c1c0b

不透明度: 15%

距离: 3

大小: 3

222c0db8a1e10379ec073fc8affa3fc8.png

这将创建一个风格柔软的釉料。

bf95e80a04ba265e5a6e5ecdb760b379.png

8. 如何创建釉面的纹理样式

步骤(1)

双击 "Glaze 02" 图层以应用斜面和浮雕图层样式:

大小: 7

软化: 7

取消勾选 "使用全局光源"

角度:85

高度:26

勾选 "消除锯齿"

高光模式: 亮光

颜色: #ffffff

阴影模式: 线性加深

颜色: #b1997c

不透明度: 28%

664fc81222435e3f6b24168c0fce86bf.png

步骤(2)

添加具有以下设置的等高线:

等高线: 半圆

选中 "消除锯齿" 。

0440ab61d05f31aff21f5abae0ae7159.png

步骤(3)

添加具有以下设置的纹理:

图案: 光泽(没有就在菜单里面追加添加就会找到了)

深度: 26%

5780a598c7c3b17f4c3ac0bed7f6c8ce.png

这将创建一个更有纹理细节的釉料。

2d01ac38e08600306bf16ca5107449b1.png

9. 如何创建更多字母

重复相同的步骤, 以创建所需的任何其他字母。使用 "自由变换模式" 旋转或随意放置字母。您不需要为每个图层重新应用所有图层样式。你只需复制拷贝图层样式就好了,最后记得整理到一个组里!

14b1b1f20e5f9c6cb7455f445cf66199.png

10. 如何创建随机点缀笔刷

选择 "画笔" 工具, 然后打开 "画笔" 面板。选择一个硬的圆形画笔, 并使用以下设置:

画笔笔尖形状

37dc319e6bdbdea5c0a22f204c89dafd.png

形状动态

887cd694e20ff6970b9654140342fb55.png

散布

d5829153b4f7dad78e354cd222132afc.png

11. 如何创建随机的点缀样式

步骤(1)

在 "文本" 组的顶部创建一个新图层, 并将其放置在名为 "点缀" 的组中。

7618caee8e32a500bedf60a3945c697e.png

双击新图层以应用以下图层样式:

步骤(2)

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

大小: 6

取消选中 "使用全局光源"

角度:98

高度:53

勾选 "消除锯齿"

高光模式:亮光

不透明度: 5%

阴影模式: 颜色加深

d5370f23604283f4a6ffff5eb9e44e1c.png

步骤(3)

添加具有以下设置的等高线:

等高线: 画圆步骤

选中 "消除锯齿" 。

范围: 60%

d99eff69b318ec36e66c7c9c4eb1ed99.png

步骤(4)

使用以下设置添加 "颜色叠加":

颜色: #f88dc7

在这里, 您可以选择您喜欢的任何颜色。

3e780db24ee3c10492dd7d82cbd76d30.png

步骤(5)

使用以下设置添加投影:

颜色: #2a2826

不透明度: 20%

距离: 2

大小: 3

32823f27170150f462e7e3fe54adc691.png

12. 如何添加点缀

步骤(1)

将已设置样式的图层重命名为您为颜色覆盖效果选择的颜色,并复制其图层样式。

单击鼠标轻轻拖动以添加点缀。可以根据需要更改画笔笔尖的间距和散射值,以创建您喜欢的效果。

9646517e3ca3a1cc6e3bf36ac11d8822.png

步骤(2)

创建新图层, 使用所需的颜色命名每个图层, 并将图层样式粘贴到其中。要更改点缀的颜色, 只需双击点缀层, 并为 "颜色叠加" 效果选择新的 "颜色" 值即可。

4aabd942de239e363c7b83c7c3087fc3.png

步骤(3)

您可以添加任意数量的点缀图层和颜色。

c70118068b2ead8154e6ee16b88cb658.png

13. 如何进行全局调整

步骤(1)

一旦你完成添加点缀, 把文本和点缀组放到另一个新的组中, 并命名为 Cookie。

de8990e87d765321d58c60be4f2aa73d.png

步骤(2)

添加 "色阶调整图层" 并将其剪贴到 "Cookie" 组中。然后, 将 "高光显示" 值更改为 6, 将 "伽玛" 更改为 0.90, 将 "阴影" 更改为248。

a407578bdfc7abdd0b8435ea4fed1786.png

步骤(3)

添加 "自然饱和度调整图层" 并将其剪贴到 "Cookie" 组中, 并将 "自然饱和度" 值更改为20。

eca05819f658f28e0587a956cf730997.png

步骤(4)

添加 "亮度/对比度" 调整图层, 并将其剪贴到 "Cookie" 组中, 并将 "对比度" 值更改为15。

047fb94330af3feb0094ff5a6061b49f.png

步骤(5)

将水泥纹理图像放在渐变填充图层的顶部, 调整其大小以适合文档, 并将其图层重命名为 "纹理叠加"。将纹理叠加图层的混合模式更改为线性加深, 并将其不透明度更改为50%。

07c5a669cf893328741fc96f7ab2ad27.png

祝贺!你成功的完成了好看饼干字体!

6ba5d9899d82f6aa1a28185a9cd70460.png

90d80163b549d564b7f9d67367d49bc1.png

作者:米夏小雨

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值