欢迎来到PS教程自学网!您可以先收藏本站或记下网址:WWW.PSDEE.COM,海量PS教程资源等你来分享!
PS工作方向
您的位置:首页>PS鼠绘教程>教程详情

Photoshop如何画一个扁平化风格的按钮

99
来源:PSDEE.COM作者:Sky编辑:PS教程自学网浏览次数:498

随着扁平化设计开始流行,越来越多的网站、APP等界面设计都开始朝扁平化发展。本教程教大家快速画一个扁平化风格的按钮,教程十分的简单,只需要几个步骤就能完成效果。

教程使用演示软件:Photoshop CS6,下面我们就开始来制作:

第1步:创建新文件,填充一个深色背景(#222222),然后新建一个图层,使用选区圆形创建一个正圆,并填充蓝色(#01709e)。

PS画扁平化按钮-圆形选区填充蓝色.jpg

第2步:把蓝色圆的图层透明度改为20%。

PS画扁平化按钮-图层不透明度设置为20%.jpg

第3步:继续新建一个图层,用选区工具创建一个小一点的圆形选区,并且同样填充蓝色(#01709e),图层透明度改为20%,并且把两个图层水平与垂直对齐。

PS画扁平化按钮-新建图层画个较小的圆.jpg

第4步:再新建一个图层,创建选区,并填充蓝色(#01709e),但不需要再降低透明度了,把三个图层水平与垂直对齐。

PS画扁平化按钮-再新建图层画个更小的圆.jpg

第5步:使用文字工具打上文字,颜色设计为淡蓝色(#96dcfa),并且与三个圆形图层水平与垂直对齐。

PS画扁平化按钮-打上按钮文字完成效果.jpg

注:前几步操作的时候可以不用先对齐,最后再整体水平垂直对齐,不过为了能更好的观察效果,还是多对齐几次吧。

轻松一刻

有一天小丸子去检查身体。医生让小丸子躺下,在小丸子肚子上按了几下。医生问 :“你有什么感觉?”小丸子回答:“有人按我肚子”。

Copyright © 2016-2018 www.PSDEE.com All Rights Reserved 版权归PS教程自学网所有

本站所发布内容均收集自互联网,如果我们有侵犯到您的权益烦请通知我们,我们会在3个工作日内删除相关内容。

联系QQ:309062795 闽ICP备10004512号-4

返回
顶部
用户
反馈