PS cc设计LOL主题图标教程

这个是我的第一个教程,多多指教,很多不足之处请指出!!

PS设计一款漂亮的按钮教程

.

最终效果:

PS cc设计LOL主题图标教程插图

PS cc设计LOL主题图标教程插图(1)

1、打开ps、新建一个适当的画布(这不废话吗)-.-!

PS cc设计LOL主题图标教程插图(2)

2、使用多边形工具,拉出一个六边形。(太完美了!)

PS cc设计LOL主题图标教程插图(3)

3、然后是重头戏。为这个六边形添加各种图层样式效果。康忙!

下面是参数。仅供参考,不要照抄!

PS cc设计LOL主题图标教程插图(4)

PS cc设计LOL主题图标教程插图(5)

PS cc设计LOL主题图标教程插图(6)

PS cc设计LOL主题图标教程插图(7)

PS cc设计LOL主题图标教程插图(8)

PS cc设计LOL主题图标教程插图(9)

PS cc设计LOL主题图标教程插图(10)

PS cc设计LOL主题图标教程插图(11)

PS cc设计LOL主题图标教程插图(12)

PS cc设计LOL主题图标教程插图(13)

4、下面开始做中间的宝石底部,复制上一图层,缩小后摆在中间。

PS cc设计LOL主题图标教程插图(14)

效果如下

PS cc设计LOL主题图标教程插图(15)

PS cc设计LOL主题图标教程插图(16)

PS cc设计LOL主题图标教程插图(17)

5、最带感的一步来了!制作凸起的暗金宝石!

PS cc设计LOL主题图标教程插图(18)

PS cc设计LOL主题图标教程插图(19)

PS cc设计LOL主题图标教程插图(20)

PS cc设计LOL主题图标教程插图(21)

PS cc设计LOL主题图标教程插图(22)

PS cc设计LOL主题图标教程插图(23)

PS cc设计LOL主题图标教程插图(24)

继续做效果!

PS cc设计LOL主题图标教程插图(25)

PS cc设计LOL主题图标教程插图(26)

降低不透明度!

6、加上LOL字母“L”,字体自选!

PS cc设计LOL主题图标教程插图(27)

PS cc设计LOL主题图标教程插图(28)

PS cc设计LOL主题图标教程插图(29)

PS cc设计LOL主题图标教程插图(30)

PS cc设计LOL主题图标教程插图(31)

PS cc设计LOL主题图标教程插图(32)

7、给背景加上纹理、渐变的效果。

PS cc设计LOL主题图标教程插图(33)

PS cc设计LOL主题图标教程插图(34)

PS cc设计LOL主题图标教程插图(35)

PS cc设计LOL主题图标教程插图(36)

加上背景图案“心电图”

PS cc设计LOL主题图标教程插图(37)

PS cc设计LOL主题图标教程插图

大功告成

最终效果:

PS cc设计LOL主题图标教程插图

PS cc设计LOL主题图标教程插图(1)

1、打开ps、新建一个适当的画布(这不废话吗)-.-!

PS cc设计LOL主题图标教程插图(2)

2、使用多边形工具,拉出一个六边形。(太完美了!)

PS cc设计LOL主题图标教程插图(3)

3、然后是重头戏。为这个六边形添加各种图层样式效果。康忙!

下面是参数。仅供参考,不要照抄!

PS cc设计LOL主题图标教程插图(4)

PS cc设计LOL主题图标教程插图(5)

PS cc设计LOL主题图标教程插图(6)

PS cc设计LOL主题图标教程插图(7)

PS cc设计LOL主题图标教程插图(8)

PS cc设计LOL主题图标教程插图(9)

PS cc设计LOL主题图标教程插图(10)

PS cc设计LOL主题图标教程插图(11)

PS cc设计LOL主题图标教程插图(12)

PS cc设计LOL主题图标教程插图(13)

4、下面开始做中间的宝石底部,复制上一图层,缩小后摆在中间。

PS cc设计LOL主题图标教程插图(14)

效果如下

PS cc设计LOL主题图标教程插图(15)

PS cc设计LOL主题图标教程插图(16)

PS cc设计LOL主题图标教程插图(17)

5、最带感的一步来了!制作凸起的暗金宝石!

PS cc设计LOL主题图标教程插图(18)

PS cc设计LOL主题图标教程插图(19)

PS cc设计LOL主题图标教程插图(20)

PS cc设计LOL主题图标教程插图(21)

PS cc设计LOL主题图标教程插图(22)

PS cc设计LOL主题图标教程插图(23)

PS cc设计LOL主题图标教程插图(24)

继续做效果!

PS cc设计LOL主题图标教程插图(25)

PS cc设计LOL主题图标教程插图(26)

降低不透明度!

6、加上LOL字母“L”,字体自选!

PS cc设计LOL主题图标教程插图(27)

PS cc设计LOL主题图标教程插图(28)

PS cc设计LOL主题图标教程插图(29)

PS cc设计LOL主题图标教程插图(30)

PS cc设计LOL主题图标教程插图(31)

PS cc设计LOL主题图标教程插图(32)

7、给背景加上纹理、渐变的效果。

PS cc设计LOL主题图标教程插图(33)

PS cc设计LOL主题图标教程插图(34)

PS cc设计LOL主题图标教程插图(35)

PS cc设计LOL主题图标教程插图(36)

加上背景图案“心电图”

PS cc设计LOL主题图标教程插图(37)

PS cc设计LOL主题图标教程插图

大功告成

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部