Vectornatorでオブジェクトを斜線状に塗りつぶす方法を解説

犬のゆるいイラスト

イラストレーターのハセガワ(@h_hasegawa8)です。

Adobe illustratorでは標準の機能でオブジェクトを斜線で塗りつぶすことができるようですが、Vectornatorにはそのような機能はありません。

ですが、Vectornatorでもオブジェクトを斜線状に塗りつぶしたいときはあると思います。

そんなときVectornatorでは、マスクを使うことでオブジェクトを斜線で塗りつぶしたように見せることができます。

そこで今回は、Vectornatorでオブジェクトを斜線状に塗りつぶす(塗りつぶしたように見せる)方法をご紹介します。

Vectornatorの使い方を体系的にまとめました!

Vectornatorの使い方大全集

愛用するVectornatorの基本的な使い方やマニュアル的なことから、実際のイラスト制作やデザイン制作に役立ちそうなTipsをまとめました。 随時更新していくので、Vectornat…

Vectornatorでオブジェクトを斜線状に塗りつぶす方法を解説

冒頭の通り、Vectornatorでは、マスクを使うことでオブジェクトを斜線で塗りつぶしたように見せることができます。

Vectornatorのマスクについて詳しくはこちら!

Vectornatorでクリッピングマスクをやる方法【現役イラストレーター解説】

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorでクリッピングマスクをやる方法を解説します。 Vectornatorでクリッピングマスクをやる方法【現役イラス…

具体的には、次のような流れでオブジェクトを斜線に塗りつぶします。

斜線状に塗りつぶす流れ

  1. 斜線状に塗りつぶしたいオブジェクトを描く
  2. 斜線を描いてオブジェクトの背面に配置する
  3. オブジェクトと斜線を選択してマスクする

順番にご説明します。

斜線状に塗りつぶしたいオブジェクトを描く

まずは斜線状に塗りつぶしたいオブジェクトを描きます。

斜線状の塗りつぶし

Vectornatorの塗りつぶしについて詳しくはこちら!

[塗りつぶし5選] Vectornatorの塗りつぶしを現役イラストレーターがツール別に解説。 「バケツツール」はない?

イラストレーターのハセガワ(@h_hasegawa8)です。 僕はイラストを描くのにVectornatorを使用しています。 Vectornator唯一の欠点として、公式のドキュメントが英語しか…

斜線を描いてオブジェクトの背面に配置する

次に、斜線を描きます。

斜線状の塗りつぶし

斜線を等間隔にしたいときは、次のいすれかの設定を使うと簡単に描くことができます。

斜線を等間隔に描くコツ

  1. 縦方向の「分散」を使う
  2. 「グリッドにスナップ」を使う

「分散」と「グリッドの表示」、またその「スナップ」の詳細は次をご覧ください。

参考記事はこちら!

Vectornatorでオブジェクトを等間隔に配置する方法

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorでオブジェクトを等間隔に配置する方法をご紹介します。 Vectornatorでオブジェクトを等間隔に配置する方…

Vectornatorでグリッドを設定する方法

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorには次の2つのグリッドが用意されいます。 垂直方向のグリッドは正方形をベースにした格子状のグリッドで…

Vectornaotrでスナップを設定する方法と5つの効き方を紹介

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornaotrでスナップを設定する方法とその効き方についてご紹介します。 Vectornaotrでスナップを設定する方法と5つ…

斜線を描けたら、オブジェクトの背面に配信しておきます。

オブジェクトと斜線を選択してマスクする

最後にオブジェクトと斜線を選択して、パスタブから「マスク」を使います。

斜線状の塗りつぶし

そうすると、オブジェクトを斜線で塗りつぶしたように表示されます。

斜線状の塗りつぶし

まとめ

以上がVectornatorでオブジェクトを斜線状に塗りつぶす方法です。

簡単に行うことができるのでぜひ試してみてください。

Vectornatorに関するその他のことはこちら!

Vectornatorの使い方。できることは?iPadで無料版ai?

イラストレーターのハセガワ(@h_hasegawa8)です。 僕がイラストを描くのによく使っているVectornatorというアプリについて次の観点でご紹介します。 Vectornatorはどう…