当前位置:首页 >> 平面设计

AI绘制ios美图秀秀app图标教程

图标的设计,它的主色调是玫红色,另外又用到了粉红和橘红,这样的色调搭配很受女性欢迎,因此在UI设计时一定要注意,根据受众确定合适的色彩。下面小编就为大家介绍AI绘制ios美图秀秀app图标方法,希望能对大家有所帮助,谢谢阅读!

AI绘制ios美图秀秀app图标教程

图标的设计不是任意而为之的,还有一个不能改变的限制条件,就是尺寸。所以APP的图标设计都有固定的设计规范,不同的手机系统,规范也不同。ios系统分为视网膜屏和普通屏,但在平时的界面设计中,只需要设计视网膜屏的尺寸就可以了,也就是普通屏幕512x512px的两倍大小。

AI绘制ios美图秀秀app图标教程

下面以ios为例,讲解图标的设计。虽然毁图秀秀的图标设计看起来不是特别复杂,但是想要制作出最终精美的效果,还是需要设计师细心操作的。

AI绘制ios美图秀秀app图标教程

第一步,绘制正方形首先打开IOS的线框,直接在它的上面进行绘制,先画一个矩形,把宽和高都设置为1024px

AI绘制ios美图秀秀app图标教程

第二步,制作放射状光芒对上图的矩形进行一个渐变的填充,这个时候我们不需要描边,在渐变滑块那双击0%的位置,选择RGB的颜色模式,对它的颜色进行一个更改,把0%的地方更改为第一个色块的颜色,把100%的地方更改为第二个色块的颜色,角度改为-90度

AI绘制ios美图秀秀app图标教程

扁平化涉设计中,它是弱化了高光和阴影的,所以它的整体色调和它所表现的立体效果应该是比较柔和的,但是,在刚刚设置的渐变中,它的对比度相对来说有些强烈,要解决问题,就需要用到工具栏里的渐变工具,使用渐变条进行拉伸和修改,让它的颜色对比变得更为柔和。

AI绘制ios美图秀秀app图标教程

接下来绘制光芒,首先拆分一下这个光芒,其实它是由类似小梯形的图形构成。

AI绘制ios美图秀秀app图标教程

为了方便后面的操作,首先将这个矩形放到线框里操作

AI绘制ios美图秀秀app图标教程

调整一下他们的图层顺序,将他们都进行锁定

AI绘制ios美图秀秀app图标教程

选择矩形工具在画板上点击一下设置它的尺寸

AI绘制ios美图秀秀app图标教程

AI绘制ios美图秀秀app图标教程

用直接选择工具框选出描点

AI绘制ios美图秀秀app图标教程

在工具栏找到比例缩放工具将选择的描点往里收一下

AI绘制ios美图秀秀app图标教程

AI绘制ios美图秀秀app图标教程

这样我们就得到了最终需要的图形了

AI绘制ios美图秀秀app图标教程

AI绘制ios美图秀秀app图标教程

设置它的透明度,为了让图形和底色融合得更好,这个时候需要采用混合模式中的"叠加"模式.这样就可以提高基色的饱和度以及对比度

AI绘制ios美图秀秀app图标教程

现在我们要让这个图形以我们的矩形中心点,开始旋转并且复制。选中工具栏里里面的旋转工具,然后按住键盘上的Alt键,记住,这个时候千万不要松手,找到我们的旋转中心点,点击一下

AI绘制ios美图秀秀app图标教程

设置旋转角度,点击复制

AI绘制ios美图秀秀app图标教程

多次按Ctrl+D,也就是关联复制的命令

AI绘制ios美图秀秀app图标教程

这样就可以得到明显的放射性的感觉了我们还需要把这个小光芒多余的部分减掉,先绘制一个与图案红色部分同等大小的正方形。

AI绘制ios美图秀秀app图标教程

选择要减掉的地方

AI绘制ios美图秀秀app图标教程

上一页12 3 下一页 阅读全文