小莫

201709061504688443

alphabear_01

@张泡泡教你制作Alphabear图标,主要运用AI渐变,形状叠加来呈现,还是有很多不足,看完记得练习哟!

alphabear_02

首先对AI文件进行设置,【编辑 > 首选项 > 单位】

  • 常规:像素 ?
  • 描边:像素?
  • 文字:

alphabear_03

alphabear_04

新建文档,参数如下:

  • 宽度:500px ?
  • 高度:500px ?
  • 单位:像素?。

alphabear_05

alphabear_06

a. 用圆角矩形工具(M) , 创建一个280*330像素,圆角半径26的圆角矩形 , 填充颜色 #FAD9A3。

alphabear_07

b. 再复制 (Ctrl+C) 粘贴到后面 (Ctrl+B) 一个圆角矩形 , 宽度不变 , 高度为288px , 填充渐变颜色#F2D190 #F5D59C #F2D190。

alphabear_08

c. 复制粘贴第三个圆角矩形 , 宽度不变 , 高度为242px , 填充渐变颜色#db757a #e77c84 #db757a。

alphabear_09

d. 新建一个矩形 , 宽度为290px , 高度为136px , 与后面三个圆角矩形居中对齐 , 填充渐变颜色#78236b #5c2464。

alphabear_10

e. 将第三层粉色矩形复制 , 将紫色和粉色矩形同时选中 , 择路径查找器>交集选项。

alphabear_11

f. 开始制作中间的花纹 , 建立一个43 * 18px的矩形 , 顺时针旋转45度。

alphabear_12

g. 复制(Ctrl+C)粘贴(Ctrl+V)一个矩形 , 点左键选择对称。打开路径查找器>联集模式。

alphabear_13

h. 按住Alt键拖动复制一个 , Ctrl+D重复复制五个。打开路径查找器>联集模式。

alphabear_14

i. 填充渐变色#a13076 #812c6e。

alphabear_15

j. 建立一个30px * 3px的矩形 , 用同样的步骤再建立一个直角曲线的形状。填充颜色 #b8387b。

alphabear_16

k. 复制第一个直角曲线 , 再建立一个与其相同长度的矩形 , 将两个形状对其合并 , 并填充颜色 #38254a。

alphabear_17

l. 和底部紫色圆角矩形居中对齐 , 将深紫色形状和底层紫色圆角矩形同时选中 , 打开路径查找器>交集(第三个形状模式)。

alphabear_18

alphabear_19

a. 创建70px * 76px , 圆角为24的圆角矩形 , 渐变颜色填充#732266#582460 , 再复制粘贴一个圆角矩形 , 颜色填充为#d35585。

alphabear_20

b. 复制紫色圆角矩形 , Ctrl+Alt居中缩小 , 填充颜色#db757a , 群组后(Ctrl+G) , 再复制粘贴。

alphabear_21

alphabear_22

a. 建立185px * 220px的椭圆 , 沿中线创建一个矩形 , 点击路径查找器>减去顶层(形状模式第二个)。

alphabear_23

b. 填充渐变颜色 #cd6a76 #a54069 , 并居中对齐。

alphabear_24

alphabear_25

a. 建立一个67px * 49px的椭圆形 , 填充颜色 #f6b594 , 再复制粘贴到后面(Ctrl+D) , 并填充颜色#f8e1a1 , 选中两个形状居中对齐。

alphabear_26

b. 建立一个24px * 15px的椭圆形 , 填充颜色 #30254c , 再选择钢笔工具画一条弧线 , 描边4px , 端点为圆角。

alphabear_27

c. 完成后群组(Ctrl+G) , 与鼻子居中对齐 , 移动到大部队上。

alphabear_28

d. 下面绘制眼睛 , 新建两个椭圆 , 一个稍微宽一些 , 一个窄一些 , 路径查找器>减去顶层(形状模式第二个) , 减出一个笑眼的形状。

alphabear_29

e. 复制粘贴后 , 对称另一只眼睛 , 群组(Ctrl+G)后 , 和大部队居中对齐。

alphabear_30

f. 新建一个152px *40px的椭圆形 , 旋转45度 , 复制粘贴后再对称 , 将两个椭圆形群组后 , 与大部队居中对齐 , 两个胳膊完成。

alphabear_31

g. 新建一个34px *58px的圆角矩形 , 填充渐变颜色#622366#2e254b#622366 , 旋转45度。

alphabear_32

h. 旋转30度后复制粘贴出另一只腿 , 群组后与大部队居中对齐 , 我们的卡通形象就完成啦。

alphabear_33

i. 最后在加上渐变背景和投影 , 这个icon就完成了(撒花~)

alphabear_34

alphabear_35 (1)

 

看完教程咱们交作业咯!点我直达作业提交页面~~

 

转载请注明:学UI网—UI设计师学习教程平台 » 一起制作Alphabear图标[AI教程]

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
一叶知秋-剪纸风教程【教程】一叶知秋-剪纸风教程【教程】
潜水艇小插画教程[AI教程]潜水艇小插画教程[AI教程]
AI快速绘制2.5D冰淇淋车AI快速绘制2.5D冰淇淋车
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
运气药水绘制【教程】运气药水绘制【教程】
毛线编织纹理图标教程[AI教程]毛线编织纹理图标教程[AI教程]
2.5D收音机教程2.5D收音机教程
海盗插画教程【教程】海盗插画教程【教程】
?