photoshp设计制作笔记本广告海报教程

来源:岁月联盟 编辑:zhuzhu 时间:2009-10-31
photoshp设计制作笔记本广告海报教程内容简介:在这个photoshop平面设计教程里,你把会学到怎么样做一点简易的辅助线来帮助我们更直观的把握透视的准确和否,做出适合的选区等。还把告诉你怎么样打造爆炸式的拼贴效果,并使用它来做出视觉冲击力强的作品。 你

在这个photoshop平面设计教程里,你把会学到怎么样做一点简易的辅助线来帮助我们更直观的把握透视的准确和否,做出适合的选区等。还把告诉你怎么样打造爆炸式的拼贴效果,并使用它来做出视觉冲击力强的作品。

你哪里不明白的欢迎随时留言呵!但基本的工具要先个人把握来的,否则解释起来会非常吃了,那样你学的也会很慢。教程没好坏,只有适合不适合。

完成效果图:

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

笔记本广告完成效果图

步骤1创建一文档。之后将早预备好的笔记本照片拖进文档。创建一层,并命名为 “laptop”,

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤2在CS2版本上面,就有非常多做这种飞溅式效果的滤镜了。但这儿我们不运用那些滤镜,个人动手,丰衣足食。用你喜爱的选择工具将笔记本的屏幕选择出来,做好选区,拷贝(ctrl+c),创建一文档,粘贴(ctrl+v),将刚刚选好的屏幕复制过来,之后进入图象—图象大小,将尺寸改为原来的双倍大小,如此我们获得一比原来屏幕大一倍的屏幕,之后再将这个大屏幕拖进最开始的工作文档里。

放在文档里的时候,我们想要将这个大屏幕放在适合的地方,以便看起来符合透视原理。至少近大远小,我们都清晰。

(ps真功夫有话:觉得作者如此有点繁琐了,但看得出作者对每个过程都要求很精确,是我们的话就径直在原始图片片拖大屏幕了)

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤3此时,我们想要做一点透视辅助线(反思下个人有考虑这些技巧么),选取直线工具,线条色彩选亮一些的,将大屏幕的每个角与原来笔记本的四个角相连起来,最终汇集到一些。见图

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤4此时,我们再加上几块屏幕,拷贝大屏幕,进入编辑—自由变换(ctrl+T),继续你会在菜单栏上看到这么一行选项(见下图),通过调整其设定值,你可精确的调节屏幕的大小,作者是100%–90%各一幅吧。

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

继续,将调节好的几个屏幕放在透视准确的位置,不知道放哪?对了,辅助线就在那等你呢。但记得将新添的这几个屏幕图层放到最大的屏幕图层与原始屏幕图层的中间。接着加上另外大小的屏幕,手法如上。这次作者用的大小是80%,70%,60%(当然,这是相对最大的那个屏幕才是这个值。)留意各个屏幕的地方呵!

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤5:行了,我们接着创建一层,并命名为“photo 1”。将我们需要处理的相片拖进来。继续我们接着做辅助线进入视图—显示–网格.行了,我们再将photo 1用自由变换工具使之能对准好网格线,这儿作者将照片宽用了8个网格,高用了6个网格。

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤6

这步的重点是做出选择,之后删掉选择里的内容就行了,其实非常简易,全是自己非常少用到,而且差表达(主要是我文底太差,勿怪勿怪,呵呵)。好了,我们接着。拷贝图层”PHOTO 1”, 运用选择工具(M)–选取单列选择工具,在图的中间地方(中间在哪里?网格线不是告诉你了),垂直方向做个1px选区,按DEL删了,同理运用单行选择工具在图中间的水平方向做个选区,DEL之。继续你就看到如下的效果了(注:假如嫌做的选区太小,可在你做好选区的时候进入选取—更改—扩展—键入你需要的设定值来调整选区大小

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤7:

这步我们要将上方弄好的照片贴到屏幕上去,当然,每层屏幕贴一幅。此时将原始屏幕搞定,另外拷贝的屏幕们隐蔽起来搁一边,除了最原始的那个小屏幕。只为方便贴上去,降低一下不透明度几乎在57%就行了,继续进入编辑—变换—曲扭。将相片的四个角对准屏幕的四个角安上去就行了了。继续就重复这些过程,将另外屏幕也贴上壁纸啦!壁纸是想要有变化的,该怎么切割你个人看着办,手法与步骤6同样。

作者的如下:

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤8:接着重复上方的过程,借助网格线,我们可做出1×1,1/2×1/2,1/4×1/4等各种比列切好的照片,再贴到屏幕上。

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤9:看下此时的效果,将拷贝的屏幕那些层都隐蔽起来,照片层都显示。

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤10:下方这些过程把告诉你怎么将普通效果变的有吸引力行了,此时到了非常耗时间的一过程了。那就是删去掉不能的格子,提高点视觉效果。这儿作者是隔一删,运用魔术棒工具,宽容度,将不想要的格子选中,删除。刚开始那几层大的屏幕还好说,到后面越来越小的格子就想要时间了呵,考验你耐心的时候到了

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤12:给每一照片添加阴影效果,使整体看起来更有三维感。怎么加?在那些相片的图层随意选则一层。单击—图层样式—阴影,作者详细设定如下:

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤14:到这儿基本算是行了了,此时我们加上一背景。作者运用白色到浅灰色渐变作为背景。(当然,各种色彩随意你个人搭配,但至少要看起来舒适才行呵。)见下图

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤15:作者找了一幅金属质感的照片,降低不透明度到20%左右叠在背景图层上方,看起来痕痕划划的挺好玩的。

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

步骤16:下方作者有老有才的加上了几条富有艺术感的曲线,这效果木似挺好,而且简易。先设定笔刷,色彩白,大小1PX,干嘛用?过会就知道。设定好了就选取钢笔工具(P),对了,画曲线去。跟着作者画好了路径,点击鼠标右键,出现菜单,选取描边路径。工具里选取画笔(刚刚我们设定好的),不用勾选模仿压力(模仿压力的效果就是使描边线条的开头与末端由粗变细,你个人可试试。非常多时候做光芒效果会勾选这个。)假如觉得勾出来的线太淡了,多拷贝几层。

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计

行了,做完了!将背景层放到最下方那层就行了了。看看效果吧!

photoshp制作<a href=http://www.syue.com/Digital/Notebook/ target=_blank class=infotextkey>笔记本</a>广告海报的设计