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

Webデザイナー必携！ Phoshopを使いこなすノウハウを大公開
Photoshop CC 2014／CC／CS6対応

＜本書の主な内容＞
・Webデザインをスムーズに行うための設定をガイドライン
・素早く効率的にカンプ作成を行うための準備と各種TIPS
・マルチデバイス向けのデータを簡単に作る実践テックニック

Photoshop CC以降の新機能の使い方だけでなく、無料の拡張機能やスクリプトを積極的に利用することで、デザインの現場で実践的に使えるように配慮しました。

Photoshopを使ったWebサイトのデザイン例としては、CSSフレームワークの「Bootstrap」を利用したレスポンシブWebデザイン対応のカンプとモックアップを制作していく過程を順を追って紹介しています。

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（一覧表）
スプラッシュスクリーン