PS设计由蚊子组成的APP图标
作者:凌小欣来源:部落窝教育发布时间:2017-12-26 14:40:32点击:3665
版权说明: 网络作品,转载请注明原作者和出处。
编按:
一篇简单的扁平图标教程!主要教大家如何用PS绘制各种不同的形状组合成一直蚊子,内容非常简单,但是需要耐心地去画一个个元素,对于新手来说是一篇不错的练手教程哦!

PART1:
老步骤,首先是展示效果图

PART2:
制作背景,首先新建512*512px,半径120px圆角矩形做底色,填充渐变如下:

1.用圆角矩形利用比尔运算制作背景装饰。

2.开始绘制蚊子主体1 翅膀——利用椭圆工具和直接选择工具 旋转对称得到

椭圆工具画出一个椭圆,利用直接选择工具选择顶部锚点向下移动,在选择底部锚点向下移动,具体数值自己边调整边看。然后旋转-45°,水平翻转调整合适位置。

3.2 头部——同样椭圆工具和直接选择工具

3.3 眼睛——椭圆工具和钢笔工具勾勒眼皮,组合好一只,水平翻转调整距离就好啦。看的不是很清楚,取出一部分来细节展示

3.4 鼻子——钢笔工具勾勒出鼻子的形状,记得鼻子的侧影哦。

3.5腿部——钢笔工具、画笔工具画出细节首先用钢笔工具勾勒出腿部形状描边,绘制椭圆和矩形做关节,最后利用画笔工具画出绒毛。水平翻转调整合适距离就好啦。

1.然后我们来组合起来。

背景加上适当圆圈装饰,整个ICON就好啦

总结:
教程主要运用到了是形状工具,选择工具,布尔运算。非常简单,大家学会了没有呀!学会了的同学要多多运用哦。
原文:卡通蚊子教程
作者:凌小欣
出处:http://www.xueui.cn/tutorials/mosquito.html
一篇简单的扁平图标教程!主要教大家如何用PS绘制各种不同的形状组合成一直蚊子,内容非常简单,但是需要耐心地去画一个个元素,对于新手来说是一篇不错的练手教程哦!

PART1:
老步骤,首先是展示效果图

制作背景,首先新建512*512px,半径120px圆角矩形做底色,填充渐变如下:

1.用圆角矩形利用比尔运算制作背景装饰。

2.开始绘制蚊子主体1 翅膀——利用椭圆工具和直接选择工具 旋转对称得到

椭圆工具画出一个椭圆,利用直接选择工具选择顶部锚点向下移动,在选择底部锚点向下移动,具体数值自己边调整边看。然后旋转-45°,水平翻转调整合适位置。

3.2 头部——同样椭圆工具和直接选择工具

3.3 眼睛——椭圆工具和钢笔工具勾勒眼皮,组合好一只,水平翻转调整距离就好啦。看的不是很清楚,取出一部分来细节展示

3.4 鼻子——钢笔工具勾勒出鼻子的形状,记得鼻子的侧影哦。

3.5腿部——钢笔工具、画笔工具画出细节首先用钢笔工具勾勒出腿部形状描边,绘制椭圆和矩形做关节,最后利用画笔工具画出绒毛。水平翻转调整合适距离就好啦。

1.然后我们来组合起来。

背景加上适当圆圈装饰,整个ICON就好啦

教程主要运用到了是形状工具,选择工具,布尔运算。非常简单,大家学会了没有呀!学会了的同学要多多运用哦。
原文:卡通蚊子教程
作者:凌小欣
出处:http://www.xueui.cn/tutorials/mosquito.html