Procreateのマスク機能でサングラスの映り込みを表現する方法

Procreateでサングラスの映り込みを表現する方法
  • URLをコピーしました!
Kumagoro

イラストで鏡やサングラスの映り込みを表現したい時がありますよね!その方法をギラギラサングラスでおなじみ、アメリカの天才デザイナーの故・シド・ミード氏の似顔絵で解説します!!

シド・ミード (2019.05)
シド・ミード (2019.05)
目次

Procreateでサングラスの映り込みを表現する

シド・ミードさんが2019年12月30日(月)に86歳で亡くなられました。心からご冥福をお祈り申し上げます。

シド・ミードさんというと、彼のポートレイト写真でもおなじみ、あのキラキラ周りの風景が映り込むミラーレンズのサングラスですよね!

今回はシド・ミードさんの似顔絵を描いて、あのサングラスを表現してみたいと思います。

映り込みさせる画像を読み込む

まず、シド・ミードさんの似顔絵を用意します。この似顔絵のサングラスの部分に、景色を映り込みさせたいと思います。

映り込み表現(1)
サングラスに映り込みさせる元絵を用意する。

写り込ませる景色として、ミード氏の生前に開催された「シド・ミード展 PROGRESSIONS TYO 2019」の会場の看板を撮影した画像を用意しました。 ”ミード氏自ら展覧会を観にいらっしゃった”というテイで、サングラスに会場の看板を反射させてみます。

Procreateに読み込ませるために、事前にProcreateがアクセスできる場所に画像を保存しておきます。ワタシはいつもDropBoxの中に保存しています。

映り込み表現(2)
映り込ませる画像は、シド・ミード展会場の看板写真を用意。

キャンバス右上のレンチアイコンをクリックしてアクションパネルを開き、「ファイルを挿入」をタッチして読み込ませる画像を選択します。

映り込み表現(3)
映り込みさせる写真ファイルが読み込まれる。

読み込んだ画像を反転・移動・拡大縮小する

読み込ませた画像のレイヤーを鏡に映ったように見せるために、画面上部の矢印アイコンをタッチして画面下部の変形ツールパネルを開き、「左右反転」をタッチして左右反転させます。

映り込み表現(4)
読み込んだ写真ファイルのレイヤーを左右反転させる。

画像を左右反転させたら、サングラスの上に希望の範囲が収まるように移動・拡大・縮小します。

映り込み表現(5)
サングラス上に合わせるように写真ファイルを移動・拡大・縮小する。

サングラスの形に合わせて画像を変形させる

読み込んだ画像をサングラスの曲面に合わせて変形させるため、変形ツールパネルの「ワープ」をタッチします。

映り込み表現(6)
ワープをタッチして画像を曲線状に変形できるようにする。

格子の枠(メッシュ)の好きな場所をドラッグ して、サングラスのレンズの曲面形状に合わせて画像を変形します。

映り込み表現(7)
メッシュの枠をドラッグし、曲面に合わせて変形させる。

映り込みさせる部分を選択する

読み込んだ画像を映り込みさせたい部分として、今回はサングラスのレンズ部分を選択します。

まず、画面上部のS字アイコンをタッチして画面下部の選択ツールパネルを開き、「フリーハンド」を選択します。

次に、Apple Pencilでサングラスのレンズ部分をなぞるように選択し、選択範囲を閉じます。

映り込み表現(8)
選択ツールのフリーハンドでサングラスのレンズ部分を選択する。

選択ツールパネルの「追加」をタッチし、もう一方のレンズ部分をなぞって選択します。

映り込み表現(9)
追加でもう一方のレンズ部分を選択する。

左右のレンズが選択され、選択範囲の外側部分は斜線が引かれた状態になります。

映り込み表現(10)
左右のレンズのみが選択された状態になる。

選択された範囲以外をマスクする

映り込み部分を選択したままの状態で読み込んだ画像のレイヤーをダブルタップし、左に表示されるメニューから「マスク」を選択します。

映り込み表現(11)
読み込んだ画像レイヤーの選択範囲外をマスクする。

読み込んだ画像の上にレイヤーマスクが作成され、選択範囲以外がマスクされて表示されなくなります。

映り込み表現(12)
レイヤーマスクが作成され、選択範囲以外がマスクされる。

サングラスのレンズ部分だけに読み込んだ画像が表示され、背景が映り込んだような感じになります。

映り込み表現(13)
サングラスのレンズ部分のみに読み込んだ画像が表示されている。

あとは、ソフトエアーブラシハイライトなどを入れて仕上げると、よりサングラスのレンズに反射したような表現になります。

映り込み表現(14)
サングラスのレンズに反射したような表現を追加する。

完成

シド・ミード (2019.05)
シド・ミード (2019.05)

背景やタイトルロゴ、サインなどを入れて完成です。

Kumagoro

マスクを使いこなすと、サングラスの映り込みなど、そのほかにも色々な表現ができると思いますので、ぜひ工夫してみてください!

  • URLをコピーしました!

コメント

コメントする

目次