恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
釜势设计分享第十三期-little fox
0.0°
2016-09-12 原创文章 教程 举报 3286 32 25 4

大家好这期设计分享为大家带来的是little fox,也就是小狐狸

Image title


大家好

这期设计分享

为大家带来的是

little fox

也就是小狐狸

>.<

先来看看

成品图的样子吧


Image title


微信号:qwh0615

公众号:釜势设计分享


Image title


那么不多说

先来看教程吧


Image title


1、使用Ai新建一个1280px*720px的画布


Image title


对于这种动物或者人物形象的设计

有很多种方法

可以先使用笔在纸上画出来轮廓

然后在电脑上画出来


也可以使用手绘板直接画


如果需要做复杂的动画的话

可以使用3D软件制作


这期分享会有一些简单的动画

涉及不到复杂的动画

所以这里使用

鼠绘的方法


Image title


2、头部轮廓制作

新建一个矩形


Image title


使用“添加锚点工具”

给矩形添加锚点


Image title

Image title


使用“直接选择工具”

调整锚点的位置

改变矩形的形状


Image title


Image title




改变填充颜色


Image title


Image title

色值:F0ADB2;F0E9CC




3、原位置复制脸部轮廓

并改变颜色

原位置复制:Ctrl+C;Ctrl+V


Image title

使用“直接选择工具”

调整锚点的位置

注意透视关系


Image title

Image title

Image title

色值:EE4F15;FF9C59



Image title


4、原位置复制上一步制作的形状

并改变颜色


Image title

色值:FFB93E


使用“删除锚点工具”

删除四个锚点


Image title




调整锚点位置


Image title

Image title


5、制作眼镜、鼻子、嘴巴


眼镜是两个矩形

透视的原因

形状一大一小


Image title

色值:161616



鼻子是一个三角形



Image title

色值:492505



嘴巴也是三角形



Image title

色值:600037



不过嘴巴里面还有舌头

在做舌头的时候有个小技巧

就是

“形状生成器工具”

相当于布尔运算


做好嘴巴外形之后

创建一个矩形

调整位置

并同时选中两个形状


Image title


然后选择

“形状生成器工具:Shift+M”


Image title


鼠标左键配合Alt、Ctrl(Command)键使用


Alt:减去选择的形状

Ctrl(Command):合并选择的形状


这里使用Alt键就可以



Image title

色值:BC0461



Image title


6、制作头部侧面

新建一个矩形


Image title


调整锚点位置改变形状


Image title

色值:BA3A1C




下半部分的制作方法

可以先复制上半部分

然后调整锚点位置

这样两个形状的交接处是没有缝隙的


Image title


色值:C689C1



做到这里

大家可能感觉

步骤里没有精确的数值

没办法往下做

这样做的原因

是为了锻炼观察能力和操作能力


不一定要做的完全一样

只要能在这个过程中学到更多东西就OK



Image title


7、制作耳朵


Image title


耳朵主要是三层

颜色由明到暗


我们从最底层开始做

新建一个矩形


Image title




通过添加锚点和调整锚点位置

做出耳朵整体的外轮廓


Image title

色值:FF8F43



复制一层

调整锚点位置和颜色


Image title

色值:EE4F15



重复上面的步骤

制作第三层


Image title

Image title

Image title

色值:852C41;B53C0F




制作耳尖


复制最外层耳朵的形状


Image title



新建一个矩形

并调整形状


Image title

Image title

Image title


使用布尔运算(交集)


Image title



余下两层可以复制对应层的耳朵

通过改变锚点的位置得到


Image title

色值:581950;71225B;C33168

Image title


Image title



另外一只耳朵的制作方法和上面的大致相同



新建一个矩形

Image title


通过添加锚点

并改变锚点的位置

做出耳朵的整体轮廓


Image title

Image title


Image title

色值:852C41;B53C0F



复制一层耳朵轮廓

改变形状和颜色


Image title

Image title


Image title

色值:D4B59E;(DDAB86;透明度:80%)




制作耳尖

复制底层耳朵

改变形状和颜色


Image title

色值:581950




复制耳尖

减少锚点

并改变颜色


Image title

Image title

色值:71225B



制作耳朵的边缘

使用钢笔工具绘制


Image title

色值:DBB183;透明度:7%




复制一层

改变形状和颜色


Image title

色值:827D67;透明度:14%

Image title





Image title


8、制作身体


大体步骤和制作头部、耳朵的步骤一致


首先是做出来

身体的整体轮廓

可以用钢笔工具绘制出来


Image title

色值:6D132A



Image title


身体的形状

做起来会有一点麻烦

需要反复的调整

做这部分的时候需要耐心一些



绘制前腿

使用钢笔工具绘制


Image title



Image title

Image title

色值:EE4F15;FF9C59


Image title


Image title

色值:EE4F15;FF9C59




绘制胸膛

使用钢笔工具绘制会方便一些


Image title

Image title

Image title

色值:F0ADB2;F0E9CC




前、后腿的爪子

是黑色的

这部分可以直接复制对应的形状

改变颜色就可以


Image title

Image title

色值:(100002;透明度:80%);(000000;透明度:0%)



Image title

Image title

Image title

Image title




Image title


9、制作尾巴


尾巴分三部分


Image title


与耳朵的制作方法一样


首先

是制作尾巴的外轮廓


Image title

Image title

Image title

色值:852C41;DB4912




然后是尾巴尖


Image title

Image title

Image title

色值:F0ADB2;F0E9CC




最后

使用明暗对比

增加尾巴的立体感


Image title

Image title

Image title

色值:(7A1D34;B53C0F);透明度:30%


Image title


Image title


10、制作头部的投影


这块比较简单

绘制矩形

添加锚点

改变锚点的位置

填充颜色


要注意对齐腿部的边缘


Image title

色值:4C2C15;透明度:34%




到这里


小狐狸就制作完成了


不过还有最后一步


就是背景


接下来就开始做背景吧



Image title


11、制作背景


新建一个1280px*720px的矩形

并填充径向渐变色


Image title

Image title

Image title

色值:E8AC9E;3C205E



下面是制作星星


新建一个正方形


Image title


旋转45度



旋转有几种方法

第一种:直接在选中的形状上点击鼠标右键

选择 变换 > 旋转


第二种:使用快捷键 R

然后按住Alt键配合鼠标左键点击

确定旋转中心点


Image title


使用

自由变换工具:E


Image title


注意:鼠标左键先点击 界定框角点 按住不放

然后再配合Alt与Ctrl键

拖动鼠标



填充颜色


Image title

Image title

色值:FFFFD8;FFF996



新建一个圆形

填充渐透颜色

达到光晕的效果


Image title

Image title

色值:(FFFFD8;透明度60%);(FFF996;透明度0%)


Image title




下一步就是布置星星的位置和大小了

这个没有限制

随意一些就好


Image title





大家也可以制作一些

自己喜欢的背景


Image title


Image title








------          ------

-      -

-  -

-


-欢迎大家留言讨论-



——— 源文件获取方法 ———

        

第一步:分享到朋友圈


第二步:公众号内回复 little fox


关注  釜势设计分享


扫描下方二维码(长按下方二维码也可以哦...)

    

Image title




更新:2016-09-12

收藏

32人已收藏

南瓜飞风

设计源于分享

  • 18

    作品

  • 465

    粉丝

  • 0

    关注

  • 学会二维小动画,只需十分钟!
  • Ai打造照片级效果,get起来吧!
  • 釜势设计分享第二十二期-走进春天
  • 釜势设计分享第二十一期-毛皮文字
相关标签

    猜你喜欢

      2016-09-12 原创文章 教程 举报 3286 32 25 4

      釜势设计分享第十三期-little fox

      0.0°

      你确定要举报釜势设计分享第十三期-little fox

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年09月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      32
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录