PS给平面纸张作折痕以及阴影立体效果处理教程.docxVIP

利用PS可以很方便处理物体的立体感以及阴影效果，这在很多平面设计及展示中特别是淘宝物品展示中都经常用到， 本例以另一种方式来讲述平面纸张的折痕处理以及阴影设计，有兴趣的朋友可以一试！ 效果图： 原图，蓝色的参考线实际是不存在的，这里采用截图保留参考线是为了让读者看的清楚 1、本教程采用photoshop CS5制作，其它版本通用，先在PS中打开原图，这里的原图通过截图保留参考线，主要是为了看得清楚以及便于划分版面， 如下图所示： 2、单击选择“矩形选框 HYPERLINK /Article/Index.asp 工具”，如下图所示： 3、根据参考线先将三折页中的封面区域选中，如下图所示： 4、按Ctrl+J键将 HYPERLINK /Article/Index.asp 选区生成 HYPERLINK /Article/Index.asp 图层1，这样就得到单独的封面，将 HYPERLINK /Article/Index.asp 背景的眼睛点掉可以看到效果，如下图所示： 5、用同样的方法将另外两个版面分离开来生成 HYPERLINK /Article/Index.asp 图层2和 HYPERLINK /Article/Index.asp 图层3，如下图所示： 6、在 HYPERLINK /Article/Index.asp 背景上方新建一个 HYPERLINK /Article/Index.asp 图层4，用灰白色进行填充，你也可以选择你自己想要的 HYPERLINK /Article/Index.asp 背景色或各种渐变色，如下图所示： 7、将 HYPERLINK /Article/Index.asp 图层1、2、3分别复制生成一个副本，然后把 HYPERLINK /Article/Index.asp 图层1、2、3的眼睛点掉保留备用，如下图所示： 8、将 HYPERLINK /Article/Index.asp 图层2副本和 HYPERLINK /Article/Index.asp 图层3副本的眼睛先点掉，我们先来处理封面 HYPERLINK /Article/Index.asp 图层1副本，按Ctrl+T键进行自由 HYPERLINK / 变换，适当调整大小及角度，效果如下图所示： 9、适当压缩宽度，因为纸张在侧面查看时会变窄，所以要让人产生视觉立体效果，就要顺着视觉效果进行设计，如下图所示： 10、单击右键（保持自由 HYPERLINK / 变换状态）选择“透视”，如下图所示： 11、透视的好处在于可以在改变边角度时保持两边平行，按住左边中间控制点向下拖动，这样可以让页面产生一种置于桌面上的感觉， 也即改变了视觉角度，效果如下图所示： 12、再单击右键选择“自由 HYPERLINK / 变换”，反续会反复进行转换选择，如下图所示： 13、适当调整角度及位置后按回车键应用 HYPERLINK / 变换，初步效果如下图所示： 14、接下来处理封底，将 HYPERLINK /Article/Index.asp 图层2副本的眼睛点上，按Ctrl+T键进入自由 HYPERLINK / 变换，适当调整角度，如下图所示： 15、调整大小至与封面相适应，效果如下图所示： 16、单击右键选择“透视”，将左边中间点的位置向下拖动，效果如下图所示： 17、重新选择自由 HYPERLINK / 变换，适当压缩宽度，效果如下图所示： 18、接下来处理第三个页面，一样先调整角度与之相对应，如下图所示： 19、再调整高度，效果如下图所示： 20、再调整宽度，效果如下图所示： 21、利用透视适当压低左边中间控制点，效果如下图所示： 22、调整完毕后三个页面效果如下图所示，这时还感觉不到太明显的立体感，那是因为折痕位置还未进行处理。 23、单击选择“钢笔 HYPERLINK /Article/Index.asp 工具”，确保属性选择为 HYPERLINK /Article/Index.asp 路径，如下图所示： 24、在第一页与第二面的接头处勾选出一个区域，如下图所示： 25、单击右键选择“建立 HYPERLINK /Article/Index.asp 选区”，设置羽化半径为20，如下图所示： 26、建立 HYPERLINK /Article/Index.asp 选区后，确保单击选中 HYPERLINK /Article/Index.asp 图层1副本，选择 HYPERLINK /Article/Index.asp 菜单“图像-调整-亮度/对比度”，根据光线照射原理，这里第一页的接口处应该处于高光状态， 所以适当调高亮度，同时增加一些对比度，这样接口的折痕会更明显一些，如下图所示： 27、单击选择 HYPERLINK /Article/Index.asp