搜尋
首頁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

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!