InkscapeとAdobe Illustratorは、正確で無限にスケーラブルなベクトルアートとデザインを描くために数式に頼る2つのスケーラブルなベクトルグラフィックプログラムです。 この記事の時点ではIllustratorは確かにベクトルアートに関しては業界標準ですが、Inkscapeは実際に実行可能な代替手段として機能することができる魅力的な無料の代替手段です。

言い換えれば、Inkscapeはそれほど悪くない - そしてそれはプレミアム購読を必要としない。

しかし、もちろん、他のプログラムと同様に、Inkscapeには、Illustratorの動作方法とは異なる独自の動作方法があります。 忙しいデザイナーにとって、これはプログラムの切り替えを非現実的でイライラさせることになりかねません。 これは、Illustratorを非常に多く使用しているユーザーには特に当てはまります。プログラムのさまざまなツールやメニューの場所など、ユーザーインターフェイスが2番目にナビゲートする性質になっています。 そして、プログラムの特徴と能力は記憶に捧げられました - それで、あなたはプログラムに関してあなたができることとできないことを正確に知っています。

Inkscapeでは、プログラムの法則が少し異なるため、どこから始めればよいかわからない場合があります。 加えて、あなたはそのプログラムができること、できないことを知らない。

幸いなことに、私は経済的な理由でInkscapeに切り替える必要があるか、単純にこの新しいプログラムを試してみる必要があるデザイナーのための障壁を打破することにしました。スクラッチ。

この記事では、Illustratorの最も一般的または重要な機能と考えているものの3を、Inkscapeの同様の機能と比較します。 タスクごとに同じフォーマットに従います。 イラストレーター次に、同じ、または類似のタスクを実行する方法について説明します。 インクスケープ。

1 IllustratorアートボードとInkscapeキャンバスの作成またはサイズ変更

このリストの最初のタスクは非常に基本的なものです。 とはいえ、この2つのプログラムは、空白の文書をセットアップするとき、つまりアートボード(Illustratorの場合)またはキャンバス(Inkscapeの場合)をセットアップするときには大きく異なります。

イラストレーター

IllustratorはArtboardシステムを使用しているため、単一のコンポジションに複数のアートボードを含めることができます。 これは非常に便利です。シームレスな複数ページのコンポジションを作成できるからです。少なくとも、統一されたデザインの美しさに従った複数ページのデザインを作成できます。

IllustratorようこそスクリーンInkscape vs Illustrator

Illustratorを初めて開くときには、一般的に使用されているさまざまなテンプレートから選択できるウェルカム画面が表示されます(上の写真の赤で囲まれています)。

また、「新規作成」オプション(上の写真の赤い矢印で表示)を選択することもできます。これにより、新しいカスタムドキュメントを作成できます。アートボードのサイズを設定し、アートボードを1枚にするか複数枚にするかを選択できます。あなたの作品のアートボード。

この記事を簡単にするために、ウェルカム画面の「新規ファイル作成の開始」セクションの下にある最初のデフォルト構成オプションを使用します。これは、米国版の場合は「Letter - 612 x 792 pt」オプションです。

新しい手紙Artboard IllustratorとInkscapeチュートリアル

このオプションをクリックすると、ウェルカム画面で指定された寸法で新しいアートボードが開きます(赤い矢印で表示)(幅は612 pt、高さは792 pt)。

アートボードの色は白で、アートボードの端または境界線の周囲に細い黒のアウトラインがあり、アートボードを囲む濃い灰色の背景色(緑色の矢印)があります。

アートボードツールIllustratorとInkscapeチュートリアル

このアートボードの寸法を変更したい場合は、3つの選択肢があります。 私の最初の2つのオプションは私のコンポジションウィンドウから直接アクセスできます。 ウィンドウの右側にある[プロパティ]タブ(緑色の矢印で表示)の[アートボード編集]ボタンをクリックするか、[アートボードツール]として知られている[アートボード編集]ツールをクリックします。ウィンドウの右側にある私のツールボックスで(このツールのショートカットキーはShift + Oです - 上の写真の赤い矢印で示されています)。

ドキュメント設定オプションAdobe Illustrator Artboard

3番目のオプションは、File> Document Setupの順に選択してから、「Edit Artboards」ボタンをクリックすることです。

アドビイラストレーターアートボードの編集

どちらの方法を使用しても、Artboardツールを使用してArtboardを編集するために同じ画面が表示されます(上の写真では赤い矢印で示されています)。 ) アートボードツールでマウスをクリックしてドラッグするだけで新しいアートボードを描くことができるので、この領域ではIllustratorはInkscapeよりも少し柔軟性があります。 現在のアートボードをAltキーを押しながらドラッグしてコンポジション内に複製アートボードを作成することもできます(したがって、複数のアートボードを作成することもできます)。または、[Create New Artboard]アイコンをクリックします。青い矢印で)。

Adobe Illustratorアートボードの幅と高さを編集する

また、プロパティパネル(アートボードの右側の領域)またはコントロールパネル(アートボードの上部)の対応するフィールドに、アートボードの新しい幅と高さを手動で入力することもできます。 アートボードの幅や高さを編集できるこれらの領域は、上の写真では青で強調表示されています。

ここで最後に説明するのは、他のさまざまなオプションにアクセスしてアートボードを調整したり、プロパティパネルの[アートボードオプション]ボタン(赤い矢印で表示)をクリックして機能を追加したりできることです。

Inkscapeの

それでは、Illustratorでアートボードを作成、サイズ変更、その他の方法で追加/調整する方法はたくさんあります。 では、Inkscapeではこのプロセスはどう違うのでしょうか。

Inkscapeキャンバスと背景

初心者のために、あなたが初めてInkscapeを開いたとき、あなたはウェルカムスクリーンに連れて行かれません。 代わりに、デフォルトのドキュメント(Inkscapeのダウンロードに付属)が開きます(上の写真のように)。 このデフォルトドキュメントは、Illustratorのデフォルトドキュメントの設定方法とは少し異なります。

たとえば、キャンバスは細い黒の境界線を持つ白いです(上の写真ではIllustratorの - 赤い矢印で示されています)が、キャンバスの周囲の領域もデフォルトで白いです(青い矢印で示されています)。 デザイナーがInkscapeを初めて開くのは、Illustratorで見られる白いアートボード、ダークグレーの背景に慣れているため、これは非常に難しい点です。

もしあなたがあなたの InkscapeのキャンバスはAdobe Illustratorのアートボードのように見えます。私の記事をチェックすることをお勧めします。 このタスクを達成する方法について。

Inkscapeで文書のプロパティを編集する

Inkscapeのキャンバスのプロパティを変更する場合(つまり、キャンバスのサイズを変更する、背景色を編集するなど)、これを実現するには2つの方法があります。 頭が上がるだけです - 現在、Illustratorと同等のアートボードやキャンバスツールはありません。 最初の方法は、コマンドバーの「プロパティの編集」アイコンを使用することです。キャンバスの右側にあります(上の写真の赤い矢印で示されています)。

文書のプロパティメニューInkscapeチュートリアル

2番目のオプションは、File> Document Propertiesの順に選択することです(ショートカットキーはshift + ctrl + dです)。 Illustratorの場合と同様に、Inkscapeでどのオプションを使用しても、同じ画面([ドキュメントのプロパティ]ダイアログボックス)に移動します。

ドキュメントのプロパティダイアログInkscapeとIllustrator

ドキュメントのプロパティダイアログが開いたら、キャンバスを編集するためのさまざまなオプションから選択できます(混乱を避けるための簡単な注意 - ドキュメントとキャンバスは本質的に交換可能な用語です。キャンバス - キャンバスが表示される単位、キャンバスのサイズ、背景色など、キャンバスは単にアートが表示されるドキュメントの最後の領域です。 たとえば、よく使用されるさまざまなテンプレートサイズを使用してキャンバスサイズを変更できます(Illustratorの場合と同様に、上の写真では青で強調表示されています)。 キャンバスの幅と高さを「カスタムサイズ」セクション(赤い枠で囲まれた領域)に手動で入力して、キャンバスのカスタムサイズを設定することもできます。 キャンバスに使用する値を入力したら、ドキュメントプロパティウィンドウ(赤い矢印)を終了するだけで、変更内容が自動的に適用されます。

この例では、1920 x 1080で単位をピクセルに変更しました(これらの新しい寸法は上の写真には表示されていません)。

Inkscape 2019で新しいキャンバスを作成する

デフォルトのキャンバス設定を使用して新しいキャンバスを作成する場合は、コマンドバーの「デフォルトのテンプレートから新規ドキュメントを作成」アイコン(赤い矢印)をクリックします。 注意すべき重要な点の1つは、現時点では同じコンポジションで複数のキャンバスを開くことはできないということです。 新しい各キャンバスは常に新しいInkscapeウィンドウで開かれます。

2 IllustratorカラーガイドとInkscapeカラーパレット

この記事で取り上げる2番目のトピックは、2つのプログラムでの色の機能の違いです。 Illustratorは現在(アートボードの機能と同じように)この機能にこだわっていますが、Inkscapeは使いやすいサードパーティのリソースで補完できる適切な代替手段をまだ提供しています。 Adobe IllustratorはRGBとCMYKの両方をサポートしていますが、Inkscapeはサポートしていません(ただし、InkscapeはCMYKにエクスポートできます)。

イラストレーター

カラーパネルイラストレーターパネル

Adobe Illustratorには、アートワークの色をブラウズして適用するのに役立つ、アクセスしやすい3つのカラーパネルがあります。 カラーパネル、カラーガイドパネル、スウォッチパネルがあります。 これらのパネルは、アートボードの右側にあるパネルセクションにある最初の3つのアイコンです(上から下に行く - 上の写真では赤でハイライトされています)。

Illustrator 2019のカラーパネル

色パネル(赤い矢印)をクリックすると、選択した色空間のスペクトル内にある色から選択できます。

カラーパネルオプションメニューIllustratorとInkscape

つまり、カラーパネルの右上隅にある[オプション]アイコン(赤い矢印)をクリックすると、Illustratorでサポートされている任意のカラースペースから選択できます(この例ではCMYKを使用しました)。

CMYKを選択すると、CMYKスペクトル上の任意の色の上にマウスを置いてクリックし、その色をメインの塗りつぶしの色として選択できます。 スペクトルをクリックしたままにすると、ホバリングした色が線の色として選択されます。

塗りと線の色を選択Illustrator

前景色または背景色として、カラースペクトル領域の上の3つのスウォッチ(赤で強調表示)から「なし」、「黒」、または「白」を選択することもできます。

Illustratorカラーガイドカラーパネル

「カラーガイド」というラベルの付いたカラーパネル(赤い矢印)には、「カラー」というラベルの付いたタブの右側にタブがあります。 このタブをクリックすると、カラーガイドパネルに移動します。 また、パネルセクションの上から2番目のアイコンをクリックしてこのパネルにアクセスすることもできます。

私の考えでは、カラーガイドパネルはIllustratorの中で最も優れた機能です。 その理由は、選択した現在の色(この場合は前景色)に基づいて使用する色を推奨し、色理論をリアルタイムで使用してその推奨を通知するためです。 カラーガイドに表示される最初の色は前景色で、その後に選択した「調和規則」に基づく推奨色が続きます。

カラーガイドハーモニールールイラストレーター

したがって、ドロップダウンをクリックすると(上に青い枠で示した)、ドロップダウンをクリックすると、現在選択されているハーモニールールが「tetrad 2」ハーモニールールであることがわかります(赤い矢印)。 ) あなたの前景色に基づいて表示される色はあなたが選択したどんな調和規則でもその背後にある特定の色の理論に依存するでしょう。 四分子2調和規則のために、我々は5主要色 - 我々の前景色からの緑色、より濃い緑色、濃い青色、ピンクがかった色、および茶色 - を持っている。

イラストレーターカラーガイドTetrad 2 Harmony Rule

これらの5カラーは、[カラーガイド]パネルの中央の行に垂直に表示され(上の写真では赤い矢印で示されているように、これらの色を指す矢印が表示されています)。中央の色)と4つの色合い(中央の色の右側)

カラーガイドイラストレーター

私が別のハーモニールールに従うならば - 例えば、右の褒め言葉 - 私の色は変わり、色合いと色合いはそれらの主な色に基づいて更新されます。 5色以上ある場合もあれば、5色未満ある場合もあります。 それはハーモニールールによります。 この場合、6色表示されています(6色目を見るにはカラーガイドを下にスクロールする必要があります - 下のスクロールバーは上の写真の赤い矢印で示されています)。

ただし、この機能の主な特徴は、単色を基にしたデザインの配色やカラーバリエーションを思いつくのがとても簡単になることです。 これらの色は、衝突したりランダムな色が一緒に投げられたように見えないことを確実にする調和規則から来るので、互いにうまく行く傾向があります。 そのため、あなたのデザインカラーはよりコーディネートされ、プロフェッショナルに見えます。

カラースウォッチメニューイラストレーターとInkscape

最後に、カラーガイドパネルの下にスウォッチパネルがあります(青い矢印で表示)。 ここでは、前景色や背景色をに設定するために、さまざまなデフォルトの色見本から選択できます。 これには個々の色と色のグループが含まれます - 色グループはデフォルトでプログラムに付属しているか、ユーザーによって作成されます。

デフォルトでIllustratorに付属するデフォルトのスウォッチをすべて見るには、「スウォッチライブラリメニュー」(赤い矢印で表示)をクリックして、利用可能なさまざまなオプションを見ることができます。 この記事を読むために、アドビのカラー機能については詳しく説明しません。 しかし、あなたが言うことができるように、Adobe Illustratorはそれがカラー機能に関して来るときから選ぶべきかなり多様なオプションを持っています。

Inkscapeの

Inkscapeカラーパレットバー

Inkscapeを初めて開くときに、Illustratorユーザーにとって最も目立つのは、ウィンドウ下部の色見本の列です(写真の緑色で囲まれています)。 最初は、これはほとんど粘着性があり、不快感があります。カラースキームを作成するためのチートシートを使用するには、カラーガイドパネルに相当するもの(Illustratorにあります)を検索する傾向があります。

私は今あなたに警告するでしょう - Inkscapeにはカラーガイド/調和規則のチートシートは現在ありません。

Inkscapeカラーパレットスクロールバー

しかし、Inkscapeの「カラーパレット」と呼ばれるものには、目に見える以上のものがあります。 一見すると、キャンバスの下にある下部のカラーパレットバーには、120程度の色しかないようです。 ただし、すべての色見本の下にスクロールバーがあり(赤い矢印で表示)、右にスクロールしてさらに多くの色を表示できます。 利用可能な色の数を素早く概算し、デフォルトで600程度の色にしました。

カラーパレットバーInkscape色の説明

カラーパレットの最初の色は「なし」(赤い矢印)です。これをクリックすると、Illustratorと同じ方法で前景色が「なし」に設定されます(Shiftキーを押しながらクリックすると背景色が設定されます)。無し)。 それから、黒から白へと移行する一連の色があり、その後にマルーン、黄色、青などの一般的に使用される色が続き、その後に暗い色合いで始まり明るい色合いに変わる一連の色が続きます。左から右へ。

カラーパレットの色は、さまざまな色、色合い、および色合いからすばやく選択するのに役立ちます。カラーパレットバーの右端にある小さな三角形のメニューを使用して、パレットを変更できます。上の写真の緑色の矢印)。

Inkscapeスウォッチメニュー2019

このメニューをクリックすると、選択可能な20 +他のカラーパレット(上の写真の緑色のアウトライン)が表示され、ユーザー作成のカラーパレットも表示されます(ウェストマウンテンビール醸造所写真に表示されているカラーパレットは、チュートリアル用に作成したものです。

新規ユーザー、特にIllustratorから来た人にとってのカラーパレットバーの最も誤解を招く部分は、プログラム内で色を編集するための唯一のオプションであるように見えるということですが、そうではありません。

オブジェクトの塗りと線のメニューInkscape 2019チュートリアル

実際には、メインのカラー編集エリアは、Object> Fill and Stroke(ショートカットキーshift + ctrl + fを使用してアクセスできます)に移動することで見つかります。

キャンバスにまだオブジェクトが描画されていない場合(この例の私の場合のように)、ここには何も表示されません。

塗りと線の対話InkscapeとIllustrator

オブジェクトを描画する場合(長方形ツールやテキストツールなどを使用します。この例では長方形ツールを使用します)、[塗りつぶし]セクションの下にいくつかの色空間オプションが表示されます(上の写真の緑色の輪郭)それは私がキャンバスに住んでいる私の長方形の塗りつぶし色を調整することを可能にします

塗りと線の対話をInkscape vs Illustratorで閉じる

デフォルトでは、InkscapeはHSLスライダーを使って私の長方形に表示される塗りつぶしの色(グラデーションを使わないときは「フラットカラー」と呼びます)を調整することを可能にします(HSLはHue、Saturation、明度 - 「A」スライダもあります。これは、アルファまたは透明度を表します。 私の他のオプションには、RGB(赤、緑、青、そしてアルファ)、CMYK(シアン、マゼンタ、黄、黒)があります。注意:CMYKカラーは選択できますが、InkscapeでCMYKカラープロファイルに出力することはできません。パーティプラグインまたは回避策)、Wheel(カラーホイールから選択できる)、およびCMS(カラープロファイルを選択できる - この記事ではこのオプションに取り上げません)。

「ホイール」オプションをクリックすると、Illustratorのカラーパネルのように、塗りつぶしの色にマウスポインタを使ってランダムな色を選択できます。

[塗りつぶし]と[線]メニューには、線形または放射状のグラデーション、メッシュのグラデーション、またはパターンを追加する機能など、詳細については説明しませんが、他のオプションもあります。

Inkscapeカラーホイールストロークメニュー

「ストローク」タブ(赤い矢印で表示)をクリックして、これらの機能すべてをオブジェクトのストロークに適用することもできます。 この場合、赤い塗りつぶし色しか設定されていないので、[線]タブをクリックしても何も表示されません。 ただし、カラーパレットバーから色をクリックして(私は青で行った)ストロークを追加すると、(上の写真でわかるように)ストロークに同じ色のオプションが表示されます。

InkscapeがIllustratorに備えていない機能の1つは、オブジェクトのストロークにグラデーションを追加する機能です。 私はいつもIllustratorの機能の欠如に悩まされてきたので、これは実際には私の意見ではInkscapeにとって大きな勝利です。

3 図形を組み合わせる:IllustratorシェイプビルダーツールとInkscapeパスメニュー

カラーガイドパネルは、Illustratorで最も便利な機能の1つであると私は考えています。 私の考えでは、2番目に便利な機能はShape Builderツールです。 このツールを使用すると、図形を組み合わせてより複雑なオブジェクトを簡単に作成できます。これにより、プログラムの機能が大幅に拡張され、アーティスト以外でも描画スキルを必要とせずにアートワークを作成できます。 Inkscapeはありがたいことにこの機能の独自のバージョンをプログラムに組み込んでいます。これは明らかに無料プログラムへの切り替えをはるかに簡単にします。

イラストレーター

Illustratorシェイプビルダーツール

Illustratorでは、(上の写真で行ったように)互いに重なり合う少なくとも2つの図形を描画することから始める必要があります。 次に、選択ツールを使用するか、[選択]> [すべて]の順に選択して、すべての図形を選択します。

シェイプビルダーツールは、ツールボックス(上の図の赤い矢印で示されている)、またはショートカットキーshift + mを使って見つけることができます。

アートボードツール形状領域イラストレーター

結合したいすべての図形(この場合は2つの図形)を選択した状態で、図形の重なっているさまざまな部分(領域と呼びます)にマウスを合わせると、1つの領域がシェイプビルダーで強調表示されます。上の写真の赤い矢印で示されているツールを使用して、どの部分を「抽出」または「結合」したいかを確認します。

アドビイラストレーターシェイプビルダーエキス

図形の一部を抽出または分割するには、元の図形セットから分割したい図形領域を1回クリックするだけです。

Illustratorシェイプビルダーツールでシェイプを結合する

図形の領域を結合するには、結合したいすべての領域にわたってマウスをクリックしてドラッグします(上の写真の矢印は、マウスをクリックしてドラッグしたときにツールによって作成された線を指しています)。

重なり合う領域の一部を結合するか、選択したすべての形状のすべての領域を結合することができます。 新しい形状または形状領域の最終的なスタイルは、 シェイプビルダーツールに関するアドビのルール.

アドビイラストレーターパスファインダーツール

また、複数の図形を選択したときはいつでも、[プロパティ]パネルの下に[パスファインダー]オプションが表示されます(上の写真では緑色の枠で囲まれています)。 パスファインダー機能はシェイプビルダーツールと基本的に同じですが、ワンクリック操作でシェイプを抽出またはマージすることができます。 使用可能な4つのアクションは、クリックして結合、クリックして前面マイナス、クリックして交差、クリックして除外です。

インクキャップe

Inkscapeで複数の図形を選択する

Inkscapeでは、図形を「オブジェクト」および「パス」と呼びますが(描画後にオブジェクトをパスに変換したかどうかによって異なります)、図形の抽出とマージを利用してIllustratorの用語を使用できます。 このプロセスはInkscapeとは少し異なりますが、Illustratorの例で行ったように、長方形と円が重なっているところから始めます。

両方の図形を選択するには、選択ツール(赤い矢印で表示)を使用している間に選択したいすべての図形をShift +クリックするか、マウスをクリックしてドラッグしてからCtrlキーを押しながらドラッグします。選択したい図形のうち(選択したいすべての図形については、図形全体をドラッグする必要があります。それ以外の場合は機能しません)。

パスへのパスオブジェクトInkscapeとIllustratorシェイプビルダー

オブジェクトと呼ばれる図形を選択したら、それをパスに変換する必要があります。 これを行うには、[パス]> [オブジェクトからパス](赤い矢印)に移動します。

パスメニューInkscapeとIllustrator

その後、パスメニューを使用して、Illustratorのパスファインダー機能に似たさまざまな機能を実行できます。 8のオプションは全部で(上の写真では緑色でハイライトされています)、Union、Difference、Intersection、Exclusion、Division、Cut Path、Combine、Break Breakなどがあります。

ユニオンパスシェイプビルダーFeature Inkscape

たとえば、上の写真では、2つの図形を結合して1つの抽象的な図形を作成するために「Union」を選択しました。

そのため、Illustratorのパスファインダーツールと同様に、Inkscapeのパスメニューを使用すると、ワンクリックでさまざまな種類の図形を作成できます。

要約すると、InkscapeとIllustratorは、実際には表面に最初に表示されるものよりも実際には似ています。 それぞれのプログラムは、やや異なるやり方で、同様の最終結果を生み出します。

このチュートリアルはこれで終わりです。 あなたがそれを楽しんだなら、あなたは私の他のどれでもチェックアウトすることができます Inkscapeのヘルプ記事, Inkscapeビデオチュートリアル、あるいは私の GIMPチュートリアル.

GIMPニュースレターを購読する

メーリングリストに参加して、新しいチュートリアル、GIMPコースの最新情報、および最新ニュースを入手してください。

あなたが正常に登録しています!

Pinterestの上でそれをピン

これを共有