ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7091|回复: 21
收起左侧

[gif动图] 使用Photoshop制作动态gif相册

[复制链接]
发表于 2014-8-15 03:41:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      制作动画之前,自己先要设计好喜欢的相册版面,可以直接找现成的素材,再把照片放到相册里面;然后根据平时翻页效果设定相册单个页面翻动动画即可。最终效果



素材及psd文件下载链接: http://pan.baidu.com/s/1mgmgGkg 密码: 1r15?
提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:点击进入下载页
教程编号:134210 作者:爱分享 出处:飞特网
 楼主| 发表于 2014-8-15 03:41:19 | 显示全部楼层

使用Photoshop制作动态gif相册


1、新建画布,设置如下图。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:20 | 显示全部楼层

使用Photoshop制作动态gif相册


2、导入素材,调整好大小及位置,Ctrl+ 鼠标左键单击素材图层获得选区,新建一层,执行:编辑 > 描边,设置如下图。



?


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:21 | 显示全部楼层

使用Photoshop制作动态gif相册


3、双击描边层,给描边层添加图层样式,如下图。





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:22 | 显示全部楼层

使用Photoshop制作动态gif相册

        
5、为了精确的水平分割图层,我们选择切片工具,右击选择划分切片设置如下图。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:23 | 显示全部楼层

使用Photoshop制作动态gif相册


6、执行:视图> 新建参考线,设置如图,选择移动工具将参考线移到与中间线重合。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:24 | 显示全部楼层

使用Photoshop制作动态gif相册


7、新建一层命名为“圆孔”,选择铅笔工具设置如下图。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:25 | 显示全部楼层

使用Photoshop制作动态gif相册


8、新建参考线移到如图,按住Shift用铅笔工具等距画出圆孔,复制一层,移到右边。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:26 | 显示全部楼层

使用Photoshop制作动态gif相册


9、新建组命名为“页”,导入素材,调整大小及位置,复制一层,按Ctrl+ T 右键水平翻转,调整至如图所示。





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:27 | 显示全部楼层

使用Photoshop制作动态gif相册

        
10、将圆孔图层合并,Ctrl+ 鼠标左键单击该图层获得选区,选中组中的图层,分别栅格化图层,并按Delete删除。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:28 | 显示全部楼层

使用Photoshop制作动态gif相册


11、将圆孔图层隐藏,效果如下图,新建一层命名为“环扣”,选中椭圆工具,画一个圆,执行:编辑> 描边,设置如下图。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:29 | 显示全部楼层

使用Photoshop制作动态gif相册


12、选择矩形选框工具,Delete删除多余环扣。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:30 | 显示全部楼层

使用Photoshop制作动态gif相册


13、复制环扣图层,并逐个移动到如图所示。


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:31 | 显示全部楼层

使用Photoshop制作动态gif相册


14、合并所有环扣图层,并添加图层样式,如下图。





回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-8-15 03:41:32 | 显示全部楼层

使用Photoshop制作动态gif相册


16、为了逼真移动,为环扣图层添加图层蒙版,选择画笔工具涂抹一下边缘。


回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-12-21 19:16 , Processed in 0.039438 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表