
Web制作の学校が教える これからはじめるFlashの講座
初心者でもFlashサイトが作れるようになる!
Webページ制作において、欠かせないツールであるFlash(フラッシュ)。
今やFlashはただのアニメーションではなく、マウスの動作に合わせて動いたり、文字を描いたり、ゲームとして使用されたり、Webコンテンツを構成する重要な役割を果たしています。
Web制作に携わる方にとってもはや必須項目のFlashですが、
「何から作ればいいのか分からない」
「どのように勉強すればいいのか分からない」
という方も少なくないのではないでしょうか。
このコースはそんなあなたのための、これからはじめるFlashの講座です。
著書多数のプロ講師が教えるFlash講座

このコースの講師を務める 林 拓也 先生は、開発元であるAdobe社の認定を受けた、アドビ認定インストラクターであり、ロクナナワークショップで電子出版の講座の講師を務めています。
デジタルコンテンツやWeb制作に関する著書も多数であり、プロの先生が教える分かりやすいレッスン内容となっていますので、しっかりとFlashの基礎を学びたい方に最適のコースです。
このコースで学べること
このコースでは以下の内容を学ぶことができます。
- Flashの基本を理解する
- 制作の流れを知る
- グラフィック・レイヤーについて理解する
- タイムライン操作・Flashのファイルについて理解する
- ロゴアニメーションを作る
- アニメーションの作成・管理
- 手書きの軌跡に合わせて動かす
- 3D効果を使う
- トップ画面のボタン・テキストを作る
- コンテンツ画面を作る
- 写真を読み込む
- 写真の説明をスクロールさせる
- テキストを2段組にする
- 複数のフィールドをつなげる
- テキスト内にリンクを埋め込む
- 再生ヘッドを止める
- ボタンで画面を切り替えらるようにする
- BGMを追加する
- 写真をフェードインさせる
- 画像とサウンドの圧縮設定を確認する
- ビデオを扱う
- 様々なアニメーション昨日を理解する
- モーションプリセットを使う
- ロービングで等速アニメーションを作成する
- IKで関節状のアニメーションを作成する
- シェイプにIKを適用する
ロゴアニメーションやトップ画面など実際にFlashサイトを作りながら進めるので、実践的なスキルを学ぶことができます!
受講上の注意
※ この講座は書籍「デザインの学校 これからはじめる Flashの本」をベースに解説されています。書籍がお手元にあると学習しやすい内容となっておりますが、書籍がなくても学べる構成になっております。
※ この講座ではCS6を使って解説を進めていきます。第6章 02はCS5特有の操作についての回なので、この講座では割愛しています。
※ この講座の映像はWindowsでのFlash操作となります。
Mac OSの場合はキー操作、ファイル操作などが異なります。
ショートカットキー操作Windowsでの操作では「コントロール+何かのキー」の場合、Mac OSでの操作はコマンドキー+何かのキー」となります。
※ 第8章のサンプルデータはあらかじめ全てダウンロードした上でご覧ください。
受講者特典
特別付録として、フォトグラファー「トモオカタカシ」の写真素材を収録しています。
商用非商用を問わず、ご自由にお使いいただけます。
About the Instructor

デジタルコンテンツ制作会社勤務を経て1995年にフリーランスとして独立。
Flash/Webコンテンツ制作、ソフトウェアトレーニング(ロクナナワークショップ/m-School講師)、セミナー講演、書籍執筆などで活動中。
近年は著者、Web制作、読者の立場から電子書籍・電子出版を研究。
電子書籍における商業出版・個人出版の可能性、紙の書籍と電子書籍の競合と共存について考える。
ロクナナワークショップ:『電子書籍ファイル実制作入門講座』(http://bit.ly/67eBook)
など、電子書籍系講座も担当。
主な著書
「いちばんやさしいDreamweaver -作りながら覚える、ウェブサイト制作の基本-」(ビー・エヌ・エヌ新社)
「EPUB 3 電子書籍制作の教科書」(技術評論社)
「iBooks Authorレッスンノート 」(ラトルズ)
「今、見直すHTML (ネット時代の、これから始めるプログラミング(NextPublishing)」(インプレスR&D)
「今、見直すCSS (ネット時代の、これから始めるプログラミング(NextPublishing))」(インプレスR&D)
「電子書籍らくらく作成PACK」(技術評論社)
「Flash Professional CS5逆引きデザイン事典 PLUS (DESIGN REFERENCE)」(翔泳社) ※共著
など
Course content
Section 1:第1章 基本を理解しよう | ||||
1 | index | Preview | 0:58 | |
2 | 制作の流れを知ろう | 8:08 | ||
3 | Flashのグラフィックを理解しよう | 15:06 | ||
4 | レイヤーを理解しよう | 4:11 | ||
5 | タイムライン操作を理解しよう | 8:15 | ||
6 | Flashのファイルを知ろう | 5:17 | ||
7 | シンボルを理解しよう | 13:35 | ||
8 | この講座で作成するFlashサイト | 4:09 | ||
Section 2:第2章 ロゴアニメーションを作ろう | ||||
9 | index | 1:15 | ||
10 | アニメーションを作ろう | 8:43 | ||
11 | アニメーションを管理しよう | 12:18 | ||
12 | 手書きの軌跡に合わせて動かしてみよう | 6:26 | ||
13 | 3D効果を使ってみよう | 9:41 | ||
14 | column | 2:17 | ||
Section 3:第3章 トップ画面を作ろう | ||||
15 | index | 0:52 | ||
16 | ボタンを作ろう | 10:12 | ||
17 | テキストを作ろう | 12:32 | ||
18 | column | 5:17 | ||
Section 4:第4章 コンテンツ画面を作ろう | ||||
19 | index | 1:08 | ||
20 | スイーツ画面の写真を読み込もう | 2:18 | ||
21 | スイーツ画面の説明をスクロールさせよう | 7:17 | ||
22 | 店舗案内画面のテキストを2段組にしよう | 4:53 | ||
23 | 複数のフィールドをつなげよう | 6:47 | ||
24 | テキスト内にリンクを埋め込もう | 4:10 | ||
25 | column | 2:36 | ||
Section 5:第5章 サイトを完成させよう | ||||
26 | index | 1:22 | ||
27 | 再生ヘッドを止めよう | 3:43 | ||
28 | ボタンで画面を切り替えられるようにしよう | 8:48 | ||
29 | BGMを追加しよう | 4:13 | ||
30 | column | 2:53 | ||
Section 6:第6章 サイトの完成度を高めよう | ||||
31 | index | 1:34 | ||
32 | 写真をフェードインさせよう | 11:44 | ||
33 | 画像の圧縮設定を確認しよう | 5:04 | ||
34 | サウンドの圧縮設定を確認しよう | 2:20 | ||
35 | ビデオを扱おう | 5:58 | ||
36 | column | 3:01 | ||
Section 7:第7章 Flashコンテンツ公開のために | ||||
37 | index | 0:40 | ||
38 | パブリッシュしよう | 6:15 | ||
39 | アップロードに必要なファイルを確認しよう | 3:02 | ||
Section 8:第8章 様々なアニメーション機能を理解しよう | ||||
40 | index | 1:28 | ||
41 | モーションプリセットを使おう | 4:07 | ||
42 | 等速アニメーションを作成しよう | 2:24 | ||
43 | IKで関節状のアニメーションを作成しよう | 2:57 | ||
44 | シェイプにIKを適用しよう | 2:23 | ||
Section 9:サンプルデータ(第8章) | ||||
45 | サンプルデータ | 1:00 | ||
Section 10:付録 | ||||
46 | 付録:写真素材 | 1:00 |