9月の授業日記

9/12　web画像と編集ソフトFireworks

Dreameweaver(DW)	文字を編集したり画像を貼り付けたりしてページ全体のレイアウトを行う
Fireworks(FW)	ページを貼り付ける画像の編集

既存の画像の編集

既存のweb画像から編集する場合コピー＆ペーストでFWにもってくることもできる
画像をコピーしFWで新規を選ぶとコピーした画像のサイズが入力されているのでそのままOK。
ペーストでもっていける
後でFWから保存する

ツール

編集に使う道具

選択ツール

画像やオブジェクトを選択したり移動したりする基本ツール

テキストツール

画像に文字が打てる
テキストツールに切り替えクリックすると（ドラッグしないこと）そこから文字が打てる

ファイルの管理

FWでは一つの画像に対し編集用と貼り付け用の二つのファイルを用いる

	編集用元ファイル（.png)	貼り付け用最適化ファイル（.jpg/.gif)
用途	FWでの編集	DWでのページ貼り付け用
サイズ	重い	軽い
編集	可能（テキスト・レイヤー残る）	不可能（絵の状態）
保存方法	保存	書き出し
保存場所	web/fw/	web/site/img

最適化

編集用ファイルはそのまま貼り付けてはいけないのでページ貼り付け画像を書き出すこと

最適化パネルでjpeg/gifを選ぶ
書き出しで最適化されたコピーファイルが書き出される

編集を行うたび書き出しファイルを作成する

きょうのひとこと

FW初めてやってみて難しかった＼(◎o◎)／！

9/19 FW2描画

レイヤー

FW上のすべてのオブジェクトは前後関係（レイヤー）を持ち、レイヤーパネルで可視状態の操作できる。
最適化されたファイルがレイヤーが残らないためもう編集はできない

描画ツール（+shiftで縦横同比率）

矩形
角丸矩形（角丸の背景はカーソルキー）
楕円
多角形（形状で星形と切り替え）

透過gif

矩形以外の図形で背景を透かしたい場合透過gif用いる
透明のキャンバスで描画し、書き出し時にパネルで透明を選ぶ

決められたサイズでオブジェクトを作成する

オブジェクトを選択しプロパティーインスペクタで幅と高さを入れればそのサイズにすることができる

きょうのひとこと

ボタン作成楽しかったっっっ(^○^)☆