美文网首页游戏UI
教你制作Alphabear图标

教你制作Alphabear图标

作者: mannnnc | 来源:发表于2019-04-26 09:41 被阅读0次

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

常规:像素  

描边:像素 

文字:点

新建文档,参数如下:

宽度:500px  

高度:500px  

单位:像素 。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原文来自幻维奇迹官网http://www.hwqjedu.com

相关文章

  • 教你制作Alphabear图标

    首先对AI文件进行设置,【编辑 > 首选项 > 单位】 常规:像素 描边:像素 文字:点 新建文档,参数如下: 宽...

  • 主题:.ico图标

    制作.ico图标 大家可以在这里在线制作图标。或者在这里下载制作工具,来进行制作图标 编辑.ico图标 大家可以在...

  • 制作字体图标

    制作字体图标 *zhangh * 2016-06-14 制作前 1.由于制作图标是要使用SVG格式的,所以建议,尽...

  • 图标制作

    字不如图,图不如表,在没有学习和经历过制作仪表盘和图表类型之前,面对繁重的数据并不有太多的感觉,但是经过这两的学习...

  • 绘制快播图标

    快播图标PS教程!教你15分钟快速绘制一个快播图标(附PSD)

  • 记录写icon的方法

    使用阿里iconfont制作图标

  • 大话 Axure | 轻松导出图标字体所有图标

    近几年图标字体使用非常广泛,它的优点是可以自定义图标颜色、大小等参数,且图标不会失真。本文将教你轻松导出图标字体中...

  • 组件化集成化

    制作图标字体 icomoon、可以自己导入svg制作字体。iconfont,

  • 2.10系统程序的部署

    一.系统部署前的准备工作(制作图标、添加关于菜单) 制作图标: 添加关于菜单: 二.应用系统打包流程描述

  • 系统程序的部署

    图标的制作以及添加关于菜单 上图是图标制作的过程,这里采用了在网络上的在线制作工具。 上图是关于菜单打开的关键代码...

网友评论

    本文标题:教你制作Alphabear图标

    本文链接:https://www.haomeiwen.com/subject/qpnxnqtx.html