二维码 购物车
部落窝在线教育欢迎您!

如何设计一个好看的星球渐变图标

 

作者:程立艳来源:部落窝教育发布时间:2022-02-28 10:15:05点击:1285

分享到:
0
收藏    收藏人气:0人
版权说明: 原创作品,禁止转载。

编按:

说到图标、logo等设计,除了设计师常用的PS,还需要AI相助~今天,我们就来讲一讲用PS+AI设计好看的图标的方法!

 

在平面设计中,设计师们都必会两个软件:PSAI。其中,AI软件做图形更优秀,PS软件制作效果更好。设计时,可以用AI先做单色图形,再运用PS渐变制作各种色调效果,让图标更加漂亮。今天我们就用这个方法完成扁平月球渐变图标设计!下面,一起来看看吧!

 

星球

 

制作步骤顺序:

1. 背景制作:打开AI软件,建立800X800像素,72分辨率。

矩形工具绘制背景,颜色深蓝色即可,作为制作前景内容的参考。

选择椭圆形工具,单击画面设置参数400X400正圆形。

 

 

2. 选择正圆形,描边面板设置粗细4pt,渐变面板设置线性渐变颜色(左#E5E4D4,右#CE4B6C)。

 

 

3. 选择正圆形,按Ctrl+C复制,按Ctrl+F原位粘贴,将新的正圆原位缩小;用钢笔工具增加两个锚点,用直接选择工具选择线段,按Delete删除不要的线;选择椭圆形单击画面,设置椭圆的宽高为4X4,这样就得到了线条高光效果。

 

 

 

4. 选择正圆形,按Ctrl+C复制,按Ctrl+F原位粘贴,按住Shift+Alt调节等比大小,钢笔工具绘制曲线,参考图片绘制。

 

 

5. 选择所有的线条,点击形状生成器工具,每个交叉重叠的线条,都可以填充不同的颜色。

 

 

6. 按住Shift键选择线条,按Delete删除。如果有边缘对不齐,利用直接选择工具选择锚点调节位置。

 

 

7. 选择正圆形缩小,渐变设置为径向渐变:白色和白色,设置左边白色不透明度为0%,右边白色不透明度为20%

 

 

8. 选择色块填充不同渐变效果。

  ① 线性渐变属性:左#69EAE2,右#299CEF

 

 

② 线性渐变属性:左#69EAE2,右#2DA3F5

 

 

③ 线性渐变属性:左#FAB49E,右#F35E6D

 

 

④ 线性渐变属性:左#FAB49E,右#F343B1

 

 

⑤ 线性渐变属性:左#FEEAC5,右#FEEAC5、不透明度0%

 

 

9. 绘制椭圆形,摆放好位置后,选择【对象】-【扩展】,设置线性渐变属性:左#00EFE7,中#0059BC、不透明度40%,右#0059BC

 

 

10. 制作高光效果,复制正圆形,将两个正圆形重叠,用路径查找器点击“减去顶层”按钮,设置线性渐变属性:左白色不透明为0%,右变白色不透明为30%

 

 

11. 绘制正圆形,设置线性渐变属性:白色,左不透明度10%、右不透明度0%;按住Alt键复制到上下两个,分别调节大小即可。

 

 

12. 再制作一个大圆,设置线性渐变属性:左#420294,右#390587、不透明度为0%

 

 

13. 再复制一个大圆形,调整位置、大小,设置线性渐变属性:左#460590,不透明度为0%;中#7C0A41,不透明度为70%;右#FFAB38,不透明度为50%

 

 

14. 绘制圆角矩形,调节圆角,设置线性渐变属性:左#FFAB38,中#7C0A41,右460590、不透明为0%。再复制一个圆角矩形,调节大小、位置、圆角。

 

 

15. 复制圆角矩形,设置线性渐变属性:左#FFB9F9,不透明为40%;中#7C0A41,不透明度为60%;右#460590,不透明为0%

 

 

这样,AI中的图形制作就完成了。接下来是完善效果!

 

 

16. AI中制作完成后,按Ctrl+2把背景锁定。打开PS,建立800X800像素的文件,拖入下图素材作背景;在AI中全选图形,按Ctrl+C复制;打开PS文件,按Ctrl+V粘贴,选择智能对象后点击确定。在PS图层面板中选择调整层,对色相饱和度进行调节:色相-2,饱和度+50。按住Alt键,点击色相饱和度图层和智能对象图层中间,做只针对图形的剪贴蒙版。

 

 

 

总结:

通过AI制作图形,PS做整体氛围和色调,让渐变图标的效果更加突出。学会以后,大家就可以更换各种颜色进行设计尝试,达到自己喜欢的渐变效果。

 

下面,练习任务就交给你了!

扫码入群,领取素材,和小伙伴一起交流学习PS~

 

本文配套的练习素材请加QQ群:465481414下载

PS高手,快速提升工作效率,部落窝教育Photoshop全面精通班》视频和AI平面与电商设计从零到精通》直播课全心为你!

扫下方二维码关注公众号,随时随地学习PS

相关推荐:

如何用AI和PS制作线条背景和流光文字合成海报

AI设计:优酷经典 LOGO图形制作

PS制作凹陷效果的LOGO展示效果

版权申明:

本文作者程立艳;同时部落窝教育享有专有使用权。若需转载请联系部落窝教育。