Photoshop设计教程:ShopKick风格水晶球图标教程

dukexiu6

dukexiu6

2016-02-16 06:30

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Photoshop设计教程:ShopKick风格水晶球图标教程,希望大家看完后能赶快学习起来。

先看看效果图

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 1: 新建一个画布, 850px * 500px 左右就好. 这个随意.! 并使用渐变工具拉一个渐变 (#000000 - #585858)

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 2: 使用椭圆工具画一个正圆, 并添加如下图层样式:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

最后你应该获得这样的效果:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 3: 新建一个图层, 使用椭圆选择工具选取一个如下的椭圆形:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 4: 使用白色透明渐变工具(线性渐变), 拉出如下效果. 椭圆底部如果过于生硬, 可使用带虚边的橡皮擦轻轻擦出.

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 5: 新建一个图层, 使用大小约200, 硬度为0的圆形笔刷, 在球体扁下的位置画出如下效果:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 6: 透明度调整为90, 使用叠加效果. 得到如下效果:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 7: 绘制两个矩形, 并使用 滤镜扭曲球面化使其变形, 最后通过调整大小以及旋转, 放在合适的位置, 并添加蒙版(使用线性的黑白渐变)使其出现渐瘾效果.

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 8: 使用钢笔工具得到如下选取, 并填充白色, 透明度调整为50%. 添加蒙版(使用线性的黑白渐变)让其出现渐隐效果.

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 9: 绘制一个五角星, 并添加如下同层样式, 得到如下效果:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 10: 使用Myriad Pro (OT1)字体, 并使用Light Condensed效果输入文字, 并添加如下图层样式:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 11: 使用Myriad Pro (OT1)字体, 并使用Bold效果输入文字, 并添加如下图层样式:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 12: 最后输入最下方的文字(字体和大小随意), "50"添加投影和浮雕图层样式, "kickbucks"添加内阴影图层样式:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 13: 在背景层上新建一个图层, 并填充#2a8000:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 14: 新建一个图层, 前景色为白色, 背景色为黑色, 使用 滤镜渲染云彩, 并调整图层混合样式为正片叠加:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 15: 再 滤镜模糊动感模糊, 按如下设置:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 16: 最后将绿色图层和动感模糊后的云彩图层合并, 为它添加一个蒙版(使用径向渐变), 得到如下效果:

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 17: 新建一个图层, 使用与球体大小相当的黑色0硬度笔刷, 绘出如下效果, 并使用自由变化工具压缩成为球体的一个阴影(不要忘记将此图层放在球体的下方):

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

Step 17: 最后添加以下自己喜欢的效果. 就完成了.!

Photoshop设计教程:ShopKick风格水晶球图标教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)
展开更多 50%)
分享

猜你喜欢

Photoshop设计教程:ShopKick风格水晶球图标教程

PS PS基础
Photoshop设计教程:ShopKick风格水晶球图标教程

photoshop设计水晶球教程

PS教程 PS基础
photoshop设计水晶球教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计绿色立体风格的水晶球

PS PS基础
Photoshop设计绿色立体风格的水晶球

photoshop照片合成梦幻水晶球教程

PS
photoshop照片合成梦幻水晶球教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计窗精致的反光水晶球效果教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计窗精致的反光水晶球效果教程

Photoshop绘制超酷的梦幻水晶球教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop绘制超酷的梦幻水晶球教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作兔少年动漫成签教程

Photoshop制作兔少年动漫成签教程

Photoshop绘制可爱卡通的海盗船长

Photoshop绘制可爱卡通的海盗船长
下拉加载更多内容 ↓