七禾叶子 发表于 2016-4-28 04:11:06

设计一枚云下载图标教程

一篇临摹教程,按钮外形主要是用路径画出来,然后用图层样式制作出立体质感,中间的云图案运用了布尔运算来制作,整体不算难,一起来学习一下。云下载图标:这是我做的:
http://pic.16xx8.com/allimg/160417/020G94J8-0.png
这是原图:
http://pic.16xx8.com/allimg/160417/020G95230-1.jpg
作者:EchoXie777 出处:站酷

七禾叶子 发表于 2016-4-28 04:11:06

求批评建议:1,内阴影——内嵌的阴影——黑色(模式:正片叠底)投影——高光——白色效果:
http://pic.16xx8.com/allimg/160417/020G96328-2.png

七禾叶子 发表于 2016-4-28 04:11:06

斜面和浮雕实现的按钮突出来的光影效果:
http://pic.16xx8.com/allimg/160417/020G96295-3.jpg

七禾叶子 发表于 2016-4-28 04:11:06

2,布尔法则小技巧:选择工具选择一个形状,Alt+选择工具移动,即可在同一个图层上复制一个一样的形状(不要忘了布尔选项要先选择一个,一般新建图层应该是灰的)。3,画这个下载云,我一开始用的是只描边不填充。
http://pic.16xx8.com/allimg/160417/020GaB0-4.jpg

七禾叶子 发表于 2016-4-28 04:11:06

然而效果应该是这样,下面中间是空的。
http://pic.16xx8.com/allimg/160417/020G93I6-5.jpg

七禾叶子 发表于 2016-4-28 04:11:06

于是我就用布尔法则选择减去顶层图层,画了一个圆,结果就成了这样:
http://pic.16xx8.com/allimg/160417/020G940J-6.jpg

七禾叶子 发表于 2016-4-28 04:11:06

我就想,这是什么鬼。。。。。。。。接着就想他那是怎么怎么做的呢,既然用的不是描边,然后我就联想到了昨天做的twiiter的图标,用的是填充没有用描边然后才能减去,我就试了一下,用填充减去形成一个边缘。。。。
http://pic.16xx8.com/allimg/160417/020G93Z6-7.jpg

七禾叶子 发表于 2016-4-28 04:11:06

减去中间部分:
http://pic.16xx8.com/allimg/160417/020G952L-8.jpg

七禾叶子 发表于 2016-4-28 04:11:06

设计一枚云下载图标教程

果然就可以了。。。简单修一下圆角(先画一个大的矩形切掉多余的,然后画一个小的圆形合并,就是小圆在矩形里面)
http://pic.16xx8.com/allimg/160417/020G91E9-9.jpg
如果小圆在矩形外面的话,想把圆之外的边角切掉比较困难,好难用语言形容的。。。自己体会得。今天这个图标我没有看教程做,就是几个数值还有遇到不会弄的时候看一眼,基本都是自己做的,恩。然后我这几天做ps图标做的快了点了,不会什么问题都去问度娘了哈哈,挺开心的吧,每天都有进步,然后我这周还是临摹图标,但是尽量不看教程临摹了吧。

Elyvan 发表于 2020-4-16 12:17:59

我的作业:怎么把内陷做的更明显?

秃头小宝贝儿 发表于 2020-12-16 17:12:10

临摹
页: [1]
查看完整版本: 设计一枚云下载图标教程