首页 > 办公 > Photoshop > 正文

PhotoShop教程:制作美味可口的饼干文字

2024-08-21 23:24:41
字体:
来源:转载
供稿:网友

教程要主以制作生活中吃到的饼干,我们就将心爱的饼干制作成为我们的饼干字母主要运用:通道,色阶的调整,用色相/饱和度上色,杂色滤镜,纹理滤镜,艺术滤镜,模糊滤镜等ps工具,具体步聚请看下面教程:

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

一.饼皮的烘制

1.首先,新建一个400x250像素的文档,用白色作为背景。选择文字工具,字型列表中我选用的是“lithograph”(你也可以用其他较为有趣的字体),大小100pt,消除锯齿的方式:强,颜色是黑色。(图01)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

2.合并图层,转到通道面板,复制任一个通道,将其改名为“orig”,反相处理。

3.新建一个通道,命名为“crust”,载入通道orig的选区,在修改菜单下,用扩展命令,扩展量为8,填充白色,取消选择。

4.执行高斯模糊滤镜,半径为4像素;再用色阶调整:通道为当前通道,输入:86,117。(图02)。目的是为了作出披萨饼相互粘连的状态。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

5.新建图层,命名为“crust”,填充白色。

6.选择通道crust,执行滤镜>像素化>晶格化,单元格大小为8。(图03)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

7.下面我们要用图章效果来简化图像,由于图章滤镜要采用色板颜色,所以要先设定前景/背景色,使之为前白后黑的状态,然后选择滤镜>素描>图章,明/暗平衡25,平滑度5。(图04)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

8.执行高斯模糊,半径为4;调节色阶:当前通道,输入:128,151。(图05)。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

9.回到rgb通道,选择图层crust,载入通道crust,填充黑色,取消选择。

10.执行高斯模糊,半径为8;选择风格化滤镜>浮雕效果,角度为135,高度为4,数量为150%,我们再一次运用高斯模糊滤镜,半径为3。(图06)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

11.载入通道crust,羽化,半径为4像素。选择反选,填充黑色。紧接着,在编辑菜单下,选择“消褪”命令,不透明度为50%,模式为“正常”,取消选择(图07)。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

12.下面是饼体上的不规则颗粒。新建一层,命名为“texture”,填充白色。添加杂色,数量为33,高斯分布,勾选单色,用色阶调整:复合通道,输入:85,149。运用高斯模糊,半径为1,用色阶调整到大小不均的样子。参数:复合通道,输入:214,237。(图08)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

14.转到通道面板,复制蓝色通道,将蓝色通道副本更名为“texture”。回到图层texture,载入通道texture,删除后取消选择。载入通道crust,羽化,半径为4像素,反选后删除。(图09)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

15.在图层texture中,锁定透明像素,填充黑色,再解除锁定状态,双击图层,进入图层样式,选择斜面和浮雕,在样式中选择“浮雕效果”,将这一层和crust层链接,拼合图层,再添加杂色,数量为3%,高斯分布,勾选单色(图10)。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

16.新建一层,依然命名为texture,复位色板,执行云彩滤镜;选择滤镜>艺术效果>干画笔,画笔大小:2;画笔细节:8;纹理:1。连续执行4次。(图11

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

17.将图层混合模式改为“正片叠底”,不透明度设定为75%(图12)。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

18.将这一层和下面一层链接,合并图层,当前为crust。调整色阶:复合通道;输入:0,169;灰度系数:1.14。(图13)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

19.执行滤镜>艺术效果>塑料包装,高光强度为15,细节:9,平滑度:7。(图14)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

在编辑菜单下,选择消褪命令,不透明度20%,正常模式。(图15)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

20.使用色相/饱和度命令给图像上色:勾选着色,色相:31,饱和度:33,明度:4。(图16)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

二.涂上比萨酱

21.转到通道面板,复制通道orig,更名为“sauce”,执行高斯模糊,半径为6。调整复当前通道色阶,输入:0,119。(图17)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

22.执行晶格化滤镜,单元格大小为15。(图18)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

23.将色板设为前白后黑,运行图章滤镜,明/暗平衡:25,平滑度:5。(图19)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

24.我们需要白色内容的边缘更为平滑,是它更像比萨酱的外观。选择模糊>进一步模糊,连续执行3次,再调整当前通道色阶:输入34,109。(图20)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

25.点击rgb通道,回到图层面板,在crust层上新建一层,命名为sauce,填充白色。载入通道sauce,用黑色填充后取消选择。

26.高斯模糊,半径为3,然后执行浮雕滤镜,角度:135,高度4,数量:150。(图21)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

27.用高斯模糊滤镜柔化,半径为3,执行两次。载入通道sauce,羽化4半径,反选后填充黑色,然后褪去50%正常模式的不透明度。(图22)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

28.用高斯滤镜稍微模糊一下,半径为2就可以了。接下来,用曲线调整,参数如图23,这样,酱体的外观和对比度就确定下来了。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

29.用色调/饱和度命令为色拉酱上色。勾选着色,色相:7,饱和度:71,明度:0。(图24)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

30.我们仍用塑料包装的效果来表现酱汁的光泽感。执行塑料包装滤镜,高光强度为15,细节11,平滑度11。再褪去不透明度23%。

32.下面是酱汁里的佐料。添加杂色,数量为3,高斯分布,单色;在滤镜菜单中选择纹理>纹理化,纹理类型为砂岩,缩放:100%,凸现:4,光照方向:顶,无反相。再褪去40%正常模式的不透明度。再次运用塑料包装,取值同刚才一样,褪去,不透明度为12%。(图25)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

33.下面我们来制作那些可爱的细葱叶。新建一层,命名为spices,选择前景色rgb(33,84,25),填充,载入通道texture,删除后取消选择。再载入通道sauce,反选后删除,取消选择(图26)。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

34.再用色阶工具调暗一点,(灰度系数为0.78),选择sauce层,将之与上一层链接合并,载入通道sauce,反选删除后取消选择。(图27)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

别着急,这个教程看起来很长,其实很好理解,过程也不过是重复重复再重复,一旦掌握,你可以很快就做出来了。好了,我们继续!

三.诱人的芝士

35.复制通道orig,更名为cheese,高斯模糊4像素;晶格化:单元格大小为6;图章:明/暗平衡25,平滑度5;高斯模糊4像素,调整当前通道色阶:输入:52,100。(图28)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

36.和前面的过程大致相同,我们只要简单介绍一下参数就可以了。新建一层,命名为“cheese”,填充白色;载入通道cheese,填充黑色,取消选择。高斯模糊:4;浮雕滤镜,参数同刚才一样;再进行两次半径为4像素的高斯模糊,将后一次消褪50%;载入通道cheese,重复第11步剩下的内容。

37.重复第16步,再将图层混合模式改为“正片叠底”,不透明度为61%。将texture层和cheese层链接拼合,调整复合通道色阶:输入:0,169。(图29)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

38.再建一层“texture”,反向载入通道texture,用黑色填充后取消选择。为图层添加斜面和浮雕样式,样式为“浮雕效果”,方法为平滑,深度为59%,其他按照默认值。(图30

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

39.和下面的图层链接拼合,用色调/饱和度命令上色:色相:38,饱和度:67,明度:0。(图31)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

40.再次采用塑料包装滤镜,参数还如刚才的设定,执行后消褪,不透明度为37%。载入通道cheese,羽化,半径6像素,反选后将复合通道色阶中灰度系数设为0.64(图32),取消选择。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

41.添加杂色,数量为3,高斯分布,单色。载入通道cheese,反选删除后取消选择。(图33)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

42.选择图层crust,载入同名通道,反选删除后取消选择。在色阶对话框中,将灰度系数降低至0.8,使它稍微变暗一点。(图34)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

43.下面要做的,就是细心调整。首先是crust层,在图层样式中选择内发光,如图35作出调整;

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

然后是sauce层,也是内发光的样式,在发光颜色中选择一种比酱体更暗的暗红色rgb(102,0,0)(图36);

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

下面是cheese层,依然是内发光,参数稍有不同,发光颜色为接近酱体的红色rgb(204,102,0)(图37)。

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

44.我们还要用阴影效果来表现比萨的立体感。为cheese层添加阴影效果,除了距离改为2,其他均按默认值。sauce层也是如此;在crust层中,距离为5,大小为8,这样,饼的立体感就出来了。(图38)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

45.现在的饼,感觉像是放了一段时间不新鲜的样子,让我们看看,有什么法子让它恢复金黄香脆,看起来更有食欲。选择图层cheese,打开色相/饱和度命令,设置色相为-3,饱和度为22,明度为17;选择图层crust,也用色相/饱和度来调整,色相为-3,饱和度33,明度为-4。

45.对crust层进行塑料包装,参数不变,然后消褪55%的不透明度;选择图层cheese,再次进行塑料包装,消褪,不透明度为100%,模式为“叠加”。这样,我们的饼体看起来更有光泽感,更加新鲜可口了。(图39)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

46.新建图层“spices”,填充白色,添加杂色,数量为18,高斯分布,单色。用模糊滤镜进行一次轻微的模糊,用色阶调整复合通道:输入:206,209,再用色相/饱和度命令上色:选择着色,色相为121,饱和度为61,明度为-65。

47.新建通道“spices”,添加杂色:数量27,高斯分布,单色。轻微模糊后用色阶调整当前通道:输入:83,126。反相选择,再用色阶调整:输入:171,255。(图40)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

|||

48.回到spices层,载入刚才的通道,删除,取消选择。再载入通道cheese,羽化半径2像素,反选删除后取消选择。

49.在色阶对话框中,将灰度系数设为0.35,将细葱叶色调调暗,看起来像是被烹制过的样子;再用图层投影效果作出立体感,不透明度为100%,距离大小均为2。(图41)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

50.下面是一些额外馅料的制作。新建一层,命名为sauce top,填充白色。选择纹理化滤镜,纹理类型:砂岩;缩放:100%;凸现:50;光照方向:顶;无反相纹理,然后用进一步模糊。用色阶调整:复合通道;输入:81,111;进一步模糊;色阶:复合通道;输入:38,73;进一步模糊;色阶:复合通道;输入:154,203;载入蓝色通道,删除后取消选择。载入通道cheese,反选后删除,再取消选择,这样我们就得到了这一层的范围。(图42)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

51.调出填充对话框,用50%灰度填充,不透明度为100%,注意勾选“保留透明区域”。用色相/饱和度来作最后的上色:勾选着色,色相为0,饱和度为59,明度为-36。添加外发光的图层样式:模式为正常;发光颜色为rgb(102,0,0),范围为100%,其他按默认值。(图43)

<u>photoshop教程</u>:制作美味可口的饼干文字-网页设计

52.最后,将背景填充为白色,合并图层就可以了。

一旦你理解掌握方法之后,只要改变选取形状,相关参数值,以及色调,你就可以轻松的制作出各种各样的小点心了!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表