GIFSからのもっと得る方法

Sep 15, 2025

操作方法

GIFSはシームレスなサイクルで動作しますレベッカモック「完璧なループ」として説明します。このループは理想的には最初のフレームを消去する必要があります。その結果、任意のフレームが最初のフレームになる可能性があります。あなた自身のGIFを作成するときは、優先順位をループすることをします - それは視聴者の気晴らしを引き起こし、魅惑的な視覚的な関心を加えます。 Mockはまた、追加のフレームを追加することをお勧めします。「一時停止を一時停止させましょう」と彼女は言っています。「2つの行動の間のスペースはたくさん暗示できます」。

This GIF was made for PC World to accompany an article about the app Evernote — このGIFは、App Evernoteについての記事に同行するためにPCの世界のために作られました（画像クレジット：レベッカモック）

基本的なテクニック

動きの基本は拡張され、複雑なアニメーションに組み込まれています。あなたがあなたのイメージの作成を始めたら Photoshop CC 整理したままにしてください。レイヤーで作業し、各部分を別々にアニメートします。そのように、後で1つの要素を変更する必要がある場合は、残りのハードワークを元に戻すことなくそれを隔離することは簡単です。

位置決めは手動で行うことができますか、または開始点と終点を設定することによって、そしてPhotoshopを作業を行うことによって、それはすべてあなたがあなたのGIFを持っているような動きにかかっています。カーソルを使用して、オブジェクトフレームをフレームでドラッグすると、不規則なパスが生成されます。 Tweening - 2つの画像の間の中間フレームの生成 - それは安定した動きを与えます。

画像2の画像2

Select which frame to tween and the number of frames you want to add. — Tweenからどのフレームと追加したいフレーム数を選択します。

02.フレームを選択してください

画像3の画像3

Start the flicker effect by creating a straight line with a rough edge. — ラフエッジを持つ直線を作成して、ちらつき効果を始めます。

03.効果を開始します

画像4の画像4

Copy and paste the rough edge at the top of your original line. — 元の行の上部にあるラフエッジをコピーして貼り付けます。

04.コピーして貼り付けます

画像5の画像5

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker. — ラインの一部を隠すためのレイヤーマスクを作成します。アニメーションのとき、それはちらつきに似ています。

05.レイヤーマスク

画像6の画像6

Hold down the Shift key to rotate a shape in 15 degree increments. — Shiftキーを押しながら15度の増分で形状を回転させます。

06.形状を回転させます

画像7の画像7

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette. — Webパネルの保存を使用すると、保存した色をカスタマイズできます。色相をクリックすると、パレットから取り外すことができます。

07.保存します

モックは、蒸気の上昇と炎にちらつき/フェージング効果を使用するのが好きです。作成するには、ラフブラシを使用して直線を描きます。その部分が隠されているように、レイヤーマスク（炎など）を追加します。次に、パターン作成方法を使用してクリーンループを作ります - ラインを半分にカットし、そのラフな底エッジをそのラインの上部に移動し、中央に充填し、レイヤーマスクを重ねます。 Tweenコマンドを使用して、ラインが一貫した速度で垂直方向に移動するようにします。この時点で、ループはシームレスであるべきです。

回転して回転の動きは、物体の小さくて増分ターンで作られます。あなたが完全なターンをするまで、不規則な形の円を作り、16から24ステップでそれを動かします。 Shiftキーを押しながら15度刻みで回転します。

Creation Can Change The World was made for Sony Digital Entertainment. — ソニーデジタルエンターテイメントのために世界を変えることができる創造が行われました。（画像クレジット：レベッカモック）

あなたの仕事を輸出する

あなたのGIFを輸出することは最後のステップかもしれませんが、あなたがあなたのプロセス全体を通して考えているべきものです。移動するピクセルが多いほど、ファイルサイズが大きくなり、理想的には1MB未満のGIFが必要です。 GIFファイルは256色を使用することに限られており、重いテクスチャやグラデーションのようなものはよく圧縮されません - あなたは平らな色と鋭いエッジで優れています。

この記事は最初に登場しました コンピュータアート 問題259; ここで購入してください ！

トピック

グラフィックデザイン

GIFSからのもっと得る方法

基本的なテクニック

02.フレームを選択してください

03.効果を開始します

04.コピーして貼り付けます

05.レイヤーマスク

06.形状を回転させます

07.保存します

あなたの仕事を輸出する

操作方法 - 最も人気のある記事

Mac上でスクリーンショットを取る方法

アフィニティデザイナー：ピクセルペルソナの使い方

EMベースサイジングを用いた応答部位を設計する

クリエイティブアセンブリのゲームキャラクターをレベルアップする

夢のようなファンタジー森林シーンを描く方法

デジタルエッチングを作成する

ユーザーフレンドリーなモバイルインターフェイスの設計方法

あなたの芸術の品質デジタルコピーを作成する

カテゴリ