MdNCORPORATION

ネタ帳デラックス|FLASHデザイン

ネタ帳デラックス|FLASHデザイン

MdN編集部 編
定価 2,750円
(本体 2,500円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2004-06-22
仕様 B5変 210*182/184P
ISBN 978-4-8443-5749-0
本書は、Web制作の現場で役立つアイデアやテクニック(ネタ)を具体的な制作過程とともに紹介したTips&ヒント集です。Web制作の定番ソフトであるMacromedia FLASH MX/MX2004を使って、第一線で活躍するプロのデザイナーがさまざまな「ネタ」を紹介しています。すぐに自分のサイトに活かせるネタから、FLASHやActionScriptの仕組みや考え方を理解するためのネタまで、幅広く紹介しています!! より実践的になった「ネタ帳」新シリーズ第2弾、ついにFLASHの登場です!!!

本書は、Web制作の現場で役立つアイデアやテクニック(ネタ)を具体的な制作過程とともに紹介したTips&ヒント集です。Web制作の定番ソフトであるMacromedia FLASH MX/MX2004を使って、第一線で活躍するプロのデザイナーがさまざまな「ネタ」を紹介しています。すぐに自分のサイトに活かせるネタから、 FLASHやActionScriptの仕組みや考え方を理解するためのネタまで、幅広く紹介しています!! より実践的になった「ネタ帳」新シリーズ第2弾、ついにFLASHの登場です!!!


※この本の一部をご覧いただけます。
■sample080_024.pdf【PDFダウンロード】
■sample164_049.pdf【PDFダウンロード】



目次


ネタ帳デラックス―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 表示するたびにランダムに変わるトップページのイメージ画像


制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊