FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

PhotoshopでキューティーハニーGIFアニメを作ろう!(3)

「キューティーハニーの変身! ハニーフラッシュ!」
…のGIFアニメ作りにチャレンジ!


(10)各アニメのコマの時間調整1
ここまで仕上がったので、次にアニメの効果を出すために、
各コマの時間を設定していく。
最初のアイコンに戻って、0.1秒と記述されている右横の
小さな三角アイコンをクリックする。
時間を選択するメニューが現れる。
ここでは「その他…」をクリック。
キューティーハニー22

(11)各アニメのコマの時間調整2
計画ではアニメーションは無限ループ
つまりアニメが永遠に繰り返されるように設定。
時間表示の下に「無限」と表示されている。
1回だけのアニメ表示などにしたい場合は、
「無限」の横の小さな三角アイコンをクリックして
ループ回数を設定することができる。
今回のアニメでは無限ループなので、メリハリをつけるため、
最初のコマを2秒。
途中は演出によって、0.2秒から2秒を使い分ける。
キューティーハニー23

(12)アニメーションGIFとして保存1
再生ボタンをクリックして、雰囲気を確認する。
ここでのアニメの速度は当てにならないので、
GIFアニメに保存して、ブラウザーでアニメを確認する。
アニメーションGIFへの保存は、
「ファイル」→「Web用に保存…」をクリックする。
キューティーハニー24

(13)アニメーションGIFとして保存2
保存用の別ウィンドウが立ち上がる。
プリセットの項目にあるファイルの種類のプルダウンメンヒューをクリック。
ここで「GIF」を選択。
カラーは最大の256色。
→「保存」をクリック。
このような大きなGIFアニメだと、
CPUの性能によって多少時間がかかる。
キューティーハニー25

(14)完成後の確認
GIFファイルを保存したら、
インターネットエクスプローラー、サファリ、ファイヤーフォックス
などのブラウザーで
「ファイル」→「開く」または、
直接ファイルをブラウザーウィンドウにドラッグする。
ここでアニメの速度や、演出効果をチェック。
ギクシャクするようだったら、Photoshopで
再度、各アニメアイコンのコマの速度(時間)数値を変更して
気に入るまで保存、確認作業を繰り返す。

キューティーハニーアニメ完成確認



(15)完成品
完成品は、テキスト文字を入れたり、
レイヤーの順番を変えて一部背景の光を手前に持ってきたり、
光のリングがスムースに光るように調整した。

キューティーハニーアニメ最終完成



PhotoshopでキューティーハニーGIFアニメを作ろう!(2)へ戻る…

PhotoshopでキューティーハニーGIFアニメを作ろう!(1)へ戻る…


他にも、写真を使ったGIFアニメ作りの方法をご紹介しております。
「ウルトラマンアグルのカラータイマーが点滅したっ!」…のGIFアニメを作ってみよう!
併せてご覧下さい。

I'll be in touch.

スポンサーサイト

テーマ : Photoshopを楽しもう!
ジャンル : ブログ

tag : photoshop Adobe cs GIFアニメ アニメーション作成 キューティーハニー ハニーフラッシュ cuteyhoney スタジオハーミット フォトショップ

コメント

Secret

スタジオハーミットRSS
プロフィール

STUDIOHERMIT

Author:STUDIOHERMIT
スタジオハーミットのオフィシャルブログです。Adobe Photoshop,Illustratorのスキル、Apple Macintosh関連の情報を配信しています。

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
Mail form.

名前:
メール:
件名:
本文:

検索フォーム
リンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。