Photoshop简单6步把Gif动效图嵌入到手机模版

i05366

i05366

2016-02-15 20:32

最近很多朋友喜欢上PS,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

前天介绍了如何用PS打造高大上APP效果展示图,今天出个进阶版,Payshare来教同学们把Gif动效图嵌入到手机模板上,高大上的效果实操起来非常简单,喜欢的朋友一起来学习吧。

很多设计师可以做出动效Gif,但不知道如何嵌入到模版里如下图这样展示:

Photoshop简单6步把Gif动效图嵌入到手机模版,PS教程,图老师教程网

昨天有个设计妹子问我这个问题,既然是妹子那我就花五分钟教你嵌入Gif到模板。

1. 首先利用Hype 或者Pixate做出一张动态的Gif 图如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

(注:AE 可以保存成.Mp4 ,Pixate 可以录屏,Hype可以直接转换成Gif,视频格式可以通过软件或Photoshop转换成Gif ,总之就是做出你想要的动效Gif)

Photoshop简单6步把Gif动效图嵌入到手机模版,PS教程,图老师教程网

2. 用Photoshop打开Gif 图片,窗口-时间轴面板,单击选择将帧拼合到图层,这样就把所有的帧转换为了图层:

Photoshop简单6步把Gif动效图嵌入到手机模版,PS教程,图老师教程网

3. 继续单击转换为视频时间轴(注:视频时间轴才可以一个图层进行动画)

Photoshop简单6步把Gif动效图嵌入到手机模版,PS教程,图老师教程网

4. 选择图层面板中所有图层右键转换为智能对象:

Photoshop简单6步把Gif动效图嵌入到手机模版,PS教程,图老师教程网

5. 将智能对象拖到事先准备好的模板里面,通过嵌套的智能对象放入手机模板或者通过Command+T改变透视关系,然后创建视频时间轴,播放看一下效果。最后保存web所用格式。(注:保存web格式时可以通过右下角的百分比调整文件大小。)

Photoshop简单6步把Gif动效图嵌入到手机模版,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

6. 看一下整体效果:

Photoshop简单6步把Gif动效图嵌入到手机模版,PS教程,图老师教程网

7. 以上动效是用Pixate制作的。

展开更多 50%)
分享

猜你喜欢

Photoshop简单6步把Gif动效图嵌入到手机模版

PS PS基础
Photoshop简单6步把Gif动效图嵌入到手机模版

流量银行怎么把流量充值到手机

手机软件 应用软件
流量银行怎么把流量充值到手机

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

简单5步“动”起来 “梨”身材拜拜

美容
简单5步“动”起来 “梨”身材拜拜

蜜友圈怎么把图片保存到手机?

手机软件 应用软件
蜜友圈怎么把图片保存到手机?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop简单两步把弱光人像变梦幻唯美

PS PS基础
Photoshop简单两步把弱光人像变梦幻唯美

QQ音乐怎么同步到手机 qq音乐同步到手机教程

软件教程
QQ音乐怎么同步到手机  qq音乐同步到手机教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop绘制电商化妆品背景效果图

Photoshop绘制电商化妆品背景效果图

详细解析PS里那些简单实用的技巧分享

详细解析PS里那些简单实用的技巧分享
下拉加载更多内容 ↓