Illustrator & Photoshop 手描き風アナログデザインのつくり方(イラストレーターアンドフォトショップテガキフウアナログデザインノツクリカタ)
アプリケーション- 著者:
- pasto(パスト)
- 出版社:
- 技術評論社
- 出版日:
- 2019年09月26日頃
- ISBN:
- 9784297107468
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
本書はデザイン手法のひとつとしての手描き風デザインやパーツを作成するためのテクニック集です。具体的には Adobe Illustrator および Photoshop のテクニックとなりますが、ポスターやチラシ、雑誌記事などの紙媒体だけでなく、 Web デザインや映像、スマホアプリなどでもよく見かける、味わいのあるラフな手描き感や質感などを活かすポイントを中心に制作方法を解説していきます。
写真をスキャンして質感のあるイラストにする方法、フォントを手書き風文字にする方法、スケッチ風の Web デザインを作成する方法、などなど、 Illustrator & Photoshop でのテクニックが満載です。
解説しているサンプルはダウンロードサービスで入手できるので、実際の完成品がどのような構成になっているのかを読者は確認できます (一部の写真などは収録されていません) 。さらに、デザイン作例に使用した素材もそのまま収録し、実際の制作も追体験できます。
なお、 Illustrator および Photoshop は CC2018 での解説となっており、収録しているデータも CC 対応のみとなっています。
はじめに
本書の読み方
サンプルファイルのダウンロード
PART 01 手描き風デザインのための Illustrator & Photoshop 基本テク
01 Illustrator と Photoshop の基本の連携
02 Illustrator の効果で手描き風に演出する
03 Illustrator のブラシで手描き風の線を描く
04 Photoshop のブラシで手描き風の線を描く
05 写真をベースに線画を描いて色を塗る
06 写真をベースに塗り重ねてイラストを描く
07 Photoshop のフィルター効果でアナログの質感を表現する
08 テクスチャ素材を合成する
09 手描きイラスト画像をパス化する
10 手描きイラストと写真を合成する
PART 02 手描きデザインのための素材パーツのつくり方
01 フリーハンドで描いたような文字デザイン
02 落書き風のロゴデザイン
03 墨で描いたようなにじみ文字
04 複数の手描きイラストをランダムにレイアウトする
05 均一な線にニュアンスを加えたイラスト
06 ドット柄のパターンをつくる
07 和紙のちぎり絵を再現する
08 手描きした線画イラストを着色する
09 一文字ずつ加工してつくるタイトルロゴ
PART 03 手描き風デザインのためのアイデア (紙媒体編)
01 手描きブラシで地図を描く
02 温かみのある素材を使った地図デザイン
03 2 色刷りのイベントフライヤー
04 写真を水彩画タッチのイラストに加工する
05 毛筆風ブラシを使った年賀状デザイン
06 チョークアート風のポスター
07 消しゴムはんこ風の背景デザイン
08 クレヨン風に加工した子ども向けチラシ
09 版ズレしたレトロな雰囲気の DM
10 立体的なペンで描いたようなデザイン
PART 04 手描き風デザインのためのアイデア (Web 編)
01 鉛筆風の質感を施した Web サイト
02 線画イラスト風の飾りをあしらったバナー
03 色鉛筆風の背景を使ったヘッダーデザイン
04 タイトルにグランジ加工を施し印象を強める
05 コスメパレット風ブラシを使った Web サイト
06 手づくり感のあるステッチ風 Web デザイン
07 アメコミ風デザインに加工する
08 インクがこすれたように加工する
技書の森解説
デジタルツールで制作しているのに、仕上がりが機械的で冷たい印象になってしまう。本書はその悩みに応える一冊で、 Illustrator と Photoshop を使いながら、手描きの筆致やアナログ素材の質感をデジタル上で再現する手法を解説しています。著者の pasto 氏はイラストレーター兼デザイナーとして活動しており、アナログとデジタルの境界を溶かすような表現を得意としています。
内容はブラシ設定のカスタマイズ、テクスチャの重ね方、色ムラやにじみの演出、紙の質感のシミュレーションなど、具体的な操作手順を作例ベースで追える構成です。完成形のビジュアルを見せたうえで「どのレイヤーでどんな効果を加えたか」を分解するため、再現性が高く、自分の制作物に応用しやすい作りになっています。
Illustrator と Photoshop の基本操作 (レイヤー、マスク、描画モードの切り替えなど) を一通り理解している人が対象で、ツールの使い方自体を学ぶ入門書ではありません。「操作はできるが、出来上がりに個性がない」と感じているデザイナーが、表現の幅を広げるためのアイデア帳として長く参照できます。
この本に興味がある方におすすめ
この本に関連
pasto の他の書籍
関連記事
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
あの有名 OSS のコードは、この本の影響を受けている
広く使われているオープンソースソフトウェアの設計には、技術書と共通の語彙や原則が残っています。OSS のコードから辿れる影響と、似ているだけの例の見分け方を整理しました。
技術書の帯コピーの世界 - 煽り文句に隠されたマーケティング
「10 万部突破」「現場で使える」「これ 1 冊で完璧」。技術書の帯に書かれた煽り文句の法則と、帯が売上に与える影響を解説します。
関連用語
抽象クラス
直接インスタンス化できず、サブクラスに共通のインターフェースと部分的な実装を提供するクラス
Template Method パターン
アルゴリズムの骨格を親クラスで定義し、具体的なステップをサブクラスに委ねるデザインパターン
Unicode
世界中の文字を統一的に表現するための文字コード規格
Decorator パターン実装
既存オブジェクトの振る舞いを動的に拡張し、継承を使わずに機能を追加するデザインパターン
Web アプリケーション
ブラウザを通じて利用するアプリケーション。インストール不要で幅広い端末で動く
SpringBoot
Java の定番フレームワーク Spring を、設定を簡素化して手早く使えるようにした基盤