首页>PS鼠绘教程>教程详情

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

来源:PSDEE.COM[原创教程]作者:Sky编辑:PSDEE教程网

随着扁平化设计开始流行,越来越多的网站、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

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

相关教程推荐
热门教程推荐
热门搜索(看看大家都在搜什么)
眨眼 发光 字体 海报 抠图 夜景 去水印 辉光 调色 样式 证件照 泡沫 合成 形状 磨皮

手机访问:M.PSDEE.COM/电脑访问:WWW.PSDEE.COM