96's blog

WEBサイト制作科 6ヶ月コース

PhotoShop08(ワイヤーフレーム、繰り返しの背景画像)

PhotoShopのみでカンプ作成

  • ガイドを利用。表示→新規ガイド→数値から指定できる。
  • テキストはMSゴシックPで、アンチエイリアスOFF。テキストはブラウザの環境によって表示が変わるので、きれいに表示されないIEを想定して描く。

f:id:webtm2013:20130730145707j:image

繰り返しの背景画像(ドロップシャドウ)

  • シェイプで四角を描き、ドロップシャドウをつける。
  • レイヤー→スマートオブジェクト→スマートオブジェクトに変換
  • トリミングしてweb用に保存。

f:id:webtm2013:20130730183827j:image

繰り返しの背景画像(連続する模様)

  • フィルター→その他→スクロールで垂直方向に高さの半分の距離を指定。

f:id:webtm2013:20130730183828j:image

  • 大きい文字は細いフォントで。
  • モデルの顔の向きは視線を誘導する。