ホームページ ウェブフロントエンド PS チュートリアル Photoshop时间轴简单制作gif动画效果

Photoshop时间轴简单制作gif动画效果

Mar 19, 2017 pm 02:09 PM
gifアニメーション photoshop タイムライン

很多人都不知道Photoshop能制作动画,这功能很好用的,很简单。下面我教大家如何用ps制作动画——这是一个比较简单的例子,不过方法在这,后面复杂的也是这样做。希望能对大家有所帮助!

认真学即使初学Photoshop也很容易学会。

工具/原料

Photoshop

任意素材

方法/步骤

1、点击窗口,添加(时间轴)窗口,如下图。

Photoshop时间轴简单制作gif动画效果

2、首先,打开素材图。

Photoshop时间轴简单制作gif动画效果

3、点击右下角图层——右击——复制图层。

Photoshop时间轴简单制作gif动画效果

4、在第二个图层编辑修改图片。

如下图步骤:点灭第三个图层——选择第二个图层——选择白色——画笔工具——把眼睛涂掉

Photoshop时间轴简单制作gif动画效果

5、在左边点击(椭圆选框工具)在眼睛出抠一个圆,如图

Photoshop时间轴简单制作gif动画效果

6、选择黑色——如图选择油桶工具——点击眼睛填充黑色

Photoshop时间轴简单制作gif动画效果

7、填充完后:Ctrl+c,复杂——Ctrl+v,粘贴——Ctrl+t,自由变换。移动眼睛到另一只眼睛上,如图。

 

Photoshop时间轴简单制作gif动画效果

8、点击任意工具——应用自由变换,如图。

Photoshop时间轴简单制作gif动画效果

9、选择右下角刚刚编辑的两个图层——合并图层。

Photoshop时间轴简单制作gif动画效果

10、如图所示,图层二编辑完成,同理,编辑图层三。

Photoshop时间轴简单制作gif动画效果

Photoshop时间轴简单制作gif动画效果

11、关键步骤到了——在地下时间轴处点击图片——设置时间轴间隔时间图为0.5s.

Photoshop时间轴简单制作gif动画效果

12、点击如图示——复制所选帧。

Photoshop时间轴简单制作gif动画效果

13、选择第二个帧,点灭最右边的眼睛把其他两个图层点灭,让图像显示第二个图层。

Photoshop时间轴简单制作gif动画效果

14、选择第三个帧,如此类推,点灭其他,留第一个图层显示。后面几个图层也一样,让每个帧眼睛显示不一样。

Photoshop时间轴简单制作gif动画效果

15、选择时间轴底下的播放键,播放,即可看到眼睛不停换的播放。

Photoshop时间轴简单制作gif动画效果

16、保存——保存web所用格式。

Photoshop时间轴简单制作gif动画效果

17、播放看看有没有错——现在gif——储存。

Photoshop时间轴简单制作gif动画效果

18、修改文件名,保存。

Photoshop时间轴简单制作gif动画效果

19、打开,看到制作完成的gif。

Photoshop时间轴简单制作gif动画效果

注意事项

最好边做边看教程,比较易懂。

ps cs4时间轴工具叫做“动画”

以上就是Photoshop时间轴简单制作gif动画效果方法,希望能对大家有所帮助!



このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

永久無料の photoshoppcs5 シリアル番号は何ですか? 永久無料の photoshoppcs5 シリアル番号は何ですか? Jul 06, 2023 am 10:00 AM

永久無料の photoshoppcs5 シリアル番号は何ですか?

解決策: Photoshop で機能しないキーボード ショートカットを修正する 解決策: Photoshop で機能しないキーボード ショートカットを修正する Sep 22, 2023 pm 03:17 PM

解決策: Photoshop で機能しないキーボード ショートカットを修正する

iPhoneでGIFが動作しない問題を解決する10の方法 iPhoneでGIFが動作しない問題を解決する10の方法 Apr 22, 2023 pm 12:22 PM

iPhoneでGIFが動作しない問題を解決する10の方法

PPTでタイムラインを作成する方法 PPTでタイムラインを作成する方法 Mar 20, 2024 pm 04:11 PM

PPTでタイムラインを作成する方法

PHPを使用してタイムライン機能を開発する方法 PHPを使用してタイムライン機能を開発する方法 Aug 18, 2023 pm 11:39 PM

PHPを使用してタイムライン機能を開発する方法

スキャンした文書がぼやけている場合の対処方法 スキャンした文書がぼやけている場合の対処方法 Jan 05, 2021 pm 03:09 PM

スキャンした文書がぼやけている場合の対処方法

VUE3 入門チュートリアル: Vue.js プラグインを使用してタイムライン コンポーネントをカプセル化する VUE3 入門チュートリアル: Vue.js プラグインを使用してタイムライン コンポーネントをカプセル化する Jun 15, 2023 pm 09:09 PM

VUE3 入門チュートリアル: Vue.js プラグインを使用してタイムライン コンポーネントをカプセル化する

Photoshop はどこの会社に属していますか? Photoshop はどこの会社に属していますか? Jul 20, 2022 am 11:47 AM

Photoshop はどこの会社に属していますか?

See all articles