Photoshop制作蜘蛛侠钻出屏幕的效果

2016-02-15 22:13 76 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop制作蜘蛛侠钻出屏幕的效果,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

今天的教程3D效果十足,视觉冲击力非常强,同学们可以发散思维运用到社团海报以及平面广告中,教程界面全中文,作者讲述很细致,趁着周一,开个好头,现在就练起来吧。

效果非常的简单,就是屏幕中的蜘蛛侠钻出笔记本电脑的屏幕,钻出的部分跟屏幕内的部分我做了饱和度的处理,后面制作过程我用的是黑白,其实你完全可以用色相饱和度或者自然饱和度来实现,效果没有多大区别,还有就是一些细节性的东西,比如那只摁在笔记本上手的阴影和倒影需要一些耐心,尽量让他看上去比较真实,没有漂浮的感觉,我认为这个最要紧。

教程素材:笔记本冲出蜘蛛侠效果PS教程素材

下面是最后的效果。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

这是我在网上找到的一张笔记本素材。

素材打包 微盘下载

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

复制粘贴进蜘蛛侠。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

自由变化一下它的大小及角度。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

隐藏自由变化完成后的蜘蛛侠。用圆角矩形描出屏幕的路径。如果你有时间,可以调整一下这个路径,尽量使它跟屏幕吻合,我就是这么做的。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

新建一个路径层,继续描伸出屏幕外部分的蜘蛛侠,手指哪里比较花功夫。其实不用很精细,因为到后期我会用蒙版做微调。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

从路径里先后复制屏幕和手头肩膀的选区,给蜘蛛侠添加蒙版。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

复制一层,把底下蜘蛛侠的混合模式改为正片叠底。

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

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

在上面添加一个黑白调整层。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

复制屏幕的选区,在黑白调整层的蒙版中填充80%亮度的灰色,我想让屏幕里的部分饱和度稍微低一点,现在我开始后悔了,应该让饱和度再高一点,感觉颜色有点太淡了。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

钻出屏幕的部分的饱和度保持不变,所以我继续在路径里复制手和头的选区,羽化一个像素。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

在蒙版中填充黑色,这样屏幕外面的部分完全保留当初的饱和度。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

在上面新建一层,填充白色,执行滤镜-素描-半调图案。我想制作一个老式电视机的逐行闪动的效果。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

ctrl+t把条纹层缩小到比屏幕稍大一点。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

在路径里复制屏幕的选区,添加蒙版。手和头部分既然伸出屏幕了,当然不受那些条纹的影响,所以我又在路径里复制手,头和左肩部的的选区,填充黑色。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

把底层的蜘蛛侠去色,在蒙版中用白色低透明度的画笔把手的阴影和倒影仔细的涂出来。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

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

由于钢笔抠得不是很细致,彩色层蜘蛛侠的手指周围还有一些浅色的毛边,同样在蒙版里用黑色小画笔仔细擦除。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

继续新建一层,复制手和头的选区,羽化一个像素后填充任意颜色,把填充透明度调到0,双击进入图层样式,在图层蒙版隐藏效果前打勾。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

添加渐变外发光,这里我要制作蜘蛛侠钻出屏幕部分的截面跟显示器摩擦产生的电弧光的效果。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

添加蒙版把屏幕以外的部分擦除。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

在笔记本上新建一层,用黑色画笔笔记本上涂抹一些阴影,透明度要把握好。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

最后在顶层新建一层,图层混合模式改为柔光,用白色画笔强化高光部分,比如头的左边,手臂和肩膀,还有左边最靠近光源的两个手指都要涂一些高光,暗的部分也用黑色画笔涂一点。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

大功告成咯。

Photoshop制作蜘蛛侠钻出屏幕的效果,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1564571.html

延伸阅读
《神奇蜘蛛侠》隐藏蜘蛛侠标志 解锁全服装地点图解攻略 便衣装为PS3独占,感染装通关后解锁 以下图片截取自YOUTUBE  RecklessCon的视频 红色蜘蛛侠 地图上最大的一块绿地公园  里面有一座小石桥 桥下面是一条小马路走车的  紧靠着桥头马路旁边墙上就有一个红色蜘蛛标志涂鸦 LT照相机拉近拍照就行 以下服装要求改主机日期...
蜘蛛侠简笔画视频教程 大家看见下面视频中这个酷酷的蜘蛛侠了吗?没错啦,这就是我们今天要画的蜘蛛侠了,不仅仅表情酷酷的,姿势更酷哦。我们现在要准备画这个英勇正义的化身了。大家赶紧准备准备画画的工具,提早准备好了的孩子要表扬表扬哦。好了我们可以点击下面的播放键开始画画了。     蜘蛛侠简笔画步骤教程 1、如...
1.猜猜这是什么?大BOSS。很厉害的超大机器人噢。他出现可得小心了。   2.当它对你发起攻击时,该怎么躲避呢?其实只要不断跳跃,就可以避免被击中了。就算不小心被打中,也不会有太大的问题。   3.他只有一只手臂,别害怕,我们的任务就是要救他。   4...
《神奇蜘蛛侠》图文攻略 《神奇蜘蛛侠》图文攻略 第一章 教学关,没有什么难度,交代事情的起因,科学家研究人型生物和机器人,结果都**了,四散逃窜,蜘蛛侠女朋友也被咬了即将被感染,英雄危难关头挺身而出,拯救人类。 在游戏中要活用冲刺模式和闪避模式,而不是上去和敌人硬拼,会大大降低游戏难度。 1.在实验室中,一路杀敌,救出女...
《蜘蛛侠:破碎维度》技巧杂谈 哈罗,大家好。今天给大家带来蜘蛛侠破碎维度的一些小技巧,希望能够帮到大家。 1.神奇蜘蛛侠:这个人物相对比较平衡,攻击方式比较多,群殴单攻都有。所以这个人放在第一关相信大家也不会有什么疑问。神奇蜘蛛侠的技巧主要是利用好自己的群攻优势清敌,轻击加重击是很好的方式。特别是后来学了一招(忘了叫啥了...

经验教程

337

收藏

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