ネタ帳デラックス FLASHデザイン
はじめに
Chapter01 写真＆画像のムービーで惹きつける
01 3D空間を作品が移動するウォークスルーギャラリー
02 1のウィンドウに別のムービーを重ねてロードする
03 切り抜き画像とマスクレイヤーで高速道路の建設過程を再現
04 花のシルエットから写真に切り替わるアニメーション
05 スクリプトで透明度を制御して写真にゆるやかな変化をつける
06 昼から夜に変わるPHOTOアニメーション
07 拡大／縮少と透明度で見せる奥行き感のあるムービー
08 マスクアニメーションを利用して一歩進んだトランジションを作成
Chapter02 仕掛け＆動きでユーザーの心をつかむ
09 カーソルの動きに追随しクリックして開くメニューボタン
10 移動するオブジェクトを捕まえてゴミ箱に捨てるとポンと爆発
11 マウスに追従する座標カーソルとカーソルイメージの切り替え
12 マウスの軌跡を描画するお絵かきツール
13 クリックすると箱からコラムが飛び出すボタン
14 疑似的なパースを表現したナビゲーションメニュー
15 マウスのロールオーバーで弾き飛ばされるブロック
16 アイコンのドラッグ＆ドロップで画像やムービーが開くギャラリー
Chapter03 印象に残るモーションタイポグラフィ
17 映画のエンドロール風にテキストをスクロールさせる
18 たくさんの種類のフォントを使ったモーションタイポグラフィ
19 抜き文字の後ろを移動していくモーションロゴ
20 漫画のフキダシを利用したアニメーションロゴ
21 古い映画のタイトルに見られる文字のブレを簡単に再現する
22 大きさや位置をランダムに変え激しく振動するテキスト
23 重なった文字の動きでつくるモーションタイポグラフィ
Chapter04 サウンド・ゲームで楽しいサイト
24 カセットテープをモチーフにした音楽配信システムを構築
25 クロスフェードサンプルプレーヤー
26 バリエーションが簡単につくれる使いやすい音量調節スライダー
27 ドラッグ＆ドロップできるカーソルで2つのサウンドを制御する
28 数種類の音源を制御しテクノライクなリズムを奏でる
29 日記を読んだり占いをしたりするキャラクタをつくる
30 10組のペアができればクリア カードゲームの基本「神経衰弱」
31 2種類の敵をビームで撃ち落とせ！ 縦型シューティングゲーム
Chapter05 Webデザインパーツで一工夫
32 更新履歴をスクロールして表示 クリックすると更新ページが開く
33 カーソルがロールオーバーすると映像が再生されるメニューボタン
34 懐中電灯で照し出されるナビゲーションボタン
35 メニューのマウスオーバー時に複数の動作を入れてページを飾る
36 パソコンから情報を取得して時刻を表示するデジタル時計
37 マウスのプレスで最前面に配置しドラッグで動かせるオブジェクト
38 キャラクタが教えてくれるコンテンツナビゲーション
39 スムーズに変化するモザイクアニメーション
40 モーショントゥイーンでつくる華麗なカレイドスコープ
Chapter06 メニュー＆ナビゲーションで使いやすく
41 カーソルの移動に大きく反応してサイズを拡大／縮少するボタン
42 ボタン数の設定や文字修正が簡単 XMLを利用した階層型メニュー
43 コンテンツがズームイン／アウトするナビゲーションメニュー
44 コンテンツがスライド表示されるナビゲーションメニュー
45 ピカピカッと点滅しながら現れるコンテンツアイコン
46 Flash＋JavaScriptでつくるサイドメニュー
47 3種類のドット絵でつくるナビゲーションシステム
Chapter07 クオリティアップのための1ネタ
48 テキストや画像を表示するときにモーションでメリハリをつける
49 1枚の写真とマスクでつくる見栄えのするプロフィール動画
50 ボタンの右クリックで表示されるコンテキストメニューを編集する
51 キーボードによる操作が可能な使い勝手のよいインターフェイス
52 Flashベースの送信フォームで入力内容を制限する
53 ウィンドウサイズに合わせてレイアウト変更するインスタンス
54 いま開いているコンテンツが一目でわかるメニューボタン
55 表示するたびにランダムに変わるトップページのイメージ画像
