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

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

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

神速Photoshop [Webデザイン編]

主な内容

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デザインスクール を運営しています。

Webコーディングスクール 体験レッスン受付中

本書の購入方法

以下のリンクからどうぞ。

最近の記事

Web制作関連動画

メルマガ会員向けの「コーダーにも役立つ補完AI『Codeium』の使い方」の動画を期間限定で公開しています。
CodeiumはGitHub Copilotと似ていますが、CSSなども補完できて、今登録すれば無料で使えます。

メルマガでは、Web制作者のためのAI活用やWordPress関連の動画など、さまざまな特典があります。ご興味ある方は、ぜひメルマガにご登録ください。