分享此网站可得100G教程,联系小洁领取点击这里给我发消息

利用矢量工具及图层样式制作漂亮的带孔奶酪字

LOGO字体 学UI设计 925次浏览 0个评论
教程制作分为三大部分:首先是背景及盘子的制作,用矢量工具及渐变完成;然后是文字设计部分,需要自己设计出喜欢的字体;最后用图层样式等做出浮雕效果,再添加一些小孔即可。

最终效果
利用矢量工具及图层样式制作漂亮的带孔奶酪字

1、首先拉一道华丽又低调的背景,选择渐变工具,颜色自拟,然后选择菜单:滤镜 > 杂色 > 添加杂色,勾选单色,数值自定。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

2、用圆角矩形画出餐盘,图层样式选择渐变叠加,颜色:#d5d5cb,f5f3ec。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

3、复制两层,填充为0%,第一层图层样式选择内阴影,颜色:#b7b0a8;投影。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

4、第二层图层样式选投影,让阴影重一点。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

5、在阴影底部再添加一点让餐盘落得更实在。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

利用矢量工具及图层样式制作漂亮的带孔奶酪字

6、然后给餐盘加上盛放食物的凹面,餐盘表面从上到下是由亮到暗,那么凹面就是由暗到亮。

画一个圆角矩形,填充为0,复制一层。

第一层图层样式选内阴影与投影,再用蒙版擦除下半部分。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

7、第二层同上颜色:#e3dfd2,再用蒙版擦除上半部分。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

8、调整一下再复制另外三个排开就好了。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

9、在AI或PS中做好自己想要的文字。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

10、分别给两层添加图层样式:

第一层浅黄色用内阴影、渐变叠加,投影。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

11、第二层深黄色,用渐变叠加,投影。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

12、现在画上奶酪孔,用形状工具画椭圆,然后用直接选择工具更改形状。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

13、照着这个思路给平剖面的奶酪画孔为一层(颜色:#ce9b43),侧面的奶酪画孔为一层(颜色:#985c3e),复制拖动锚点变形,自由变换很快就可以。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

14、图层样式给圆孔添加内阴影,以及投影。
利用矢量工具及图层样式制作漂亮的带孔奶酪字

利用矢量工具及图层样式制作漂亮的带孔奶酪字

15、具体数值根据图像大小,分辨率控制,自然即可。

奶酪的阴影部分可复制一层填充黑色,用动感模糊,降低透明度还有改变图层混合模式,获得喜欢的效果。

利用矢量工具及图层样式制作漂亮的带孔奶酪字

最终效果:
利用矢量工具及图层样式制作漂亮的带孔奶酪字

 

 


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!