1. 主页 > 百科生活

Buttons UI

Buttons UI(图1)

来源:站酷 wenjunliao 翻译

Buttons UI(图2)

1.渐变背景

文件>新建,尺寸为800X600像素72分辨率的文件
在颜色面板,设置前景色值#eceff6背景色值#bec1cc

图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)

Buttons UI(图3)

Buttons UI(图4)

2.创建和调整圆

Buttons UI(图5)

用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐

Buttons UI(图6)

Buttons UI(图7)

3.样式
回到图层面板双击其中一个圆设置图层样式如下:
·斜面浮雕·内阴影·渐变叠加·外发光·阴影

Buttons UI(图8)

窗口>样式>新建样式>确定

Buttons UI(图9)

设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。

Buttons UI(图10)

4.创建真实阴影

复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下

Buttons UI(图11)

滤镜>模糊>动感模糊

Buttons UI(图12)

矩形框选工具>删除多余部分,把图层放在圆的底层透明度设置在25%-75%

Buttons UI(图13)

5.斜面和浮雕

Buttons UI(图14)

这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,

其中斜面浮雕阴影设置如下。

Buttons UI(图15)

现在你明白了图层样式的应用了,然后往里面增加播放按钮或者你喜欢图形。

Buttons UI(图16)

联系我们

在线咨询:点击这里给我发消息

微信号:ffjianzhan@qq.com

工作日:9:30-18:30,节假日休息