今天我们一起来学习一个超简单又好看的扁平化相机ICON图标设计。
有的同学可能会问,为什么要自己做图标呢?图标库下载不就行了吗?但是你要知道,你下载的图标都是不成套的,如果东拼西凑放在你的作品里,一定会被面试官识破的!更多设计文章和基础教程欢迎关注微信公众号“米你教育”。
所以今天我们就来自己动手做一做ICON。首先打开PS,新建1024*1024,分辨率72的画布。
具体制作步骤:
1,使用圆角矩形工具,按住shift,绘制一个圆角矩形,填充去掉,给一个灰色描边,#5e5e5e,描边宽度
20像素。pscc版本可以打开窗口-属性-调节圆角大小到你自己喜欢的程度。
2,ctrl+j复制一层圆角矩形,新的一层去掉填充,给一个白色。再复制一层,填充绿色,#4bbb57,向右移动38像素左右。描边层ctrl+shift+】置顶。
留出左侧的部分是作为我们扁平化设计中的高光留白。
3,使用矩形工具,在绿色圆角矩形上半部分绘制矩形。选中矩形和绿色圆角矩形图层,ctrl+e合并图层。使用小黑路径选择工具,选中矩形,在上方选项栏中执行减去顶层形状。
并选中绿色图层部分,右键创建剪贴蒙版到白色填充层上。
4,使用椭圆工具按住shift绘制正圆,放在圆角矩形中间,和描边图层做水平垂直居中对齐。
ctrl+j复制圆描边图层,下层去掉描边给填充白色。
复制一层白色圆,上层给黄色,#fff45c,向右下移动一段距离,右键创建剪贴蒙版至白色圆形上。
5,选中圆描边和白色圆黄色圆三个图层,一起ctrl+j复制,ctrl+t自由变换,按住alt+shift等比沿中心缩小,缩小后同理为黄色部分创建剪贴蒙版,适当调节两个黄色圆的位置和大小。
6,完全相同的方法,再复制一次这三个图层,缩小,放左上角作为相机的闪光灯部分。同理做剪贴蒙版,调节黄色部分大小和位置。
7,使用椭圆形状工具,从中心按住alt+shift绘制一个正圆,要描边不要填充。
8,接下来就是要剪断出断点啦,我们使用小黑路径选择工具选中最外侧描边路径。使用钢笔工具在断点处点三个点,使用小白直接选择工具,选中最中间的点,delete删除,断点就出来啦。
边角太过平和尖锐,我们来到形状工具选项栏中找到描边选项,圆头端点,边缘就变圆滑啦。剩下两个端点处理方法完全相同。
最终效果图:
简单调整后最终成品就出来啦!是不是非常简单呢~
快学起来吧!有疑问可以关注微信公众号“米你教育”留言,有老师在线答疑。现在关注还可以免费领取设计素材与设计笔刷呢!
网友评论