Photoshop绘制立体逼真的相机镜头教程

guolei14557

guolei14557

2016-02-15 23:07

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Photoshop绘制立体逼真的相机镜头教程,赶紧看过来吧!

最终效果

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

1、一个角度渐变直接把底色确定。 四个颜色#46454c、#23262b、#667380、#333740。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

2、外面用 20% ~ 40% 的灰色角度渐变,正片叠底。里面用 50% 的灰正片叠底。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

3、找个材质。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

4、经过去色、反相、曲线、阈值、缩放等工序调处来这么两张材质。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

5、把这两张图用颜色减淡模式叠上,不透明度分别是10%(上)50%(下)。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

6、中间那层塑料壳,角度渐变,颜色是#222226、#2e3033。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

7、内阴影:纯黑、正片叠底、不透明度75%、角度-45、距离20、大小30。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

8、外面叠个20%的圈,正片叠底。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

9、然后开始画那一层一层的东西,这么一个黑色半月牙,羽化0.5。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

10、右下角的白色半月牙,羽化0.5,不透明度30%。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

11、为了让两个月牙达到这种效果,需要仔细调整两个月牙内外圆的大小。

我的数值是(图标大小1024*1024,图标圆形区域782*782):

黑:外圆直径728、内圆直径725、内圆向下偏移3px向右偏移2px

白:外圆直径730、内圆直径730、内圆向上偏移2px向左偏移1px

这组数值不好(为什么不好就不费劲解释了),但是也能出效果。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

12、用类似的关系做出全部五层。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

13、为了加强层次,我又叠了这么一层圆环套圆环(稍有偏移)的投影,黑色,不透明度40%。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

14、覆个黑圆看看效果,在最里面用白色半月牙加个边缘高光。好像少了点明暗效果。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

15、在固有色的上一层:羽化25的黑圆,加一个羽化8的矢量蒙版,不透明度80%。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

16、再叠一个羽化40的#5d5c66圆,60%透明。然后我发现颜色还是不大对,又在这层加了个内发光:#a3a3cc,大小160,滤色,不透明度75%。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

17、然后放在一块看,就有了这个效果。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

18、里面层塑料壳,还是先渐变,#222426(0%)、#090a0d(28%)、#2e3133(50%)、#090a0d(72%),120度。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

19、外边叠一层黑边。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

20、靠里再加一圈,30%-60%灰正片叠底。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

21、这个黑圈要加1像素的羽化(我就是为了要那个羽化的边有点多此一举)。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

22、添加杂色,用曲线稍微调一下得到这么个材质。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

23、柔光,不透明度10%。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

24、镜头内部的塑料,一个白色半月牙,羽化3。为了控制透明度,我用白色透明度渐变,左上到右下20%(50%位置)~60%(100%位置)。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

25、(从这一步开始,圆心要向左偏2px 向上偏4px,我也不知道为啥很奇怪)

加一个中间亮,内外边缘暗的圆环。这块我是分两层做的,这样比较好控制:底下一层用50%的灰,加上浮雕(0%高光)和内阴影做一下大概的体积。上面一层是一个白色半月牙高光。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

26、往里再加一个中间亮,边缘暗的圆环。同样是用浮雕(0%高光)和内阴影,这个不加高光。底色是15%的深灰。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

27、然后再往里,这个好做,一层一层套圈。最外一圈是5%深灰,依次往里6%、7%、10%。最里面纯黑。然后给每一层(除了最外层)都加一个阴影,不用太明显,不透明度25%,大小10。最后给这些圈统一加上「渐变叠加」,120°角度渐变,正片叠底,100%-60%-100%-40%-100%的灰。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

28、与上一步类似,再往里套圈。这三圈颜色从外到里 4%、5%、8%的深灰。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

29、继续往里画。这部分比较微妙,灵活运用。

由外及内,10%灰(加阴影)、11%(加阴影)、12%(小黑洞洞周围的那一2px宽的小圆环)、8%(小黑洞洞,稍微加个内阴影)。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

30、在里面区域用杂色增加一下质感。柔光,不透明度7%就可以。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

31、镜头光晕,用径向渐变修正一下内部的对比度。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

32、上一层这样的彩虹渐变(颜色可以根据效果适当调整) 要稍微加上10px~20px的模糊,让中间没有那么锐利。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

33、在中间叠一层白色的圆,比彩圈要小,加一些羽化,让边缘不那么明显。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

34、加右下角的反光,这一层是在彩虹渐变的下面。我分了三层做。

最下面一层是不透明度10%左右的白色。

中间一层是无填充,用内阴影把右下角提亮。

最上面一层是用白色填充的形状加羽化,局部提亮。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

35、按原图,用形状和羽化做出所有反光光斑,偶尔还会用无填充的内发光来提升效果。图层位置见上上图。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

36、然后按照原图效果,把需要增强的的光斑用白色形状增强。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

37、用黑色加镜头光晕增强效果。我加了两层,用矢量蒙版控制效果。

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

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

38、嫌效果不够,我又画了些圆来增强。

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

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

39、最后加一层薄薄的云彩,颜色减淡,不透明度10%,让镜头的反光稍微复杂一点。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

最后加上文字,画上阴影。大功告成。

Photoshop绘制立体逼真的相机镜头教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop绘制立体逼真的相机镜头教程

PS PS基础
Photoshop绘制立体逼真的相机镜头教程

Photoshop绘制逼真的立体铃铛教程

PS PS基础
Photoshop绘制逼真的立体铃铛教程

s8lol主宰符文怎么配

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

Photoshop绘制精致逼真的相机图标教程

PS PS基础
Photoshop绘制精致逼真的相机图标教程

Photoshop绘制立体逼真的美颜棒教程

PS PS基础
Photoshop绘制立体逼真的美颜棒教程

lol偷钱流符文搭配推荐

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

Photoshop绘制超级逼真的立体水表教程

PS PS基础
Photoshop绘制超级逼真的立体水表教程

Photoshop绘制立体逼真的玻璃奶瓶教程

PS PS基础
Photoshop绘制立体逼真的玻璃奶瓶教程

lolAD刺客新符文搭配推荐

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

Photoshop绘制逼真质感的招财猫效果

Photoshop绘制逼真质感的招财猫效果

Photoshop调出春季女孩秋季唯美效果

Photoshop调出春季女孩秋季唯美效果
下拉加载更多内容 ↓