ボケ
ボケ

Links

Version 1
Version 1
Version 2
Version 2
Version 3
Version 3
Version 4
Version 4
シニアネット横須賀
シニアネット横須賀
シニアネット横須賀集いの広場
シニアネット横須賀集いの広場
よこすかインフォメーション Version 2
よこすかインフォメーション Version 2
Welcome to Jimdo's Motoi Imajo Homepage
Welcome to Jimdo's Motoi Imajo Homepage

企画・制作

今城 基

E-mail

更新日 2017年12月 4日

開設日 2012年 6月18日

gif アニメーションの作成

①文字のアニメーション

 IBM ホームページ・ビルダー⇒ツール⇒ウエブ アニメーター


 スタートアップ画面でアニメーション ウイザート゛選択
 文字アニメーションを使用して・・・選択⇒次へ
 背景を指定しないを選択
 文字サイズに連動 幅256 高さ64⇒次へ

 アニメーションにする文字を文字エリアに入力
 フォント、サイズ、色 を指定、
 色は上の単色、グラデーション、テクスチャの中から選択
 選択した結果が左上に表示される

 

 どんなアニメーションにするかは効果の種類から選択
 効果の設定は方向を指定する

 動きは左上の空色の△をクリック、
 気に入らなければ設定を変更 これを繰り返す ⇒OK

  アニメーションの確認 よければ⇒完了
 流れの終りで一呼吸おくには最後のフレームをコピーしてペースト

 ファイル⇒名前を付けて保存

 

 以上でアニメーション画像 (gif) が完成

 一般のイメージとしてホームページに取り込みする

グラデーション spect02、 効果スクロール
グラデーション spect02、 効果スクロール
テクスチャ water、 効果 テクスチャ
テクスチャ water、 効果 テクスチャ

②複数の画像のアニメーション

 IBM ホームページ・ビルダー⇒ツール⇒ウエブ アニメーター
 スタートアップ画面でアニメーション ウイザート゛選択
 複数の画像ファイル・・・選択⇒次へ
 「画像の追加」をクリックして画像を選択、繰り返す
 画像の順番を決める⇒次へ
 画像は中央配置⇒次へ
 繰返し回数 ここでは6回
 表示時間 ここでは2000ミリ秒⇒次へ
 動きを確認して良ければ⇒完了

 

 最初の写真で表示させるにはフレームの最後に最初の写真をペースト

 

 異なる被写体を次々と見せるもの

 同じ被写体の時間経過を見せるもの

 

写真4カット、1.5秒間隔、繰返し6回
写真4カット、1.5秒間隔、繰返し6回
最初の写真表示で終わる
最初の写真表示で終わる

鯉のぼり2016  (写真4カット、0.5秒表示、繰返し10回、最初と最後はコピーを追加)
鯉のぼり2016 (写真4カット、0.5秒表示、繰返し10回、最初と最後はコピーを追加)

③1枚の画像のアニメーション

今城の応募したエンブレム
今城の応募したエンブレム
指定されたデザイン展開案の提出が求められました
デザイン展開案.pdf
PDFファイル 932.8 KB