Webデザイナースクール体験記

【Webデザイナースクール 名古屋 今日の授業内容】

・Fireworks
マスクをかける練習を兼ねながらヘッダーをリサイズしていきます。

写真レイヤーの高さを200pxに変更。

ガイドを表示させ、定規の中からドラック。
基準点を00の位置に合わせる。

高さをリサイズしたことにより画像が途中で切れてしまうので、これを回避するためにグラデーション画像を作成してマスクをかけていきます。

矩形ツールで800×200pxの長方形をつくる。
背景色は白
座標は、x=50 y=0

マスクをかけるのが長方形。
マスクをかけられるのが画像。

長方形を選択。
塗りをグラデーション→線型を選択。

バケツツールで上から下にドラックして縦のグラデーションを作る。

塗りの不透明度を調節。

修正→マスク→グループ化。

これで下の画像にマスクをかけることになります。

ビットマップを選択。
選択範囲の統合（ビットマップ化）

これで、マスクの情報がとれて1枚の絵になりました。

これは、もとの画像をリサイズ・編集したものなので、次ぎは複数ページ用のヘッダー画像を作成していきます。

・Fireworksで新規作成。
800×200px

用意された画像の中から1枚をピックアップして開き、編集。
カラー調整、トーンカーブ、ぼかしガウスなど。
乗算とします。

先ほど作成したマスク用の長方形をコピー＆ペースト。

修正→マスク→グループ化。
ビットマップを選択。
選択範囲の統合（ビットマップ化）

そのまま画像をコピー

・Flash
Flashに移動。

写真レイヤーの画像を削除。

ペーストしたいタイムラインを決めてペースト。
写真レイヤーの1フレーム目を選択。

ペーストすると自動的にムービークリップとなる。

ムービーの書き出し。

これを繰り返して5つのswfファイルができました。

今日の授業内容は、これまで独学でしてきた専門書にはないやり方ばかり。
何度も反復練習をしないと自分のものにはなりません。

同じ作業をするのにも、Flashの操作方法、Fireworksの編集方法にはこれが正解ということは無いようです。

それぞれのアプリケーションをたくさん触って、連動させながら自分のアイディアで効率のよい連動方法を身につけていけばいいんですね。