タグ

Webデザインとスライスに関するlocked_dogのブックマーク (1)

  • MdN Design|総合情報サイト

    タイトルやボタン画像など細かい素材をスライスする まとめてスライスして効率を高める そのほかの素材をスライスしよう。まずはメニューエリアでの、マウスカーソルを合わせるときのメニュー画像を作成する。あらかじめ各メニュー要素を別々のレイヤーに配置しておくと、作業がしやすい。各メニュー要素の共通の部分だけをコピーして、変化する個所だけを作成すると、表示ずれ等の不具合が生じにくい。レイヤーの表示・非表示を使い分けて、スライスを書き出そう。次に下位ページの素材に移る。下位ページのモックアップ【7】では、イメージするだけにとどめて、タイトル画像やボタン画像の素材は、別のファイル【8】にまとめておこう。そうすることで、編集する際にもスライスする際にも効率的である。 ここで、応用として背景にテクスチャ画像を配置する場合を考えてみる。テクスチャ画像を作成し、必要最小限の大きさの正方形にスライスする。この場合

    MdN Design|総合情報サイト
  • 1