第一次设计质感转盘,老板说我献丑了!

用户头像
深圳/学生/2年前/4491浏览
第一次设计质感转盘,老板说我献丑了!
今天给大家分享一个多彩抽奖转盘的设计技巧,我们先来看下效果:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxMzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
怎么样?反正我个人觉得非常的绚丽好看!那这种颜色搭配是怎么制作出来的呢?给大家分享一下心得!
1.背景制作
我们先选用一个蓝色#518eff填充整个画面:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxMzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后我们在左上加入一点粉色,右下加入一点亮蓝色,让它有一些变化:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNDA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
打一个英文在后面:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
太明显了,给它加点模糊和降低透明度弱化下去:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
左右两边加上两个条纹装饰一下:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样我们的背景就完成了!
2.抽奖盘制作
我们先把大型用图形工具画出来,造型不用太复杂:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
好勒,接下来就是我么你的重头戏,本身如此单调的轮盘怎么做的绚丽多彩好看呢!?
首先我们选用两种颜色一个粉色和一个亮蓝色去给它做渐变处理:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
可以看到,效果不是多么好,整体还是平淡的。
别急,我们继续深入。
把右下角的亮蓝色沿边缘擦除一部分,让其边缘有一圈重色,像这样:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后给这个转盘加两个效果,【内发光】和【投影】
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNjg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
变成这样:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
内发光增加转盘的轮廓光,而投影用以区分轮盘和背景的距离!
然后我们要开始丰富颜色了,
再左上角加入更亮的黄色!
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxNzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
画一圈轮廓增加轮盘的层次:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxODA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
给这一个圆环,根据转盘的颜色变化,上一圈渐变:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxODQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
再内盘也增加一圈内发光:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxODg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
渐渐地这个气质也显现出来了哈。
接着用直线工具画出格子:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxOTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
复制一层直线 ,调色调整为亮色,稍微旋转一两个像素,和这一层暗色饿直线错开位置:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUxOTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
使用圆环描边给内环做一圈高光线:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMDA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
接着我们来做中间的部分,给中间的小圆圈也给上
一个渐变:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
添加一个内发光效果:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后在中间在放置一个更小的圆,颜色要深!
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样就营造出了一种小圆环的效果,然后给中间的小圆加上一个内发光和渐变制作出一种往里凹陷的视觉效果:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
用同样的方法制作一根指针:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
使用白色字体在中间打上文字,注意这里的字体需要加上外发光效果:
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
最后!还差一点点,我们来给这个转盘加入一些光晕!
新建一个图层,选择【滤色模式】,然后在圆盘的左上角,指针,和右下内圈发色那里用柔边圆画笔涂抹一下!
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMjg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们一个带有光感的,好看的抽奖盘就制作完成了!
第一次设计质感转盘,老板说我献丑了!(图ZMTQ3MTUyMzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
151
举报
|
134
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
智能家居中心 简约 UI设计组件库
UI应用平面图标
钱包ui模板
【新年UI图标】家具icon
矢量立体简约UI蓝白图标
UI_3D图标火箭炮<新春促销>
我的钱包-UI界面设计-app
盲盒APP UI设计
【新年UI图标】游戏/娱乐icon
【新年UI图标】美食icon
拟物风质感写实UI卡片合集源文件
柠檬黄主题UI作品集模版
高级感金属拟物 UI设计组件库
【新年UI图标】珠宝icon
新能源APP应用UIKit
【新年UI图标】美妆icon
UI界面 组件
UI通用设计素材1
【新年UI图标】影音icon
科技医疗透明柜UI界面设计
【新年UI图标】30个图标
手表表盘UI系列
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
相关收藏夹
大家都在看
登录注册