UI教程-蜜蜂形象UI设计(5)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:zcool   作者:junhong

关键词


-- 用“自定义形状工具”画出五角星,然后就要耐心的用“直接选择工具”一点一点的调整节点,以达到我们想要的五角星形状,然后在五角星上面绘制一个笑脸,如图


8cc3585c8988a801219c77f75e33.jpg


-- 接下来就是要添加图层样式。

-- 复制五角星图层,然后缩小,将其填充为白色,调出属性面板,羽化2.8 ,添加蒙版径向渐变工具画出渐变,最后调整图层透明度为50%


6cbc585c8c9aa801219c77679794.jpg


-- 添加高光、反光、环境色,再加上表情~


82cb585c8e10a8012060c8f39757.jpg


目前的效果就差不多完成啦~~(*@ο@*) 哇~~~

0d72585c8e5ca8012060c8169aab.jpg


细节调整


到这里基本主体和元素都完成啦·~接下来发现还少了阴影,和一些小细节(例如环境色),还可以给它加上腮红之类的·~~以下主要强调一些阴影,阴影做得不好会显得粗糙和不真实·~如图


2c9d585c903ea8012060c8e805da.jpg


然后添加一些环境色后还有腮红什么的之后,最后再输入句 merry christmas~~大功告成啊~~是不是灰常可爱~~

3cce585c9121a8012060c81628a9.jpg


又或者可以更加装逼一点的排版·~


b972585c9188a8012060c8cc6cb4.jpg


每次做教程最后总会来个总结,发现其实关键主要有以下几点:


  1. 光影和形体是基础的基础啊

  2. 努力观察你的生活吧

  3. 必须要有耐心啊同学~~




欢迎关注我的微信公众号:折腾先生


----------

 收藏