ゆるいイラストここにあり。

Curve（Vectornator）の
使い方対全集

ベクターグラフィックデザイン・イラストレーションアプリのVectornatorの基本から応用まで、その使い方を紹介しています。
どうやらVectornatorがLinearity Curveに名称変更されたようです。主要ツールの使用感は変わらないとアナウンスされていますが、どうでしょうか…

基本編

iCloudの容量を節約しながらCurve（旧Vectornator）のデータを管理する方法

イラストレーターのハセガワ（lit.link）です。 Vectornatorで長くデザインやイラストを制作していると、悩みの種となってくるのがのデバイスの容量圧迫だと思います。 デバイスの容量圧迫問題を解決策の1つが、VectornatorのドキュメントをiCloudで管理する方法です。 今回はデバイスの容量節約のため、VectornatorのドキュメントをiCloudで管理する方法に関して次の観点でご紹介したいと思います。 VectornatorでiCloud同期を有効化する方法...

MacのCurve（旧Vectornator）に外部のカスタムフォントを追加する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 MacのVectornatorに外部のカスタムフォントを追加したいなと思い、過去に自分で書いたVectornatorに外部のカスタムフォントを追加する方法の記事を見たところ、どうやらiPadやiPhone専用の方法だったようではMacのVectornatorには追加できないようでした。 そこで、MacのVectornatorに外部のカスタムフォントを追加する方法をご紹介します。...

Curve（旧Vectornator）で破線のパスを描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで破線のパスを描く方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで破線のパスを描く方法 Vectornatorで破線のパスを描きたいときは、スタイルタブの「線」よりその設定を行います。 破線にしたいパスを選択して、スタイルタブの「線」スイッチをオンにします。 スタイルタブの「線」スイッチをオンにしたらストロークの種類を普通にします。...

Curve（旧Vectornator）でテキストボックスをテキストにぴったり合わせる方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでテキストボックスをテキストにぴったり合わせる方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでテキストボックスをテキストにぴったり合わせる方法 対象のテキストボックスを選択した状態で、スタイルタブの「境界を文字サイズに合わせる」をタップします。 タップすると、テキストを囲むバウンディングボックスがそのテキストにぴったり合うように調整されます。...

Curve（旧Vectornator）でパスの途中にアンカーポイントを追加する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorは、iPadやMac、iPhoneなどのApple製品向けに開発されているAdobe illustratorのようにベジェ曲線でデザインやイラストを描くことができるソフトウェアです。 ベジェ曲線でデザインやイラストを描くのは慣れるまで難しく感じますが、その操作感を理解できれば制作の幅が広がると思います。 そこで今回は、Vectornatorでパスの途中にアンカーポイントを追加する方法をご紹介します。...

Curve（旧Vectornator）でアートボードを追加/複製/削除する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでは、1つのドキュメントで複数のアートボードをつくることができます。 それによりドキュメントを切り替えることなく異なる別々の作業を行うことができます。 Vectornatorでアートボードの追加や複製、削除をするときの操作感は、レイヤーの操作と似ています。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでアートボードを追加/複製/削除する方法...

Curve（旧Vectornator）で編集途中のアートボードのサイズを変更する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで編集中ドキュメントのアートボードのサイズを変更する方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで編集途中のアートボードのサイズを変更する方法 Vectornatorでは、次の3つの方法で編集中ドキュメントのアートボードのサイズを変更することができます。 「アレンジタブ」からサイズの数値を入力する 「クイック設定」からサイズの数値を入力する...

Curve（旧Vectornator）でアートボード背景にグリッドを設定する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorには次の2つのグリッドが用意されいます。 垂直方向のグリッド アイソメグリッド 垂直方向のグリッドは正方形をベースにした格子状のグリッドで、アイソメグリッドは三角形をベースにしたグリッドです。 今回はその両方の設定方法や使い方をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでグリッドを設定する方法...

Curve（旧Vectornator）のスポイトでオブジェクト間で色をコピーする方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorには「スポイト」というツールがあり、これを使うとオブジェクトに対してキャンバス上の好きな色をコピーすることができます。 今回はその「スポイト」で色をコピーする方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorのスポイトで、オブジェクト間で色をコピーする方法 Vectornatorのスポイトは、次のいずれかのメニューから使うことができます。...

Curve（旧Vectornator）でスナップを設定する方法と5つの効き方を紹介

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornaotrでスナップを設定する方法とその効き方についてご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornaotrでスナップを設定する方法と5つの効き方を紹介 Vectornaotrでスナップの設定を有効化するには、次のいずれかの画面から行います。 クイック設定メニュー 作業面の環境設定メニュー そしてVectornaotrのスナップには次の5つの種類があります。 スマートガイド...

Curve（旧Vectornator）でブラシツールの筆圧感知を設定する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで筆圧感知を設定できるのはブラシツールのみです。 今回は、ブラシツールで筆圧感知を設定する方法とそのカスタマイズをご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで筆圧感知を設定する方法をイラストレーターが解説 本題に入る前にブラシツールについて簡単にご紹介します。 ブラシツールは、フリーハンドでベクターパスを描くことができるツールです。...

Curve（旧Vectornator）とAdobe illustratorの互換性4選

イラストレーターのハセガワ（@h_hasegawa8）です。 今回は、VectornatorはAdobe illustratorとどのような互換性があるのかについてご紹介したいと思います。 https://h-hasegawa8.com/introduction-vectornator/ VectornatorとAdobe illustratorの互換性4選 VectornaotrはAppleデバイス向けにリリースされている無料のベクターグラフィックデザイン・イラストレーションソフトウェアです。...

Curve（旧Vectornator）でオブジェクトや文字の縁取りを行う方法2選

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでオブジェクトや文字の縁取りを行う方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでオブジェクトや文字の縁取りを行う方法2選 Vectornatorでオブジェクトや文字の縁取りを行う場合、主に次の2つの方法が有効です。 対象に「線」のスタイルを適用して縁取りする 背面に縁取り用のオブジェクト/文字を配置する それぞれ詳しくご説明します。...

Curve（旧Vectornator）できれいな直線を描く方法2選

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorできれいな直線を描く場合は、主に次の2つの方法が有効です。 ペンツールで直線を描く 図形ツールで直線を描く 具体的な描き方をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorできれいな直線を描く方法2選 https://h-hasegawa8.com/application/how-to-vectornator/ ペンツールで直線を描く...

Curve（旧Vectornator）でオブジェクトを複製（コピー）する方法3選

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでは、オブジェクトを複製（コピー）する方法として次の3つの機能が用意されています。 https://h-hasegawa8.com/application/duplicate/ それぞれショートカットキーも用意されているので、それ含めて詳しくご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでオブジェクトを複製（コピー）する方法3選...

Curve（旧Vectornator）で直前の動作を取り消し戻る・戻した動作をやり直す方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで直前の動作を取り消し戻る・戻した動作をやり直す方法をご紹介します。 また、これらの動作履歴を最適化することも可能なようなので、それも一緒にご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで直前の動作を取り消し戻る・戻した動作をやり直す方法 Vectornatorで直前の動作を取り消し戻る・戻した動作をやり直すには、それぞれ2つの方法があります。...

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

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでオブジェクトを等間隔に配置する方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでオブジェクトを等間隔に配置する方法 Vectornatorでオブジェクトを等間隔に配置するときは、アレンジタブにある次の機能を使うことで簡単に実現することができます 整列（Alignment：アライメント） 分散（Distribute：ディストリビュート）...

Curve（旧Vectornator）で画像のdpi（解像度）を変更する3つの方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで画像のdpi（解像度）を変更する3つの方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで画像のdpi（解像度）を変更する3つの方法 Vectornatorではdpi（解像度）の変更を次の3つのタイミングで行うことができます。 ドキュメントを新規作成するとき ドキュメント編集中 ドキュメントを書き出すとき 順番にご紹介します。...

Curve（旧Vectornator）でオブジェクトにぼかした影をつくる方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでは「影」という機能があり、これを使うことでオブジェクトに対して簡単に影をつくることができます。 この「影」機能は細かな設定がいくつかあり、その中の1つに「ぼかし」があります。 そこで今回は、その「ぼかし」を使ってオブジェクトにぼかした影を作る方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでオブジェクトにぼかした影をつくる方法...

Curve（旧Vectornator）でパスの角を丸く/鋭角にする方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでパスの角を丸めたり尖らせたりする方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでパスの角を丸く/鋭角にする方法 スタイルタブの線セクションの中にある「①ここ」でパスの形を角丸を含む３種類の中から変えることができます。 実際にやっていきます。 Vectornatorとはベクターグラフィックのデザインに必要な機能を揃えた無料のソフトウェア...

Curve（旧Vectornator）でレイヤーの順番（前面・背面）を変更する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで線やオブジェクトレイヤーの順番や前面/背面を変更する方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで線やオブジェクトレイヤーの順番や前面/背面を変更する方法 Vectornatorで線やオブジェクトレイヤーの順番や前面/背面を変更するには次のいずれかの方法があります。 アレンジタブから順番を変更する クイックアクションバーから順番を変更する...

Curve（旧Vectornator）で線やオブジェクトをグループ化するとレイヤー結合にもなる

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで線やオブジェクトをグループ化して、レイヤーを結合する方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで線やオブジェクトをグループ化するとレイヤー結合にもなる Vectornatorには「レイヤー結合」という機能はありません。 ですが、線やオブジェクトをグループ化することで、結果的に「レイヤー結合」した状態にすることができます。...

Curve（旧Vectornator）のブラシツールの使い方を現役イラストレーターが解説

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのブラシツールの使い方をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorのブラシツールの使い方を現役イラストレーターが解説 Vectornatorにはいろいろなツールがありますが、その中でもブラシツールは、直感的にストロークを描くことができるツールの1つです。 ブラシツールのストロークはベクターパスなので、あとからパスやノードの編集ができます。...

Curve（旧Vectornator）に外部のカスタムフォントを追加する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで外部のカストムフォントを追加する方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorに外部のカスタムフォントを追加する方法 Vectornatorで外部のカストムフォントを使うときは次の流れでそのフォントをiPad（やiPhone、Mac）にインストールします。 目的のフォントデータを用意する...

Curve（旧Vectornator）でオブジェクトを上下左右に反転する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでオブジェクトを左右反転、上下反転させる方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorの反転。オブジェクトを上下左右に反転する方法 結論から言うと、「①インスペクターバー」の「②アレンジタブ」にある「③反転」でオブジェクトを上下左右に反転させることができます。 実際に使ってみます。...

【無料版AI？】Curve（旧Vectornator）の使い方やできること

イラストレーターのハセガワ（@h_hasegawa8）です。 僕がイラストを描くのによく使っているVectornatorというアプリについて次の観点でご紹介します。 Vectornatorはどういうアプリなのか Vectornatorで何ができるのか Vectornatorは多機能です。 そのため、２つ目の「Vectornatorで何ができるのか」では、僕が実際によく使う機能やこりゃスゲェ！と思った機能に絞ってご紹介します。 Vectornatorが気になっている方は参考にしていただければともいます。...

Curve（旧Vectornator）のはさみツールでベクターオブジェクトを分割する【現役イラストレーター解説】

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのはさみツールの使い方をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorのはさみツールでベクターオブジェクトを分割する【現役イラストレーター解説】 Vectornatorのはさみツールは、ベクターのオブジェクトやパスを分割するのに使用します。 「①ツールバー」にある「②はさみのアイコン」をタップすることで使えるようになります。...

Curve（旧Vectornator）でグラデーション塗りつぶしをする方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのグラデーション機能をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorのグラデーションを現役イラストレーターが解説 Vectornatorのグラデーションには、「①線形のグラデーション」と「②放射状のグラデーション」の2種類があります。 線形のグラデーションは、オブジェクトの両端に2つの異なる色を設定し、それが中心に来るほど混ざり合うグラデーションです。...

Curve（旧Vectornator）のブーリアン(パスファインダー)のやり方

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのブーリアン機能をご紹介します。 Vectornatorのブーリアンは、Adobe Illustratorでいうところのパスファインダーにあたります。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorのブーリアン(パスファインダー)を現役イラストレーターが解説...

Curve（旧Vectornator）の消しゴムツールの使い方

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorの消しゴムツールをご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorの消しゴムツールを現役イラストレーターが解説 Vectornatorにおける消しゴムツールは、ドキュメントからベクターのオブジェクトを削除するためのツールです。 ベクター以外のオブジェクト、例えばテキストオブジェクトやインポートした画像などのオブジェクトは消しゴムツールで消すことはできません。...

Curve（旧Vectornator）でデータをインポート(読み込み)する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのインポート機能についてご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ 【完全版】Vectornatorのインポート(読み込み)機能を現役イラストレーターが解説 Vectornatorでインポートを行うことができる画面と、その対象となる素材が次の通りです。 画面 素材のインポートもと ギャラリー ファイル カメラロール アナログ素材（カメラでスキャン） Figma...

Curve（旧Vectornator）のクリッピングマスクでトリミングする方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでクリッピングマスクをやる方法を解説します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでクリッピングマスクをやる方法【現役イラストレーター解説】 結論から言うと、Vectornatorでは「①インスペクターバー」にある「②パスタブ」の「③マスク」からクリッピングマスクを行うことができます。 「④マスク解除」で1度適用したマスクを解除することもできます。...

Curve（旧Vectornator）でパスやテキストをアウトライン化する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでパスやテキストをアウトライン化する方法を解説します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでパスやテキストをアウトライン化する方法【現役イラストレーター解説】 結論から言うと、パスをアウトライン化は「①インスペクターバー」にある「②パスタブ」の「③アウトライン」から行うことができます。...

Curve（旧Vectornator）で背景を透過して書き出し・保存する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで背景を透過して書き出し・保存する方法を解説します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorとはベクターグラフィックのデザインに必要な機能を揃えた無料のソフトウェア Vectornatorとは、ベクターグラフィックのデザインに必要な機能を揃えた無料のソフトウェアです。 Vectornatorだけで、デザインやイラストレーションなど幅広く作業することができます。...

Curve（旧Vectornator）のオートトレース/手動トレースのやり方

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでトレースを行う方法をご紹介します。 方法は次の2通りです。 ペンツールを使って手動でトレース オートトレース機能を使って自動でトレース それぞれの詳しいやり方を見ていきますが、本題に入る前にVectornatorがどういうものなのかご説明します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorとはベクターグラフィックのデザインに必要な機能を揃えた無料のソフトウェア...

Curve（旧Vectornator）でバケツツールのように塗りつぶしする方法

イラストレーターのハセガワ（@h_hasegawa8）です。 僕はイラストを描くのにVectornatorを使用しています。 Vectornator唯一の欠点として、公式のドキュメントが英語しかありません。 そのため、使い方がいまいちわからないという人も多いのではないでしょうか。 今回は「Vectornatorで塗りつぶしを行う方法5選」と題し、4つはツール別に、1つは僕がよくやるオリジナルの方法をまとめたいと思います。 https://h-hasegawa8.com/introduction-vectornator/...

応用編

Curve（旧Vectornator）でオブジェクトに遠近感を出す方法

イラストレーターのハセガワ（lit.link）です。 Adobe illustratorではオブジェクトを遠近感があるように変形できるツールがあるようですが、Vectornatorにはそのようなツールはありません。 ですが、Vectornatorでもオブジェクトに遠近感を出したいときがあると思います。 そんなときVectornatorでは、「アイソメグリッド」と「スナップ」を使うことでオブジェクトを遠近があるように変形させることができます。 そこで今回は、Vectornatorでオブジェクトに遠近感を出す方法をご紹介します。...

Curve（旧Vectornator）で星が輝く夜空のイラストをつくる方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで星が輝く夜空をつくる方法をご紹介します。 星が輝く夜空をつくる方法以外にもさまざまVectornatorの使い方をご紹介しているので、よろしければ下記もあわせてご覧ください。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで星が輝く夜空をつくる方法 今回ご紹介するVectornatorで星が輝く夜空をつくる方法は、次の流れで作業を行います。...

Curve（旧Vectornator）で分断・分割されたデザインの文字を描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 ロゴやバナーなど、デザインのワンポイントとして分断されたデザインの文字は使い勝手が良いですよね。 そこで、Vectornatorで分断されたデザインの文字を描く方法をご紹介します。 分断されたデザインの文字を描く方法以外にもさまざまVectornatorの使い方をご紹介しているので、よろしければ下記もあわせてご覧ください。 https://h-hasegawa8.com/introduction-vectornator/...

Curve（旧Vectornator）で波打つように変形したデザインの文字を描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 ロゴやバナーなどのデザインのワンポイントとして、波打つように変形したデザインの文字は使い勝手が良いですよね。 今回は、Vectornaotrで波打つように変形したデザインの文字を描く方法をご紹介します。 波打つように変形したデザインの文字を描く方法以外にもさまざまVectornatorの使い方をご紹介しているので、よろしければ下記もあわせてご覧ください。 https://h-hasegawa8.com/introduction-vectornator/...

Curve（旧Vectornator）のブラシツールで手書き風のイラストを描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのようなベジェ曲線を使うベクターグラフィックソフトウェアの場合、デザインやフラットなイラストを描くことが多いかと思います。 しかし、そのようなソフトウェアでも手書き風のイラストを描くことができます。 そこで今回は、Vectornatorのブラシツールで手書き風のイラストを描く方法をご紹介します。 https://h-hasegawa8.com/application/brush-tool/...

Curve（旧Vectornator）で文字に蛍光ペンで描いたような手書き風ラインを引く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 ロゴやバナーなどデザインを考えていると、「ここの文字強調したいな」なんて思うことありますよね。 そんなとき、蛍光ペンで引いたような手書き風ラインを入れるとバランスを崩すことなく文字の強調ができるのでとても便利です。 今回は、Vectornatorで文字に蛍光ペンで引いたような手書き風ラインを入れる方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/...

Curve（旧Vectornator）でグリッチノイズでデジタル風加工がされた文字を描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 今回はVectornatorで次のようなグリッチノイズでデジタル風な加工がされた文字を描く方法をご紹介します。 ノイズ加工を行うと一気に近未来感が出て、とてもかっこいい雰囲気に仕上がります。 ぜひ参考にしていただければと思います。 https://h-hasegawa8.com/introduction-vectornator/ https://h-hasegawa8.com/application/luminous_characters/...

Curve（旧Vectornator）でギザギザや緩やかな波線のパスを描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでロゴやバナーを作っていると、デザインのワンポイントとしてギザギザや緩やかな波線のパスを描くなんてことがあるかと思います。 今回はVectornatorギザギザや緩やかな波線のパスをきれいに描く方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでギザギザや緩やかな波線のパスを描く方法...

Curve（旧Vectornator）のブラシツールでもやもやした煙や霧を描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのブラシツールはフリーハンドで自由な幅のパスを描くことができるツールです。 ブラシツールで描くパスのストロークは基本的にくっきりしたものですが、すこし設定を加えるだけで煙や霧のようなもやもやした線を描くことができます。 そこで今回は、Vectornatorのブラシツールでもやもやした煙や霧を描く方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/...

Curve（旧Vectornator）でかすれ（グランジ）加工されたデザインの文字を描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでロゴやバナーを作っていると、デザインのポイントとして文字にかすれ（グランジ）加工を施したいなんてことがあるかと思います。 そこで今回は、Vectornatorでかすれ（グランジ）加工されたデザインの文字を描く方法をご紹介します。 かすれ（グランジ）加工されたデザインの文字を描く方法以外にもさまざまVectornatorの使い方をご紹介しているので、よろしければ下記もあわせてご覧ください。...

Curve（旧Vectornator）でネオンのように発光している文字を描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでネオンのように発光している文字を描く方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでネオンのように発光している文字を描く方法 Vectornatorでネオンのように発光している文字を描く場合は、次のような流れで作業を行います。 背景として黒塗りのオブジェクトを描く 発光させたい文字をテキストツールで書く 文字に発光のエフェクトをつける...

Curve（旧Vectornator）でギンガムチェック柄のパターンを作る方法

イラストレーターのハセガワ（@h_hasegawa8）です。 デザインのは背景などにギンガムチェックをつかうと一気に華やかになりますよね。 ギンガムチェックのパターンはフリーでも代用できますが、どうせなら自作したくないでしょうか。 そこで今回は、Vectornatorでギンガムチェック柄のパターンを作る方法をご紹介します。 とても簡単にギンガムチェックをつくることができるので、ぜひ試してみてください。 ちなみにVectornatorとは、Adobe...

Curve（旧Vectornator）で徐々に透明になるグラデーションで塗りつぶしする方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Adobe illustratorでは、「不透明マスク」というオブジェクトに対して徐々に透明になるグラデーションをかける設定があるようですが、Vectornatorにそのような設定はありません。 ですが、Vectornatorでもオブジェクトに対して徐々に透明になるグラデーションをかけたいときがあると思います。 「不透明マスク」という設定自体はありませんが、それを実現することは可能です。...

Curve（旧Vectornator）で金色（ゴールド）/銀色（シルバー）で塗りつぶす方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Adobe illustratorでは、オブジェクトの塗りつぶしでメタルエフェクトをかける設定があるようですが、Vectornatorにそのような設定はありません。 ですが、Vectornatorでも金色（ゴールド）や銀色（シルバー）のような金属質な色でオブジェクトを塗りつぶしたいときがあると思います。 そこで今回は、Vectornatorで金色（ゴールド）や銀色（シルバー）でオブジェクトを塗りつぶしする方法をご紹介します。...

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

イラストレーターのハセガワ（@h_hasegawa8）です。 Adobe illustratorでは標準の機能でオブジェクトを斜線で塗りつぶすことができるようですが、Vectornatorにはそのような機能はありません。 ですが、Vectornatorでもオブジェクトを斜線状に塗りつぶしたいときはあると思います。 そんなときVectornatorでは、マスクを使うことでオブジェクトを斜線で塗りつぶしたように見せることができます。...

Curve（旧Vectornator）でアートボードの背景色を塗りつぶす方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorのアートボードの背景色は白ですが、これを変更したいと思ったことはないでしょうか。 残念ながら、Vectornatorにアートボードの背景色を変更する方法はありません。 ですが、そのように見せることはできます。 そこで今回は、Vectornatorでアートボードの背景色を白以外に塗りつぶす（塗りつぶしたように見せる）方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/...

Curve（旧Vectornator）で円グラフを作る方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Adobe illustratorには円グラフツールがあるようですが、Vectornatorにはそのようなツールがありません。 そのためVectornatorで円グラフを作りたいときは、そのツールがやってくれていることを自分でやる必要があります。 https://h-hasegawa8.com/introduction-vectornator/ 具体的には、「円グラフにしたい値からその角度を求めて円グラフを描画する」作業です。...

Curve（旧Vectornator）で水彩画風にイラストを加工する方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで水彩画風にイラストを加工する方法をご紹介します。 完成イメージは次の通りです。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで水彩画風にイラストを加工する方法 今回ご紹介する方法では、フリーの水彩画のテクスチャを使います。 次の流れで水彩画風にイラストを加工していきます。 水彩画のテクスチャを入手する Vectornatorのアートボードに白塗りのオブジェクトを描く...

Curve（旧Vectornator）のテキストツールで書いた文字を縦書きにする方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Illustratorでは縦書き用のテキストツールがあるようですが、Vectornatorのテキストツールは横書き用しかありません。 そのためVectornatorの場合は、基本的に横書きの文字しか書くことができません。 ですが最終的な仕上がりで文字を縦書きしているように見せることはできます。 今回は、Vectornatorで実際には文字を横書きしているが仕上がりで縦書きしているように見せる方法をご紹介します。...

Curve（旧Vectornator）で表をつくる方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Adobe Illustratorでは表をつくるのに便利な設定があるようですが、Vectornatorにはそのような設定はありません。 そのため、Vectornatorで表を作るときは自分で地道につくる必要があります。 今回はVectornatorで次のような表を簡単につくる方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで表をつくる方法...

Curve（旧Vectornator）でトリムマーク（トンボ）をつける方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Illustratorではトリムマーク（トンボ）の設定があるようですが、Vectornatorにはそのような設定はありません。 そのため、Vectornatorでトリムマーク（トンボ）をつける場合は自分でそれをつくる必要があります。 今回はその具体的な方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでトリムマーク（トンボ）をつける方法...

Curve（旧Vectornator）で半円を描く方法【簡単3ステップ】

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorで綺麗な半円を描く方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで綺麗な半円を描く方法 ブーリアンの型抜き使って半円を描きます。 流れは次の通りです。 円のオブジェクトを描く 円に重なるように四角のオブジェクトを描く 円と四角オブジェクトを選択した状態でブーリアンの型抜きをする 実際にやっていきます。...

Curve（旧Vectornator）で作ったベクターイラストをアニメーションさせる【SVG ✕ animateMotion】

イラストレーターの（@h_hasegawa8）です。 Vectornatorで描いたベクターのイラストをアニメーションさせる方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorで作ったベクターイラストをアニメーションさせる【SVG ✕ animateMotion】 前提として、Vectornator自体にイラストをアニメーションさせる機能は残念ながらありません。...

Curve（旧Vectornator）でカットパスを描く方法

イラストレーターのハセガワ（@h_hasegawa8）です。 Vectornatorでカットパスを描く方法をご紹介します。 https://h-hasegawa8.com/introduction-vectornator/ Vectornatorでカットパスを描く方法【現役イラストレーター解説】 Vectornatorでは、ペンツールを使用してすることでカットパスを描くことができます。 詳しいやり方を見ていきます。 Vectornatorとはベクターグラフィックのデザインに必要な機能を揃えた無料のソフトウェア...