Fireworks

ボタンの作成

Fireworksは操作の大部分プロパティパネル。詳細な設定はできないことも。 ライブラリは、flashのシンボルにとても似ている。 レイヤーと、スライスレイヤーがある web画像作成に特化 コピペ 角丸 角丸長方形使わない→数値が出ないから 端が丸まっているもの…

ナヴィゲーションを作る

シンボルとステート 通常ナビゲーションを作るのは、シンボル化したボタンを配置する事が多い。 シンボルにしにくい、背景のあるナビゲーションにはステートを利用する。 ステート レイヤーを含む。階層が上のレイヤー。ステート間で中身のレイヤーを共有す…

効果を使用してナビゲーションを作る

fireworksを使用してのれんしゅう。 お手本 作例 文字ツール フィルター各種とライブエフェクト webレイヤーでのスライス http://littlestar.under.jp/dairynews/dairynavi.html

fireworksにつかえるスタイル

スタイルをインポート ダウンロードBlack social icons | Webportio - graphical resource of Adobe Fireworks ダウンロードしたスタイルファイル スタイルパネルからスタイルライブラリを読み込む スタイルパネルのセレクタに入る シンボルをファイルから …

Fireworksの互換性 Illustrator Photoshop

Illustrator Illustratorからのコピペ レイヤーは保持されない オブジェクト、グループがペーストされ、そのままベクトルを編集出来る。 読み込み レイヤー保持の選択が出来る 書き出し .fxgファイルで書き出し illustratorで開く場合 fxgファイルとは adobe…

Fireworks概要

何に特化したソフトか web画像の制作 効率と仕上がり 作業効率 画像の計量化 Webレイヤー(スライスレイヤー)がある ベクター画像とビットマップ画像が等しく扱える 不利な点 文字組が思い通りにならない 効果の質がPhotoshopに劣る ペンツールはIllustrator…

ベクトルオブジェクト

ベクトルオブジェクトを描く事ができる ペンツールはIllustratorより不自由 プロパティパネルで線(ストローク)の属性を変更する 線の種類のの形状により輪郭の表示が変化する。 角丸系はアンカーポイントを動かして、角の形状を調整 回転・変形は、ツールパ…

ビットマップ画像

Fireworksの利点のひとつ ベクトルとビットマップを同じステージで扱えること JPEG,GIF PNG(PNGはベクトルの属性を含む) 写真の扱い 写真を開く 写真を読み込む エフェクト・カラー調整・シャープ・アンシャープ フィルターから Photoshopと同じく(効果が少…

テキスト

Webでのテキストの扱いについて Webで表示されるテキスト2つ ブラウザに依存するテキスト 例外として画像として扱う文字 文字の基本3つ 文字サイズ 色 書体 行送りや行揃えはCSSで設定 ブラウザ依存のテキストは、カンプ上「PS Pゴシック」「アンチエイリ…

マスク

オブジェクトのマスク マスクしたい形状のオブジェクト マスクしたい画像 オブジェクトを「カット」→マスクとしてペースト 画像を「カット」→内部にペースト カットしてから対称を選択、編集→ 結果 グラデーションマスク マスクしたい形状のオブジェクト グ…