Photoshop CS2教程:设计一款的笔记本广告教程

最终效果图: 笔记本广告最终效果图 第一步新建一个文档。然后把早准备好的笔记本图片拉进文档。新建一层,并命名为 laptop, 第二步在CS2版本以上,就有很多做这种飞溅式效果的滤镜了。不过这里我们不利用那些滤镜,自己动手,丰衣足食。用你喜欢的选取工具把笔记本的屏幕

用ps设计专业促销卡(3)

最终效果图:

Photoshop CS2教程:设计一款的笔记本广告教程插图

笔记本广告最终效果图

第一步新建一个文档。然后把早准备好的笔记本图片拉进文档。新建一层,并命名为 “laptop”,

Photoshop CS2教程:设计一款的笔记本广告教程插图(1)

第二步在CS2版本以上,就有很多做这种飞溅式效果的滤镜了。不过这里我们不利用那些滤镜,自己动手,丰衣足食。用你喜欢的选取工具把笔记本的屏幕 选取出来,做好选区,复制(ctrl+c),新建一个文档,粘贴(ctrl+v),把刚才选好的屏幕拷贝过来,然后进入图像—图像大小,把尺寸改成原来的 双倍大小,这样我们得到一个比原来屏幕大一倍的屏幕,然后在把这个大屏幕拉进最开始的工作文档里。

放到文档里的时候,我们需要把这个大屏幕放到合适的位置,以便看上去符合透视原理。至少近大远小,我们都清楚。

(ps真功夫有话:感觉作者这样有点繁琐了,不过看得出作者对每个步骤都要求比较精确,是我们的话就直接在原图片拉大屏幕了)

Photoshop CS2教程:设计一款的笔记本广告教程插图(2)

第三步现在,我们需要做一些透视辅助线(反思下自己有考虑这些技巧么),选择直线工具,线条颜色选亮一点的,把大屏幕的每个角和原来笔记本的四个角连接起来,最后汇集到一点。如图

Photoshop CS2教程:设计一款的笔记本广告教程插图(3)

第四步现在,我们再添加几块屏幕,复制大屏幕,进入编辑—自由变换(ctrl+T),接着你会在菜单栏上看到这么一行选项(如下图),通过改变其数值,你可以精确的调整屏幕的大小,作者是100%–90%各一张吧。

Photoshop CS2教程:设计一款的笔记本广告教程插图(4)

接着,把调整好的几个屏幕放到透视正确的地方,不知道放哪?对了,辅助线就在那等你呢。不过记得把新添的这几个屏幕图层放在最大的屏幕图层和原始屏 幕图层的中间。继续添加其他大小的屏幕,方法如上。这次作者用的大小是80%,70%,60%(当然,这是相对最大的那个屏幕才是这个值。)注意各个屏幕 的位置哈!

Photoshop CS2教程:设计一款的笔记本广告教程插图(5)

第五步:OK,我们继续新建一层,并命名为“photo 1”。把我们想要处理的照片拉进来。接着我们继续做辅助线进入视图—显示–网格.OK,我们再把photo 1用自由变换工具使它能对准好网格线,这里作者把图片宽用了8个网格,高用了6个网格。

Photoshop CS2教程:设计一款的笔记本广告教程插图(6)

第六步

这步的关键是做出选取,然后删掉选取里的内容就OK,其实很简单,只是个人很少用到,而且不好表达(主要是我文底太差,勿怪勿怪,哈哈)。好了,我 们继续。复制图层”PHOTO 1”, 使用选取工具(M)–选择单列选取工具,在图的中间位置(中间在哪里?网格线不是告诉你了),垂直方向做个1px选区,DEL删了,同理使用单行选取工具在图中间的水平方向做个选区,DEL之。接着你就看到如下的效果了(注:如果嫌做的选区太小,可以在你做好选区的时候进入选择—修改—扩展—输入你想要的数值来改变选区大小

Photoshop CS2教程:设计一款的笔记本广告教程插图(7)

第七步:

这步我们要把上面弄好的图片贴到屏幕上去,当然,每层屏幕贴一张。现在把原始屏幕搞定,其他复制的屏幕们隐藏起来搁一边,除了最原始的那个小屏幕。 为了方便贴上去,降低一下不透明度差不多在57%就OK,接着进入编辑—变换—曲扭。把照片的四个角对准屏幕的四个角安上去就OK了。接着就重复这些步 骤,把其他屏幕也贴上墙纸啦!墙纸是需要有变化的,该怎么切割你自己看着办,方法和第六步一样。

作者的如下:

Photoshop CS2教程:设计一款的笔记本广告教程插图(8)

第八步:继续重复上面的步骤,借助网格线,我们可以做出1×1,1/2×1/2,1/4×1/4等各种比列切好的图片,再贴到屏幕上。

Photoshop CS2教程:设计一款的笔记本广告教程插图(9)

第九步:看下现在的效果,把复制的屏幕那些层都隐藏起来,图片层都显示。

Photoshop CS2教程:设计一款的笔记本广告教程插图(10)

第十步:下面这些步骤将告诉你怎么把普通效果变的有吸引力OK,现在到了很耗时间的一个步骤了。那就是删去掉不要的格子,增加点视觉效果。这里作者是隔一个删,使用魔术棒工具,宽容度,把不需要的格子选中,删除。刚开始那几层大的屏幕还好说,到后面越来越小的格子就需要时间了哈,考验你耐心的时候到了

Photoshop CS2教程:设计一款的笔记本广告教程插图(11)

第十二步:给每一个图片加上阴影效果,使整体看上去更有立体感。怎么加?在那些照片的图层随便选则一层。点击—图层样式—阴影,作者具体设置如下:

Photoshop CS2教程:设计一款的笔记本广告教程插图(12)

第十四步:到这里基本算是OK了,现在我们添加一个背景。作者使用白色到浅灰色渐变作为背景。(当然,各种颜色随便你自己搭配,但至少要看上去舒服才行哈。)如下图

Photoshop CS2教程:设计一款的笔记本广告教程插图(13)

第十四步:到这里基本算是OK了,现在我们添加一个背景。作者使用白色到浅灰色渐变作为背景。(当然,各种颜色随便你自己搭配,但至少要看上去舒服才行哈。)如下图

Photoshop CS2教程:设计一款的笔记本广告教程插图(14)

第十五步:作者找了一张金属质感的图片,降低不透明度到20%左右叠在背景图层上面,看上去痕痕划划的挺好玩的。

Photoshop CS2教程:设计一款的笔记本广告教程插图(15)

第十六步:下面作者有老有才的添加了几条富有艺术感的曲线,这效果木似挺不错,而且简单。先设置笔刷,颜色白,大小1PX,干嘛用?过会就知道。设置好了就选择钢笔工具(P),对了,画曲线去。跟着作者画好了路径,单击鼠标右键,出现菜单,选择描边路径。工具里选择画笔(刚才我们设置好的),不用勾选模拟压力(模拟压力的效果就是使描边线条的开头和末端由粗变细,你自己可以试试。很多时候做光线效果会勾选这个。)如果感觉画出来的线太淡了,多复制几层。

Photoshop CS2教程:设计一款的笔记本广告教程插图(16)

OK,完成了!把背景层放在最下面那层就OK了。看看效果吧!

Photoshop CS2教程:设计一款的笔记本广告教程插图(17)

如果你哪里不懂的欢迎随时留言哈!不过基本的工具要先自己掌握来的,不然解释起来会很吃了,那样你学的也会比较慢。教程没好坏,只有合适不合适

最终效果图:

Photoshop CS2教程:设计一款的笔记本广告教程插图

笔记本广告最终效果图

第一步新建一个文档。然后把早准备好的笔记本图片拉进文档。新建一层,并命名为 “laptop”,

Photoshop CS2教程:设计一款的笔记本广告教程插图(1)

第二步在CS2版本以上,就有很多做这种飞溅式效果的滤镜了。不过这里我们不利用那些滤镜,自己动手,丰衣足食。用你喜欢的选取工具把笔记本的屏幕 选取出来,做好选区,复制(ctrl+c),新建一个文档,粘贴(ctrl+v),把刚才选好的屏幕拷贝过来,然后进入图像—图像大小,把尺寸改成原来的 双倍大小,这样我们得到一个比原来屏幕大一倍的屏幕,然后在把这个大屏幕拉进最开始的工作文档里。

放到文档里的时候,我们需要把这个大屏幕放到合适的位置,以便看上去符合透视原理。至少近大远小,我们都清楚。

(ps真功夫有话:感觉作者这样有点繁琐了,不过看得出作者对每个步骤都要求比较精确,是我们的话就直接在原图片拉大屏幕了)

Photoshop CS2教程:设计一款的笔记本广告教程插图(2)

第三步现在,我们需要做一些透视辅助线(反思下自己有考虑这些技巧么),选择直线工具,线条颜色选亮一点的,把大屏幕的每个角和原来笔记本的四个角连接起来,最后汇集到一点。如图

Photoshop CS2教程:设计一款的笔记本广告教程插图(3)

第四步现在,我们再添加几块屏幕,复制大屏幕,进入编辑—自由变换(ctrl+T),接着你会在菜单栏上看到这么一行选项(如下图),通过改变其数值,你可以精确的调整屏幕的大小,作者是100%–90%各一张吧。

Photoshop CS2教程:设计一款的笔记本广告教程插图(4)

接着,把调整好的几个屏幕放到透视正确的地方,不知道放哪?对了,辅助线就在那等你呢。不过记得把新添的这几个屏幕图层放在最大的屏幕图层和原始屏 幕图层的中间。继续添加其他大小的屏幕,方法如上。这次作者用的大小是80%,70%,60%(当然,这是相对最大的那个屏幕才是这个值。)注意各个屏幕 的位置哈!

Photoshop CS2教程:设计一款的笔记本广告教程插图(5)

第五步:OK,我们继续新建一层,并命名为“photo 1”。把我们想要处理的照片拉进来。接着我们继续做辅助线进入视图—显示–网格.OK,我们再把photo 1用自由变换工具使它能对准好网格线,这里作者把图片宽用了8个网格,高用了6个网格。

Photoshop CS2教程:设计一款的笔记本广告教程插图(6)

第六步

这步的关键是做出选取,然后删掉选取里的内容就OK,其实很简单,只是个人很少用到,而且不好表达(主要是我文底太差,勿怪勿怪,哈哈)。好了,我 们继续。复制图层”PHOTO 1”, 使用选取工具(M)–选择单列选取工具,在图的中间位置(中间在哪里?网格线不是告诉你了),垂直方向做个1px选区,DEL删了,同理使用单行选取工具在图中间的水平方向做个选区,DEL之。接着你就看到如下的效果了(注:如果嫌做的选区太小,可以在你做好选区的时候进入选择—修改—扩展—输入你想要的数值来改变选区大小

Photoshop CS2教程:设计一款的笔记本广告教程插图(7)

第七步:

这步我们要把上面弄好的图片贴到屏幕上去,当然,每层屏幕贴一张。现在把原始屏幕搞定,其他复制的屏幕们隐藏起来搁一边,除了最原始的那个小屏幕。 为了方便贴上去,降低一下不透明度差不多在57%就OK,接着进入编辑—变换—曲扭。把照片的四个角对准屏幕的四个角安上去就OK了。接着就重复这些步 骤,把其他屏幕也贴上墙纸啦!墙纸是需要有变化的,该怎么切割你自己看着办,方法和第六步一样。

作者的如下:

Photoshop CS2教程:设计一款的笔记本广告教程插图(8)

第八步:继续重复上面的步骤,借助网格线,我们可以做出1×1,1/2×1/2,1/4×1/4等各种比列切好的图片,再贴到屏幕上。

Photoshop CS2教程:设计一款的笔记本广告教程插图(9)

第九步:看下现在的效果,把复制的屏幕那些层都隐藏起来,图片层都显示。

Photoshop CS2教程:设计一款的笔记本广告教程插图(10)

第十步:下面这些步骤将告诉你怎么把普通效果变的有吸引力OK,现在到了很耗时间的一个步骤了。那就是删去掉不要的格子,增加点视觉效果。这里作者是隔一个删,使用魔术棒工具,宽容度,把不需要的格子选中,删除。刚开始那几层大的屏幕还好说,到后面越来越小的格子就需要时间了哈,考验你耐心的时候到了

Photoshop CS2教程:设计一款的笔记本广告教程插图(11)

第十二步:给每一个图片加上阴影效果,使整体看上去更有立体感。怎么加?在那些照片的图层随便选则一层。点击—图层样式—阴影,作者具体设置如下:

Photoshop CS2教程:设计一款的笔记本广告教程插图(12)

第十四步:到这里基本算是OK了,现在我们添加一个背景。作者使用白色到浅灰色渐变作为背景。(当然,各种颜色随便你自己搭配,但至少要看上去舒服才行哈。)如下图

Photoshop CS2教程:设计一款的笔记本广告教程插图(13)

第十四步:到这里基本算是OK了,现在我们添加一个背景。作者使用白色到浅灰色渐变作为背景。(当然,各种颜色随便你自己搭配,但至少要看上去舒服才行哈。)如下图

Photoshop CS2教程:设计一款的笔记本广告教程插图(14)

第十五步:作者找了一张金属质感的图片,降低不透明度到20%左右叠在背景图层上面,看上去痕痕划划的挺好玩的。

Photoshop CS2教程:设计一款的笔记本广告教程插图(15)

第十六步:下面作者有老有才的添加了几条富有艺术感的曲线,这效果木似挺不错,而且简单。先设置笔刷,颜色白,大小1PX,干嘛用?过会就知道。设置好了就选择钢笔工具(P),对了,画曲线去。跟着作者画好了路径,单击鼠标右键,出现菜单,选择描边路径。工具里选择画笔(刚才我们设置好的),不用勾选模拟压力(模拟压力的效果就是使描边线条的开头和末端由粗变细,你自己可以试试。很多时候做光线效果会勾选这个。)如果感觉画出来的线太淡了,多复制几层。

Photoshop CS2教程:设计一款的笔记本广告教程插图(16)

OK,完成了!把背景层放在最下面那层就OK了。看看效果吧!

Photoshop CS2教程:设计一款的笔记本广告教程插图(17)

如果你哪里不懂的欢迎随时留言哈!不过基本的工具要先自己掌握来的,不然解释起来会很吃了,那样你学的也会比较慢。教程没好坏,只有合适不合适

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部