「Movies 11a Lite 使用例」 　　　Last updated: Jul 2, 2000.

戻る

「Movies 11a Lite Ver -.-」

　アニメーションGIFのサンプル作成手順による使用法の例です。
 但し、動作環境は(Win98+IE5.01→IE5.5)です。
 お断り、この手順・使用法は参考です。自己責任でご利用して下さい。
　　　　 また、最新バージョンへの追従に遅れをとる事があります。

１．サンプル１-1-2 のアニメーションGIF作成手順
 
①「Frame」：　フレームの作成（最低２コマでＯＫ）
 Ａ．フレーム１(最初のコマ)の作成
　ａ．先ず、New Frameアイコン(左４番目)からアニメーション
　　フレームの 画面サイズ を設定。
　　ここでは、FONT SIZE="+3" に見合ったサイズとして
　　Width=140、Height=25 をそれぞれ入力後、
　　ＯＫボタンを押す。　新規フレームが出来る。(左図)
　ｂ．次に、出来たフレームを左ダブルクリックし
　　（又はEdit Frameアイコン(左５番目)から）
　　Movies Drawの画面に移動する。
　　ここで、右縦バー(上２番目xの背景)を左クリックし、
 
　　灰色を選択し、Erase Frameアイコン(左５番目)で設定する。
　　さらに、Hide/Show Gradient Gadgetアイコン(左９番目)から、
　　Movies を右クリックし、
　 ・Caption（文字）： Welcome to
　 ・Font（フォント）： Trebuchet MS,太字,サイズ=18,色=黒
　　の設定をしＯＫボタンを押す。
　 ・上段文字右端を左クリックで右に引っ張り文字を整える
　 ・ドラッグ＆ドロップし、右クリックでPaint(ペイント)する
　　(左図)
　 ・ペイント確認は Hide/Show Gradient Gadgetアイコンで行う、
　　最後に、Update Frameアイコン(右１番目)で戻る。

　（注：Paint時ペイント出来ない場合は、一旦別のフォントでペイントしてみると良い、
　　　　ペイントの出来ないフォントも有るが、Times New RomanとMSゴシック、MS明朝はＯＫ)
  
 Ｂ．フレーム２(最後のコマ)の作成
　ｃ．再度、New Frameアイコン(左４番目)から新規
　　（又は Duplicate Frameアイコン(左７番目)からコピー）
　　でフレームを作る。
　ｄ．上記ｂ．項の操作にて、Movies Drawの画面に移動後に、
　　（コピー時は Erase Frameアイコン(左５番目)で消去）
　　Hide/Show Gradient Gadgetアイコン(左９番目)から、
　　Welcome to を呼び出し右クリックし、
　 ・Begin Color（開始色）： 赤色（左図左側）
　 ・End Color（終了色）： 茶色（左図右側）
　　の設定後にPaint（ペイント）する
　　最後に、Update Frameアイコン(右１番目)で戻る。(左図下)
 
②「Animate」：　アニメーションGIFの作成(サンプル１-1)
 Ａ．フレーム表示時間の設定
　ａ．先ず、Frame1又はFrame2を左クリックで選択した後に、
　　Frame Delayアイコン(左９番目)から、
　・Frame Delays： 20（２００ｍＳの意？）
　　の設定後にＯＫボタンを押す。
　　ここで一旦、次項Ｃ．の手順で非透過タイプのファイルを
　　作成しておく。(サンプル１-2作成のため)
 Ｂ．透過フレームの設定（透過アニメーションGIFの場合）
　ａ．先ず、Frame1又はFrame2を右クリックで選択した後に、
　・Transparentにチェックを入れる
 Ｃ．アニメーションGIFの作成（非透過タイプも同じ）
　ａ．Animateアイコン(右２番目)で、アニメーション動作を
　　実行させておいて後、Saveアイコン(左３番目)から、
　　完成したアニメーションGIFファイルに名前を付けて保存する。(サンプル１-1の完成)
 
③「Animate」：　アニメーションGIFの作成(サンプル１-2)
　ａ．Open Existing GIFアイコン(左２番目)から、
　　サンプル１-1の非透過タイプのGIFファイルを開く
　ｂ．Frame1を左クリックしてから、
　　Duplicate Frameアイコン(左７番目)で、コピーを３つ作る
　ｃ．Frame1からFrame3に対して、
　　Imageメニューから、Blur(ぼかし)を次の回数掛ける(左図)
　 ・Frame1：３回
　 ・Frame2：２回
　 ・Frame3：１回
　ｄ．Frame２からFrame４は、Frame Delays： 20 にし、
　ｅ．Animateアイコン(右２番目)で、アニメーション動作を
　　実行させておいて後、Saveアイコン(左３番目)から、
　　完成したアニメーションGIFファイルに名前を付けて保存する。(サンプル１-2の完成)

　完成したアニメーションGIFを使用時は、width="140" height="25"ほどで使用する。
　（注：アニメーションGIFを開く場合は、Open Existing GIFアイコン(左２番目)を使用する)

２．サンプル２ -1-2 のアニメーションGIF作成手順
 
①「Frame」：　フレームの作成(最低２コマでＯＫ)
 Ａ．フレーム１（最初のコマ）の作成
　ａ．先ず、New Frameアイコン(左４番目)からアニメーション
　　フレームの 画面サイズ を設定。
　　ここでは、FONT SIZE="+3" に見合ったサイズとして
　　Width=40、Height=40 をそれぞれ入力後、
　　ＯＫボタンを押す。新規フレームが出来る。(左図)
　ｂ．次に、出来たフレームを左ダブルクリックし
　　（又はEdit Frameアイコン(左５番目)から)
　　Movies Drawの画面に移動する。
　　さらに、Display/Hide smart gadgetアイコン(右８番目)から、
 
　　 H を右クリックし、
　 ・Shape(形)→jstflower(花)(最後６番目)：花柄を選択
　 ・Size shapeアイコン(右６番目)→花柄をドラッグ：ザイズ修正
　 ・Pen(ペン)→Style(スタイル)→psClear(透明)：輪郭を透明に
　 ・GradientStyle(色変化方向)→jgdCircIn(円内へ)：中心方向
　 ・Brush Color(色づけ色)→ピンク：花びら外側色
　 ・Gradient Color(色の変化色)→シルバー：花びら内側色
　　の設定する。(左図)
　 ・Size to Frameアイコン(右３番目)：フレームにはめ込む
　 ・Paint shapeアイコン(右２番目)：ペイントする
　　最後に、Update Frameアイコン(右１番目)で戻る。
　参考）背景は、ペイント前に右縦バー(上２番目xの背景)を左クリック→色選択し、
　　　　Erase Frameアイコン(左５番目)で設定する。
　（注：Caption(文字)機能にて、選択フォントによる文字の書き込みも可能)
 
 Ｂ．フレーム２(最後のコマ目)の作成
　ｃ．再度、New Frameアイコン(左４番目)から新規
　　（又は Duplicate Frameアイコン(左５番目)からコピー）
　　でフレームを作る。
　ｄ．上記ｂ．項の操作にて、Movies Drawの画面に移動後に、
　　（コピー時は Erase Frameアイコン(左５番目)で消去し）
　　Display/Hide smart gadgetアイコン(右８番目)から、
　　花柄を呼び出し右クリックし、
　 ・Gradient Color(色の変化色)→ホワイト：花びら内側色
　　の設定後にPaint(ペイント)する
　　最後に、Update Frameアイコン(右１番目)で戻る(左図)
 
②「Animate」：　アニメーションGIFの作成(サンプル２-1)
　　前Ｂ項の左図において、
　ａ．Frame１を左クリック選択後に、
　　Wizardsアイコン(右５番目)のプルダウンメニューから、
　 ・Circle(円)→CircleOut(円の外へ)：円の中心から外へ
　　の設定を行うとアニメーションが開始する
　　ここで、Insert Wizard Framesアイコン(右３番目)から、
　 ・Frame３～１２が自動的に作成される
　　(Frame２は１２の次に移動)(左図)
　 ・全てのFrameは、Frame Delays： 20 にし、
　 ・Saveアイコン(左３番目)から、完成したアニメーションGIF
　　ファイルに名前を付けて保存(サンプル２-1の完成)
　（注：保存時、Frame１と１２は省略される(１０個のフレームのみが保存される)。
 
③「Animate」：　アニメーションGIFの作成(サンプル２-2)
　ａ．Open Existing GIFアイコン(左２番目)から、
　　サンプル２-1のファイルを開く
　ｂ．Optionsメニュー→Rotation Angle(回転角度)を選択後に、
　 ・Enter Angle：45(４５度の意)
　　の設定後にＯＫボタンを押す。
　ｃ．偶数のフレームに対して、
　 ・左６番目のアイコンから、プルダウンメニューにて
　　Rotateを各フレームそれぞれ１回クリックする(左図)
　ｄ．全てのフレームは、Frame Delays： 20 にし、
　ｅ．Animateアイコン(右２番目)で、アニメーション動作を
　　実行させておいて後、Saveアイコン(左３番目)から、
　　完成したアニメーションGIFファイルに名前を付けて保存する。(サンプル２-2の完成)

　完成したアニメーションGIFを使用時は、width="40" height="40"ほどで使用する。
　（注：サンプル２では、透過タイプのGIFはうまく作成できませんでした。）

３．サンプル３  -1 のアニメーションGIF作成手順
 
①「Frame」：　フレームの作成(最低１コマでＯＫ)
 Ａ．フレーム１の作成(最低の１コマ)
　ａ．先ず、New Frameアイコン(左４番目)からアニメーション
　　フレームの 画面サイズ を設定。
　　ここでは、FONT SIZE="+3" に見合ったサイズとして
　　Width=140、Height=25 をそれぞれ入力後、
　　ＯＫボタンを押す。　新規フレームが出来る。
　ｂ．出来たフレームを右クリックし、Backgrounds(背景)を
　　選択すると、Quick Backの画面に移動する。
　　ここで、右上のプルダウンメニューから最後２番目の
　　Transition Yellow-Red-Green を選択後に、
　　　　　　　　　　　　　　　　　　　青色バーを最上段にする。(左図)
 
　　最後に、Useを左クリックすると最初の画面に戻る。
　ｃ．出来たフレームを左ダブルクリックし
　　（又はEdit Frameアイコン(左５番目)から）
　　Movies Drawの画面に移動する。
　　次に、Hide/Show Text Gadgetアイコン(左８番目)から、
　　Movies を右クリックし、
　 ・Caption（文字）： Welcome to
　 ・Font（フォント）：Arial,太字斜体,サイズ=16,色=明るい紫
　　の設定をしＯＫボタンを押す。
　　この文章をフレームに、ドラッグ＆ドロップし、
　　右クリックでPaint(ペイント)し、再度、
　　右クリックでPaint Shadow(影ペイント)を付ける。
　　　　　　　　　　　　　　　　　　　最後に、Update Frameアイコン(右１番目)で戻る。(左図)
　(注：Paint時ペイント出来ない場合は、文字位置を変えてみると良い)
  
②「Animate」：　アニメーションGIFの作成(サンプル３-1)
　ａ．出来たフレームを右クリックし
　　メニューがら、Efects(効果)を左クリック選択後に、
　　Painter Effectsから、
　 ・Squeeze(圧搾)→Horizontal(水平に)：水平に押しつぶす
　　を選択し(左図左)、次に、右端の上下バーを最下位に
　　してから、Step Downを左クリックすると
　 ・Frame２～１１が自動的に作成される(左図右)
　　先ず、Painter Effectsを閉じ、次に、
　　Frame１１を選択後に、Frame Delayアイコン(右６番目)で
　 ・Movies Frame Delays=255(他Frame=20)： に設定する。
　ｂ．Animateアイコン(右２番目)で、アニメーション動作を
　　実行させておいて後、Saveアイコン(左３番目)から、
　　完成したアニメーションGIFファイルに名前を付けて保存する。(サンプル３-1の完成)

　完成したアニメーションGIFを使用時は、width="140" height="25"ほどで使用する。

注：タイトルロゴ等(非アニメーションGIF)の作成手順は、サンプル３の手順①の様に
　１枚のフレームを作成後、アニメーション動作させてからGIFファイルに名前をつけて保存する。
　　

　ここで作成されたサンプル素材の使用はご自由に、連絡は必要ありません。