UI设计师那些事

UI设计第一课:配色,阴影

2017-08-28  本文已影响14人  七叶5

颜色分为:中间色,同源色,反差色
中间色:黑白灰;
同源色:色相环上相邻近的颜色
反差色:色相环上相反位置的反色


8209664_150405650000_2.jpg

1.饱和度高,明度中间,刺激大;饱和度中间,明度高,刺激小
2.色相饱和度改变的是它的下面一个图层
3.饱和度越高色彩越亮,饱和度最低变成灰色
4.明度越最高越靠近白色,越低越靠近黑色

阴影
//1.直接使用样式中的投影效果
//2.调出样式中的投影效果
(1)将鼠标放在“投影”字样上单击右键->“创建图层” 这时投影与原图分离出来,成为新的图层。
(2)ctrl+t -> 按住ctrl鼠标拖动中间的点,进行倾斜
(3)这时如果投影过于边缘过硬,可在阴影图层新建“图层蒙版”

//3.使用抠图+正片叠底制作阴影
(1):图片背景为白色的时候


屏幕快照 2017-08-25 下午5.04.55.png

图层1为自己抠出来的不带阴影的图片
图层0为原图,自带阴影的图片
图层2为填充的背景颜色
将图层0的混合模式设置为正片叠底“,去除白色的背景

(2)但是如果背景为灰色的时候:需要用到色阶(ctrl+l)调整背景为白色(但是图层0是在混合模式为正常的状态下)

上一篇下一篇

猜你喜欢

热点阅读