原稿

1. 単位は相対単位のピクセルにする
「プロファイル」を「Web」に選択する
「詳細」下向き矢印クリック。
「プレビューモード」で「ピクセル」プレビューを選択。

 

2. Web用に保存のとき
「アートボードサイズでクリップ」にチェック

「サーとボードサイズでクリップ」とは
アートボードからはみ出したオブジェクトはラスタライズされません。

(アートボードの外も書き出しする場合は、「アートボードサイズでクリップ」のチェックを外す)

+++++++++++++++++++++++++++++++++++++++++
※ Photoshop Illustratorの使い分け
写真が多いサイト~Photoshop
フラットデザインが多いサイト~Illustrator
++++++++++++++++++++++++++++++++++++++++++

◯良いところ
写真の加工は出来ないがリンク画像をリンクさせておけば後からの修正は楽
アートボードを複数つくってレスポンシブ用のデザイン作成が簡単

◯注意点
・線は内側に
四角のボックスや枠線を使用する際、線の位置は必ず「内側」にしておきましょう。そうしないと、線にアンチエイリアスがかかって1pxにしたはずがなぜか2pxあるようにみえてしまいます。

ピクセルグリットに整合をオンに
これをオンにしておけば1ピクセル単位で吸着してくれるので必ず使用してください。

++++++++++++++

テンプレートを作っておこう
[ファイル]メニューの[テンプレートとして保存…]で、ファイル形式がait
パソコン用、スマートフォン用、アプリアイコン用などサイズ別に何パターンか