カテゴリー別アーカイブ: 各ツールの使い方

[Illustrator]パペットワープツールの使い方

CC2018で追加になった新ツール「パペットワープツール」を紹介します。
11

PhotoshopではCS5から搭載され、ツールではなくてメニューから実行する機能となります。この機能を使うと写真に写っている人物のポーズを操り人形のごとく変えたりする事ができます。
そしてPhotoshopの場合、動かしたい部分はレイヤーを分ける必要があったので人物の場合は切り抜いて、人物の抜けた部分の背景を作成する手間が掛りました。
12

Illustratorは変形させたいオブジェクトを選択して行います。
13

「パペットワープツール」を使用してオブジェクト上をクリックするとピンが打込まれます。
ピン打つとオブジェクトにメッシュが表示されます。
14

既に刺さってるピンの上にカーソルを持っていくと「選択ツール」のような表示となります。
その状態でドラッグするとオブジェクトが変形していきます。
15

更にピンを追加して色々動かしてみると、ただの角丸長方形もこんなオブジェクトに。
16

牛を描いて試してみました。以前紹介した「動くスタンプ」もお手軽に作成できそうですね。(画像はクリックすると拡大表示されます。)
18

さて、折角なので人物を描いてやってみました。このツール、正面より横の方が得意そう。
17-1

…と思いきや…
何とグラデーションメッシュ未対応…
17-2

未対応ってだけなので今後の対応に期待したいと思います。
そんな訳で、メッシュを外してついでに髪の毛追加して再チャレンジ!
17-3

確かにこれを「ダイレクト選択ツール」で修正は難しそうですね。

今まで「ダイレクト選択ツール」で作業しにくかった修正も「パペットワープツール」でうまく修正出来るかもしれないです。

以上です。次回こそ「遠近図形選択ツール」。
このツールは前回の「遠近グリッドツール」と併用するツールとなります。

バンフートレーニングスクールでは、イラストレーターやフォトショップ、インデザインにWebサイト作成の講座を開講中です。

このブログを書いているスタッフ「ほ」と、スタッフ「の」をはじめとする印刷会社の研修部門のスタッフがアプリケーションの使い方を徹底レクチャー!

ご興味がある方は、ぜひ一度無料体験にお越しくださいませ。

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Illustrator]遠近グリッドツールの使い方

2年以上滞っていたIllustrator「各ツールの使い方」再始動!
滞った原因の1つ「遠近グリッドツール」に触れていきましょう。
00

【先ず知っておこう!】
CS5から搭載された「遠近グリッドツール」。
おっ、新しいツールか。と、思ってツールを選択すると以下のような画面になります。
01

良く分からないし、操作しづらいので元に戻したくても中々画面表示は元に戻りません。
そこでまずは「遠近グリッド表示の消し方」。
方法は3つ
①「表示」メニュー→「遠近グリッド」→「グリッドを隠す」
②「選択面ウィジェット」を閉じる(「遠近グリッドツール」を選択していないと出ない。)
01-02
③ショートカット「Shift」+「command」+「I」(Mac)、「Shift」+「Ctrl」+「I」(Win)

続いて「パース」(パースペクティブ)について。
通常、目で見て近い所にあるものは大きく、遠くにあるものは小さく見える。
当たり前の事ですが、これが遠近法。
そして、1点透視、2点透視、漫画やイラストを描いている方にはお馴染みと思います。
画面上に「点」をとり、そこから定規で直線を引いてガイド的に使用する方法。

●1点透視
02-1
先ず地平線をイメージする地面的な線を引きます。(作例的に本来は水平が望ましいですが、個人的に昔から斜めが好きです…。)

02-2
描いた線の中心辺りに1つ点を取ります。(消失点と呼ばれ、絵描きの方は点でなくて「×」を描く方が多いです。)

02-3
その点を通過するように幾つかアタリとなる直線を引きます。

02-4
アタリとして引いた直線をガイド代わりにして作図します。(最初斜めにしたため少々狂ってます…。)

●2点透視
03-01
懲りずにまたまた斜め地面…そこに今度は2つ点を取り、アタリとなる線を引きます。

03-02
1点透視同様アタリを元に作図します。

●3点透視
04
2点透視にもう1点加えたのが3点透視です。

遠近法や透視図法を総称して「パース」と呼ぶわけですが、
「パースがおかしい。」なんて言葉を聞いたらその絵は遠近感が狂っているってことを言ってます。

【遠近グリッドツールを使用してみよう】
ツールを選択して最初に表示されるグリッドは2点透視です。
このまま「長方形ツール」で画面内をドラッグして幾つか作成すると以下のようになります。(全部左面のグリッドに添っています。)
05

グリッドを非表示にしてオブジェクトを半透明にしてみました。(これだけでもデザインとしていけるかも…)
06

グリッド面の変更には「選択面ウィジェット」を使用します。
クリックして面の切り換えを行います。(右面グリッドにして更に長方形を描いてみました。)
07

調子に乗ってグリッド面を切換えて「長方形ツール」でどんどんドラッグ。遠近のグリッドを何の調整もしてませんがこんな感じになります。
08

ではグリッドについて。
先ずモードを選択しましょう。
●1点透視を使用する場合
「表示」メニュー→「遠近グリッド」→「1点遠近法」→「1P-標準ビュー」を選択します。
09

●2点透視を使用する場合
「表示」メニュー→「遠近グリッド」→「2点遠近法」→「2P-標準ビュー」を選択します。
10

●3点透視を使用する場合
「表示」メニュー→「遠近グリッド」→「3点遠近法」→「3P-標準ビュー」を選択します。(何故か見下げる感じになります。)
11

ラフ案やイメージボード、もしくはアタリとなる画像等をテンプレートでIllustratorに配置し、モードを選択すると良いかと思います。
グリッド内に表示される各ポイントの名称を知りたい場合は以下のサイトを参照してください。
https://helpx.adobe.com/jp/illustrator/using/perspective-grid.html
モードを選択したら配置したテンプレートに合わせてグリッドを調整します。
12

後は「選択面ウィジェット」を確認し、作図していきます。
13

以上です。次は「遠近図形選択ツール」。
このツールは今回の「遠近グリッドツール」と併用するツールとなります。

バンフートレーニングスクールでは、イラストレーターやフォトショップ、インデザインにWebサイト作成の講座を開講中です。

このブログを書いているスタッフ「ほ」と、スタッフ「の」をはじめとする印刷会社の研修部門のスタッフがアプリケーションの使い方を徹底レクチャー!

ご興味がある方は、ぜひ一度無料体験にお越しくださいませ。

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Illustrator]ライブペイント選択ツールの使い方

新入社員研修も一段落したスタッフ「の」です。

久しぶりの今回はIllustratorの「ライブペイント選択ツール」を紹介します。

このツールは、ライブペイントで着色したオブジェクトを後から選択して色換えに使用するツールです。

例えば前回のくまさん。

ライブペイントツールではあらかじめ着色する色を決めておいて、クリックして着色でした。

ライブペイント選択ツールでは、クリックすると網掛けになります。

スウォッチパネル等で色を選択します。

着色されました。

ツールをダブルクリックすると「ライブペイント選択オプション」ダイアログが開き、強調表示色や太さ、塗りと線のどちらかにに適応させたりと、設定する事ができます。

例えば、塗りのチェックをはずし、線だけにチェックを入れてみます。

塗りに反応せず、例え「なし」になっていても線に反応しているのがわかります。

イラストレーターの他のツール紹介はこちら


バンフートレーニングスクールでは、イラストレーター講座を開講しています。

このブログで記事を書いているスタッフ「の」やスタッフ「ほ」が基本操作からマニアックなテクニックまで幅広くレクチャー!

まったくの初心者の方大歓迎!ある程度ご経験のある方向けの実践編もご用意しております。

詳しくは、下記詳細ページをご覧ください。

イラストレーター講座の詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Illustrator]ライブペイントツールの使い方

ホワイトデーが全く関係のなかった…スタッフ「の」です。
今回はIllustratorの「ライブペイントツール」を紹介します。

このツールは、CS2から搭載されました。その頃は、「オブジェクト」メニュー→「ライブペイント」→「作成」をしてから使用するツールだったと記憶してますが、最近のバージョンではツールのみで使用できるので使いやすくなっております。

どのようなツールかといいますと、以下のように長方形と円を描いてみました。

2つのオブジェクトを選択します。

「ライブペイントツール」を選んで、オブジェクト上に乗せます。
(クリックしてライブペイントグループを作成と出れば、オブジェクトメニューからのライブペイント→作成は必要ないです。)

クリックすると、赤い太枠が表示されます。

カラーパネルやスウォッチパネルを使用して、「塗り」の色を決めて、オブジェクト上をクリックしていきます。


「パスファインダー」パネルを使用しなくても、このような事ができます。


他にもこんなキャラクターを描いてみて…

線を引いて、ライブペイントツールを使用すると簡単に影を付けていく事ができます。

ツールをダブルクリックすると「ライブペイントオプション」ダイアログが開き、強調表示色や太さ、塗り以外にも線に適応させたりと、設定する事ができます。

イラストレーターの他のツール紹介はこちら


バンフートレーニングスクールでは、イラストレーター講座を開講しています。

このブログで記事を書いているスタッフ「の」やスタッフ「ほ」が基本操作からマニアックなテクニックまで幅広くレクチャー!

まったくの初心者の方大歓迎!ある程度ご経験のある方向けの実践編もご用意しております。

詳しくは、下記詳細ページをご覧ください。

イラストレーター講座の詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ

[Illustrator]シェイプ形成ツールの使い方

コンビニコーヒーを愛飲しています。

最近は各社でドーナツなどのスイーツを低価格で開始してくれたので、コーヒーブレイクが充実していて…

なかなか体重が減らないスタッフ「ほ」です。

さて、今日はイラレのツール紹介です。

シェイプ形成ツール

CS5から導入されているツールですが、これがめっちゃ便利です!

このツールがあれば、これまでパスファインダなどを利用して作っていた画像を簡単に作成できるようになります。

ひとつ例をあげましょう。

例えば、この土星

これを描く場合は、まず大きな楕円と小さな楕円を用意して…

それを重ねて…

パスファインダの「前面オブジェクトで型抜き」を実行して穴をあけます。

そのリングに、さらに円形を重ねて…

これらのパーツを選択したところからパスファインダの「分割」を実行

グループ化を解除した後に下図の赤で色をつけたパーツを選択し…

パスファインダの「合体」を実行。

さらにリングのパーツ3つを選択して…

同じく合体を実行。

……と、それなりに手間がかかるんですね。

これをもっと簡単にしてくれるのがシェイプ形成ツール

まずは、上記で作った3つの円形を先に描いてしまって、ぜんぶ重ねておきます。

重ね順はあまり関係ありませんので、お好きな順で重ねてください。

上記3つのオブジェクトをすべて選択し、シェイプ形成ツールに持ち替えます。

 

惑星の本体にあたる部分を縦にドラッグします。

すると、ドラッグで触れた部分が、すべて結合されます。

さらに、リングのパーツも、それぞれドラッグして結合していきます。

そして、今回不要なこの部分

このいらない部分は、Altキー(Macはoptionキー)を押しながらクリックすると、削除することができます。

どうでしょう?あれだけ手間だった土星の描画が、ドラッグ2,3回とクリック2回で完了しちゃいました。

三日月を作る際なんかも、2つの円形をずらして重ねて…

不要な部分が複数がある場合は、Altキー(Macはoptionキー)を押しながら不要な部分をドラッグすると、まとめて削除することができます。

どうでしょう?

パスファインダを使っている方ならば、すごく便利なのを実感していただけるのではないでしょうか?

個人的に、このツールは激しくおすすめです。

CS5以降のバージョンをお使いの方は、ぜひ使ってみてください!

イラストレーターの他のツール紹介はこちら


バンフートレーニングスクールでは、イラストレーター講座を開講しています。

このブログで記事を書いているスタッフ「の」やスタッフ「ほ」が基本操作からマニアックなテクニックまで幅広くレクチャー!

まったくの初心者の方大歓迎!ある程度ご経験のある方向けの実践編もご用意しております。

詳しくは、下記詳細ページをご覧ください。

イラストレーター講座の詳細

バンフートレーニングスクールは 最短2日間でアプリケーションを習得できる 講座をご用意しております。

  1. 無料体験
  2. 資料請求
  3. お問合せ