Movatterモバイル変換

時間も予算もない！でも、空いているスペースをイラストで埋めたい！皆さんだったらどうしますか？

そんな時に「自分で描いてみる」という選択肢が選べるといいですよね。このセッションでは、Illustratorで気軽に挑戦できそうなイラスト作成のテクニックをご紹介します。

今日お話させていただきます、はむこと申します。印刷会社出身のフリーランスとしてDTPやイラスト制作を行っています。

セッションに入る前に、私が普段Illustratorを使ってどんな絵を描いているか、少しだけご紹介します。

こちらは保育施設内の壁を装飾するためのグラフィックです。施主様の要望に合わせてさまざまなモチーフを提案していきます。これらはすべてIllustratorを使って制作しています。

こういった壁面のグラフィックは、大きいものだと幅が3m程度になったりします。どれだけ拡大しても劣化しない、ベクターを扱うIllustratorならではの制作物という感じがしますね。

Kaleido Lab.に提供した作品です。Kaleidoとハイブリッドスクリーニングによる高精細な印刷実験などを行っています。CC2015以降は64,000%までズームできるため、繊細なタッチも作業がしやすくなっています。

おしながきです。「Illustratorは使えるけど、絵を描くのは得意でない」という方に向けてお話ししますが、既に使いこなしている方に向けて、効率UPのための小技も盛り込んでいきます。

まずはIllustratorにおけるイラスト制作のポイント。2つご紹介します。

1つめは「パーツ単位で考える」こと。Photoshopのような「見たままを描く」のが得意なペイント系アプリケーションとの大きな違いのひとつでもあり、初心者さんがひっかかりやすい点と言ってもいいでしょう。

Illustratorで何かを描く際には、個別のパーツを組み立ててモチーフを形作る必要があります。慣れないうちはパズルのような感覚で考えてみましょう。

自由に好きなものを描けるようになってきたら、今度は「パーツのしくみを考える」ことに挑戦してみましょう。これは「自分のやりたいこと」にIllustratorの機能をむすびつける、ということです。

例えば、「モチーフを敷き詰めたいな…」と思った時に、皆さんだったらどんな方法を取りますか？いくつか方法は考えられますが、例えばパターンの機能を使って解決する方法がありますよね。

では「モチーフに遠近感をつけたい」という時はどうでしょうか。これもいくつか解決策がありますが、例えば効果の「3D回転」を利用する方法が考えられます。

このように、Illustratorには私達の「やりたいこと」を実現するための機能がたくさん搭載されています。CC以降のバージョンアップで更に多機能になっていますが、今回は「ブラシ」について掘り下げていきましょう。

Illustratorにはいくつかのブラシの機能がありますが、そのうち3つを「お助け」ブラシとしてご紹介します。

まずは散布ブラシ。名称の通り、「ばらまく」ことが得意なブラシです。オプションで「ランダム」の要素を設定できるのが特徴です。ランダム要素を活かすことで画面に出ている作例のようなブラシを作ることができます。

２つめは「登録オブジェクトをパスに沿って伸ばす」アートブラシです。オプションで「ガイド間で伸縮」を設定すると、ブラシ適用時に伸ばしたくない部分・伸ばしたい部分を制御することができます。

３つめは飾り罫などで出番が多いパターンブラシ。「登録オブジェクトを繰り返して敷き詰める」ブラシです。CCでコーナータイルを自動生成する機能が搭載されたことで、もっと便利に使えるようになりました。

ではこれらのブラシをどう活用していくか？実際の作例を見ながら使い方を考えてみましょう。

先程の壁面グラフィックから流用して再構成したイラストです。どんなところにブラシ機能が使われているか想像してみましょう。

実際にデータのアウトライン表示で確認してみましょう。

木や葉っぱなどのパーツがほとんど線でできているのがわかりますね。修正や変更に柔軟に対応できるよう、これらはすべてブラシを使って表現しています。

例として、葉っぱのブラシを作成してみましょう。線を引いて図のようなパーツを用意します。葉っぱの部分は線幅ツールを使って形を調整します。

できたパーツでアートブラシを作成します。「ガイド間で伸縮」を設定して、点線のガイドをドラッグして動かしましょう。これでガイドで挟まれている内側の部分だけが伸びるようになります。

彩色方式は「淡彩」に設定しましょう。ブラシに登録するパーツをK100%で作成し彩色方式で「淡彩」を設定すると、ブラシ適用時に線のカラーがK100%の部分に反映されるようになります。

ブラシなので、色んな形の線に適用したり、線幅を変えてバリエーションを作れます。淡彩を有効にしているのでカラーの変更もかんたんです。葉っぱなどの植物はブラシでの表現と相性のよいモチーフのひとつです。

これもブラシで挑戦しやすいモチーフ、「うなぎ」です。最初から曲がりくねったうなぎを描くのはちょっと大変ですが、ブラシにしてしまえばそこまで難しくありません。

うなぎもほぼ線のみです。線幅ツールで線の形状を調整してあります。「ガイド間で伸縮」を有効にして、顔と尻尾の部分は伸びないようにしましょう。もとの色味を生かしたいので彩色方式は「なし」にしてあります。

ブラシを適用してみたら線の向きが逆になってしまった、という場合。パスの先頭か末尾のどちらかをペンツールでクリックしてみましょう。パスの続きを描画する状態になることで、ストロークの向きが反転します。

3つのブラシを紹介しました。

葉っぱなどの植物、うなぎのブラシなど単純なものをご紹介しましたが、もっと複雑なものには使えないのでしょうか？

これも、実際の作例を見てみましょう。

これもIllustratorで描いた作品のひとつです。いろいろな機能を使っていますが、クマのぬいぐるみの部分にブラシの機能を活用しています。

毛皮の部分は、図のようなパーツをパターンブラシすることで表現しています。「淡彩」を設定すると扱いもラクです。形に沿ってファーのようなパーツを一本一本描くよりもかんたんで合理的です。

また、図のようなパーツを散布ブラシにして陰影の部分の表現に使っています。各項目にランダムを設定し、彩色方式は「淡彩」にしています。線を引くだけで毛皮の部分に陰影のようなニュアンスを追加できます。

このような情報量の多いタッチは、「なにがどうなっていればそれらしく見えるか」をまず分析し、それをどんな機能で再現できるかを考えるようにすると効率アップが図れます。

同じく情報量の多いタッチとして、アナログ風の表現はどうでしょうか。

いくつか方法はありますが、今回はブラシでかんたんに挑戦できる方法をご紹介します。

線で構成されたイラストに、ガサガサした質感のブラシを適用するだけでも十分アナログ風になりますね。では、このブラシはどうやって用意すればいいのでしょうか？

Illustratorにはデフォルトでたくさんの素材がインストールされています。ブラシパネルからも、いろいろな質感のブラシ素材を呼び出せますので活用しましょう。

これはごく一部ですが、アナログ風のものだとこのようなブラシが登録されています。使い勝手の良いものもありますので、まずはライブラリにどんなものが登録されているか見ておくと良いでしょう。

「デフォルト素材もいいけれど、アナログ風のブラシも自分で作ってみたいな」と言う時に活用できるのが、便利なモバイルアプリ「Adobe CaptureCC」です。

Adobe Capture CCでは写真から気軽に素材が作成できますが、IllustratorCCを契約していれば、CCのライブラリを経由してデスクトップでもそれらの素材を活用することができます。

実際にIllustrator用のブラシを作ってみましょう。まずiPhoneなどのスマートフォンでAdobe Capture CCを起動します。「ブラシ」、画面下の「＋」の順にタップしてブラシを新規作成します。

カメラが起動するので写真を撮影するか、カメラロールなどから画像を呼び出します。画面上の丸いボタンを動かして透過させる箇所を決め、下側のスライダを使って透過の具合を調整します。

ブラシにしたいパーツがうまく切り抜けそうな状態になったら、下側の緑の丸ボタンをタップして次の画面に移ります。

切り抜き画面では、丸いハンドルを動かして切り抜き箇所を調整できます。「次へ」をタップするとスタイルが選べるようになっているので、下に向かってスクロールしましょう。

一番下にIllustrator用のブラシのスタイルが3つ用意されています。どれを選んでもアートブラシが作成できます。

スタイルを選ぶと右側にチェックマークのアイコンが点灯するので「次へ」をタップします。プレビューに切り替わりますが、更に調整したい場合は「ブラシを編集」をタップしましょう。

「ブラシを編集」画面に切り替わります。最初は「切り抜き」の調整ができる画面になっています。

ここでは切り抜きの具合を再度調整できるほか、Illustratorのアートブラシの「ガイド間で伸縮」に相当する設定をすることができます。必要に応じて設定しましょう。

「切り抜き」の隣の「調整」を選んでみましょう。ここでは素材の透過の具合を再調整できます。

下側のスライダで透過の具合を再調整できます。「−」ボタンをタップしてから画面をなぞると、素材の不要な箇所を削除することができます。逆に消しすぎた場合は「＋」のボタンをタップしてからなぞってみましょう。

今度は「プリセット」の画面に切り替えてみましょう。

ここでは、Illustratorでブラシを最初に適用した時にどのくらいの太さにするかを決めることができます。スライダを動かして調整しましょう。全ての項目で調整作業が済んだら「次へ」をタップします。

再度プレビューを確認し、問題なければ「次へ」をタップします。登録画面になるので、ブラシ名や保存ライブラリを決めましょう。「ブラシを保存」をタップすると、すぐにIllustratorのライブラリに反映されます。

その他の素材でブラシをつくるとこんな感じになります。これらはブラシ素材用にきちんと用意した画像ですが、実は何気ないスナップ写真などでも面白いブラシが作れますのでやってみましょう。

左側は餃子、右側は布製のコースターの写真から形状を抽出してみました。どちらも面白い質感が拾えそうですよね。

形状を抽出した時にざらっとした質感が残るものはアナログ風のブラシ素材に向いています。これらの写真からこんなブラシが作成できました。

実際に作ったブラシを適用してみました。Adobe Capture CCで作成したブラシは最初から「淡彩」が有効になっていますので、カラーの変更もかんたんです。

ブラシを設定した線を連続で描きたい場合、アピアランスパネルのパネルメニューから「新規アートに基本アピアランスを適用」のチェックを外してみましょう。ペンタブレットを使った作業にも便利な設定です。

ブラシ単機能だとできることは限られていますが、その他の機能と組み合わせるといろいろな表現ができることなどをご紹介させて頂きました。

線に適用できる設定とブラシの組み合わせ一覧です。黄色のアミの部分は色に関する設定でいずれか一つ、青色のアミの部分は線に関する設定で複数組み合わせることが可能です。

創作活動においても効率UPは決して「手抜き」ではありません。いろいろな機能を組み合わせて試行錯誤することで、もっと豊かな表現を目指せるといいですよね。

イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜

Movatterモバイル変換

Change Language

イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜

Embed presentation

Recommended

More Related Content

What's hot

Viewers also liked

Similar to イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜

イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜