sketch教程:绘制写实风格绿茶(2)

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

uimaker
UI设计师 / 江苏 南京

来源:uicn   作者:JasonLeung

关键词


3、画一个220x220的圆,填充渐变色:FFFFFF  0%到F2F2F2  100%;添加inner shadows (内阴影),参数:0,-1,1,0;勾选gaussian blur(高斯模糊),模糊程度1px,这个是杯底,得到下图的效果。


4、复制刚才第2步做的茶水散射图层,移动到最顶层,并且将尺寸改为260x260;填充渐变色为:B0CE58  100% 到 C3F25E  40%。这样,茶水部分也绘制完毕,下过如下。将上面这几个图层成组,命名为杯子,并且锁定。


第三部分:茶叶

好了,进入最后一部分茶叶的绘制,茶叶看起来比较难绘制,但是实际上茶叶是很容易绘制的,只要掌握了方法,就能轻松绘制出栩栩如生的茶叶,这里的茶叶我并未深入刻画纹理(例如叶子的叶脉),如果深入刻画也是可以的,但是考虑到这里茶叶并不需要画得非常精细,所以我们画出大概的样子就行了,有兴趣的回头大家可以自己尝试去进一步刻画。


1、在杯子上方,使用钢笔工具,画出一张合适大小的叶子形状。填充渐变色,CEF042  100%  到  4D941B  100%,方向参考图中。增加inner shadows,参数为:0,0,4,0,颜色  253504 40%;再增加一层inner shadows ,参数为:0,1,2,0,颜色:D3FF95 100%。这样我们得到了一个叶子的雏形。然后我们继续下一步。这里我们可以选中这个图层,点右键,选择 copy style,复制这个图层的样式,后续我们继续画茶叶可以直接选中画好的形状,点右键选择paste style即可粘贴图层样式。


2、CMD+D原位复制刚才的叶子,按return键,进入路径编辑状态,这时候光标会自动转为钢笔工具,用钢笔工具选中叶子的一边的一个节点,往叶子中间移动,最后得到半张叶子的形状,叠在原来的完整叶子上面,就出来了一个比较精致的叶子了。


3、继续用相同的方法绘制茶叶的叶芽和叶瓣,最后得到如下的单个茶叶效果。最后把每个茶叶成组,对组添加shadows(投影),参数为:0,15,8,0,颜色:2C6206  15%。



最终完成效果图:

顺便改了个红茶的


 收藏