webpagemaker https://blog.hatena.ne.jp/webpagemaker/ 96's blog https://96s.hatenablog.com/ Illustrator キューピーのコーポレートサイトをもとにワイヤーフレームを作成。 下絵となるキューピーのサイトをキャプチャー。 Illustratorで配置（テンプレートにチェック）。レイヤーで濃度調整。 ルーラーからガイドを引き、レイアウト要素ごとに区切ってシェイプで色分けする。 レイアウト要素ごとにレイヤーを分け。オブジェクトのレイヤーを変えるには、オブジェクトを選択するとレイヤーパレットに四角が出てくるので、移したいレイヤーまでドラッグする。 ファイル→書き出しでアンチエイリアスを外してpsd形式で保存。レイヤーを保持した状態でPhotoShopで操作できる。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F96s.hatenablog.com%2Fentry%2F20130730%2F1375110000" title="Illustrator08（ワイヤーフレーム） - 96&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/w/webtm2013/20130730/20130730183826.jpg Hatena Blog https://hatena.blog 2013-07-30 00:00:00 rich https://96s.hatenablog.com/entry/20130730/1375110000 1.0 100%