Flash/Flashの基本

Flashで手軽に作れる、ページめくりアニメ(2ページ目)

誰もが一度は挫折した、フラッシュアニメの難関ページをめくるアニメをリアルに作成します。簡単に作成できる3つのコツを伝授しますので、この機会にマスターしてはいかがでしょうか?

執筆者:渡辺 大介

本のイラストを描く

ファイルの設定
1. ファイルの設定を行います。フレームレートを「30fps」、背景色を「茶(#CC9900)」に設定してください。

長方形を描画
2. 短形ツールを使用して画面の右半分に図のような縦に長い長方形を描きます。

グラデーションを設定
3. 作成した長方形にグラデーションを設定します。左から灰色(#EDEDED)、白(#FFFFFF)、灰色(#EDEDED)というグラデーションを図のようにやや左よりに設定します。

滑らかに湾曲する
4. 図では分かりやすいように色を強調していますが、本の中央からページの厚みで盛り上がり、滑らかに凹んでいく表現になります。

左右に複製
5. ページを複製し、上部メニューから「修正」>「変形」>「横反転」を選びます。二枚のページが図のように中央で繋がるように配置してください。

シンボルに変換
6. 作成した二枚のページを選択し、右クリックからシンボルに変換を行います。名前を「page」、タイプを「ムービークリップ」に指定してください。

フィルタを設定
7. 作成したムービークリップにグラフィックエフェクトを設定します。「フィルタ」から「ドロップシャドウ」を選択し、「ぼかし-水平:5」、「ぼかし-垂直:5」、「強度:30%」、「角度:90」、「幅:3」を設定してください。

立体的になりました
8. 図のように机の上の書類のような立体感が出ました。

ページを複製
9. ページのムービークリップを同じ位置に複製を行い、キーボードの上キーを2回押し上に2pxずらします。ドロップシャドウの強度を「強度:10%」に下げてください。この作業を5~10回ほど繰り返すことで厚みのある本を表現することができます。

ここまでで本のイラストは完成です。長方形しか使っていないのに、グラデーションの白い部分が膨張して見える目の錯覚が起きていると思います。

次のページではシェイプトゥイーンを使用してページがめくられるアニメーションを作成します。
  • 前のページへ
  • 1
  • 2
  • 3
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます