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

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

uimaker
UI设计师 / 江苏 南京

来源:zcool   作者:junhong

关键词


-- 最后添加反光以强化玻璃的感觉。


5b70585bcc4ea801219c77d7a17f.jpg


然后小蜜蜂戴上眼镜后就是这个效果啦·~好像越来越萌了~~


5593585bcca8a8012060c83b42f3.jpg


毛衣


好啦,终于到毛衣部分了,这是这次教程最重要的地方,但其实不难~

-- 创建毛衣纹理的笔刷。用椭圆工具在透明背景下绘制出如下图的图案(注意:填充的颜色需为黑色)


-- 执行“编辑-定义画笔预设”,如下图


3af9585bd90ca801219c77303d64.jpg


-- 调整画笔,如下图所示:

b49f585bddc6a801219c77a7f1d4.jpg-- 创建好画笔后先放着,我们先用钢笔工具绘制出毛衣的外形出来,并添加图层样式


6501585bdaaba801219c77fdcf2a.jpg

-- 用路径选择工具选中刚刚画好的毛衣外形, 切换到路径面板复制这个路径,然后回到图层面板新建一个图层,鼠标右键“描边路径”(注意画笔工具得选择我们之前创建好的毛衣纹理,不然就木有效果啦),然后添加图层样式,如下图

d6a8585be027a801219c7772d49d.jpg

-- 用钢笔工具绘制如下图的路径,切换到路径面板复制这个路径,然后回到图层面板新建一个图层,鼠标右键“描边路径”,原理同上。


-- 复制刚刚做好的毛衣纹理描边图层,“ctrl+t”向右移动一段距离,然后左手按住“ctrl+shift+alt”不动,右手不断重复按"t"键,奇迹就发生了~~~最后copy上图的图层样式。


-- 将纹理移到毛衣外形图层的上方,选中毛衣外形的图层,在图层缩略图处点击“ctrl+左键”得到毛衣外形的选区,执行“选择-反选”删除多余的部分,就得到我们想要的形状了。


1d2a585be288a801219c77317371.jpg

-- 选择笔刷,选择自带的沙丘草笔刷进行调整,设置如下:


28cd585be65ea801219c7771c7dd.jpg



-- 依然用刚才的“描边路径方法”,描绘出毛衣杂乱的毛毛出来,如图:

 收藏