搜索
首页web前端PS教程ps动态图片简单制作教程

ps动态图片简单制作教程

Mar 19, 2017 pm 01:08 PM
ps动态

这篇教程就为大家介绍ps动态图片简单制作方法,教程很不错,推荐到PHP中文网,喜欢的朋友一起来学习吧!

关键有几点

  1) 活动要重复、循环、轻微
  2) 静止留白的空间要占大比例 (最好有人做衬托)
  3) 色调要有电影感 / 怀旧感 (黑白亦可)
  (一) 拍摄工作U
  1) 用脚架加上一部可以录像的相机,然后拍摄一段短片。
  2) 拍摄前先要构思好什么地方静止,什么地方活动,而活动最好是可以循环而自然接驳。
  3) 拍摄时使用M档,包括白平衡与对焦也要使用手动,减少无谓变化。
  先来看两个简单的例子

ps动态图片简单制作教程

ps动态图片简单制作教程

  (二) 后期工作U

  当你拍摄完成后,就可以用 Photoshop 编辑了 (示范图中是CS6),首先输入影片,到File Import Video  Frames to Layers

ps动态图片简单制作教程

  选择你需要的影片段落,但这个不太好用,如果你有其他影片制作软件,先用它们来剪裁会比方便。

ps动态图片简单制作教程

  PS 会将影片的每一格变成图层,并且透过视窗「Timeline」显示,如果找不到的话,到 menu 找 Window  Timeline,如下图。

ps动态图片简单制作教程

  复制一张你认为适合做静止画面底图的layer,放到最顶。用选取工具,将你希望动起来的部份选取出来,然后删除,选取时要预留一点空间,尤其是遇上阴影 /  倒影部份。删除后你要选取全部的timeline,再到置顶图层点开「眼睛」(visible),这样才会成为所有影格的「背景图」。还有你选取全 timeline  后,可自行设定各影格的速度,例如这里设定是0.2 秒,稍慢的话会更有电影感。

ps动态图片简单制作教程

  理论上如果你的影片本身是完美地循环接驳的话,当你按左下角的 play  时,它就会不断播放然后变成一个原始的动态照片。但如果不行的话,你可以自行增加影格,方法就是按 timeline 下方的按钮增加一格,然后自行 visible  该影格的图层,如下图。

秘诀是将原本的影片,从最尾倒带再增加一次,这样就会很流畅。例如原本是 A B C,现在你变成 A  B C  B A 这样循环的话就自然会较流畅,当然也视乎你的影片而定。(例如单向行车的话,就不用这样做)

ps动态图片简单制作教程

  当影片循环流畅后,你就要替照片调色。首先谨记要先选取 timeline 所有影格,然后到右下角增加 adjustment layer,例如这里就用了  Curves 来调节亮度对比,也可以用Gradient Map 调出电影色调,记得每次都要选取所有影格。

ps动态图片简单制作教程

  先选了蓝黄蓝 (reverse),再用 overlay 覆盖模式,及 opacity 只剩 20%,效果如下图。

ps动态图片简单制作教程

  如果对效果满意的话,就可以到 Image Image size 调整动态照片的大小。

ps动态图片简单制作教程

  完成后就到 file save for web 输出动态照片为 GIF 档
  (不是 save as)。

ps动态图片简单制作教程

  然后会弹出这个视窗,基本上都没太大问题,留意右下角,你还可以在这里缩小照片的,不过这里的压缩质量较差,但好处是文件小省空间;另外要留意一下  looping options 是不是 forever,没有问题就 save。

ps动态图片简单制作教程

  最后,如果要上传跟别人分享,要找一个能支持GIF 档的空间或页面

以上就是ps动态图片简单制作教程,希望能对大家有所帮助!


声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
比较Photoshop定价:选项和好处比较Photoshop定价:选项和好处May 12, 2025 am 12:17 AM

AdobePhotoshop提供三种套餐:1)单一应用计划,适合只需Photoshop的用户,费用较低,包含20GB云存储;2)CreativeCloud全套计划,适合需多种Adobe应用的用户,费用较高,包含100GB云存储;3)学生和教师优惠计划,适合预算有限的学术用户,费用低,包含20GB云存储。

是什么使Photoshop与众不同?它的主要功能是什么使Photoshop与众不同?它的主要功能May 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop:专业图像编辑的成本Photoshop:专业图像编辑的成本May 10, 2025 am 12:19 AM

Photoshop的使用成本包括直接费用、时间与学习曲线、资源与硬件投入。1.直接成本:订阅制每月$20至$50,一次性购买数百美元。2.时间与学习:需要大量时间和实践,建议通过在线课程和教程学习。3.资源与硬件:需要高性能电脑和足够存储空间,确保硬件配置以提升效率。

图像编辑必需品:Photoshop的关键功能图像编辑必需品:Photoshop的关键功能May 09, 2025 am 12:05 AM

Photoshop的核心功能包括图层、选区工具和调整工具。1.图层允许独立编辑图像部分,支持图层样式。2.选区工具如套索、魔术棒和快速选择工具,提供精确编辑。3.调整工具如色阶、曲线和色相/饱和度,可非破坏性调整图像。

我的目的:协助与Photoshop相关的任务我的目的:协助与Photoshop相关的任务May 08, 2025 am 12:18 AM

在Photoshop中,图层蒙版的作用是允许以非破坏性的方式隐藏或显示图层的一部分。1.图层蒙版的工作原理是通过黑白灰度控制图层的可见性。2.基本用法包括图像合成,如将人物图像合成到新背景中。3.高级用法可利用渐变蒙版实现图像平滑过渡。

Photoshop和免费替代方案:比较外观Photoshop和免费替代方案:比较外观May 06, 2025 am 12:12 AM

Photoshop的强大功能包括智能对象和神经滤镜等,而免费替代品如GIMP、Krita和Photopea在特定领域表现出色,如GIMP的图层功能、Krita的数字绘画和Photopea的在线编辑。

Photoshop颜色分级:通过专业技术提升图像Photoshop颜色分级:通过专业技术提升图像May 05, 2025 am 12:07 AM

在Photoshop中进行色彩调整可以通过调整层实现,使图像更专业。1.使用色阶、曲线、色相/饱和度等工具调整色调、饱和度和亮度。2.应用LUT创建独特色彩效果。3.使用调整层避免图像失真,并利用“历史记录”面板跟踪调整步骤。

现实世界中的Photoshop:多样化用途的示例现实世界中的Photoshop:多样化用途的示例May 04, 2025 am 12:15 AM

Photoshop在现实世界中的应用包括艺术创作、科学研究和商业营销。1)在艺术创作中,用于数字绘画和插图。2)在科学研究中,用于图像处理和数据可视化。3)在商业营销中,用于广告设计和品牌形象塑造,这款软件的多功能性使其在各领域中广泛应用。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具