上期回顾:
学习UI设计,学历很重要吗?
UI设计培训好还是自学好?
什么都怕,你只会输一辈子!
Photoshop制作奶牛图案的立体字教学
Photoshop制作白色立体剪纸效果的立体字教学
Photoshop制作手绘风格的涂鸦艺术字教程
Photoshop如何制作大气的岩石立体字
文字主体部分制作比较复杂,先要选好合适的字体,并对字体做一些简单的改造,带有面包的形状;然后把文字多复制几层,用图层样式分别作出纹理、高光、质感等,局部纹理需要用滤镜来完成;最后用设置好的画笔加上芝麻等装饰,得到想要的效果。
最终效果
你可能需要加在本教程使用的等高线,所以可以查看这张图片来了解如何操作。 |
1、新建1250×1250像素大小的文档(你可以使用任何你想要的宽度值,但是请确保高度值不小于1250)。选择矩形工具,设置前景色为#d4d0c9,并拉一个眼神到文档边框外一点的矩形。 |
2、先把下图所示的两张纹理素材保持到本机,然后用PS打开,选择菜单:编辑 > 定义图案,后面样式中会用到。 双击矩形形状图层,设置如下图层样式。 |
3、设置前景色为#d8d1b9,选择椭圆工具并按住Shift键,在文档内单击拖动创建一个大小适合的圆。 |
4、保持并打开下图所示的纹理,并定义为图案。然后双击椭圆形状图层,设置如下图层样式。 |
5、这就创作了碗/碟子/盘子。你大可随心设置斜面和浮雕的参数,或者使用你喜欢的不同的颜色以及纹理。 |
6、以大写字母状态写下你想要创作的单词的第一个字母,使用“Franks”字体,颜色为“#e3d1ab”,字体大小为570. 你既可以同时创作所有字母,又可以一个接一个创作,这完全取决于你自己。 |
需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!
7、果这个字母内的孔径(洞)太小,你会需要把它转换成形状去删除这个孔的锋利边缘。如此去做,右键点击文字图层,然后选择“转换为形状”。 |
8、选择“转换点工具”,围绕周围的尖角单击拖动以选中它,然后单击并拖动锚点将锋利尖角转换成曲线。 |
9、你可能需要选择直接选择工具,单击并拖动锚点来移动他们,或者单击并拖动方向点以扩大或缩小曲线。 |
10、最终的结果没有必要一定是完美的,实际上,不完美更好。 |
11、复制形状层,改变拷贝层的填充值为0,然后再复制两次形状层。因此你会有一个原始的文字层,拷贝、拷贝2和拷贝3层。 |
15、保存下图所示的纹理,打开后定义为图案。然后双击“B拷贝3”文字图层,设置如下图层样式。 |
16、Ctrl+单击任何字母图层的缩略图以创建选区。 |
17、执行选择>修改>收缩,收缩量设置成50像素。这会让选区向内收缩50像素。 |
18、执行选择>修改>羽化,羽化半径设置为15。这会使选区的边缘软化。 |
19、设置前景色为#994b0d,选择油漆桶工具,在所有图层上面新建图层,命名为“棕色”,往选区内填充前景色。 |
20、再一次Ctrl+单击任何一个字母图层的缩略图来创建一个选区。新建图层,命名为“纹理”。前景色设置为#e4c8a0,背景色设置为#936d2f。 我们会应用一些滤镜效果来创建一个简单的纹理,这会加强字母的色彩。 |
21、选择菜单滤镜>渲染>云彩。然后执行选择>取消选择(Ctrl+D)以取消选区。 |
22、选择滤镜>滤镜库>素描>基底凸现,然后按照下图改变参数。 |
23、选择滤镜>滤镜库>画笔描边>强化的边缘,同样按照下图修改参数。 |
需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!
24、将纹理图层的混合模式改为柔光。你可以看到这样做的不同。 |
25、选择画笔工具,打开画笔面板(窗口>画笔)。选择一个柔角画笔,然后按照如下所示修改它的参数。 |
26、在所有图层上新建图层,命名为“颜色加深笔刷”,改变它的混合模式为颜色加深,它的不透明度为45%,设置前景色为#cac2b7。 |
27、单击并稍微移动笔刷以加厚字母的一些区域。这回让金棕色看上去更加真实。 |
28、新建图层,命名为“内阴影”,改变它的混合模式为正片叠底。设置前景色#e7cf93,减小笔刷大小为45px。 |
29、在画笔面板,在画笔笔尖形状属性下,将间距设置降到25%。 |
30、选择之前做好的文本,之后围绕字母的洞绘制更多的阴影。 |
31、新建图层,命名为“外阴影”,改变它的混合模式为“正片叠底”,设置前景色为#e3b96d,调大笔刷大小到175像素。在字母周围的选区边缘外稍微绘制一下,以使得边缘更暗。 |
32、做好之后,取消选区(Ctrl+D)。这就是面包圈主体。下一步简单装饰下就能得到结果。 |
需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!
33、选择画笔工具,打开画笔面板。选择一个尖角画笔,并如下图所示改变它的参数值。 |
37、双击图层,将斜面和浮雕阴影模式的颜色改成黑色。 |
38、设置前景色为#d4ad6c,选择“芝麻”图层,然后拖动画笔在面包圈字母的中间部分“撒芝麻”。一个有效的小提醒,以弯弯曲曲的运笔方法去画,这会更好地让你做出来的芝麻粒效果更漂亮。 |
39、改变前景色为#372f2d,减小笔刷大小到7px,选择“粟籽”图层,然后在面包圈上画粟籽。 |
40、现在就做好了面包圈字母。所以,合并所有图层,然后继续创建其他字母。全做好后,选择每个图层组,执行编辑>自由变换,旋转移动它到碗里。 |
41、单击“创建新的填充或调整图层”图标,载入图层面板,选择渐变映射。 |
42、将调整图层的混合模式设置成正片叠底,不透明度为10%。用三种颜色来创建渐变: #--颜色—---位置 1--#7b2800—0% 2--#ffb211—60% 3--#ffffc7—100%。 |
需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!
43、你可以在碗里(译者注:即椭圆1形状图层)撒上一些芝麻和粟籽。 |
最终效果:
精彩回顾:
零基础学习UI,如何4个月入职互联网公司?
为什么要选择下班后努力学习?
没有天赋能做设计吗?
往期回顾:
平面设计和UI设计的区别,UI设计学习书籍推荐(零基础必看)
什么样的人适合学习UI设计?(转行必看)
UI设计课程一览表
零基础如何自学平面设计,需要学些什么?
平面设计课程介绍(最新版课程)
CDR广告设计课程介绍(最新版课程)
UI设计学习指南
新手学习Photoshop的七大戒律
给给初学Photoshop朋友的24条建议
菜鸟学习UI设计正确步骤,菜鸟看少走2年弯路!
UI真的很火,但入行前你需要了解这些!
为什么说UI设计师工资是设计界最高的?
UI设计学习技巧之学习方法
UI设计正式学员作品欣赏
学习UI设计,就从这里开始!
如何才能正确学习好UI设计
UI设计为什么很多人都想学?
如何学习ui设计 学习ui有哪些学习技巧
谈谈UI设计学习的方法
怎么让你快速学习UI设计!
如何4个月内成为月薪过万UI设计师
新手如何打破传统高效学习UI设计?
UI设计小白怎样学习才能快速入门?
学习UI设计的小技巧
UI设计学习不可不知的十大知识点,你都造吗?
2017年转行UI设计还有没有前途!
UI 是什么?UI 设计需要学习什么理论知识?
UI设计新手学习方法—如何勤奋、如何思考
学习UI设计,百度设计师推荐UI设计学习方法!
零基础UI设计学习方法
如何4个月内成为月薪过万UI设计师
正确的UI设计学习流程是怎样的?
UI设计学习大纲
学习Ui设计到底需要什么基础?
UI设计都学什么?怎么学最有效?
UI设计初学者如何避免走弯路?
学习UI设计到底需不需要基础?
为什么自学UI设计的人95%都学不会?
设计入门之UI设计学习路径
ui设计学习难吗?要从哪些方面入手
UI设计学习方法(腾讯UI设计师教你咋看,咋想,咋做)
怎么让你快速学习UI设计!
UI设计全程学习方法讲解(零基础必看)
什么是UI设计?
UI设计为什么那么火呢
你总说自学UI设计,为何总是半途而废
UI设计更适合哪些人学习呢?
什么是ui设计?都需要学什么?
UI发展前景好,那光靠努力就可以学会UI了吗?
UI设计分几种类型,小白应该怎么学习?
UI设计学习的方式
0基础学习UI设计必须做好的4个准备!
全面解析UI设计行业!适合在这个行业或者即将进入这个行业的你
想系统的学习UI设计,有哪些关于UI的书籍推荐
为什么ui设计薪资这么高?
什么样的人适合学习UI设计?(转行必看)
零基础如何学习UI 设计?
零基础学习UI设计要注意什么?
UI设计的未来发展如何?(还会一直火下去吗)
成绩差、学历低、年纪大的人能不能学习UI设计?
醒醒吧,月入3000的年轻人,你已经没救了
UI设计这个行业真的很缺人吗?市场饱和了吗?
因为你没有依靠,所以你必须强大
埋头苦学就会快速超神吗?
新手入门,UI到底是什么?不要只练图标哦~
没有天赋能做设计吗?
零基础学习UI,如何4个月入职互联网公司?
月薪过万的UI设计行业分别有哪些?
揭秘设计师是自由职业好还是全职工作好?
为什么要选择下班后努力学习?
UI设计0基础学习指南
月薪过万的设计师都是怎样提高审美的?
作为一名女设计师的未来之路在哪里?(深度分析)
找高薪UI工作,需要这种操作
设计师这份岗位是否能够让你做一辈子?
学习UI设计需要注意什么?
UI设计VIP学员是如何学习的---( 为什么4个月就可以学会 )
你不是想系统学习UI设计?机会来了,你上车了吗?
UI设计学习指南(让你少走弯路,新手必看)!
经验分享|UI 设计入门和进阶学习攻略
《猎场》:做为一名设计师职场逆袭的3个必备素质
学习UI设计还有前途吗?
怎样才能成为一个合格的UI设计师?
UI设计零基础如何自学,关于培训班该如何选择?
想转行做UI ,不知道是自学还是报培训班学好?
为什么自学UI设计的人95%都学不会?
UI设计全新开班,现限量开放20个免费体验名额!
UI设计学习软件推荐(最新版本)
“UI设计师需要会画插画吗?”看了这个,你就不会再问了
UI到底是什么?我适合学UI吗?我是自学还是报班?
非科班转行想做UI,但画画拼不过美术设计专业的人,做UI会不会饿死?
工资3500元左右的,2018年就等着吧
UI是什么?怎么学?有几种方式?
这段话太狠了,直指人心!
2017年设计行业哪个薪资待遇最高?
设计是个可以坚持一生的职业吗?
如何成为月薪过万的UI设计师?怎么学习?
UI设计行业就业前景
明年不管你是做什么行业的,都要看看这篇文章
UI设计适合女生学吗?会不会很难?
关于学UI设计的五大问题
记住!提升自己,比什么都重要!(深度好文)
UI设计师如何从里到外提升自己的价值?
干货 | UI设计入门学习必看知识体系
UI设计初学者应该怎样入门?
学UI设计拿高薪的4个小技巧,你知道几个?
UI设计需要学什么软件?
不要丧失信心,要努力奋斗!
零基础学习UI设计还能月薪过万吗?
UI设计学习笔记(零基础的人必看)
他告诉年轻人,2018年不要瞎忙,就做这三件事!
UI设计培训好还是自学好?
学习UI设计,学历很重要吗?
什么都怕,你只会输一辈子!
Photoshop制作奶牛图案的立体字教学
(责任编辑:钟小英)
赞赏作者
每天学点设计·点缀生活色彩
PS|摄影|设计|视觉|艺术|创意
微信ID:luojin05100
长按二维码关注,每天学点PS