96's blog

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

Illustrator08(ワイヤーフレーム)

キューピーのコーポレートサイトをもとにワイヤーフレームを作成。

  • 下絵となるキューピーのサイトをキャプチャー。
  • Illustratorで配置(テンプレートにチェック)。レイヤーで濃度調整。
  • ルーラーからガイドを引き、レイアウト要素ごとに区切ってシェイプで色分けする。
  • レイアウト要素ごとにレイヤーを分け。オブジェクトのレイヤーを変えるには、オブジェクトを選択するとレイヤーパレットに四角が出てくるので、移したいレイヤーまでドラッグする。
  • ファイル→書き出しでアンチエイリアスを外してpsd形式で保存。レイヤーを保持した状態でPhotoShopで操作できる。

f:id:webtm2013:20130730183826j:image