PS教程!渐变风格梦幻星球图标

时间:2019-12-09
类别:PS教程
水平:入门
观众:19504
@所有设计师 快来领爆款免费设计课程!打卡式学习立竿见影。收获实战新技能→ 免费领取

img

原图作者:Andrey Prokopenko

教程作者:闪亮的ATM

交作业:#优设每日作业#

光影感超棒的渐变星球图标,你值得拥有!

如果你想要和教程作者有更深入的交流,可以加优优教程网的官方交流群哦,qq群号282706954,这里有很多志同道合的小伙伴在等你哦~

 

教程步骤

  • 步骤 01

打开PSctrl+n新建一个800*600px的画布,分辨率72

PS教程!渐变风格梦幻星球图标

 

  • 步骤 02

双击解锁背景图层,任意填充一个颜色,在图层样式中选择渐变叠加,修改背景图层样式

PS教程!渐变风格梦幻星球图标

 

  • 步骤 03

背景层渐变叠加的参数如下:混合模式正常,不透明度100%,样式线性,角度-90,渐变填充色值为:#04004d~#0a001b

如果你对ps图层样式还不太了解,那就来跟着肥子老师学习一下叭 >> PS自学手册!NO.12 图层样式

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 04

锁定背景图层,防止做图过程中不小心拖动。选中圆角矩形工具,在画布中心双击,创一个400*400px,圆角大小为100px的圆角矩形,重命名为底板

PS教程!渐变风格梦幻星球图标

 

  • 步骤 05

选中底板图层,填充任意颜色,添加图层样式渐变叠加,混合模式正常,样式角度,角度-145,色值#ffc62e~#a62ee4~#3a2ee4~#f626da~#ffc62e

 

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

角度渐变还可以做什么效果?来看看这个教程 >> PS教程!教你用角度渐变制作一个X极简海报

除了PS,原来AI也有角度渐变!>> AI入门教程!酷炫角度渐变背景绘制

 

  • 步骤 06

6.1 选中椭圆工具,创建一个400*400px的正圆

6.2 按住ctrl键点击底板缩略图,获取底板的选区,然后让圆1和底板水平、居中对齐

6.3 将圆1的填充调为0,添加图层样式渐变叠加,混合模式线性减淡,不透明度43%,角度-180,填充渐变色值#ffffff(40%)~#ffffff(0%)

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 07

7.1 复制圆1得到圆2,在属性窗口调整圆2的大小为330*330px,同样获取圆1的选区,保证圆2与圆1水平、居中对齐

7.2 修改圆2的渐变属性,混合模式颜色减淡,不透明度61%,样式径向,角度-180,修改圆2的渐变色值为:#ffffff(34%)~#ffffff(0%)

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 08

8.1 复制圆2得到圆3,在属性窗口调整圆3的大小为266*266px

8.2 修改圆3的渐变属性,混合模式线性减淡,不透明度66%,样式径向,角度-180,渐变色值为:#ffffff(100%)~#ffffff(10%)

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

  • 步骤 09

9.1 复制圆3得到圆4,在属性窗口调整圆4的大小为226*226px,将圆4的填充改为100%

9.2 添加图层样式渐变叠加,混合样式正常,不透明度100%,样式线性,角度-50,渐变色值为:#000450~#820092

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 10

10.1 将前景色改为黑色(#000000),选中圆4图层,添加图层蒙版,在选中图层蒙版的状态下,利用多边形套索工具勾选出多个不规则的三角形,填充黑色

10.2 再选取硬边缘画笔工具,沿着圆的边缘进行不规则的曲线涂抹,得到如下效果图

PS教程!渐变风格梦幻星球图标

 

  • 步骤 11

11.1 复制圆4得到圆5,在属性窗口修改圆5大小为142*142px,将圆5填充颜色改为#faebfc

11.2 点击下方图层样式按钮,给图5添加外发光效果,混合模式线性减淡,不透明度78%,外发光色值为#fc5fc,大小38px

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 12

12.1 复制圆5得到圆6,在属性窗口修改圆6大小为100*100px,将圆6的填充色值改为#ffffff

12.2 给圆6添加外发光效果,混合模式正常,不透明度100%,外发光色值为#ffffff,大小38px

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 13

13.1 给画面中心新建两条参考线(400,300),利用钢笔工具绘制如下图的放射性形状,填充白色(#ffffff)

13.2 添加图层样式-渐变叠加,混合模式-线性减淡,不透明度100%,样式径向,角度-180,渐变色值为:#ffffff(53%)~#ffffff(0%)

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

想要生成网格参考线?1个插件就搞定 >> 超实用!参考线插件 GuideGuide 一键生成网格系统(PS+AI)

 

  • 步骤 14

14.1 利用椭圆工具绘制圆7,大小48*48培训,填充颜色#a53ab0,放置于参考图的位置

14.2 添加图层样式-投影,混合模式-变亮,不透明度32%,角度-139,距离6px,大小6px,投影填充颜色为#ffffff

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 15

15.1 复制圆7得到圆8,将圆8向上向右各移动5px,选中圆8按住alt键向圆7做剪切蒙版

15.2 给圆8添加图层样式-渐变叠加,混合模式正常,不透明度100%,样式线性,角度150,渐变填充色值为:#5e0f6e~#0f0d4c

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 16

16.1 复制底板图层,重命名为底板发光,在底板发光层的属性窗口-蒙版,调整羽化的大小为20px

16.2 修改底板发光层的渐变叠加样式,混合模式正常,不透明度100%,样式角度,角度130,渐变色值调整为:#5f31ec~#fa32df~#5f31ec

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 17

17.1 利用椭圆工具绘制多个2~5px大小的正圆,分别填充不同的色值来丰富画面。

17.2 白色圆点点缀:#ffffff;粉色圆点点缀:#fd966e9;黄色圆点点缀:#fffa7c;紫色圆点点缀:#5435ee

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

  • 步骤 18

18.1 利用直线段工具绘制连接线,连接部分圆点

18.2 白色连接线:#ffffff;粉色连接线:#d966e9;黄色连接线:#5435ee;

18.3 给各个连接线图层添加蒙版,选用黑色柔边半透明画笔擦拭连接线的两端,营造出渐变线的效果

PS教程!渐变风格梦幻星球图标

PS教程!渐变风格梦幻星球图标

 

最终效果

PS教程!渐变风格梦幻星球图标

 

【优优教程网 365 打卡计划】

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。每天做练习,成长不停息!

还想学习更多梦幻渐变效果?

千万别错过以下教程喔!

>> AI教程!教你绘制扁平风格渐变场景插画
>> AI教程!教你绘制梦幻星球

PS教程!渐变风格梦幻星球图标

3 收藏 19

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 16

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片