• WAP手机版 RSS订阅 加入收藏  设为首页
Photoshop

Photoshop打造Buttons(按钮)的UI设计

时间:2014/10/28 16:57:17   作者:未知   来源:网络文摘   阅读:776   评论:0

Photoshop打造Buttons(按钮)的UI设计

 

1.渐变背景

 

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

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

 

Photoshop打造Buttons(按钮)的UI设计

 

Photoshop打造Buttons(按钮)的UI设计

 

2.创建和调整圆

 

Photoshop打造Buttons(按钮)的UI设计

 

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

 

Photoshop打造Buttons(按钮)的UI设计

 

Photoshop打造Buttons(按钮)的UI设计

 

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

 

Photoshop打造Buttons(按钮)的UI设计

 

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

 

Photoshop打造Buttons(按钮)的UI设计

 

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

 

Photoshop打造Buttons(按钮)的UI设计


免责申明:CAD之家旨在相互学习交流,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!
邮箱:qm198794@gmail.com Copyright 2008-2022 CAD之家网 湘ICP备17006806号