概要

IllustratorとPhotoshopで手描き感・アナログ質感を作り込む

想定読者

Illustrator・Photoshopの基本操作を習得済みで、手描き風・アナログ質感の表現を紙媒体・Web両方に取り入れたいグラフィックデザイナーやWebデザイナー

こんな人には向いていない

• IllustratorやPhotoshopを初めて触る人には操作の前提説明が少なく、基礎操作の習得を先に済ませる必要がある
• CC2018以降の大幅なツール変更に依存する作例があるため、CS6以前の旧バージョン利用者には一部再現できないテクニックがある
• ブランド戦略やレイアウト理論など、デザイン思考・概念を体系的に学びたい読者には向かない

読了後にできるようになること

• IllustratorとPhotoshopを連携させてアナログ質感を再現するワークフローを構築できる
• ブラシ・フィルター・テクスチャ合成の組み合わせで、鉛筆・水彩・チョーク・墨など多様な手描き表現を使い分けられる
• 写真を線画・水彩画・イラストに変換する複数の加工手順を実践できる
• フォントや既存ロゴに手書きの揺らぎやにじみを加えるタイトル加工が自分でできる
• 紙媒体(フライヤー・DM・年賀状)からWebデザイン(バナー・ヘッダー・サイト全体)まで、手描き風表現を場面に応じて使い分ける判断軸が得られる
• サンプルファイルを使った追体験で、完成品の構成と使用素材をそのまま確認しながら学べる

本書のキー概念(章解説)

• 第 1 章 手描き風デザインのためのIllustrator & Photoshop 基本テク — 両ソフトの連携方法から始まり、ブラシ・フィルター・テクスチャ合成まで基礎技法を網羅。ここを押さえれば後続PARTの応用がスムーズになる
• 第 2 章 手描きデザインのための素材パーツのつくり方 — 文字デザイン・ロゴ・パターンなど再利用しやすいパーツ制作が中心。一度習得すれば素材ライブラリとして蓄積できる
• 第 3 章 手描き風デザインのためのアイデア(紙媒体編) — 地図・フライヤー・年賀状・ポスターなど実案件に近い作例が10本。完成品の構成を追体験できるため、受注制作への応用がしやすい
• 第 4 章 手描き風デザインのためのアイデア(Web編) — バナー・ヘッダー・サイトデザインなどWeb用途に特化した8作例。紙媒体との質感コントロールの違いを比較しながら読むと実践的

ハイライト

• 写真をスキャンして質感のあるイラストにする方法、フォントを手書き風文字にする方法、スケッチ風のWebデザインを作成する方法、などなど、Illustrator & Photoshop でのテクニックが満載です(本書が扱うテクニックの多様さと実用範囲の広さが端的に伝わる箇所)
• ポスターやチラシ、雑誌記事などの紙媒体だけでなく、Webデザインや映像、スマホアプリなどでもよく見かける、味わいのあるラフな手描き感や質感などを活かすポイントを中心に制作方法を解説していきます(対象媒体の幅広さを示しており、Webデザイナーにも紙デザイナーにも訴求できる理由が明確)

編集メモ

Qiita言及0件・楽天ランキング情報なし。Illustratorブラシ・Photoshopフィルターなどジャンルの定番テクニックを体系的に扱う実用書として一定の位置づけはあるが、外部シグナルが確認できないためsupplementaryとする

読む前に押さえておきたいこと

• IllustratorとPhotoshopの基本操作(レイヤー管理・選択ツール・パスの概念)
• Adobe CCライセンス(CC2018以降推奨)
• 印刷用途の場合はRGB/CMYKカラーモードの違いの基礎知識

学習のコツ

• PART01の基本テクを一通り手を動かしてから応用PARTに進むと、各作例で使われているテクニックの組み合わせが見えやすくなる
• PART03とPART04は独立した作例集なので、手がけている案件の媒体(紙・Web)に近い章から先に読んで実務へ応用する読み方も有効
• サンプルファイルは完成状態のレイヤー構成を確認できるため、解説を読む前に完成品を開いて構造を把握してから逆算的に工程を追うと理解が深まる
• CC2018で解説されているが、ブラシ・フィルター・効果パネルの概念は現行バージョンでほぼ同一なので、操作ダイアログの差異はヘルプで補いながら活用できる