専門学校でIllustratorを学び始めた学生さんに向けて行ったハンズオン付きセッションのスライドです。アピアランスの基本的な概念と効果の活用方法を紹介しています。 Appearance Restaurant http://hamfactory.net/portfolio/appearance-restaurant/ バリエも作れる雪の結晶アピアランス http://hamfactory.net/illustrator/graphic_style-snow/ ゆめのなか https://www.behance.net/gallery/32266419/in-a-dream Terrarium - MAX CHALLENGE https://www.behance.net/gallery/71792031/Terrarium-MAX-CHALLENGE

1. 思考のプロセスと表現のロジック
五十嵐華子／ ikka lab.
@hamko1114
このスライドは、Adobe Illustratorを学び始めた学生さんに向けて行ったハンズオ
ン付きセッションで使用したものです。フォローアップ資料として公開しますので、
Illustratorの使い方に興味のある方に参考にしていただけると嬉しいです。

2. 五十嵐華子と申します。どうぞよろしくお願いいたします。

3. 私が一番好きなAdobe製品はIllustrator。趣味でも仕事でも利用しています。今回
は私が普段どのようにIllustratorを使って制作をしているか、ハンズオンを交えてご
紹介します。

4. こちらは専門学校卒業後の私の進路です。地元の印刷会社に就職した後、東京支
店での勤務などを経てフリーランスになりました。ちなみに、現在はふたたび地元・
静岡に戻っています。

5. おかげさまでフリーランスも7年目になりました。有り難いことです。

6. 私は卒業後からずっと、主にチラシやリーフレットなどを作成するDTPオペレータ
ーをしています。

7. 自分の仕事を尋ねられた時に、「DTPオペレーター」と名乗ってもどんな職種か通
じないケースが多いので、私の場合についてかんたんに説明をします。

8. 私が在籍していた会社では、営業（時々デザイナー）から受け取った原稿やレイアウ
ト指示などをもとにして、PCを使って印刷用のデータを作る人のことを「DTPオペ
レーター」と呼んでいました。

9. 複数回の校正を経て、校了が出たら印刷工程へとデータを回します。自分のすぐ次
の工程は工場なので、製品事故につながるミスが無いよう常に意識する必要があり
ました。

10. 普段なかなか意識することはないと思いますが、印刷物は工業製品です。工業製品
である以上、安定した品質で大量に製品を作り、できるだけ機械を稼働させる必要
があります。つまらないミスで機械を止めるわけにはいきません。

11. DTPオペレーターには「速く・美しく・正確に」印刷に適切なデータを作成すること
が求められました。ですので私が入社した当初は、オペレーターのデザインスキル
の取得は二の次だったように思います。

12. ところがこの10年ほどで大きく状況が変わりました。チラシ作成の仕事はかなり減
っていますし、オペレーターでもかんたんなデザインくらいはできないと生き残れな
いのが現状です。個人的には、地方では特に顕著な現象だと感じています。

13. わかりやすく「デザイナー」と名乗ってしまっても良いのですが、デザイナーを何でも
屋と思っている方も地方には多く、誤解を避けるためにも最近は「かんたんなデザ
インもできるDTPオペレーターです」と説明するようにしています。

14. こんな事情もあり、オペレーションのスキルを活かしながらデザインの案件もお請
けするようにしています。ここからは実績をご紹介します。
※諸事情によりスライドでは省略

15. 私は学生時代からイラストを描くことが好きなのですが、趣味が高じてイラストの仕
事もさせていただいています。

16. こちらは小規模保育園の装飾グラフィックです。道路に面したガラス窓全面にグラ
フィックを印刷したフィルムを施工しています。

17. 園名に合わせたオーダーがあり、繭や糸などのモチーフを用意しました。低年齢の
お子さんが目にするものなので、絵本のようなタッチをこころがけています。

18. こちらはキャラクターのデザインです。サービス名から連想する「こなす」をモチー
フに、キャラクターを2体ご提案させていただきました。

19. また、Kaleidoインキの印刷サンプルとして作品提供をしています。+DESIGNING（マ
イナビ）の連載や付録などでイラストを活用していただきました。

20. 厚盛箔「Scodix」のサンプル制作にも参加させていただきました。ニスで箔を固め
る印刷加工なのですが、従来の箔押しと比べて低コストで、インパクトのある箔表
現に気軽に挑戦できるのがメリットです。

21. ここまでご紹介したものはすべてIllustratorを使って制作しています。

22. フリーランスになってから、できるだけIllustratorに関する情報発信をするようにし
ています。自分自身、SNSやブログなどを通じて同業の方の情報に何度も助けてい
ただいたからです。

23. 情報発信を続けているおかげか「Illustratorが好きな人」として認識されているの
ですが、好きが高じてこんな機会もいただくようになりました。

24. 勉強会やセミナーでの登壇、記事や書籍の執筆などは自分の本職ではないのです
が、自分自身も勉強になることばかりです。

25. Illustratorは2017年にリリース30周年を迎えました。「30代までのIllustratorユー
ザー30人を紹介する」という30周年企画の記念連載の中でもDTPオペレーターと
してご紹介いただきました。

26. 田舎の片隅でただふつうにDTPオペレーターをしているだけでは考えられないよ
うな機会をいただいてきましたが、振り返ってみて強く思うのは「ロジックは理解し
ておくべき」ということです。

27. そもそも、アプリケーションを扱うのにしくみを理解していないと、長い目で見たら
不都合なことばかりですよね。

28. 検索すれば大量の情報に触れられる時代ですが、技術を上辺だけ理解してもあまり
意味がありません。CC世代のみなさんは特に、自分自身のテクニックを更新してい
く必要もあるでしょう。

29. そんなわけで、今日行うハンズオンではできるだけ機能や設定の「しくみ」に言及し
ていきます。

30. 今回の依頼を請けた時に「Illustratorの本気ってなんだろう？」といろいろ考えたの
ですが…

31. 今回はIllustratorのアピアランス機能について紹介をしていきます。

32. そもそもIllustratorにおける「アピアランス」とは何でしょうか？

33. 英単語由来の用語で、「見た目・外観」のことです。Illustratorにおいては、オブジェ
クトなどの見た目全般を指します。

34. アピアランスは「アピアランス属性」と呼ばれる要素が組み合わさって構成されてい
ます。

35. 「アピアランス」パネルで操作できる要素すべてが「アピアランス属性」、と覚えると
かんたんです。

36. アピアランスの機能がどんなところで使われているか、定番の作例をご紹介します。

37. まずはフチ文字。アピアランス機能搭載以前は背面コピーなどでオブジェクトを重
ねて作っていましたが、今はアピアランスパネルで線や塗りの項目を重ねて作るの
が一般的です。文字を打ち替えることもできますし、流用もかんたんです。

38. c
線路や道路の表現もフチ文字と同様です。こちらもアピアランス機能を利用して作
っていれば、修正や流用が楽に行えます。

39. 「アピアランス」パネルでは項目を上から順にひとつずつ演算するのが基本です。う
まくできない時は、落ち着いてパネルの項目を見直してみましょう。

40. 文字の編集中に操作できる塗りと線の項目を「文字属性」と呼びます。初心者さん
はどちらもカラーを「なし」にして、パネル上で一番上にすることをおすすめします。
文字属性を活用したテクニックには、操作に慣れてきたらぜひ挑戦してみましょう。

41. アピアランスを使い回すにはいくつか方法がありますが、「スポイトツール」と「グラ
フィックスタイル」パネルでの操作方法を覚えておくと安心です。スポイトはオプショ
ン設定に注意しましょう。

42. 作例で紹介したとおり、アピアランス機能を活用していると、修正に強く、流用もし
やすいデータが作れます。

43. ここからはハンズオンです。リボン文字を作ってみましょう。

44. 使用例を用意してみました。こういった見出しのようなパーツです。

45. まず自分だったらどう作るかを考えてみましょう。テキストとリボンのオビを別々の
オブジェクトで作った場合は、文字が増減した際にオビの幅を調整するのが面倒で
すよね。

46. アピアランス機能を使って作るとリボンのオビの長さ調節がいらず、便利な見出し
用パーツとして活用できます。最後に「ワープ」効果などを追加してバリエーション
を作るのも良いでしょう。

48. このリボン文字ですが、変形する際にはちょっと注意が必要です。

49. 「オブジェクトに対して常に長方形を描く」という効果を利用しているために、例え
ば45°回転をかけるとこうなってしまいます。見た目を保持したまま回転させるには
どうしたら良いでしょうか？

50. こういった場合は、変形処理も効果で行うことで解決ができます。「アピアランス」パ
ネル上で項目の一番最後に「変形」効果が入るようにしましょう。

51. 複雑なアピアランスを適用したオブジェクトの変形は「線幅と効果を拡大・縮小」を
ONにして試すのが基本ですが、それでもうまくいかない場合は「変形」効果で解決
できないか試してみましょう。

52. シンプルな効果を組み合わせてお花のパーツを作ってみましょう。

53. 星や正方形、正六角形などに「パンク・膨張」効果をかけると、かんたんに花のよう
な形が作れます。スポイトツールなどを使い、別の形状に使い回すこともできるの
で便利です。

55. チラシやPOPなどを作成する時によく登場する「バクダン」も、効果を活用するとい
ろいろなバリエーションが作成できます。

56. いずれも丸いオブジェクトに対して「ジグザグ」「パンク・膨張」「ラフ」などを組み合
わせて作成しています。それぞれの効果のしくみを理解しておくとバリエーションが
作りやすい題材です。

58. ハンズオンではできるだけシンプルな効果の活用法をご紹介しましたが、複数の効
果を複雑に組み合わせることでこんな表現もできる、という例をご紹介します。

59. 見た目はふつうの食品のイラストですが、いずれも正円のオブジェクトひとつに対し
て塗り・線の項目をいくつも重ね、効果を組み合わせて表現しています。これ自体の
実用性はありませんが、効果に対する理解を深めることができる題材でした。

60. 雪の結晶も、効果を複数組み合わせればひとつのオブジェクトで表現ができます。
別の図形へ流用してアレンジもつくりやすく、実用性が高い作例と言えます。ちなみ
に、こちらのグラフィックスタイルは無償配布をしています。

61. 普段はアピアランスだけでなくいろいろな機能を使って作品を作っています。描き
たいものに対して機能をどう活かすかをいつも考えるようにしています。

62. この絵も、３D効果やブラシなど、Illustratorならではの機能を組み合わせて描いて
います。どの部分にどんな機能を使っているか、詳細はBehanceなどで公開中です。

63. Illustrator CC 2019の新機能「フリーグラデーション」を使ってみました。ブラシを重
ねて複雑なタッチを表現するテクニックも活用しています。こちらも詳細はBehance
で公開中です。

64. こちらのグラフィックは、Adobe MAX Japan 2018のキーノート会場のスクリーンに
も映していただきました。

65. 自分の表現したいことに機能をマッチさせるには、普段から「しくみ」を意識するこ
とが大切です。今後の制作作業でみなさんが自由に表現をするためにも、今回のセ
ッションがきっかけになれば幸いです。

66. CC以降、Illustratorには表現力UPが期待できる機能が多数増えています。私もい
ろいろな使い方を模索して、自分自身の作品作りに活かしていきたいなと思います。