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

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

Photoshop如何画一个扁平化风格的按钮
2018/2/3 23:00:37来源:PSDEE.COM[原创教程]作者:Sky编辑:PSDEE教程网浏览次数:5760

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

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

扫码手机上看
PS新手入门基础教程
PS实例教程
PS抠图教程
PS图片合成/处理教程
PS使用/操作技巧
PS照片美化教程
PS特效文字制作教程
PS滤镜使用教程
PS鼠绘教程
PS动画动图制作教程
ps教程专题汇总
ps教程排行榜

Copyright © 2016-2022 WWW.PSDEE.COM All Rights Reserved 版权归PSDEE教程网所有

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

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

返回
顶部
用户
反馈