これからはじめるStudio 8(スタジオ8)講座 / 講座ダイジェスト

これからはじめるStudio 8講座は、Adobe Studio 8(アドビ スタジオ8:旧Macromedia Studio 8)に収録されているAdobe Flash(フラッシュ)Dreamweaver(ドリームウィーバー)Fireworks(ファイアーワークス)を中心とした、各ソフトウェアの用途と操作方法の概要を、ハンズオン(実習)形式で習得する講座です。それぞれ単体の特徴だけでなく、Studio 8ならではの「ソフトウェア間の連携」にポイントを置いた活用方法をご紹介。本講座の魅力となっています。

また、この講座の実習を通して、Webサイトで使用するアニメーションや画像の加工、サイトの作成、サーバーへのアップロードといった、サイトを構築するまでの一連の作業の流れを把握することができます。

サンプル:StudioでつくるWebサイト

これからはじめるStudio 8講座で使用するサンプル

画像をWeb用に加工する

静止画像の編集を得意とするAdobe Fireworks 8(ファイアーワークス8)を使用して、Webに最適化した画像の作成方法をご紹介します。

補正前 補正後
補正前 補正後

デジタルカメラで撮影した画像を明るくきれいに補正したり、大きさを変更するなど、画像やアニメーションの素材も驚くほど簡単に作成、修正できます。

写真を使用したアニメーションの作成

Adobe Flash 8(フラッシュ8)にFireworksで作成した画像を読み込み、モーショントゥイーン機能を使用したトップページのアニメーションを作成します。

Flash 8 制作画面

アニメーションの初歩の作り方からご紹介しますので、Flashが初めての方でも安心です。

作成したパーツを統合する

Fireworks、Flash、FlashPaperの実習で作成したパーツを統合して、Adobe Dreamweaver 8(ドリームウィーバー8)Webページを作成します。 Dreamweaverのスターターページには、一般的なサイトで必要なデザインパターンが多数用意されているので、すばやくサイトが作成できます。

Dreamweaver 8 スターターページ

Dreamweaverは、Webクリエーターにもっとも人気のあるWebオーサリングツールです。

Webのお手軽更新術

Adobe Contribute 3(コントリビュート3)では、「Webページを見る」→「編集する」→「公開する」という、3つの手順だけで誰にでも簡単に操作できるWebサイト編集ソフトです。サンプルを利用して、サイトを更新する実習を行います。

Contribute 3の操作手順

今回ご紹介した内容は、講座のほんの一部です。実際の講習では、作成時のポイントや注意点など、多数のTipsをご紹介いたします。

これからはじめるStudio 8講座 詳細へ