优艾设计网

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:全栈UI笔记
本篇教程通过PS设计一个独特的渐变风格播放图标,教程依然是我们的图层样式,同学们不要觉得图层样式烦,图标根本离不开它,所以我们这个朋友呢,一定跟它搞熟悉关系,同学们一起来试着做一下吧。

本篇教程通过PS设计一个独特的渐变风格播放图标,教程依然是我们的图层样式,同学们不要觉得图层样式烦,图标根本离不开它,所以我们这个朋友呢,一定跟它搞熟悉关系,同学们一起来试着做一下吧。

效果图:

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

www.16xx8.com

操作步骤:

老规矩,先来分析一下。这里我们主要分为三个部分:底座、外圆、内圆,其它问题都不大,主要是外圆部分、需要用到多个图层来绘制线条,骚年分析完已经成功一半了,离成功还会远吗?

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

步骤一:

首先新建画布900px*900px画布,命名为播放按钮,为背景添加颜色#3d3835。

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

步骤二:

使用圆角矩形工具、绘制一个615px*615px圆角半径为90px底座,并为它添加图层样式。

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

步骤三:

高逼格的底座一下就出来了,有木有!!!接下来继续使用椭圆工具、绘制一个400px的正圆,并为它添加图层样式。

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

UI图标教程,用Photoshop绘制一个独特的渐变风格播放器图标

步骤四:

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消