「PhotoshopでアニメーションGIFを作る1」の編集履歴(バックアップ)一覧はこちら

PhotoshopでアニメーションGIFを作る1 - (2015/11/20 (金) 19:35:47) の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) ~ ~ 以上

表示オプション

横に並べて表示:
変化行の前後のみ表示: