「Illustrator & Photoshop 和風デザインのつくり方」（技術評論社）の評判・価格・レビュー
Webデザインを学ぶための教材の基本情報・価格・レビュー。
PR・広告を含みます
Webデザインをスクールで学ぶなら、教育訓練給付で最大80%OFF。
対象講座なら受講料の最大80%（給付区分・上限・要件あり）が後日戻り、実質負担を抑えられます。独学の本＋スクールの併用も。
▶ あなたの講座でいくら戻るか試算（無料・30秒）
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
無料相談で適用条件を確認できます
はじめての方へ：教育訓練給付のしくみと損しない選び方 ／ 申請手順5ステップ
学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付／補助の対象外です。
※給付率・実質額は区分（一般20%／特定一般40%／専門実践 最大80%）と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR（送客手数料を受領）。
この本について
『Illustrator & Photoshop 手描き風アナログデザインのつくり方』の著者による、デザインに悩むデザイナーに向けたデザインの教科書第2弾です。ポスターやチラシ、雑誌記事などの紙媒体だけでなく、Webデザインでもよく見かける、和風デザインのつくり方が学べます。 具体的にはAdobe IllustratorおよびPhotoshopのテクニックとなりますが、いちから作品作成の手順を完成まで解説するのではなく、前作と同様に、和風デザインの作成上のポイントを中心として解説していきます。解説しているサンプルはダウンロードサービスで入手できるので、実際の完成品がどのような構成になっているのかを確認できます（一部の写真などは収録されていません）。さらに、デザイン作例に使用した素材もそのまま収録し、実際の制作も追体験できます。 なお、Illustrator 2020およびPhotoshop 2020での操作解説となっています。また、サンプルのうちAIファイルは、Illustrator 2020で作成したものをCC（レガシー）で保存したものとなっています。 はじめに 本書の読み方 サンプルファイルのダウンロード
第1章 和風デザインのためのIllustrator & Photoshop 基本テク 01 Illustratorの効果で手ぬぐい風のイラストに加工する 02 Illustratorでテクスチャ素材を合成する 03 Photoshopでテクスチャ素材を合成する 04 パスのイラストをIllustratorのブラシで墨絵風にする 05 Photoshopのブラシで墨絵風の線を描く 06 写真をイラストに加工する 07 つくった柄をスウォッチにパターン登録する 08 Photoshopのフィルター効果で水彩画風に加工する
第2章 和風デザインのための素材パーツのつくり方 01 文様『鹿の子』をつくる 02 文様『麻の葉』をつくる 03 文様『紗綾形』をつくる 04 文様『菊菱』をつくる 05 文様『立涌』をつくる 06 文様『鮫小紋』をつくる 07 文様『青海波』をつくる 08 文様『唐草』をつくる 09 文様『毘沙門亀甲』をつくる 10 文様『霞文』をつくる 11 文様『雲文』をつくる 12 『流水文』を描く 13 『松』を描く 14 『椿』を描く 15 『桜』を描く 16 『牡丹』を描く 17 『梅』を描く 18 『家紋』を描く 19 『水引』を描く 20 『鶴亀文』を描く
第3章 和風デザインのためのアイデア（紙媒体編） 01 毛筆風ブラシで描く年賀状デザイン 02 花札風の年賀状デザイン 03 やわらかな水彩画風のフライヤーデザイン 04 家紋風の名刺デザイン 05 紙焼けした古びた印刷物を表現したデザイン 06 シンメトリーに設計された箔押し風デザイン 07 和紙をコラージュしたフライヤーデザイン 08 ちぎり絵風の絵葉書デザイン 09 質感のあるタイトルデザイン 10 伝統的な文紋の背景デザイン
第4章 和風デザインのためのアイデア（Web編） 01 ぬくもりを感じさせる和紙風の背景デザイン 02 写真にかすれたブラシの質感を施したWebデザイン 03 タイトルに墨の力強さを出したWebデザイン 04 暖簾風に加工したバナーデザイン 05 和のイラストをランダムに散りばめたWebデザイン 06 新春の煌びやかさを演出したバナーデザイン 07 ベタ塗りイラストを水墨画風に加工したWebデザイン
判型：単行本
Webデザインとは
「Webデザイン」とは、ウェブサイトやアプリの見た目、構成、操作しやすさを整える活動です。見た目だけでなく、情報の優先順位や導線設計まで含めて検討します。結果として、読む人が迷わず目的を達成できる体験を作ることを目標にします。
こんな人向け：想定読者は、制作の入口にいる初心者や、CSSやレイアウトの基礎を学び直したい人です。デザインを「作る」だけでなく、使いやすさまで意識して学びたい人向けです。
独学ロードマップでの位置
学習は、理解→設計→作成→改善の順で進めると、知識を定着しやすくなります。単発の技術学習だけで終わらせず、どの場面で使うかをセットで回すと本の内容を実務へ接続しやすくなります。
- まずは目的別にサイト要件を言語化し、ページの情報を分類します。
- 次に色・文字・余白・階層の原則で、見た目の一貫性をつくる練習をします。
- 続いてレイアウトとレスポンシブ対応の考え方を結びつけ、想定デバイスでの体験を確認します。
- 制作した画面を実際の閲覧フローで検証し、修正点を箇条書きで記録します。
- 最後にアクセシビリティ、速度、保守性といった運用視点を加え、次作品へ再利用できる基準を整理します。
独学で足りる？体系的に学ぶ選択肢
独学では「どこまで作れれば十分か」を先に決めることが肝心です。派手な見た目より、基本原則と実務での再現可能な手順がある教材を選ぶと継続しやすいです。模写・再設計・自分の題材への当てはめを1セットにした教材ほど判断軸が定まりやすいです。
独学のリズムが取りづらい人や期限管理が必要な人は、学ぶ順番と提出物が明確な体制を選ぶと進みやすいです。単発学習より、設計・制作・レビューを一巡できる環境で進めることで、迷いの少ない習得につながります。 ▶ 給付でいくら戻るか試算
よくある質問
Q. まず何から手をつければよいですか？
最初はHTML/CSSの確認より前に、公開目的と読者像を決めると迷いが減ります。次に情報の構造を図にして、ページの核となる導線を作ると理解が早まります。
Q. 独学で途中で止まりがちになる原因は？
作成が上手くいかないより、評価基準が曖昧なまま次に進むことが原因です。制作ごとに「何を優先したのか」を1枚にまとめるだけで、次の判断がしやすくなります。
Q. 習得の目安はどのくらいで作れますか？
人によって進み方は異なるため一律の時間は断定できません。小さなページを短サイクルで何度も改善する反復が、理解を加速させる一般的なやり方です。
次の一冊：次は「HTML/CSS基礎」「UI基準・タイポグラフィ」「アクセシビリティ」「コーディングの実装面」を順に確認すると、Webデザインの読み解き方が深まります。あわせてレビュー観点を文章化し、次の本選びの基準を固定すると比較が容易になります。
