分享

*精致卷页翻页相册(ps教程)

 春天没来 2016-01-28

*精致卷页翻页相册 (ps教程)

用ps制作的翻页相册,效果确实不错欧,许多朋友都很喜欢。
前几天,我发表了一篇《*卷页翻页相册(ps教程)》,大致效果也还凑合吧。但是,用一幅图像制作的相册,效果难免有点儿单调。又添加了一幅图像作为背景,效果也不大理想,何况,翻页过程,也与实际情形有些差别。
卷页翻页相册,应该怎样翻页?细致揣摸,应该是这样滴:从第一幅图像开始卷页,下层总该显示出第二幅图像的一点儿吧,然后,第一幅图像逐渐缩小,第二幅图像逐渐扩大,直至第二幅图像完全显示出来。从第二幅图像开始卷页,下层又该露出第三幅(或者第一幅)图像的一点儿,然后,第二幅图像逐渐缩小,第三幅(或者第一幅)图像逐渐扩大,直至第三幅(或者第一幅)图像完全显示出来。这才是真正的翻页相册效果。
今天,重新发表一篇教程,用五幅图像为例进行制作。思路变了,制作方法也就有所变化。用这种思路,用这种制作方法,在后面的步骤:修改“帧”时,就容易多啦。
具体步骤如下:
1、打开ps软件。
2、执行菜单栏“文件”“打开”命令。在电脑硬盘中找到要应用的第一幅图片素材,双击打开。然后右击“背景”图层,点击“背景图层”,把“背景图层”修改为“普通图层”。
3、重复步骤2,打开第二幅图片,并将“背景图层”修改为“普通图层”。
4、选择工具栏的“移动工具”,将光标放置到图片中,按住鼠标左键向上推,推到第一幅图片标题窗口以后往下拉,将第二幅图片放入第一幅图片中。
5、重复步骤3—4,将其余的三幅图片都放入第一幅图片中。
此时,图层面板效果如下:

6、应用图一(即图层0)制作四幅图像。右击“图层0”,点击“复制图层”,将复制的图层名称修改为图层“0-2”,关闭其它所有图层的小眼睛。
7、选择工具栏的“钢笔工具”在图像中绘制路径,按快捷键:“控制键+回车键”载入选区。
8、选择菜单栏的“渐变工具”,选择工具属性栏的“线性渐变”,在“渐变编辑器”(点击工具属性栏左起第二个图标)中设置“白色(#ffffff)到灰色(#777777)”渐变,在选区中从左上往右下画一下,然后按快捷键:“控制键+D”取消选区。
9、选择工具栏的“钢笔工具”,绘制右下角的小三角形路径,按快捷键:“控制键+回车键”载入选区。 按键盘上的“删除键”删除所选图像,按快捷键:“控制键+D”取消选区。(第一幅图像制作完毕)
此时,图像窗口效果如下图:

10、右击“图层0”,点击“复制图层”,将复制的图层名称修改为图层“0-3”,开启此图层的小眼睛,关闭其它所有图层的小眼睛。
11、选择工具栏的“钢笔工具”在图像中绘制路径。选择工具栏的“转换点工具”,把光标放到路径左边的锚点上点击一下,拖动锚点,调出两个手柄。将一个手柄向右上拖动,另一个手柄拖回锚点中,然后按快捷键:“控制键+回车键”载入选区。选择菜单栏的“渐变工具”(无需设置参数,在上面的步骤8中已经设置过了),然后在选区中从左上往右下画一下,接着按快捷键:“控制键+D”取消选区。效果如下图:

12、选择工具栏的“钢笔工具”,绘制图像右部的三角形路径,按快捷键:“控制键+回车键”载入选区。 按键盘上的“删除键”删除所选图像,按快捷键:“控制键+D”取消选区。(第二幅图像制作完毕)
此时,图像窗口效果如下图:

13、右击“图层0”,点击“复制图层”,将复制的图层名称修改为图层“0-4”,开启此图层的小眼睛,关闭其它所有图层的小眼睛。
14、选择工具栏的“钢笔工具”,在图像中绘制路径。选择工具栏的“转换点工具”,把光标放到路径左边的锚点上点击一下,拖动锚点,调出两个手柄。将一个手柄向右上拖动,另一个手柄拖回锚点中,然后按快捷键:“控制键+回车键”载入选区。选择菜单栏的“渐变工具”(无需设置参数,在上面的步骤8中已经设置过了),然后在选区中从左上往右下画一下,接着按快捷键:“控制键+D”取消选区。效果如下图:
此时,图像窗口效果如下图:

12、选择工具栏的“钢笔工具”,在图像中绘制路径,按快捷键:“控制键+回车键”载入选区。 按键盘上的“删除键”删除所选图像,按快捷键:“控制键+D”取消选区。(第三幅图像制作完毕)

13、右击“图层0”,点击“复制图层”,将复制的图层名称修改为图层“0-5”,开启此图层的小眼睛,关闭其它所有图层的小眼睛。选择工具栏的“钢笔工具”,绘制图像左上部的三角形路径,按快捷键:“控制键+回车键”载入选区。执行菜单栏的“选择”“反向”命令。按键盘上的“删除键”删除所选图像,按快捷键:“控制键+D”取消选区。(第四幅图像制作完毕) 
此时,图像窗口效果如下图:

看看图层面板,清楚一下我们制作的图像:
“图层0”是“图一”的原图,“图层0-2”、“图层0-3”、“图层0-4”、“图层0-5”是依据“图一”制作的四幅图像。
14、点击“图层0-2”,点击图层面板下方右起第三个图标:创建新组。即在“图层0-2”上方创建了“组1”。点击“图层0-2”,按住上档键点击“图层0-5”,用光标将此四个图层拖动到“组1”中。
15、点击“图层4”,按住上档键点击“图层1”,用光标将此四个图层拖动到“组1”下方。
16、点击“图层4”,点击图层面板下方右起第三个图标:创建新组。即在图层“图层4”上方创建了“组2”。
17、点击“图层4”,按住上档键点击“图层0”,用光标将此四个图层拖动到“组2”中。将“组2”的名称修改为:“原图组”。
此时,图层面板效果如下:

18、选择“图层1”,点击“复制图层”,将复制的图层名称修改为图层“1-2”,关闭其它所有图层的小眼睛。
按照7—13步骤的方法将图像二(即图层1)制作四幅图像,然后,创建新组:“组2”,将制作的四幅图像拖动到:“组2”中。
19、选择“图层2”,点击“复制图层”,将复制的图层名称修改为图层“2-2”,关闭其它所有的图层的小眼睛。
按照7—13步骤的方法将图像二(即图层2)制作四幅图像,然后,创建新组:“组3”,将制作四幅图像拖动到:“组3”中。
20、选择“图层3”,点击“复制图层”,将复制的图层名称修改为图层“3-2”,关闭其它所有图层的小眼睛。
按照7—13步骤的方法将图像二(即图层3)制作四幅图像,然后,创建新组:“组4”,将制作四幅图像拖动到:“组4”中。
21、选择“图层4”,点击“复制图层”,将复制的图层名称修改为图层“4-2”,关闭其它所有图层的小眼睛。
按照7—13步骤的方法将图像二(即图层4)制作四幅图像,然后,创建新组:“组5”,将制作四幅图像拖动到:“组5”中。
*小技巧(很重要欧!):
制作“图二、图三、图四、图五”的四幅图像时,可开启“图一”中相对应的图像的小眼睛,绘制路径就方便多啦。
例如:制作“图层2-3”时,可开启“图层0-3”的小眼睛,绘制路径,添加渐变,载入选区。注意:你必须选中“图层2-3”(就是使“图层2-3”变为蓝色),才是在“图层2-3”中操作欧!(不然的话,就是在“图层0-3”中操作啦。)效果如下:

熟悉一下此时的图层面板,以便在下面的步骤中创建“帧”与修改“帧”。
图层面板中共有6个组:

“原图组”中是五幅原图:

“组1”中是用“图一”制作的四幅图像:

“组2”中是用“图二”制作的四幅图像:

“组3”中是用“图三”制作的四幅图像:

“组4”中是用“图四”制作的四幅图像:

“组5”中是用“图五”制作的四幅图像:

22、创建“帧”与修改“帧”:
原 图
执行菜单栏“窗口”“时间轴”命令,调出“时间轴”面板。此时,ps界面下方“时间轴”面板中已经创建了一幅“帧”。如下图:

点击帧下方的“0秒”,在下拉菜单中选择“0.1秒”。 点击“永远”一栏右起第二个图标:“复制所选帧”四次,复制四幅“帧”,此时,“时间轴”面板中共有五幅“帧”。因为每幅图像显示5次,所以,我们先创建5幅“帧”。
每次创建的“帧”,图像都相同,所以,创建以后要修改“帧”,修改为不同的图像。修改完5幅,再创建5幅,再进行修改,制作完毕。
各“帧”中所用的图层,列表如下,可根据表格中所示修改“帧”:
帧       别 第1帧 第2帧 第3帧 第4帧 第5帧
所用图层 图层0 图层0-2,图层1 图层0-3,图层1 图层0-4,图层1 图层0-5,图层1
帧       别 第6帧 第7帧 第8帧 第9帧 第10帧
所用图层 图层1 图层1-2,图层2 图层1-3,图层2 图层1-4,图层2 图层1-5,图层2
帧       别 第11帧 第12帧 第13帧 第14帧 第15帧
所用图层 图层2 图层2-2,图层3 图层2-3,图层3 图层2-4,图层3 图层2-5,图层3
帧       别 第16帧 第17帧 第18帧 第19帧 第20帧
所用图层 图层3 图层3-2,图层4 图层3-3,图层4 图层3-4,图层4 图层3-5,图层4
帧       别 第21帧 第22帧 第23帧 第24帧 第25帧
所用图层 图层4 图层4-2,图层0 图层4-3,图层0 图层4-4,图层0 图层4-5,图层0
观察上面的表格,各帧所用的图层有什么规律可循?为什么我要讲,每次创建五幅帧,修改完以后再创建。
你看出来了没有啊?
1—5帧,是第一幅图像从完整显示到逐渐消失的过程。第一帧,第一幅图像完整显示,只用“图层0”。2—4帧,都添加了第二幅图像(图层1),第一幅图像逐渐缩小,由“图层0”逐渐变换为“图层0-2”、“图层0-3”、“图层0-4”、“图层0-5”。
修改2—4帧,你只要点击一次“图层1”的小眼睛,然后变换第一幅图像即可。
6—10帧,是第二幅图像从完整显示到逐渐消失的过程。第六帧,第二幅图像完整显示,只用“图层1”。7—10帧,都添加了第三幅图像(图层2),第二幅图像逐渐缩小,由“图层1”逐渐变换为“图层1-2”、“图层1-3”、“图层1-4”、“图层1-5”。
修改7—10帧,你只要点击一次“图层2”的小眼睛,然后变换第二幅图像即可。
……
这样,就避免了修改“帧”时在各组、各图层之间频繁变换,开启与关闭图层的小眼睛。
22、保存相册:
执行菜单栏的文件“存储为Web所用格式…”
在弹出的方框下方点击“存储…”。
在又一次弹出的方框中输入文件名(例如:卷页翻页相册.gif),“格式”选择为:“仅限图像”,选择保存的地方(例如:桌面),点击“保存”按钮。
完成效果如下:

看看这篇教程,我讲解得如此详细。我相信,即使是像我这样的ps菜鸟,你也应该能够弄清楚制作方法了吧。制作一篇试试吧。在制作中学习,在学习中制作。当你制作出自己喜欢的作品时,那份喜悦,那份惬意,只有你自己才会深深体会到其中无限的乐趣。



“春天没来”编撰

2016年1月24日于北京


    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多