Fireworksでデザインファイルを作成する時のキャンバス幅の決め方

[操作手順]
1.Ctrl+Nで「新規作成」の窓へアクセスします。

2.キャンバスサイズの「幅」、「高」を決めます。

ブラウザで表示する時の余白を考慮して、左右にプラス100px程のマージンを設けておくのがコツです。
例)幅:900px → 幅:1100pxとするとよい

3.キャンバスカラーを「白」、「透明」、「カスタムカラー」から選択します。

以上で完了です。

 

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

Fireworksでオブジェクトの枠線や属性も一緒に拡大・縮小する方法

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作で画像レイヤーを選択します。

3.Ctrl+Shift+Tで「数値を入力して変形」の窓へアクセスします。

4.「属性の拡大・縮小」にチェックを入れます。
このチェックを入れることで、
オブジェクト拡大時は、オブジェクトの枠線や属性も一緒に拡大(太く)するようになります。
オブジェクト縮小時は、オブジェクトの枠線や属性も一緒に縮小(細く)するようになります。

5.「拡大・縮小」を選択してパーセントを決め打ちするか、「サイズ変更」を選択してピクセルを決め打ちします。

以上で完了です。

[参考]
http://www.iltt.info/page/fireworks/reference/02_edit/18.htm

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

Fireworksで画像の縮尺を変える方法 ~数値を入力して変形~

※注意点
Fireworks ではビットマップ画像の縮尺を変えるたびに劣化します。
Ctrl+S 保存をしていなくともリアルタイムで処理されています。

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作で画像レイヤーを選択します。

3.Ctrl+Shift+Tで「数値を入力して変形」の窓へアクセスします。

4.「拡大・縮小」を選択してパーセントを決め打ちするか、「サイズ変更」を選択してピクセルを決め打ちします。
「縦横比を保持」にチェックを入れることで、画像のアスペクト比を維持できます。

以上で完了です。

[この方法の特徴]
・ピクセル単位で決め打ちできる。

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

Fireworksで画像の縮尺を変える方法 ~プロパティの「幅」と「高」~

※注意点
Fireworks ではビットマップ画像の縮尺を変えるたびに劣化します。
Ctrl+S 保存をしていなくともリアルタイムで処理されています。

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作で画像レイヤーを選択します。

3.プロパティ窓にアクセスします。
※プロパティ窓が表示されていない時はCtrl+F3を押します。(現れる/消えるがトグルします)

4.プロパティ窓の「幅」と「高」に数値を決め打ちします。
※単位はピクセルです。

以上で完了です。

[この方法の特徴]
・ピクセル単位で決め打ちできる。
・「幅」を決め打ちした時点で画像が一度劣化してしまう。
・画像のアスペクト比を維持する時は、自分で縦/横pxを計算しなくてはならない。

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

Fireworksで画像の縮尺を変える方法 ~マウスでDnD~

※注意点
Fireworks ではビットマップ画像の縮尺を変えるたびに劣化します。
Ctrl+S 保存をしていなくともリアルタイムで処理されています。

[操作手順]
1.「選択ツール」、または「ダイレクト選択ツール」を選択します。
※「選択ツール」はツール窓の最上段の左列にあります。
※「ダイレクト選択ツール」はツール窓の最上段の右列にあります。
※ツールが表示されていない時はCtrl+F2を押します。(現れる/消えるがトグルします)

2.マウス操作で画像レイヤーを選択します。

3.画像レイヤーのパスの四隅にあるアンカーポイント(■の箇所です)に注目します。
アンカーポイントをマウスでドラッグアンドドロップすると画像の縮尺が変わります。
Shiftを押しながらマウス操作すると画像のアスペクト比が維持できます。

以上で完了です。

[この方法の特徴]
・ピクセル単位で操作するのは難しい。
・何度もやり直すと画像が劣化してしまう。

[PC環境について]
Windows 7 SP1
Fireworks CS3 9.0

パスとは? [Fireworks] [Illustrator] [Photoshop]

図形や画像を選択状態にした時に表示される青線がそれを示しています。

224391_002

> パスとは1つまたは複数の、直線や曲線のセグメント (線) から構成された図形のことで、各セグメントの始まりと終わりには、アンカーポイントが付いています。アンカーポイントは、ワイヤーを固定するピンのような役割をしています。

http://helpx.adobe.com/jp/illustrator/kb/224391.html

アンカーポイントとは? [Fireworks] [Illustrator] [Photoshop]

パスの■の箇所のことです。

224391_002

> 曲線や直線の始まりと終わりには、アンカーポイントが付いています。
> アンカーポイントは、ワイヤーを固定するピンのような役割をしており、移動したり削除したりすることで図形を変形させることができます。

http://helpx.adobe.com/jp/illustrator/kb/224391.html

Fireworksで「選択ツール/ダイレクト選択ツール」を使わずにパスを「選択」する方法

[操作手順]
Ctrlを押しながらマウス操作することでパスを「選択」できます。
アンカーポイントのドラッグアンドドロップなども可能です。
「選択」の為に「選択ツール/ダイレクト選択ツール」へ行き来しなくて済むので時間短縮になります。

 

[PC環境について]
Windows 7
Fireworks CS3 9.0

Practice is better than precept.