扁平化设计凭借干净利落、视觉清爽的特点,一直是ui设计、新媒体配图领域的热门风格,带轻度投影的扁平化图标,既保留了简约属性,又能做出自然的悬浮层级感,用普通ps就能轻松做出来,新手也能快速上手。

第一步:创建画布与基础图形
打开ps后新建画布,做单图标的话建议设置成500*500px,分辨率72ppi、颜色模式选rgb就足够适配绝大多数场景。选择工具栏中的圆角矩形工具,扁平化图标偏爱舒适的圆角,把圆角半径调整到80px左右,然后在画布中拉出留好边距的基础图形,填上你喜欢的主色调,低饱和莫兰迪色就很符合当下审美需求。
第二步:制作符合调性的扁平化投影
很多新手做投影容易陷入“过浓过重”的误区,直接毁掉扁平化的干净感,记住扁平化投影核心是“轻透不突兀”。先复制一层基础图形图层,把复制层的颜色改成主色的深同色系,尽量不要用纯黑,纯黑会让整体画面显得非常突兀。接着把投影层移动到主图形图层的下方,按住方向键向右、向下各移动5px左右,距离根据图形大小微调即可。

接下来给投影层添加图层蒙版,选择线性渐变工具,拉出从黑色到透明的渐变,方向从投影下方往上方拉,这样投影就会呈现出下深上浅的自然过渡,比直接加图层样式默认投影更干净协调。最后把投影层不透明度降到35%左右,想要柔和一点可以加1px的高斯模糊,点到为止即可,千万不要过度模糊。
第三步:添加图标元素完成制作
投影做好后,在主图形上方添加你需要的图标元素,比如功能图标、符号图案,调整大小居中摆放,如果想要增加细微质感,可以给图标元素加一层不透明度10%以内的内阴影,不要过度修饰,保留扁平化的简约感。最终微调整体比例和投影透明度,一个干净自然的扁平化投影图标就做好了,这种方法做出来的图标简约有层次,适配网页、移动端界面、社交配图等各类设计场景,新手练习两三次就能熟练掌握。































