Follow #ソシム販売部Twitterアイコン

  

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

鷹野 雅弘、黒葛原 道、牧下 浩之、三浦 将

達人が教えるPSDカンプ制作のベストプラクティス

定価
2,310円(本体価格 2,100円)
  • 発売日
    2015年3月13日
  • 判型/ページ数
    A5/224ページ(オールカラー)
  • ISBN
    978-4-88337-971-2
キーワード:
/ / / / / /

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

ダウンロードデータ

本書で紹介した作例のサンプルファイル、URLなどの各種情報、刊行後のアップデート情報などは、以下のサポートサイトで掲載しています。

お問い合わせ

本書に関するお問い合わせは、下記のボタンをクリックしてお問い合わせフォームよりお問い合わせください。

この書籍を問い合わせる

[ この書籍をシェアする ]

関連する書籍

カテゴリから本を探す

シリーズから本を探す

本を探す