Webデザインの現場ですぐに役立つ Photoshop仕事術

目次

1章 環境設定

1-1. インターフェイス設定のポイント
1-2. スクリプトの利用
1-3. 環境の同期、復元
1-4. Webデザインに適した設定を行う

2章 Photoshop CC以降でのカンプ作成のベストプラクティス

2-1. 作例について
2-2. PSDカンプの必然性と制作方針
2-3. 新規ドキュメントを作成する
2-4. デザイン・レイアウトの作成
2-5. レイヤーカンプを使ったステートの管理
2-6. モジュール管理のための下準備
2-7. タブレット、スマートフォン用のレイアウト
2-8. Bootstrapを使ったモックアップ制作
2-9. アセットを抽出
2-10. コーディング

3章 モバイルにも通用するデザインカンプ制作のイロハ

3-1. デザインをスムーズにするガイドライン
3-2. ［レイヤー］パネルの整理術　実践編
3-3. 要素の共有
3-4. スケーラブルな表現方法
3-5. Generatorによる画像の書き出し

4章 効率化のためのTips

4-1. テキストエフェクトのライブラリ化
4-2. マスク付きレイヤーグループの活用
4-3. 変数を利用したWebバナー制作
4-4. 表組みはDreamweaverで作成してリンク配置
4-5. スクリプトで実現する「拡張スライス」
4-6. 簡易的にカラーバリエーションを作成する
4-7. トラブルを防ぐ差異確認用レイヤーの作成
4-8. 「Renamy」でレイヤー名の変更を効率化
4-9. レイヤースタイルの重ねがけでPOP文字を作成
4-10. レイヤーサイズをレイヤーに自動で記述する
4-11. 指定したレイヤー（レイヤーグループ）を別ファイルに

5章 見落としがちな基本機能

5-1. 角度補正と切り抜き
5-2. ゆがみを正す
5-3. 写真素材の補正
5-4. アクション
5-5. その他

付録

Font Awesome Cheatsheet（一覧表）
スプラッシュスクリーン