図1
ヒント:アニメーションは、静止画像の連続再生です。アニメーションを作成する前に、各キーフレームに対応する静止画像を設計する必要があります。キーフレームの表示時間の設定も重要です。このパラメータは再生効果にも直接影響します。始めたばかりのユーザーの場合、さまざまなパラメーターを使用して何度か試行すると、予期しない結果が生じる可能性があります。
はじめの一歩、グラフィック制作
Adobe Photoshop CS3 ソフトウェアを開いて作業インターフェイスに入り、ワークスペースをダブルクリックして、ポップアップの「開く」ダイアログボックスで選択したマテリアルを開きます。自分で撮った写真を使用することもできますし、映画の静止画やキャラクターの写真を素材として使用することもできます。古典的なコメディーの面白い静止画を素材として選びました。
サイズを調整してカットしたら、「ウィンドウ-アニメーション」コマンドを実行し、「アニメーション」パレットを開き、大げさな涙を作り始めます。まず、レイヤーパレットの下にある「新規レイヤーを作成」アイコンをクリックして、新しいレイヤーを作成します。デフォルトの名前は「レイヤー 1」です。レイヤー パレットのサムネイルの後ろにある「レイヤー 1」というテキストをダブルクリックして編集可能な状態にし、レイヤーが混同されないよう名前を「ティア 1」に変更します。 。
次に、ツールボックスの「前景色の設定」アイコンをダブルクリックし、ポップアップの「カラーピッカー」ダイアログボックスで前景色を明るい青(R=232、G=250、B=255)に設定します。そして、ツールボックスの「長方形ツール」を選択し、「長方形ツール」のオプションバーにある「ピクセルを塗りつぶす」アイコンにチェックを入れると、「切り取り1」レイヤーのキャラクターの目の真下に水色を描画できるようになります。 (図2)。
図2
次に、「Tear 1」レイヤーを選択し、「FilterDistortWave」コマンドを実行し、ポップアップされる「Wave」ダイアログボックスでさまざまなパラメータを設定します。 「OK」ボタンを押すと、誇張された波状の涙が表示されます。次に、「長方形マーキーツール」を選択し、「涙」を選択し、「移動ツール」を選択して「Alt」キーを押しながら涙を右目の下の位置にコピーします(図3)。
図3
コピーが完了したらショートカットキーを押します
次の手順では、縦書きテキスト ツールを使用して画像に面白いテキストを追加します (図 4)。テキストレイヤーを選択し、「レイヤーレイヤースタイルストローク」コマンドを実行し、「レイヤースタイル」ダイアログボックスを開き、テキストに印象的なストローク効果を追加します。 「OK」ボタンを押します(図5)。
図4
図5
第二段階、アニメーション制作
画像を動かすために最も重要なステップは、キーフレームを設定することです。アイコンをクリックし続けてアニメーション パレットの下にキー フレームを作成します (図 6)。合計 5 つのキー フレームが必要です。
図6
まず最初のキーフレームを選択し、レイヤーパレットには背景レイヤーとテキストのみを残し、他のレイヤーの表示をキャンセルし、キーフレームの表示時間をアニメーションパレットの下の0.1秒に設定します。
2番目のキーフレームを選択し、背景レイヤーと涙2レイヤーをレイヤーパレットに表示したままにして、他のレイヤーの表示をキャンセルし、「涙2」レイヤーの不透明度を80%に設定し、キーの表示時間を残しますフレームの0.2秒に設定されます。
3番目のキーフレームを選択し、背景レイヤーと引き裂き1レイヤーをレイヤーパレットに表示したままにし、他のレイヤーの表示をキャンセルして、「引き裂き1」レイヤーの不透明度を80%に設定し、キーの表示時間を残します。フレームは 0.2 秒に設定されます。
4番目のキーフレームを選択し、背景レイヤーと涙2レイヤーをレイヤーパレットに表示したままにして、他のレイヤーの表示をキャンセルし、「涙2」レイヤーの不透明度を80%に設定し、キーの表示時間を残しますフレームの0.2秒に設定されます。
5番目のキーフレームを選択し、レイヤーパレットに背景レイヤーと引き裂き1レイヤーを表示したままにして、他のレイヤーの表示をキャンセルし、「引き裂き1」レイヤーの不透明度を80%に設定します。フレームの表示時間は次のとおりです。 0.5秒に設定します。
次に、ファイルを psd ファイルとして保存してバックアップを作成し、「ファイルWeb とデバイス用に保存」コマンドを実行し、開いたダイアログ ボックスで gif 形式を選択し、アニメーションを適切に最適化します。伝播を容易にするために、アニメーションのサイズを縮小する必要があります (図 7)。最適化が完了すると、イメージはローカル ディスクに保存されます。
図7
ステップ 3: QQ 絵文字をインポートする
QQソフトウェアを起動した後、友達を選択してチャットウィンドウを開き、チャットウィンドウの下にある「絵文字を選択」ボタンをクリックして絵文字ウィンドウを開き、ウィンドウの下にある「絵文字管理」をクリックして、「追加」ボタンをクリックしますポップアップ「カスタム絵文字の追加」ウィンドウで「参照」をクリックして、保存したアニメーション GIF を見つけ、絵文字の名前を変更するか、デフォルトの名前を使用します。
図8
QQ チャット ウィンドウを再度開いたら、絵文字アイコンを見てください。ははは、これで新しい式が式ライブラリに追加されました。このシンプルな動的な QQ 絵文字を完成すると、gif アニメーションの原理と制作について予備的な理解が得られます。今後の制作過程で、絵がどのように変化するか、プロットがどのように設定されるかを決定できます。 1 つの例から推測し、無限の創造性を発揮すれば、より興味深い動的 QQ 絵文字を作成できるはずです。
(Computer News、2008 年第 2 号、ページ F の記事)