▶サイトマップ  ▶コンタクト

    レイヤーの操作


  • レイヤーの基本
  • 不透明度
  • 描画モード
  • 操作法
  • ステートの基本操作

レイヤーの基礎


レイヤーの概念

Fireworksには同じくadobe社が開発した、PhotoshopやIllustraterにそなわっているようなレイヤーの概念が取り入れられています。そのレイヤーの概念を理解することで、より効率的に、よりデザイン的にも優れたWebサイトを作成することが出来るようになります。

レイヤーの基本

レイヤーとは日本語で層や階層といった意味を持ちます。Fireworksではその階層を重ね合わせていくことで1つのファイルを作成することになります。少しわかりづらいかもしれないので下にその概念図を載せます。

レイヤーの概念図

例えば、Webサイト用のボタンをFireworksで作成する場合、上の図でいうところのレイヤー3に文字を、レイヤー2にボタンの枠線を、レイヤー1は背景、といった感じでレイヤーを使っていくことになります。

レイヤーパネルの構造

レイヤーパネルの構造は下記のようになっています。

レイヤーパネル

    シンボルとライブラリ


  • シンボルとライブラリ
  • ボタンシンボルの作成
  • リッチシンボル

    HTMLについて


  • 画像マップの作成
  • HTMLへの書き出し
  • スライスの作成
  • ロールオーバーの作成
  • スワップ画像の作成と効果
  • CSSで段落を作成し書き出す
  • ナビゲーションバーの作成
  • ポップアップメニュー

    書き出し


  • 画像の書き出し
  • 色深度とパレット
  • 透明化とインタレースの設定
  • 画像圧縮
inserted by FC2 system