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

2016-02-16 06:30 34 1 收藏

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

【 tulaoshi.com - PS 】

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160216/1569196.html

延伸阅读
来源:PS联盟 作者:Sener 水晶球大致由底座、水晶球及一些装饰素材构成。制作过程也不复杂,可以先拆分成一些小块,然后逐层慢慢刻画即可。 最终效果 图1 1、新建一个800 * 600 像素的文档,背景填充蓝色:#4A85BB,如下图。 图2 2、先来制作底座,需要完成的效果如下图。 图3 3、新建一个组,用钢笔勾出底座的轮廓,转为选区后给组...
标签: PS PS教程
效果图和素材: [next] [next] [next] [next]  
Photoshop绘制紫色水晶球 水晶球的光感渲染并不难,有时候立体效果及光感出来了,我们就满足了,其实还可以再细化一下,可以增加一些细小的光丝等来丰富画面,并增加细节。 最终效果 1、新建一个800 * 800像素的画布,背景选择白色。新建一个组,选择椭圆选框工具,按住Alt及Shift键拉出下图所示的正圆选区,然后给组添加蒙...
标签: CorelDRAW
本教程由中国 idlch (稻草人) 原创 转载请保留此信息 先看效果图: 下面的教程,将会以此图形为基础,学习制作比苹果球更具梦幻效果的水晶球作品。 通过对这张作品的循序渐进的绘制,可以学习到CorelDRAW常用高级工具和特效的实用技法。包括:混成(Blend)、交互式透镜(Transparency)、交互式阴影(Shadow)、超级裁剪(PowerClip)...
标签: 编织
步骤1: 步骤2: 步骤3: 步骤4: 步骤5: 步骤6: 步骤7: 步骤8: 重复5、6、7至如图 步骤9: 步骤10: 步骤11: 步骤12: 步骤13: 步骤14: 步骤15: 步骤16: 步骤17: ...

经验教程

754

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部