| Dreamweaver(DW) |
文字を編集したり画像を貼り付けたりしてページ全体のレイアウトを行う |
| Fireworks（FX) |
ページに貼り付ける画像の編集 |
既存の画像の編集
- 既存のweb画像から編集する場合コピー＆ペーストでFWに持ってくることもできる
- 画像をコピーしFWで新規を選ぶとコピーした画像のサイズが入力されているのでそのままOK。
- ペーストで持って行ける
- 後でFXから保存をする
ツール
編集に使う道具
選択ツール
- 画像やオブジェクトを選択したり移動したりする基本ツール
テキストツール
- 画像に文字が打てる
- テキストツールに切り替えクリックすると（ドラックしないこと）そこから文字が打てる
ファイルの管理
Fｗでは一つの画像に対し編集用と貼り付け用の二つのファイルを用いる
| |
編集用元ファイル（png）
|
貼り付け用最適化ファイル（.jpg/.gif） |
| 用途 |
FWでの編集 |
DWでのページ貼り付け用 |
| サイズ |
重い |
軽い |
| 編集 |
可能（テキスト・レイヤー） |
不可能（絵の状態） |
| 保存方法 |
保存 |
書き出し |
| 保存場所 |
web/fx/ |
web/site/img/ |
最適化
- 編集用ファイルはそのまま貼り付けてはいけないのでページ貼り付け用画像を書き出すこと
- 最適化パネルでjpeg/gifを選ぶ
- 書き出しで最適化されたコピーファイルが書き出される
編集を行う度書き出しファイルを作成する
きょうのひとこと
パソコンで画像に文字を入れる方法がわかってよかったです。
サイズを軽くできたりする方法も活用したいです。
9/19 FW2 描画
レイヤー
- FW上のすべてのオブジェクトは前後関係（レイヤー）を持ち、レイヤーパネルで入れ替えや可視状態を操作できる。
- 最適化されたファイルはレイヤーが残らないためもう編集はできない
描画ツール（+shiftで縦横同比率）
- 矩形
- 角丸矩形（角丸の半径はカーソルキー）
- 楕円
- 多角形（形状で星形と切り替え）
透過gif
- 矩形以外の図形で背景を透かしたい場合透過GIFを用いる
- 透明のキャンバスで描画し、書き出し時にパネルで透明を選ぶ
決められたサイズでオブジェクトを作成する
オブジェクトを選択しプロパティインスペクタで幅と高さを入れればそのサイズにすることができる
きょうのひとこと
プリントスクリーン機能がボタン一つで簡単にできることがすごいと思った。
これから知っていたらとても役に立つので会社に入ったら活用したい。