A-A+
Photoshop制作精彩的相册翻页动画
后台-系统设置-扩展变量-手机广告位-内容页头部广告位 |
制作动画之前,自己先要设计好喜欢的相册版面,可以直接找现成的素材,再把照片放到相册里面;然后根据平时翻页效果设定相册单个页面翻动动画即可。![Photoshop制作精彩的相册翻页动画](/d/file/20141003/nwhgjgzadjb.gif)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/xutuymmk1qq.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/vqqysj2xzb4.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/vjwi2amtzkt.jpg)
3、双击描边层,给描边层添加图层样式,如下图。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/ubo3ekxd50w.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/1inslh5cx03.jpg)
5、为了精确的水平分割图层,我们选择切片工具,右击选择划分切片设置如下图。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/kikg5q2zy5b.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/ue2olqfm5ou.jpg)
7、新建一层命名为“圆孔”,选择铅笔工具设置如下图。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/v1rpnsmf2dh.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/3obntz0v0um.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/oe1xa2rvvys.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/2pdimsgf4jt.jpg)
10、将圆孔图层合并,Ctrl + 鼠标左键单击该图层获得选区,选中组中的图层,分别栅格化图层,并按Delete删除。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/otc2xnvrtjl.jpg)
11、将圆孔图层隐藏,效果如下图,新建一层命名为“环扣”,选中椭圆工具,画一个圆,执行:编辑 > 描边,设置如下图。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/45f3wnzhf0u.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/dwzh55pjhxz.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/1ukzqwxyocn.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/utqwbln2ome.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/tgmg4rlyh5n.jpg)
16、为了逼真移动,为环扣图层添加图层蒙版,选择画笔工具涂抹一下边缘。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/ae0dvhjqkdf.jpg)
17、在“页”组中添加自己喜欢的照片,调整大小及位置,添加蒙版,用画笔工具涂抹至如图所示,然后复制相框图层,与图片合并,相同的方法置入多张。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/1wu25qlqz1i.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/0r0c5irkdfn.jpg)
18、复制一层,Ctrl + T 右键用斜切和自由变换工具调整至如图。执行:视图 > 新建参考线,并拖到至如图所示。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/gqjpx5x0xxj.jpg)
19、相同的方法,完成多张照片。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/juh3obuzgat.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/54z5x04bqjm.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/yewsg542vee.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/mbmpbyfwel1.jpg)
20、接下来制作动画,根据书本翻页的情况,在窗口中打开时间轴。一帧一帧的隐藏图层,打开图层即可。 ![Photoshop制作精彩的相册翻页动画](/d/file/20141003/nffl2wq1wav.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/nwhgjgzadjb.gif)
最终效果
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/nwhgjgzadjb.gif)
1、新建画布,设置如下图。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/xutuymmk1qq.jpg)
2、导入素材,调整好大小及位置,Ctrl + 鼠标左键单击素材图层获得选区,新建一层,执行:编辑 > 描边,设置如下图。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/vqqysj2xzb4.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/vjwi2amtzkt.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/ubo3ekxd50w.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/1inslh5cx03.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/kikg5q2zy5b.jpg)
6、执行:视图 > 新建参考线,设置如图,选择移动工具将参考线移到与中间线重合。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/ue2olqfm5ou.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/v1rpnsmf2dh.jpg)
8、新建参考线移到如图,按住Shift用铅笔工具等距画出圆孔,复制一层,移到右边。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/3obntz0v0um.jpg)
9、新建组命名为“页”,导入素材,调整大小及位置,复制一层,按Ctrl + T 右键水平翻转,调整至如图所示。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/oe1xa2rvvys.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/2pdimsgf4jt.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/otc2xnvrtjl.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/45f3wnzhf0u.jpg)
12、选择矩形选框工具,Delete删除多余环扣。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/dwzh55pjhxz.jpg)
13、复制环扣图层,并逐个移动到如图所示。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/1ukzqwxyocn.jpg)
14、合并所有环扣图层,并添加图层样式,如下图。
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/utqwbln2ome.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/tgmg4rlyh5n.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/ae0dvhjqkdf.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/1wu25qlqz1i.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/0r0c5irkdfn.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/gqjpx5x0xxj.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/juh3obuzgat.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/54z5x04bqjm.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/yewsg542vee.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/mbmpbyfwel1.jpg)
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/nffl2wq1wav.jpg)
最终效果:
![Photoshop制作精彩的相册翻页动画](/d/file/20141003/nwhgjgzadjb.gif)
后台-系统设置-扩展变量-手机广告位-内容页头部广告位 |
条留言