「PhotoshopでアニメーションGIFを作る1」の編集履歴(バックアップ)一覧はこちら
追加された行は緑色になります。
削除された行は赤色になります。
PhotoshopでアニメーションGIFを作る方法を考えていきます。
色々な方法がありますが、まずは開始と終了のレイヤーを決めてその間は自動で変化させるという方法で行っていきます。11月19日記事
~
~
イメージ
&image(anime.gif)
~
~
目次
#contents
~
~
---
~
*新規作成
[ファイル]→[新規]を選び適当に大きさを決めます。今回何もないところからフェードインのように表示させるため、背景は透過を選択します。
&image(anime001.png,width=400)
~
~
*文字を書く
横書き文字ツールを選び、フォントや大きさ色を選んでいきます。
&image(anime002.png,width=400)
~
~
記述後、移動ツールを使って調整します。
&image(anime003.png,width=400)
~
~
&color(red){ここで文字の装飾をしたい人は適当にしてください。今回ではベベルとエンボスを使って装飾しましましたが、やり方は省略します。}
~
~
*新規レイヤー作成
レイヤーパレットから[新規レイヤーを作成]ボタンを押します。
&image(anime004.png,width=400)
~
~
*アニメーションの準備
[ウインドウ]→[アニメーション]を選択します。
&image(anime005.png,width=500)
~
~
*フレームの追加
アニメーションのウインドウの右上にある場所から[レイヤーからフレームを作成]を選び、レイヤー1の透過したものを選択します。
&image(anime006.png,width=500)
&image(anime007.png,width=500)
~
~
*開始と終了を逆にする。
開始と終了を逆にしたい場合、下図のようにドラッグすれば、変更できます。
&image(anime008.png,width=400)
~
~
*アニメーションの間のフレームを作る
[アニメーションフレームをトゥイーン]のボタンを押し、アニメーションの設定をします。
&image(anime009.png,width=400)
&image(anime010.png,width=400)
~
~
*あとは書き出し
ctrl + alt + shift + s ボタンを押して、書き出します。gifを選択してください。
&image(anime011.png,width=500)
~
~
*完成
&image(anime.gif)
~
~
以上
PhotoshopでアニメーションGIFを作る方法を考えていきます。
色々な方法がありますが、まずは開始と終了のレイヤーを決めてその間は自動で変化させるという方法で行っていきます。11月19日記事
~
~
イメージ
&image(anime.gif)
~
~
目次
#contents
~
~
---
~
*新規作成
[ファイル]→[新規]を選び適当に大きさを決めます。今回何もないところからフェードインのように表示させるため、背景は透過を選択します。
&image(anime001.png,width=400)
~
~
*文字を書く
横書き文字ツールを選び、フォントや大きさ色を選んでいきます。
&image(anime002.png,width=400)
~
~
記述後、移動ツールを使って調整します。
&image(anime003.png,width=400)
~
~
&color(red){ここで文字の装飾をしたい人は適当にしてください。今回ではベベルとエンボスを使って装飾しましましたが、やり方は省略します。}
~
~
*新規レイヤー作成
レイヤーパレットから[新規レイヤーを作成]ボタンを押します。
&image(anime004.png,width=400)
~
~
*アニメーションの準備
[ウインドウ]→[アニメーション]を選択します。
&image(anime005.png,width=500)
~
~
*レイヤーからフレームを作成
アニメーションのウインドウの右上にある場所から[レイヤーからフレームを作成]を選び、レイヤー1の透過したものを選択します。
&image(anime006.png,width=500)
透過だけのレイヤー1を選択
&image(anime007.png,width=500)
~
~
*開始と終了を逆にする。
開始と終了を逆にしたい場合、下図のようにドラッグすれば、変更できます。
&image(anime008.png,width=400)
~
~
*アニメーションの間のフレームを作る
[アニメーションフレームをトゥイーン]のボタンを押し、アニメーションの設定をします。
&image(anime009.png,width=400)
&image(anime010.png,width=400)
~
~
*あとは書き出し
ctrl + alt + shift + s ボタンを押して、書き出します。gifを選択してください。
&image(anime011.png,width=500)
~
~
*完成
&image(anime.gif)
~
~
以上