PS教程——教你几款逼真卷轴画的制作方法

PS教程——教你几款逼真卷轴画的制作方法  

 

教你几款逼真卷轴画的制作方法                  网上搜索到这几例卷轴动画的制做方法，教程讲解的比较详细，从处理图片素材，绘制卷轴，用画布大小工具裁剪图片到如何制作动画都讲解的比较全面，希望能给对PS制作动画的朋友带来帮助。              先来看有轴、底纹背景动画的效果：              制作方法   一. 复制主景              1.1 打开要制作的图片，编辑好画布大小(注意宽度和高度不要过大，因为制作出的动画帧数很多，文件会非常大的)。按“Ctrl+A”全选，“Ctrl+C”复制。              1.2 新建文件，宽度要比刚编辑好的图片大两倍以上，比如，460px要设置到1000px左右；高度也要大的点，比如，200px要设置到300px左右。按 “Ctrl+V”粘贴刚刚复制的图片进去(注意，要粘贴居中，这样才方便制作后的裁剪)。              1.3 回到刚编辑的图片，点击菜单“图像——画布大小”，选择像素，设置宽度到原来的1/2，比如，460设置到230，定位如图。              全选、复制再粘贴到新建文件中，重命名为“主景-左”。再回到刚编辑的图片，按“Ctrl+Shift+Z”两次取消历史记录，点击菜单“图像——画布大小”设置如图。              全选、复制再粘贴到新建文件中，重命名为“主景-右”。移动主景左右两张图与“图层1”图重合，如示意图。              先保存一个备份文件“备份1.psd”，后面的例子会用到。 二. 绘制轴              2.1 新建图层重命名为“外轴-左”，按住“Ctrl”键点击“主景-左”图层“载入选区”，选择“矩形选框工具”——“从选区减去”，减去右边的选区，如图。              设置好前景色和背景色，选择“渐变工具”——“对称渐变”，对选区进行渐变。                2.2 按“Ctrl+J”复制一层，按“Ctrl+T”自由变换，设置宽度和高度百分比值，如图。              重命名图层为“主轴-左”。选择“圆角矩形工具”并设置选项参数。在主轴上下两端画出路径，然后建立选区并进行渐变。                2.3 把“外轴-左”图层移到“主轴-左”图层上面，选择“外轴-左”和“主轴-左”图层，点击“链接图层”按钮。              2.4 把“外轴-左”和“主轴-左”拖到创建新图层按钮上复制，并重命名为“外轴-右”和“主轴-右”，如图。              2.5 移动“外轴-右”和“主轴-右”图层到右边如图。              再保存一个备份文件“备份2.psd”，后面的例子会用到。 三. 制作卷轴的底纹背景              3.1 新建图层重命名为“卷轴底纹-左”，按住“Ctrl”键点击“主景-左”图层“载入选区”。点击菜单“编辑——填充”填充图案，如图。                3.2 按“Ctrl+J”复制一层并重命名为“卷轴底纹-右”，点击菜单“编辑——变换——水平翻转”。选择“移动工具”移动左右卷轴底纹如图。   四. 制作卷轴动画(左边的)              4.1 隐藏所有右边的图层和“图层1”(注，图层1已没有用到了，删除掉也可以)。              4.2 把“卷轴底纹-左”图层的模式设置为：正片叠底。                4.3 打开动画面板，复制一帧，移动左轴与“主景-左”右对齐，如图。                移动左卷轴底纹与“外轴-左”左对齐，如图。              4.4 把“卷轴底纹-左”图层移动到“外轴-左”图层上面，并点击菜单“图层——创建剪贴蒙版”。              〖可以测试下卷轴动画效果，设置过滤动画帧为30帧，如图。〗                制作主景展缩动画(左边的)              4.5 选择第一帧、“主景-左”图层，按住“Ctrl”键点击“主景-左”图层“载入选区”。(要保持选择“主景-左”图层状态)点击菜单“图层——图层蒙版 ——显示选区”。              4.6 选择第二帧，取消链接蒙版，选择图层蒙版，选择“移动工具”按“Shift”+“→”或“→”键，轻移图层蒙版，移到与“卷轴底纹-左”左对齐(就是移到看不见“主景-左”图层)。                到这里，左边的卷轴动画就制作好了。              4.7 制作右边的卷轴动画步骤与制作左边的相同，先显示所有右边的图层；隐藏所有左边的图层再制作。 五. 裁剪画布大小方法              5.1 注意：不能用“裁剪工具”来裁剪！选择第一帧，用“标尺工具”测量出宽度和高度，再点击菜单“图像——画布大小”输入宽度和高度像素值(要输入比测量出的值大出2像素及以上的整数值)。              5.2 把第一帧移动到第二帧后面，选择第一帧，点击“过滤动画帧”按钮，输入要添加的帧数值，比如制作30帧的动画                选择最后一帧，再点击“过滤动画帧”按钮，设置过滤方式为第一帧。                至此有轴、底纹背景动画最终效果如图                下面我们来学习有轴、透明背景动画的制作方法。              有轴、透明背景动画 六. 制作透明背景和制作底纹背景只有与第三节有些不同，其他部分操作都相同。这步骤只把不同的操作写出来，其相同步骤请参考上文。              6.1 打开“备份2.psd”，选择“外轴-左”图层，点击菜单“图像——调整——色相/饱和度”，设置饱和度“-60”左右；“图像——调整——亮度/对比度”，设置对比度“50”左右，“外轴-右”图层也同样设置。              6.2 复制“主景-左”、“主景-右”图层。并把“主景-左 副本”移到“外轴-左”上面；把“主景-右 副本”移到“外轴-右”上面。              6.3 选择“主景-左 副本”点击“编辑——变换——水平翻转”；“主景-右 副本”也同样水平翻转。如示意图              6.4 按住“Ctrl”+“Shift”键，点击“外轴-左”图层，再点击“外轴-右”图层“载入选区”。选择“主景-右 副本”图层按“Delete”键删除选区；同样删除“主景-左 副本”、“主景-右”、“主景-左”图层选区。                注，图中左右外轴只是隐藏起来并没删                6.5 同样先制作左边动画，隐藏右边的图层。移动“外轴-左”与“主景-左”左对齐；移动“主景-左 副本”与“外轴-左”右对齐。                6.6 好了，以下步骤与第四节起相同了，请参考上文。              有轴、透明背景动画最终效果如图                无轴、透明背景动画  七. 制作无轴、透明背景的是没有第二节的操作；与第三节、第四节也有不同。这步骤也只把不同的操作写出来，其相同步骤请参考上文。              7.1 打开“备份1.psd”，复制“主景-左”、“主景-右”图层，并水平翻转“主景-左 副本”、“主景-右 副本”。              7.2 新建图层，重命名为“辅助轴-左”，用“矩形选框工具”选出选区，填充任意颜色并更改不透明度为50%。按“Ctrl+J”复制一层，重命名为“辅助轴- 右”并移动到右边。                  7.3 按“Ctrl”+“Shift”键，点击这两个辅助轴图层“载入选区”。选择“主景-右 副本”图层按“Delete”键删除选区；同样也删除“主景-左 副本”选区。                7.4 同样也先制作左边动画，隐藏右边的图层。移动“主景-左 副本”到“主景-左”图层的左边，使之为镜像效果。                7.5 新建图层，重命名为“阴影层-左”，载入“主景-左 副本”选区，填充黑色，并移到“主景-左 副本”图层下。选择这两层点击“链接图层”按钮。              7.6 在动画面板中复制一帧，移动“辅助轴-左”与“主景-左”右对齐；移动“主景-左 副本”与“辅助轴-左”左对齐。如示意图                7.7 选择第一帧，载入“辅助轴-左”选区，选择“主景-左 副本”图层，点击菜单“图层——图层蒙版——显示选区”；同样载入“辅助轴-左”选区，选择“阴影层-左”图层，点击菜单“图层——图层蒙版——显示选区”。隐藏“辅助轴-左”图层。              7.8 选择第二帧，取消“阴影层-左”链接蒙版。选择图层蒙版，选择“移动工具”按“Shift”+“→”或“→”键，直到出现在“主景-左”右边并左对齐。                取消“主景-左 副本”链接蒙版。选择图层蒙版，同样移动直到出现并覆盖阴影层。                7.9 载入“辅助轴-左”选区，注意要保持选中“主景-左 副本”的蒙版层状态，设置白色前景色、黑色背景色，选择“渐变工具”——“对称渐变”，对选区进行渐变。取消选区，这样就出现高光和黑影效果了，如图                〖可以测试下动画效果，选择第一帧，设置好过滤动画帧再播放看看效果〗                7.10 选择第一帧。选择“主景-左”图层并载入该选区，点击菜单“图层——图层蒙版——显示选区”。                选择第二帧，取消链接蒙版，并选择图层蒙版。移动到与“主景-左 副本”左对齐(就是移到看不见“主景-左”图层)。                7.11 辅助轴图层已经没有用到了，可以删除掉。              无轴、透明背景动画最终效果如图   注： 1. 本教程的移动操作非常频繁而且要精确移动位置，要选择“移动工具”按“Shift”+前头方向键进行轻移，必要时还要放大图再精确轻移，移超过位置时还得移回来              2. 在二帧之间移动图层位置时，一定要先在第一帧里移动第一帧的图层位置，再在第二帧里移动最后一帧的图层位置。如果先在第二帧里移动，再在第一帧里移动，第二的图层位置也随之改变了。 动态卷轴画方法：              动态卷轴画制作:              1新建600X400,白色.然后按AIT+DELETE填充黑色              2新建空白图层,选矩形选框工具,画个矩形,然后选择渐变:选铜色渐变,按住SHIFT键拉一个线性渐变:如图所示:              3新建空白图层,用矩形选框工具在卷轴上方画个小矩形，然后选择渐变:选铜色渐变,按住SHIFT键拉一个线性渐变              4新建空白图层,用椭圆选框工具在卷轴头上方画个椭圆，然后选择渐变:选铜色渐变,按住SHIFT键拉一个线性渐变,然后把图层3和图层2向下合并，（CTRL+E）只得到图层2，然后再把图层2与图层1调换一下图层位置。如图所示：              5点蓝图层2，按住SHIFT+ALT往下拉出一个卷轴头，再按CTRL+T调出它的自由变换，然后点右键垂直翻转。如图所示：              6把背景层眼睛关了，合并可见图层              7按住SHIFT+ALT键，拉出另一根卷轴，往右面平移到合适位置              8新建空白图层，在两根卷轴之间用矩形选框工具画个矩形，然后用吸管工具点卷轴上颜色比较浅的部分，然后按ALT+DELETE填充其颜色。              9滤镜——杂色——添加杂色：数量15，平均分布，单色打勾              10选矩形选框工具在画布上画个矩形，给它描个2橡素的边，居中。接着点选择——修改——收缩：15，按CTRL+D取消选择,以上如图所示:              11把要放入的图片移动到做好的画布中，按CTRL+T调出它的自由变换，改变图片的大小，放到合适的位置。然后向下合并图片的图层和画布的图层.如图所示:              12把两根卷轴用移动工具放到中间，然后点蓝卷轴左的图层在画布上画个矩形填充个黑色，如图所示：然后点蓝卷轴右的图层在画布右面画个矩形填充黑色。如图所示：                13进入动画面板，复制第1桢，选中第2桢然后点移动工具按住SHIFT键平移两根卷轴，把它们拉开到画布的两端。如图所示：                14选中第2桢点过渡桢：过渡上一桢，要添加的桢：15，点确定。              15点开桢面板的小三角，点选择全部桢，再点开小三角点拷贝桢，然后再点粘贴桢：在选区后粘贴,这样一共就有34桢,,选中18桢到34桢,接着再点反向桢，最后把第17桢点蓝，时间改为1秒就OK。 折页卷轴画的方法：                悬挂卷轴画的方法                制作过程：              1、新建文档：宽20像素，高20像素，分辨率72，RGB，白色。 使用放大镜工具将画布视图适当放大，选择“自定义形状工具”，在自定义形状库中找到如图所示的图案：                2、将前景色设置为“50%灰”，将该图案绘制满画布大小，执行：编辑——定义图案。弹出对话框，单击“确定”，然后将文档关闭，不用保存。              3、新建一个文档：宽400像素，高800像素，分辨率72，RGB，白色。 新建一层，命名为“底纹”使用“矩形选框工具”绘制如图的选区:                4、执行：编辑——填充，弹出填充对话框，内容：图案，找到刚刚自定义的花纹，单击“确定”填充，取消选区，单击图层面板上的“添加图层样式”按钮，选择描边，1个像素，颜色“黑色”效果如图：                5、下面来调整一下底纹的颜色（其实这一步放到最后调整也可以），执行：图像——调整——色相饱和度，设置如图参数及效果如图：                6、新建一层，命名为“纸”，将前景色设置为“5%灰”使用“矩形选框工具”绘制一个矩形选区，并按填充快捷键：Alt+Delete填充前景色，取消选区，同样对这一层添加1个像素的黑色描边。效果如图：                7、做到这一部，区区突然想到，纸应该是不太平整的吧，那么我们就来做个纸的褶皱效果。新建一层，命名为“褶皱”将前景色和背景色设置为默认的黑白色。执行：滤镜——渲染——云彩，单击“确定”；再次执行：滤镜——风格化——浮雕效果，数值默认就可以了，单击“确定”。这时候发现整个画布都被盖住了，别急，接下来，右键单击“褶皱”层的名称，在弹出菜单中，选择“创建剪贴蒙版”，快捷键为：Alt+Ctrl+G，效果过如图：                8、发现纸变成了黑乎乎的，马上来调整，将“褶皱”层的混合模式，设置为“正片叠底”，执行：图像——调整——色相饱和度。设置如图参数，效果如下图：                9.纸的颜色基本上恢复了，接下来就是打上字了，我用的是“方正黄草”，根据大家自己的爱好，或者到网上下载其它的字体。将字摆放到合适的位置，（说到字的位置问题，因为鄙人对字画没什么研究，只是和大家交流一个方法，所以在这里请各位专家批评指正）。然后再做及枚印章摆好，将印章层的混合模式都设置为“正片叠底”，OK！看看效果如何：                10、效果基本还行，先不用管它，下面该是来做画轴了。新建一层，绘如图的选区：并使用“渐变工具”编辑如图的渐变，沿选区上边缘至下边缘，拖出一个“径向渐变”，如下图：                11、取消选区，接下来修饰卷轴的两端，使用“放大镜工具”，将画轴的左端视图放大，先用“矩形选框工具”选择如图所示的选区，然后换用“移动工具”，按Ctrl+T，弹出自由变换。按Shift+Alt键，向上推动变换，使其稍稍宽出一些，效果如图：                12、按Enter键确定，不要取消选区，按下：Ctrl+J,拷贝选区内容到新图层，这时候我们发现图上什么都没变，其实是被拷贝的部分于地下一层重合，看不出来而已。继续我们的下一步：按住Shift键，点向右方向键“→”将拷贝的画轴边，移动到画轴的右边，注意对齐，然后将这两个层合并，命名为“上卷轴”。我感觉轴不应该这么光滑，所以就稍微做了下处理，执行：滤镜：杂色——添加杂色。数值为：3，看一下效果：                13、接下来单击图层面板上的“添加图层样式”按钮，选择“投影”，设置参数及效果如图：                14、使用同样方法制作下边的画轴，做的时候注意要比上面的轴稍微粗一些。效果如图：                15、下面来制作钉子和挂绳。新建一层，命名“钉子”用9像素的画笔，硬度100%，将前景色设置为“褐色”在上轴上方中间部位单击一下，效果如图：                16、添加斜面和浮雕样式参数默认；投影样式参数：“角度60”“距离7”“扩展0” “大小1”效果如图：                17、在钉子的下方新建一层，命名为“挂绳”，使用“钢笔工具”绘制如图所示的路径，有的人会问，不闭合的路径怎么画呀？很简单，当你需要确认停止的时候只需要按下键盘左上角的“Esc”键，或者按Ctrl键在空白处单击，就OK了。                18、单击“画笔工具“将画笔直径设置为2像素，硬度100%，前景色设置为黑色，来到路径面板，单击路径面板上的“使用前景色描边”，单击路径面板空白处，隐藏路径，回到图层面板，按Alt键拖动将“钉子层”的图层样式标志“ ”复制到“挂绳层”，效果如图：                19、好，现在整体基本完工了，剩下的就是吧细节地方修一修了。将除北京层意外的所有层选中，按Ctrl+G编为一个图层组，更名为“内容”复制该图层组，其实你也可以不用复制，我是为了后期能够再次修改，以及做教程而准备。隐藏“内容”组，选择“内容副本”。按Ctrl+E键，将起合并为一个图层，看看有些模糊，大胆的锐化一下，执行：滤镜——锐化——锐化，视乎又有点过了。这时候不动，执行：编辑——渐隐锐化。数值：70%。OK，看看效果如何：                20、基本是满意了，不过还是缺乏真实感，我们先给它做个背景再说说真实感的问题，回到“背景层”将前景色设置为“50%灰”，执行滤镜：——渲染——纤维。参数及效果如图：                21、执行：滤镜——风格化——浮雕效果，参数及效果如图：                22、黑乎乎的难看死了，调整一下颜色吧，按Ctrl+U，弹出“色相饱和度”调整框，设置如图参数及效果如图：                23、适当将背景锐化一下，方法不再叙述了。下面来做画的投影，在“内容副本”的下方新建一层，命名为“投影”，按Ctrl键单击“内容副本”层的缩览图，填充黑色，取消选区，执行：滤镜——模糊——高斯模糊2个像素。当然这一步你也可以用图层样式来做投影，但我习惯这样做，原因是便于修改吧。移动一下投影的位置，并适当降低不透明度，看看效果：                24、还可以！下面是细节，也就是光照，新建一层，命名：“暗光”，将该层混合模式设置为“柔光”填充黑色，调整该层不透明度为60%效果如图：                25、接下来将：背景层、投影层、内容副本层、和暗光层。合并到一个图层中，执行：滤镜——渲染——光照效果。如图设置：   效果图：                  26、发现太暗了，我们仍然用执行：编辑-渐隐光照效果。不透明度：50%看看如何                27、还是暗，那就加个曲线调整一下吧，按Ctrl+M调整曲线，并得到最终效果如图：