零基础设计师的渐变色自学指南(3)
该如何简单实作上面的时钟icon呢?
Step 1. 绘制一个上浅下深(颜色相近)的圆角矩形作为icon背景(光源在上)。

Step 2. 为图形加上内阴影(底部)与外阴影来凸显出立体感。

Step 3. 绘制中心的钟面部分,运用浅黑 → 深黑的渐层来制作凹陷的平面,同时搭配椭圆外形+高斯模糊来制作简单的光影结果以进一步模仿圆弧凸面的结果。

Step 4. 最后在绘制指针时要稍微细致一下渐层拉的角度喔!!在绘制时请务必随时记着光照射的方向 → 在这里由于指针的边缘较细,指针尖端边缘的部分会由于反光而较为通亮,因此我拉的渐层既不是正0度或是90度而是顺着指针方向的25度左右。后续的部分较简单我们就先不多谈啦(其实是懒惰)XD

高彩度色系渐层
讲完了灰阶的基础渐层搭配,我们来看一下其他色系的搭配。单纯在统一个颜色当中进行明度彩度的调整如下图跟灰阶的部分相称类似就不再赘述啰。

这边只增补一个小重点,同色系的渐层选色请记得往检色器的右下角移动,右下
本文地址:http://tuquu.com/tutorial/di93.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化








