搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
听说你还在抢星巴克的猫爪杯?不如我送你一个……
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
UI学习
发布时间:2020-05-08
关注
近来,星巴克的猫爪杯被疯抢,价格也是水涨船高。不过,抢不到没关系,我们可以自己做一个啊,没有什么是设计师做不出来的,只有我们不想做的。
下面跟着蒋三金一起来学习如何制作这个猫爪杯吧,主要的难点在于:1、杯口的高光和阴影的绘制2、如何做出猫爪的立体感3、如何做出玻璃杯的通透感
上图所示,主要运用了内阴影来绘制明部和暗部,配合描边,做出了杯口的效果。
注意点:描边的“大小数值”和“渐变”填充类型是出效果的关键因素。
杯身的制作就比较简单了,以上参数仅作参考。
注意点:文字和花瓣的投影是决定杯身厚度的关键,所以投影一定不能忘记设置。
椭圆工具绘制椭圆,然后用钢笔工具调整两端,参数如上图所示
自定义形状工具中的红心,绘制后用直接选择工具调整形状,参数如上图所示,最后建立蒙版,将不需要的地方擦除
用椭圆工具绘制正圆,然后删去上方锚点,调整形状,参数如上图所示,最后建立蒙版,将不需要的地方擦除
用椭圆工具绘制正圆,参数如上图所示,调整好一个正圆的参数后,其它三个圆只需复制图层样式即可,单个调整投影的位置和不透明度。最后建立蒙版,将圆形边缘和猫爪擦拭融合。
最后将绘制好的每一层调整好位置,加上高光和投影,整个猫爪杯的制作就完成啦。
图文仅作简单要点和参数展示,详细的讲解请看
最上方
的视频教程哦。PSD源文件下载地址:https://mp.weixin.qq.com/s/w7K_rx7RuaYHUzG7XxGY3w想看更多更新教程,别忘了点赞加关注哦↓↓↓
UI学习作品
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
像素图标
收藏
原型demo
收藏
APP设计
收藏
原型demo
收藏
面性图标
收藏
线性图标
收藏
线性图标
收藏
多色图标
Load More