美文网首页设计设计啊滤镜史鉴
PS一盘饼干字体,我的朋友圈都被馋得流口水

PS一盘饼干字体,我的朋友圈都被馋得流口水

作者: 阿随向前冲 | 来源:发表于2016-08-10 09:08 被阅读1638次

    这个面包圈字体效果看上去真的很赞,超级写实,而且制作难度也不高,可以充分地学习到图层样式和画笔的知识,制作下来挺有意思的。友情提示:教程有点长,希望大家有耐心看下去哦,练手后会有很大收获的。

    看这效果是不是很赞

    面包圈是一种用面粉做成的甜甜圈类型的饼干。当它们烤好又闪亮时,看上去真的太棒了!流口水啊,有没有!

    布尔玛就被馋到了

    本教程将会向大家展示如何使用Photoshop强大的图层样式功能、以及一些笔刷和滤镜来创作一些美味的面包圈(效果字体)。本篇为翻译自外网教程,感谢原作者,原作者表示这是Luca想到的创意,感谢你带来如此牛逼的创意,Luca。

    温馨Tips

    *本教程中使用的Adobe Photoshop CS6,但是你也可以使用CS3以上任何一个版本。

    *注意:你可能需要加在本教程使用的等高线,所以可以查看这张图片来了解如何操作。

    加载等高线

    前方高能教程

    Step 01

    打开PS,按快捷键Ctrl+N新建1250×1250像素大小的文档(你可以使用任何你想要的宽度值,但是请确保高度值不小于1250)。

    新建文档

    选择矩形工具,设置前景色为#d4d0c9,并拉一个眼神到文档边框外一点的矩形。

    设置矩形

    双击矩形形状图层,设置如下图层样式:

    ——斜面和浮雕

    大小:3

    勾选消除锯齿

    阴影模式:正片叠底—颜色# a89a86

    设置斜面和浮雕

    ——等高线

    勾选消除锯齿

    设置等高线

    ——纹理

    图案:paper_2(译者注:要把提前下载好的这个图案在ps中定义成图案)

    深度:318%

    纹理设置

    ——渐变叠加

    混合模式:正片叠底

    样式:径向

    缩放:150%

    勾选与图层对齐

    设置渐变叠加

    创建渐变,你需要单击渐变条下方添加色标,而在它上面添加不透明度。这里的渐变是用两种颜色创建的:左侧的#ffffff,不透明度为0%,右侧的#6e3c32,不透明度是100%

    渐变色设置

    图案叠加

    混合模式:正片叠底

    图案:1181556893.gif(译者注:要把提前加载下载好的Floral Patterns.pat)

    设置图案叠加

    以上将创建主要背景。

    Step  02

    设置前景色为#d8d1b9,选择椭圆工具并按住Shift键,在文档内单击拖动创建一个大小适合的圆。

    双击椭圆形状图层,设置如下图层样式:

    ——斜面和浮雕

    方法:雕刻清晰

    大小:95

    光泽等高线:内凹-深

    勾选“消除锯齿”

    高光模式:柔光--不透明度:50%

    ——等高线

    等高线:锤形—不对称

    勾选“消除锯齿”

    ——纹理

    图案:白色纹理(译者注:要把提前下载好的这个图案在ps中定义成图案)

    深度:10%

    ——光泽

    混合模式:线性光

    颜色:#767676

    距离:73

    大小:250

    等高线:环形—双环

    ——图案叠加

    混合模式:正片叠底

    图案:wood 411.jpeg(译者注:要把提前下载好的这个图案pat加载到ps)

    ——投影

    不透明度:24%

    距离:55

    到这一步完成,我们就创作完了盘子,如下图所示。当然了,你大可随心设置斜面和浮雕的参数,或者使用你喜欢的不同的颜色以及纹理。

    Step 03

    --以大写字母状态写下你想要创作的单词的第一个字母,使用“Franks”字体(译者注:需要提前安装下好的这款字体),颜色为“#e3d1ab”,字体大小为570.

    你既可以同时创作所有字母,又可以一个接一个创作,这完全取决于你自己。

    --如果这个字母内的孔径(洞)太小,你会需要把它转换成形状去删除这个孔的锋利边缘。

    如此去做,右键点击文字图层,然后选择“转换为形状”。

    --选择“转换点工具”,围绕周围的尖角单击拖动以选中它,然后单击并拖动锚点将锋利尖角转换成曲线。

    --之后,你可能需要选择直接选择工具,单击并拖动锚点来移动他们,或者单击并拖动方向点以扩大或缩小曲线

    --最终的结果没有必要一定是完美的,实际上,不完美更好。

    --复制形状层,改变拷贝层的填充值为0,然后再复制两次形状层。因此你会有一个原始的文字层,拷贝、拷贝2和拷贝3层。

    Step 04

    --双击原始的文字图层并设置如下图层样式。

    ——斜面和浮雕

    大小:65

    软化:16

    阴影模式--颜色:#a98f59

    ——投影

    取消“使用全局光”

    角度:80

    距离:20

    大小:25

    这就是一个基本的3D形状的面包圈了。

    Step 05

    --双击B拷贝文字,以设置如下图层样式。

    ——内阴影

    颜色:#533416

    距离:0

    大小:7

    ——内发光

    混合模式:正片叠底

    不透明度:85%

    填充:选择渐变填充—稍后我们会创建这个渐变

    方法:精确

    源:居中

    大小:43

    等高线:高斯

    范围:80

    单击渐变条以创建渐变

    使用的三个颜色和他们的位置如下:

    #--颜色—位置

    1 – #d17a34 – 0%

    2 – #ecd8ad – 45%

    3 – #e0c09a – 88%

    相应的不透明的参数如下:

    # – Opacity –Location

    1 – 100% – 0

    2 – 100% – 45%

    3 – 0% – 100%

    为内发光使用渐变将会为字母创建一个从中心照向边缘的由暗到亮的效果。

    现在饼干长这样

    Step 06

    双击B拷贝2文字图层,设置如下图层样式

    ——斜面和浮雕

    大小:62

    取消“使用全局光”

    角度:68

    高度:64

    光泽等高线:半圆

    勾选“消除锯齿”

    高光模式—颜色:#ffe4bd—不透明度:25%

    阴影模式—不透明度:0%

    ——纹理

    图案:White Texture

    这会添加一些纹理(凹凸)到文字上。

    已经长这样了

    Step 07

    --双击“B拷贝3”文字图层,设置如下图层样式:

    ——斜面和浮雕

    大小:75

    取消“使用全局光”

    角度:54

    高度:42

    光泽等高线:对数

    勾选“取消锯齿”

    阴影模式—不透明度:0%

    ——等高线

    等高线:半圆

    勾选“取消锯齿”

    范围:40%

    ——纹理

    图案:Concrete wall

    --这会添加一些光芒效果。在本教程将近结束的时候,光芒将会被旋转,那会让它更加生动。

    越来越有模有样了

    Step 08

    --Ctrl+单击任何字母图层的缩略图以创建选区

    --执行选择>修改>收缩,收缩量设置成50像素。这会让选区向内收缩50像素。

    --执行选择>修改>羽化,羽化半径设置为15.这会使选区的边缘软化。

    --设置前景色为#994b0d,选择油漆桶工具,在所有图层上面新建图层,命名为“棕色”,往选区内填充前景色。

    Step 09

    --再一次Ctrl+单击任何一个字母图层的缩略图来创建一个选区。新建图层,命名为“纹理”。前景色设置为#e4c8a0,背景色设置为#936d2f。

    我们会应用一些滤镜效果来创建一个简单的纹理,这会加强字母的色彩。

    --选择菜单滤镜>渲染>云彩。然后执行选择>取消选择(Ctrl+D)以取消选区。

    --选择滤镜>滤镜库>素描>基底凸现,然后按照下图改变参数。

    你应该得到如下效果。

    --选择滤镜>滤镜库>画笔描边>强化的边缘,同样按照下图修改参数。

    纹理做好了, 就是这么简单。

    将纹理图层的混合模式改为柔光。你可以看到这样做的不同。

    Step 10

    --选择画笔工具,打开画笔面板(窗口>画笔)。选择一个柔角画笔,然后按照如下所示修改它的参数:

    画笔笔尖形态

    形状动态

    在所有图层上新建图层,命名为“颜色加深笔刷”,改变它的混合模式为颜色加深,它的不透明度为45%,设置前景色为#cac2b7

    单击并稍微移动笔刷以加厚字母的一些区域。这回让金棕色看上去更加真实。

    感觉离出锅不远啦

    Step 11

    新建图层,命名为“内阴影”,改变它的混合模式为正片叠底。设置前景色#e7cf93,减小笔刷大小为45px。

    在画笔面板,在画笔笔尖形状属性下,将间距设置降到25%

    选择之前做好的文本,之后围绕字母的洞绘制更多的阴影。

    新建图层,命名为“外阴影”,改变它的混合模式为“正片叠底”,设置前景色为#e3b96d,调大笔刷大小到175像素。在字母周围的选区边缘外稍微绘制一下,以使得边缘更暗。

    做好之后,取消选区(Ctrl+D)

    这就是面包圈主体。下一步简单装饰下就能得到结果。

    馋得口水已经来了

    Step 12

    选择画笔工具,打开画笔面板。选择一个尖角画笔,并如下图所示改变它的参数值。

    画笔笔尖形状

    形状动态

    散布

    这就是主要的粒子笔刷,用来绘制饼干上的芝麻的。

    Step 13

    在所有图层之上新建图层,命名为“芝麻”。

    双击芝麻图层,设置如下图层样式:

    ——斜面和浮雕

    勾选“消除锯齿”

    高光模式—颜色:#ecbe8e  #c1803a

    阴影模式—颜色:#c1803a

    ——等高线

    等高线:锥形

    勾选“消除锯齿”

    ——投影

    不透明度:60%

    距离:1

    大小:2

    复制“芝麻”图层,重命名为“罂粟籽”

    双击“罂粟籽”图层,将斜面和浮雕阴影模式的颜色改成黑色。

    设置前景色为#d4ad6c,选择“芝麻”图层,然后拖动画笔在面包圈字母的中间部分“撒芝麻”。

    一个有效的小提醒,以弯弯曲曲的运笔方法去画,这会更好地让你做出来的芝麻粒效果更漂亮。

    改变前景色为#372f2d,减小笔刷大小到7px,选择“罂粟籽”图层,然后在面包圈上画罂粟籽。

    其实,它们一个是黄芝麻、一个是黑芝麻的感觉,不知道为啥当时翻译的时候搞成了罂粟籽,哈哈哈哈哈哈哈哈。

    PS:看到这里了都,好厉害的,再坚持一下,马上就可以完工,做好自己的一盘饼干了哦,么么哒,加油。

    Step 14

    现在就做好了面包圈字母。所以,合并所有图层,然后继续创建其他字母。

    全做好后,选择每个图层组,执行编辑>自由变换,旋转移动它到碗里。

    单击“创建新的填充或调整图层”图标,载入图层面板,选择渐变映射。

    将调整图层的混合模式设置成正片叠底,不透明度为10%

    用三种颜色来创建渐变

    #--颜色—位置

    1--#7b2800—0%

    2--#ffb211—60%

    3--#ffffc7—100%

    完成上一步,我们基本就做好了。最后,你还可以在碗里(译者注:即椭圆1形状图层)撒上一些芝麻和罂粟籽,进一步增强真实感。

    Step 15

    闲言少叙(好吧,已经说了好多好多啊,好长的教程,嘤嘤哒,看完的小伙伴一定留言告诉我哦),最终的效果如下图所示啦:

    当然,这个方法不仅适用于实际英文字母,对于中文也是同样适用的哦,比如下面这种

    PS:恭喜你能够看到这里,棒棒哒。其实,反反复复使用的也就是图层样式这个功能,来完成从无到有的设计,欢迎大家来留言交流,么么哒。这么长,好担心你们不来看,嘤嘤哒。

    PPS:案例中涉及的案例素材呢,可以根据自己喜好自己找,当然不想找的话,可以来这里下载啦:

    素材在此 (有问题请发简信或留言哦)

    OK,我就是那个爱折腾软件的策划君阿随,没事搞搞视频、听听Nirvana、读读陶渊明、看看戈达尔,生活就很美好。

    如果亲爱的小伙伴喜欢这篇文章,阿随这里卖萌求点赞求支持哦,么么哒。

    相关文章

      网友评论

      • 肖菇凉:真的好厉害
        阿随向前冲: @肖菇凉 ヘ( ^o^)ノ\(^_^ )谢谢,欢迎关注哦,多多点赞支持
      • 蘑菇它不开花:是我哪里没弄好吗?为什么下载的素材里的纹理图案是png的,不是pat的,载入图案的时候文件夹里没有可选的格式:sob::sob:
        阿随向前冲:@姑凉LM 不会啊,都在链接里的,解压之后好多文件夹,你仔细找找看
      • bc3d3e66fba3:阿随,你好牛啊!
        阿随向前冲: @Super洁 ヘ( ^o^)ノ\(^_^ ) 那就点个赞支持呗,么么哒
      • 劣子:PS大神!
        阿随向前冲:@劣子 :kissing_heart: 哈哈哈,谢谢,常来支持阿随君哦,欢迎有时间也去阅读阿随君的其他文章,更多好玩的干货好文,也许就有你需要的呢。么么哒
        劣子:@阿随向前冲 哪有,已经很厉害了。
        阿随向前冲:@劣子 :blush: 多谢支持,大神不敢当,也是努力中的练习生。
      • 萤火虫201607:喜欢字里行间都充满甜蜜
        阿随向前冲: @萤火虫201607 ヘ( ^o^)ノ\(^_^ )多谢支持,多来点赞哦,么么哒
      • 路慢慢_:好了,看错色值了哈哈。话说我做了一上午哎!
        阿随向前冲:@7972afe2c0a2 :clap: 棒,加油,期待你完成的字体
      • 路慢慢_:我用的2015cc,用基地凸显没用啊…
      • 皮特张:提前加载下载好的Floral Patterns.pat 这句话是什么意思,我做到这一步的时候图案就换不了 求解答
        阿随向前冲:@皮特张 :+1:
        皮特张: @阿随向前冲 嗯嗯已经弄起来了
        阿随向前冲: @皮特张 就是你要把这个图案预设先加载到PS里。然后做到这步选择的时候,软件里才有
      • 路慢慢_:看到了,太着急了哈哈
        阿随向前冲:@7972afe2c0a2 nnj1 来,提取码拿走,记得常来支持哦,阿随君其他文章也很赞,多多点赞哦,么么哒
      • 路慢慢_:大哥素材啊
      • 路慢慢_:素材呢?
      • 一叶之蓝:虽然还没有试,但是很喜欢,好饿~( ˃᷄˶˶̫˶˂᷅ )
        阿随向前冲: @一叶之蓝 ヘ( ^o^)ノ\(^_^ ) 练起来
      • 27cff4e4b488:这周跟着阿随做了好莱坞大片字体~~接下来抽时间做这个呐~~
        阿随向前冲: @嘟嘴娃 ヘ( ^o^)ノ\(^_^ ) 常来支持哦。我也非常喜欢七龙珠。等会更新文章,又有龙珠对话,哈哈哈哈
        27cff4e4b488:@阿随向前冲
        嗯嗯~~好稀饭您吖(ↂ⃙⃙⃚⃛_ↂ⃙⃙⃚⃛₎
        还有布尔玛~~哈哈~~家里有一套七龙珠漫画呢~~觉得鸟山明大师好厉害~~线条特别舒服~~
        谢谢您的分享精神٩(❛ัᴗ❛ั⁎)!!
        阿随向前冲: @嘟嘴娃 ヘ( ^o^)ノ\(^_^ ) 做这个能练习到很多PS知识点,加油↖(^ω^)↗
      • bb90ef5796e8:虽然很长,但感觉很有用的样子,要学起来
        阿随向前冲: @jusonzx ヘ( ^o^)ノ\(^_^ )
      • 青挚飘香:素材打不开😭
        阿随向前冲:@青挚飘香 nnj1,你需要这个提取码。记得点赞支持哦,么么哒。
      • 湘雅:paper 2怎么来?
        阿随向前冲:@湘雅 你是问素材吗?文中给了地址的,可以去下载, nnj1,这个。记得点赞支持哦,么么哒。
      • ahrRegina:下载素材,没有找到提取码
        阿随向前冲:@ahrRegina nnj1,这个。记得点赞支持哦,么么哒
      • 苦涩青苹果:做到最后软件崩溃了……
        阿随向前冲:@苦涩青苹果 :persevere: 啊,如此不幸,嘤嘤哒
      • 玩数码的佩奇:666
        阿随向前冲:@仰望银河的猫 :blush: 这个好多高手出过教程,所以我一直没做,不过你这一说,我动心了,哈哈哈,我要想想怎么弄一个比较新的角度出的好玩点。
        玩数码的佩奇:@阿随向前冲 我最不会的就是等高线这些,希望出系统教程。:smile:
        阿随向前冲:@仰望银河的猫 :relaxed: 多谢银河喵的支持。
      • 19159738c79c:流口水,流口水
        阿随向前冲:@星星一路向北 :kissing_heart:
        19159738c79c: @阿随向前冲 哈哈。。。当然啦,
        阿随向前冲: @我在夏夜里追逐繁星 ヘ( ^o^)ノ\(^_^ ) 多多支持哦,喜欢的话记得点赞哦,么么哒
      • 夕颜玉:棒棒哒😁
        阿随向前冲:@夕颜玉 :blush: 多谢支持,么么哒
      • 向右奔跑:真赞!
        阿随向前冲: @向右奔跑 ヘ( ^o^)ノ\(^_^ ) 谢谢主编支持
      • 阿随向前冲:超长教程,你会来看吗?
        20402ce186b8:@阿随向前冲 不仅看,还要学呢
        阿随向前冲: @泳辕永艺 哈哈哈ヘ( ^o^)ノ\(^_^ ) 多谢支持
        泳辕Jam:@阿随向前冲 会!我已经成功的被你俘虏了

      本文标题:PS一盘饼干字体,我的朋友圈都被馋得流口水

      本文链接:https://www.haomeiwen.com/subject/ulodsttx.html