■TOPページ　■B４チラシを作る白紙から完成まで　■エクセル表計算＆ビジュアルマスター　■フラッシュをデザインする！白紙から完成まで　

■★総合版★B４チラシを作る白紙から完成まで！DVD３枚組み特別編　■２色印刷・２色カラーチラシを作る！白紙から完成まで！

■購入ページへ■YAHOOオークションで購入する■ <<旧ジュンアートセレクションサイト+趣味のページはこちらから！>>

■お問合せフォーム

★FLASHをデザインする！白紙から完成まで総再生時間１７時間１１分■00-オープニングメッセージ【04:57】■01-超　基礎編-1【16:11】インターフェイス解説各ツール、パネルの簡単な紹介作業前のツール配白紙からのスタート準備HP製作ソフト「ドリームウィーバー」にて、ホームページからフラッシュの大きさの決定。白紙状態の初期設定を入力■02-超　基礎編-2【22:50】ツールボックスの簡単な解説矩形ツール、面塗りと線の解説独特な線の特徴（線の変形面と面の重なり特性グラデーション操作■03-超　基礎編-3【09:33】図形の切抜き。消しゴムツール簡単なブラシツール解説バケツ＆インクツール線ツールの便利な垂直平行斜め線の引き方線オプション■04-超　基礎編-4【16:03】保存関係。拡張子についてFLA・SWFファイルの違いについてパブリッシュの簡単な説明作業環境のご紹介作業用フォルダの解説HPファイル・フラッシュファイル・作業ファイルの保存場所素材集の閲覧（画像・風景写真・BGM）の解説タイムライン・レイヤーについて■05-「白紙から完成まで」製作/解説スタート【25:51】背景製作・デザインレイヤーには名前を入れよう使用頻度の高い整列ツールを使う背景シンボルを作る（簡単なシンボルの解説）部品の保存先「ライブラリ」は整理整頓が重要ですタイムラインにてフレームを入れてみるフレーム移動・削除キーフレーム・空白のキーフレーム最初のアニメーション「背景のモーショントゥイーン」■06-スターティング背景「赤」の製作【58:01】背景を点滅させるWとHで正確にサイズ調整+位置調整背景をイージングでスピードコントロールする横に伸びる線のシンボルを作るアニメーションのタイミング調整（編集作業）■07-白紙から完成までロゴアニメーション製作01【25:10】複雑なアニメーションを製作してみるテキストを分解更に分解する分解した文字にグラデーションかけてみる１字単位でレイヤー化。個々に動かしてみる各レイヤーへキーフレームを挿入する■08-白紙から完成までロゴアニメーション製作02【45:36】レイヤー（ロック/表示・非表示）を有効に使う拡大・縮小のアニメーションを製作するカラー変化（アルファー）透明効果を使う文字アニメーションをデザインする。シンボル「アンダーバー」の製作タイムラインのバランスを見ながらの調整外部から効果音を読み込む効果音をタイムラインに入れてみる効果音の簡単な編集解説■09-白紙から完成までロゴアニメーション製作03【37:53】タイムライン、フレームの延長１字１字消えていくアニメーションの製作（finish）アクションスクリプト（stop）で止めるシーン１にて出来たアニメーションの配置・編集をしてみる大きすぎるインスタンスを変形で縮小させるタイムライン上でのタイミング微調整（重要です）■10-装飾アニメ（横スクロール文字/縦スクロール文字）【49:31】保存先のライブラリを整理する赤黒背景に装飾アニメーションを追加する（横スクロール）上下に配置し、背景のムードUPを図る縦スクロール文字のムードUPアニメーションの製作スピード・横移動・イージング・明度・アルファーカラー調整　縦スクロール文字をデザイン的な動きに演出してみ　BGMをライブラリへ読み込むBGMの設定■11-新ステージの製作開始【24:29】BGMの設定（ストリーミング）BGMの編集フェードアウト新背景の画像をライブラリへ読み込む赤黒背景から新アート背景への変化をドラマティックに演出縦スクロール文字を、新背景とオーバーラップ　残像の調整■12-バウンドする枠線の演出【21:02】フレームの延長とBGMの調整新背景の外枠-罫線アニメーションの製作バウンドする枠線の演出正方形（赤）シンボルの伸びるアニメーション（アイキャッチ）■13-光る輪を作る（花のアニメーション）【40:55】画像加工ソフトPhotoShopを使っての素材準備花の画像より花のみ切抜き・色調整・バックは透明に　PNG画像にて保存加工済み画像をフラッシュライブラリへ読み込み花画像をシンボル化→きらきら光るアニメーションを作るマスクを使ってみる　※鉛筆ツールにて花の外形線を作る。光る輪を作る（グラデーションとアルファー）で製作シーン１へ花のシンボル・インスタンスを配置する花の登場アニメーションを微調整する※イージング/アルファー0を設定■14-左右の花アニメーション微調整【26:20】花のアニメ（左上）再調整（光の強弱）ライブラリの整理右下にも花アニメを製作する透明円シンボルマスク製作（ペンツールを使用）左右の花アニメーションのタイミングをずらして自然な感じに■15-Jun Art Selectionロゴアニメの製作【34:24】グリッドを使用するロゴデザイン：書体変更：ロゴマーク（川）を製作　ロゴマーク（川）はマスクを使用し調整　シーン１への配置/位置の調整■16-Action Script使用。浮遊文字製作【18:07】　フレームの延長（600フレームまで）BGM同時修正　Jun Art Selectionロゴの修正（停止からRepeat再生へ）　　※フレーム400まで延長。Action Scriptを使用しRepeat再生　浮遊文字製作（BGMに合ったムードアニメ）■17-0.5ポイント極細赤線アニメーション【24:21】　最終フレーム（800）までの延長BGMの調整（650から800）フェードアウト　0.5ポイント極細赤線アニメーション（シェイプトゥイーン）　　※Jun Art Selectionロゴのアンダーラインにする　シェイプトゥイーンの解説■18-演出のロゴ２点追加+赤線02【25:09】　赤線01のスピードコントロール　カタカナロゴ製作+サイド出現のアニメーション調整　英字ムード文字の追加（カタカナを追従する感じ）　赤線02、縦ラインのアニメーション■19-アニメーションボタンの製作【44:55】　赤線03の追加（最下方の長い線）　ボタン配置シミュレーション　あたり罫線を作り、正確なボタン配置・罫線配置の下準備　ボタンの製作およびボタン特性の解説　　※アップ・オーバー・ダウン・ヒット　透明ボタンのアニメーションを製作　ダウン時のアニメは透明波紋風に製作　ボタンにテキスト挿入　ボタンに効果音（オーバー＆ダウン）２点挿入■20-赤線01〜06の連続アニメーション（シェイプ）【19:29】　ライブラリの整理（新規フォルダへ）　ボタン配置基準線を利用して赤線６本を追加する　　※時間差をつけてのアニメーション■21-６つのボタンの連続出現【24:16】　赤線04/05の追加（シェイプ）　ボタンシンボルの複製を５個作る　タイムラインへレイヤー６つ追加（ボタン用）　６つのボタンを連続的に出現させるアニメーションを製作■22-ボタン装飾-英字タイトル６つ追加【26:20】　６つのボタンのテキストの変更　※アップ・オーバー・ダウンそれぞれ変更　太い赤線内へボタン名の英字を挿入（装飾ムード）　※６つのボタンにそれぞれ１つ（計６個）■23-花吹雪アニメーションの製作【48:47】　ライブラリの整理（ボタン関係）　花吹雪アニメーションの製作　シンボル「花びら」の製作　ガイドレイヤーを使って花びらの舞う演出　シーン１へインスタンス「花びら総合」を複数配置　拡大・縮小を使い、花びらパターンをランダムに演出　プレビューを見ながら微調整を繰り返す■24-超長いスクロール文字・DVD出現アニメ製作【44:35】　ライブラリの整理（花びら関係）　超長いスクロール文字を、マスクを使ってアニメーション製作　出現タイミングを考案する　シーン１へ配置ー微調整　ライブラリの整理（登録商標関係）　再度PhotoShopにて素材写真の加工を行う　PACKAGE写真の切り抜き・回転・映像操作・背景の透明化　画像加工でで影を作り演出＜PNG出力　レイヤー４つ追加　DVD出現アニメーション　※３枚のDVDとDVDパッケージが連続的に出現する演出　タイミング微調整■25-商品価格テキストの出現アニメ製作【14:59】　DVD出現アニメの解説　商品価格テキストの出現アニメーション　※斜めからアルファー０を使い登場を演出　赤線06の製作・テキスト下（シェイプ）　赤線07の製（縦ラインシェイプ）■26-Windowsで作る！出現アニメ製作【16:48】　ライブラリの整理（PACKAGE関係）　Windowsで作る！ロゴを出現アニメーション製作　ドアの開閉風に演出・バウンドの演出も加える■27-「白紙から完成まで・最終ロゴ」の製作【28:56】　PACKAGE出現アニメの修正　最終出現ロゴ「白紙から完成まで」の製作　シンボルの製作＜文字を分解＞　ロゴデザインを行う　１字１字をシンボル化・字数分レイヤーを製作　大→小になるアニメーションの製作　※アルファー０からの出現　ライブラリの整理「白紙から完成まで関係」■28-ロゴ周りの演出文字アニメーションの製作【29:02】　シーン１へ「白紙から完成まで・最終」を配置する　ステージ上での微調整　大きさと、出現位置の調整　ロゴ周りの演出文字アニメーションの製作　シンボル「●製作記録DVD　教育講座」の製作　　シンボル「Windows Media Player」の製作　　シンボル「Microsoft-MPEG4 video codec v2」の製作　各インスタンスの配置と微調整　シンボル「透明台紙」の製作■29-リピートボタンとスキップボタンの製作【24:58】　ライブラリの整理「白紙から完成まで関係」　リピートボタンとスキップボタンの製作　スキップボタン製作　オープニングと同時に出現する配置と調整　リピートボタンの製作　出現タイミングをかっこよく演出　ActionScriptでフレーム移動を設定する　動作確認・エラーチェック■30-ビヘイビアを使ってプログラムを挿入【16:53】　リピートボタンとスキップボタンの修正　１、フレーム指定の変更　２、ボタンの「ヒット」を新設する（両方）　BGMのストップさせるボタンを作る　ビヘイビアを使ってプログラムを挿入　BGMストップボタンの微調整■31-フラッシュをホームページに配置する【51:08】　オープニングフラッシュの説明とこれまでの作業と　これからの作業の説明　保存ファイルの説明　パブリッシュの説明と使い方　HTMLファイルについて　ドリームウィーバーにての作業
　 ※トップページへフラッシュ（JAS01.SWF）を配置する　ローカルサイトをインターネットエクスプローラーで見る　HTMLのページを増やしてみる　フラッシュMXでの作業　JAS01のページボタンへActionScriptを挿入し　　ページ移動を可能にする（ビヘイビア使用）　メールボタンの設定（ActionScript）　ブラウザで設定のチェックをする　ダイナミックテキスト/IF/等　800フレーム目には、HOMEへのジャンプの為の　　ActionScriptへ記述変更をする■32-HOME用のflashを作る【17:21】　JAS01を別名保存→JAS02（ホーム用flash）を製作　いらないアニメーションの削除　HOME用flash「jas02」を各ページへ挿入する　各ページの動作チェック　ホームページ上の問題提起（flashのアクティブ化）■33-ActiveXコントロールのアクティブ化を解除する方法【26:37】　Internet Explorer6or7のflashに関する問題　flashの外部ファイルを作って問題を解決する　外部ファイルの製作手順を解説　※解説ファイルにて説明　各ページのflashを外部ファイルから読み込む指定にする　最後に各ページをチェックして完了する■34-flash（jas02)の最終の調整・修正【07:43】　JunArtSelectionロゴのアニメーションカット　白紙から完成まで・最終のアニメーションカット　パブリッシュしてSWFファイルをページフォルダへ上書き　各ページの確認・チェック■35-仮想サーバーへのアップロード解説【15:49】　アップロードフリーソフトFFFTPの使い方　初期設定の方法　ファイルをUPしてみる　Internet Explorerでチェックしみる　最終チェック「白紙から完成まで」本編の終了■36-番外編：ミサイルを飛ばそう！【20:28】　イージングを使って簡単に作る■37-番外編：動くパッケージとミサイルの修正【09:39】　1、36ミサイルを飛ばそうの修正　2、flash上の画像をクリックAndドラッグできる　　　ActionScriptを設定する■38-番外編：再度シェイプトゥイーンの解説【09:47】　1から３の変　シェイプヒントの使い方■39-番外編：インスタンスについて【16:16】　シンボルを作る　簡単な漫画を描いてみる　インスタンスの特徴を解説