WEB用のIllustratorの設定はこのようにするといいでしょう
>【環境設定】>【単位】ですべて『ピクセル』に設定
>【環境設定】>【一般】でキー入力を『1px』に設定
>【環境設定】>【ガイド・グリッド】でグリッドを『10px』分割数を『10』に設定
>【カラーモード】を「RGB」に設定
>【新規オブジェクトをピクセルグリッドに整合】のチェックを外す
>『変形パネル』内で、[ピクセルグリッドに整合]にチェックを入れる
>『アピアランスパネル』の設定の「新規アートに基本アピアランスを適用」のチェックを外す
>『線パネル』の設定の「線の位置」を「線を内側に揃える」に変更する
>『整列パネル』の設定の「プレビュー境界を使用」にチェックをつける
>【表示】>【ピクセルプレビュー】にチェックを入れる。（ドラッグした時にXY座標が必ず整数値になります）
>『変形パネル』の「ピクセルグリッドに整合」のチェックを外す
Illustratorからretinaディスプレイ用の画像をスライスするには
こちらからインストールします → 素早く画像書き出しできるillustrator向けスクリプト
画像を選択して
【ファイル】>【スクリプト】>【quick-exporter】を選択する
だけです、レイヤー名がファイル名になります。
とても簡単ですのでオススメです。
http://3fl.jp/nis006
おおまかな手順は以下のとおりです。
・レイヤー『//artboards』にアートボードサイズの矩形を複数配置
↓
・全ての矩形を選択して、スクリプト【Rebuild Artboards】を実行し、アートボードを一気に作成
↓
・スクリプト【Export Artboards by Dialog】で全アートボードの画像を書き出し
photoshopで複数行のテキストレイヤーを改行ごとに別々のレイヤーにばらすスクリプト
↓ こちらからダウンロードして /Applications/Adobe Photoshop CC XXXX/Presets/Scripts にコピーします
複数行のテキストを1行づつ分割するPhotoshopスクリプト | Cubix
こちらのスクリプト Mac の PhotoshopCC では以下を書き換えると動作します
11行目
if ($.os.indexOf('Mac') >= 0) {
var BR = String.fromCharCode(10);
↓
if ($.os.indexOf('Mac') >= 0) {
var BR = String.fromCharCode(13);
Photoshopの整列・分布パネル
http://graphicartsunit.tumblr.com/post/131547070064/pathfinder-aligndistribute
（旧バージョン 手動での）インストール方法
1. アプリケーション > Adobe Photoshop CC 2015 > Plug-ins に移動
2. フォルダ「Panels」を作成。（すでにある場合はスキップ）
3. 上記サイトからダウンロード、解凍したフォルダ「align_dark_cc」をコピー
4. Photoshopを再起動する
Google Fontsは基本的にはCSSを指定してWEBページで使用しますが、 レイアウトするために、IllustratorやPhotoshopで使用したい時があります。 その時は
https://github.com/google/fonts/
ここから全フォントを一括ダウンロードして、使いたいフォントを選んでインストールするといいでしょう。
http://www.fonts.com/ja/web-fonts/google SkyFontsを使うと5台までフォントのインストール環境を共有できます。