渐变星球ps教程(设计好看的星球渐变图标)

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

渐变星球ps教程(设计好看的星球渐变图标)(1)

制作步骤顺序:

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

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

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

渐变星球ps教程(设计好看的星球渐变图标)(2)

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

渐变星球ps教程(设计好看的星球渐变图标)(3)

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

渐变星球ps教程(设计好看的星球渐变图标)(4)

渐变星球ps教程(设计好看的星球渐变图标)(5)

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

渐变星球ps教程(设计好看的星球渐变图标)(6)

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

渐变星球ps教程(设计好看的星球渐变图标)(7)

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

渐变星球ps教程(设计好看的星球渐变图标)(8)

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

渐变星球ps教程(设计好看的星球渐变图标)(9)

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

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

渐变星球ps教程(设计好看的星球渐变图标)(10)

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

渐变星球ps教程(设计好看的星球渐变图标)(11)

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

渐变星球ps教程(设计好看的星球渐变图标)(12)

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

渐变星球ps教程(设计好看的星球渐变图标)(13)

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

渐变星球ps教程(设计好看的星球渐变图标)(14)

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

渐变星球ps教程(设计好看的星球渐变图标)(15)

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

渐变星球ps教程(设计好看的星球渐变图标)(16)

渐变星球ps教程(设计好看的星球渐变图标)(17)

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

渐变星球ps教程(设计好看的星球渐变图标)(18)

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

渐变星球ps教程(设计好看的星球渐变图标)(19)

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

渐变星球ps教程(设计好看的星球渐变图标)(20)

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

渐变星球ps教程(设计好看的星球渐变图标)(21)

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

渐变星球ps教程(设计好看的星球渐变图标)(22)

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

渐变星球ps教程(设计好看的星球渐变图标)(23)

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

渐变星球ps教程(设计好看的星球渐变图标)(24)

渐变星球ps教程(设计好看的星球渐变图标)(25)

总结:

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

更多教程教学私信小编(ps)即可免费获取

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页