如题所述
AI设计扁平化图标的制作教程:
1.画布尺寸改为【44*44】像素。
2.绘制一个【42*42】像素的矩形,居中对齐,添加【描边】,【复制】一个矩形,尺寸改成【38**38】,作为参考线,如图所示。
3.复制出两个画板,如图所示。
4.绘制一个【42*42】像素的矩形,【填充】蓝色,不要【描边】,改成【圆角】,作为背景板,如图所示。
5.绘制一个圆形,【填充】白色,【描边】红色,如图所示。
6.使用【直线工具】和【旋转复制】绘制出时刻表,如图所示。
7.绘制一个矩形,【删除】右上角的锚点,得到时针和分针,再使用【直线工具】绘制出秒针,如图所示。
8.将背景板复制到第二个画板,如图所示。
9.绘制三个圆形,将下方的两个圆形进行底边对齐,如图所示。
10.选择【路径查找器】中的【联集】,删除下方的锚点,如图所示。
11.绘制一个圆形,【填充】黄色,不要描边,再使用【直线工具】和【旋转复制】绘制出太阳光,如图所示。
12.导入相机参考素材,将背景板复制到第三个画板,颜色改成白色,如图所示。
13.绘制一个【矩形】,在矩形上绘制一个【大圆】,填充【白色】,再绘制一个【小圆】,填充【黑色】,如图所示。
14.在黑色的圆上,再分别绘制三个白色的圆,并分别调整【不透明度】,如图所示。
15.使用【椭圆工具】和【矩形工具】绘制相机按钮,如图所示。
如何使用PS制作不规则扁平化元素形状PS是平面设计软件,那么你知道如何制作不规则的扁平化的元素形状么?下面我们跟着以下图文步骤,学习下制作的方法。
工具/材料
PhotoshopCC
一、填充背景
打开PS软件,创建一个新的文档。
注:尺寸设为:720*1280(分辨率:300像素/英寸)
在工具箱下方,找到前景设置色块,点击设置前景的颜色为:#46c3de(i色)。
选择“背景”图层,通过油漆桶工具填充前景颜色。
二、制作不规则形状
长按鼠标左键,选择多边形套索工具。
设置前景的颜色为:#6946de(紫色),创建一个新的图层并填充选区。
三、制作矩形形状
通过长按鼠标左键,选择子级菜单下的“矩形工具”。
将样式设为固定比例,比例设为1:1。
绘制一个正方形,使用同样的方法建立新图层并填充选区。
四、斜切形状
在编辑菜单下,找到“变换--斜切”命令。
调整正方形的形状,将其调整为类似菱形效果。
再次选择“矩形工具”,将样式设为:正常。
五、制作其他形状
使用同样的方法,为画面上添加长条状的矩形形状。
注:将每个形状,分别放到不同的图层内。
使用多边形套索工具,在画布上绘制不同的形状作为背景元素。
六、完善效果
将所有形状的图层选择,将它们的填充降低到35%左右。
最后使用文本工具添加文本内容,完成最终效果。
特别提示
建议存储PSD文件,以便下次快速修改。
如何用PS制作一个简单的扁平化图标扁平化设计简单说就是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,用最简约的方法打造出一种看上去更“平”的界面。
扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。用Photoshopcc2014软件制作一个简单的扁平化图标方法是:
1、打开ps软件,“文件--新建”100*100像素白色背景文件;
2、“编辑--填充”,用需要的颜色填充;
3、创建新图层,打开“画笔工具”,笔刷大小1像素,绘制一条直线;
4、打开“滤镜--扭曲--波浪”;
5、ctrl+t调整大小位置,向下合并图层;
6、打开“魔棒工具”,点击图片下方区域,“编辑--填充”,用较深颜色填充;
7、打开“椭圆形选框工具”,在图片左上方绘制一个正圆选区,“编辑--填充”,用较深颜色填充;
8、“文件--存储为...”ico格式文件,完成。