Webデザイン 神速Photoshop [Webデザイン編]を書きました。

神速デザインシリーズの最新刊、神速Photoshop [Webデザイン編] が3月26日に全国の書店や Amazon、各電子書籍ストアにて発売されます。

神速Photoshop [Webデザイン編] は、既に Photoshop を使ったWebデザインカンプ制作ができる方向けに環境設定からカンプ制作、画像の書き出しなど各ジャンルにわたって時短テクニックをまとめたものです。

• Amazon（紙の書籍・特製キーボードショートカットシール for Mac付）
• Amazon Kindle（電子書籍）
• BOOK☆WALKER（電子書籍）
• 楽天ブックス（紙の書籍）

主な内容

Chapter 01　設定の神速テクニック

Photoshop は本来写真補正用のアプリケーションなので、そのまま使おうとするとWebデザインカンプ制作の効率は非常に悪くなります。

「Photoshop はWebデザインには向いていない」という方や、「作業効率が悪い」と感じている方は、まず Photoshop の環境設定を見直すことからはじめましょう。

• WebとDTPの両方でPhotoshopを使用する
• レイヤーパネルを使いやすくして作業効率をアップ
• PSD納品チェックリスト

など10の神速テクニックを収録。

Chapter 02　ファイル操作の神速テクニック

Fireworks でデザインカンプ制作をしていたものを Photoshop に引き継いだり、Photoshop で制作したデザインカンプを Dreamweaver にサクッと配置するなど、13のファイル操作関係の神速テクニックを収録。

• 「レイヤーに基づく新規スライス」でパーツをすばやくスライスする
• 画像アセットの生成機能で画像パーツを自動で書き出す
• サイズ違いのバナーは1枚の PSD にまとめて制作
• Fireworks で作成したデータを Photoshop に確実に引き継ぐ
• HTMLページからPhotoshopで編集可能なデータを作成する

Chapter 03　画像作成の神速テクニック

Photoshop による16の画像処理の神速テクニックを収録。
複数のページで共通の「ヘッダー」や「フッター」がある場合、リンク配置する新機能なども。

• 変数機能で都道府県別バナーをまとめて作る
• ロゴをスマートオブジェクトで配置して修正にすばやく対応
• CSS からカラーを抽出して一発でスウォッチ登録
• 共通パーツをリンク配置して修正にスピード対応

Chapter 04　画像補正の神速テクニック

写真補正など、Photoshop本来の神速テクニックを14収録。
特に新機能を使用したテクニックが多いです。

• 「HDRトーン」と「Camera Rawフィルター」でHDR風画像をサクっと作る
• 手ブレ写真を「ぶれの軽減」でサクっと修正
• 「ラバーバンド」を併用して写真のパス切りをラクラクこなす
• 「遠近法ワープ」で自然なパースにすばやく調整

Chapter 05　文字組/レイアウトの神速テクニック

Webデザインカンプ制作では避けられない、文字組やレイアウト関連の神速テクニックも13収録。

• アクションを使ってよく使うフォントをすばやく適用
• 文字スタイル・段落スタイルパネルで見出しのスタイルを一気に統一
• アタリ画像をクリッピングマスクでササッと差し替える
• 自由変形ツールで長いページでもオブジェクトをすばやく移動

Chapter 06　レイヤーの神速テクニック

かなり高機能な Photoshop のレイヤー周りに関しては、11の神速テクニックを収録。

• 非表示レイヤーや空白のレイヤーをパッと削除
• ロック中のレイヤーをショートカットですばやく選択
• スマートフィルターでやり直しできる効果を適用

Chapter 07　プラグイン、エクステンションの神速テクニック

Photoshop の魅力の1つは、プラグインが豊富にあることです。
この Chapter には、12のプラグイン・エクステンション（と Adobe Bridge の機能）を収録。

• 「CSS Hat」でコードを出力してスマホサイト制作を効率化
• 「Subttle Patters」でテクスチャーパターンをすばやく適用
• 「Specctr」でスタイルガイドを手早く作成

執筆陣

神速Photoshop [Webデザイン編] は、他の神速デザインシリーズと同様共著です。
ここで、簡単に執筆陣を紹介させていただきます。

イシジマ ミキさん

Web から DTP まで幅広くデザインを行う傍ら、講演や書籍執筆を手がけられている方です。
スクーに出演されたり、こけむさズというコワーキングスペースを運営されていらっしゃいますね。

鈴置 菜津女さん

デザイナー/アートディレクターをされていらっしゃる方です。ヤフー株式会社で子ども向けサービスや広告管理ツール、Yahoo!ニュースなどを担当されているそうです。
共著書に『HTML5テクニックバイブル』(技術評論社) があります。

鴇﨑 亘さん

フリーランスのデザイナー として、Web制作を中心に印刷物のデザイン、制作なども行っていらっしゃる方です。
Web制作会社に勤めるペンギンが主人公のマンガ「アシナガペンギン どっと ねっと」も有名ですね。

橋本 和宏さん

面白法人カヤックで働いていらっしゃる方です。Webサービスやキャンペーンサイトのデザインをはじめ、iOS・Android等、様々なデバイスのインターフェイスデザインを経験されたことがあるそうです。

ハマダ ナヲミさん

企業サイトからスマートフォン向けアプリ、紙媒体等のデザインとアートディレクションをされている方です。
タイポグラフィ好きのためのイベント「文字飲み」を東京や福岡で開いていらっしゃる方でもあります。

細川 富代さん

「バニレートデザイン事務所」にてWebデザインを中心に活動されていらっしゃる方です。
ツール、アプリケーションを利用した考え方や活用方法などについて書かれたブログ「バニデザノート」を運営されていらっしゃいます。

庄崎 大祐

このブログを書いている人です。
プロになるためのWebデザイン入門講座 などの書籍を執筆したり、渋谷で 社会人のためのWebデザインスクール を運営しています。

Amazon.co.jp限定特典

Amazon.co.jp で紙の書籍版をご購入頂いた場合、先着1,000冊に「キーボードショートカットシール for Mac」が付属します。
MacBook の黒いキーボードでも見やすい、Photoshop のキーボードショートカットシールです。

Amazon: Amazon.co.jp： 【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製「キーボードショートカットシール for Mac」付: イシジマミキ, 庄崎大祐, 鈴置菜津女, 鴇崎亘, 橋本和宏, ハマダナヲミ, 細川富代: 本

イベント

神速Photoshop公式というわけではないのですが、3月下旬〜4月にいくつかのイベントで、神速Photoshop [Webデザイン編] の内容の一部や、書籍に収録されていないがWebデザインに役立つスクリプトの作り方などについて講演します。
場所はいずれも都内です。

WordBench東京3月: 春のデザイナー祭り！ – WordBench東京 | Doorkeeper

2014年3月29日（土）13:30開場 14:00開始です。
「PhotoshopによるWebデザインカンプ制作の神速技」というテーマでお話しします。

CSS Nite LP, Disk 34「Webデザインで使うPhotoshop」

2014年4月19日（土）開催です。
次のような内容にて調整中です。

• 黒葛原 道（eater）：レイヤースタイルを使いたおす！
• 石嶋 未来（ザ・マーズナレッジ）：Webだからこそできる、写真やイラストがないときの低コストでできるデザイン発想方法
• 庄崎 大祐（Stocker.jp）：試してみた！便利なPhotoshop有料プラグイン
• 庄崎 大祐（Stocker.jp）：自分でスクリプトを書いて効率アップ
• 牧下 浩之（Plankton Design）：実案件での作業を想定したpsd作成フロー

WebデザイナーのためのPhotoshop神速テクニック

2014/04/01 (火) 13:30開始です。
3時間以上にわたり、Photoshopで効率よくWebデザインカンプを制作するための基本設定から効率よく図形を制作・整列するための基礎、画像を効率よく書き出すための新しい機能を中心にお話しします。