長年のAdobe Illustratorユーザーとして、Inkscapeへの移行の最も困難な部分は、プログラムを開いて、私を見ていると真っ白なキャンバスを見ることでした。

Adobe IllustratorとInkscapeアートボードおよびキャンバス

おそらくこれは、イラストレーターのアートボードのセットアップ(写真の上部に表示)に慣れていたためです。これには、アートボードにないすべての領域の濃い灰色の背景と、領域の白い背景が含まれていました。それはアートボードにありました。 さらに、アートボードの輪郭を描いた境界線は、アートボードからこぼれた私のデザインの部分の上に常に表示されていました。

イラストレーターアートボードの境界線とInkscape

ただし、Inkscapeでは、キャンバスのアクティブな部分と非アクティブな部分の両方がデフォルトで白であり(最初の写真の下部に表示)、オブジェクトがその上に描画されるたびに境界線が消えます(つまり、オブジェクト境界を遮る–上の写真に示されているように、赤い矢印で示されています)。 これにより、キャンバスに描画しているときと、キャンバスから離れたときを正確に区別することが困難になります。

幸いなことに、Inkscapeにいくつかの調整を加えて、キャンバスをAdobeIllustratorのアートボードとまったく同じように見せることは非常に簡単です。 方法は次のとおりです。

ステップ1:ドキュメントの背景を変更する

ファイルドキュメントのプロパティInkscape Canvasチュートリアル

このプロセスを開始するには、[ファイル]> [ドキュメントのプロパティ]に移動します。

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

これにより、[ドキュメントのプロパティ]ダイアログボックスが表示されます。このダイアログボックスには、ドキュメントとキャンバスのカスタマイズオプションがいくつか含まれています。 「ページ」というラベルの付いた最初のタブ(上の写真の赤い矢印で示されている)の下に、キャンバスの設定を微調整できるセクションがいくつかあります。

必要に応じて、ドキュメントとキャンバスの背景を透明に設定できます。これは、灰色のチェッカーボードで表されます。 これを行うには、「背景」セクションに移動し、「チェッカーボードの背景」オプション(上の緑色の矢印で示されている)をクリックします。

ただし、背景はイラストレーターと同じ濃い灰色にしたいです。 背景を特定の色に設定するには、[背景]セクションの[チェッカーボードの背景]チェックボックスのすぐ下にある[背景色]をクリックします(上の写真の青い矢印で示されています)。

InkscapeでRGBA値を設定する

これにより、「背景色」ダイアログボックスが表示されます。 ここでは、さまざまなカラーモード(RGB、HSL、CMYKなど-デフォルトオプションであるRGBを使用しました)とカラースライダーで手動で色を設定するか、次のHTML値を入力できます。 「RGBA」セクションの下の特定の色(赤い矢印で示されています)。 この例では、このRGBAカラー値をIllustratorで使用されるカラーに設定します。これはHTML表記#606060です。 そこで、古い値を消去して、代わりに「606060」をここに貼り付けます。 Inkscapeでは、アルファチャネル値(RGBAは赤、緑、青、およびアルファを表します)、または背景色の透明度/不透明度も指定する必要があります。 背景色を完全に不透明にしたいので、HTML値の最後に「ff」と入力してAlpha値を100に設定します。 したがって、最終的な値は「606060ff」になります。

背景色を設定したら、右上隅の「X」を押して、[背景色]ダイアログボックスを閉じることができます。

ステップ2:キャンバスの枠線を調整する

境界線ドキュメントプロパティの変更Inkscapeチュートリアル

背景セクションの右側には、「境界線」というタイトルのセクションがあります(上の赤い矢印で示されています)。 まず、[ページの境界線を表示する]オプションがオンになっていることを確認します。 その下に、「図面の上に境界線」を表示するオプションがあります。 このオプションをオンにすると、ページの境界線と重なるオブジェクトがその境界線を遮らないようになります。 むしろ、Illustratorの場合と同様に、境界線はオブジェクトの上に表示されます。

このオプションの下には、「境界線の影を表示する」オプションがあります。 私はボーダーシャドウの大ファンではないので、このオプションのチェックを外しました。

現在、新しい背景色と同じ色であるため、ドキュメントの周囲の境界線を確認するのは少し難しいです。 変更するには、「境界線の色」オプション(緑色の矢印で示されている)をクリックします。

Inkscapeでページ境界線の色を変更する

RGBA値を見ると、境界線の色は現在「666666ff」に設定されています。 RGBA値を「000000ff」(赤い矢印で示されている)に設定して、この色を純粋な黒に変更します。 [ページの境界線の色]ダイアログボックスと[ドキュメントのプロパティ]ダイアログボックスの両方を閉じて、変更を適用します。

ステップ3:白い背景レイヤーを作成する

最後のステップでは、実際のドキュメントを白にして、キャンバスの非アクティブな領域と区別しやすくしたいと思います。 まず、「レイヤーの表示」アイコン(赤い矢印で示されている)をクリックして、「レイヤー」ダイアログ(緑の矢印)を表示します。 「レイヤー1」の名前をダブルクリックして、このレイヤーの名前を「背景」(青い矢印)に変更します。

ページ罫線アイコンにスナップ

「ページの境界にスナップ」アイコン(赤い矢印)をクリックして、次のステップで、描画するオブジェクトがページの境界にスナップすることを確認します。

Inkscapeで長方形を描く

次に、背景レイヤーで、長方形ツール(赤い矢印)をつかみ、緑色の矢印で示されているように、ドキュメント全体の左上隅から右下隅に向かう長方形を描画します(表示されるはずです)。マウスの先端に「Handletopage border」というメッセージがポップアップ表示されます。これは、オブジェクトがページ境界の隅に正確に描画されることを意味します。

Inkscapeの長方形の寸法

これで、ドキュメントのスペース全体を占める形状ができたはずです。そのため、ドキュメントのサイズはまったく同じになります。 私のドキュメントは210mm x 297 mmでした。これは、イラストレーターを最初に開いたときのデフォルトのドキュメントサイズです。 私の形の幅と高さがこれらの寸法と一致していることがわかります(上の写真で緑色で輪郭が描かれています)。

Inkscapeスウォッチを使用して形状の前景色を変更する

長方形の色を変更する必要があります。 これを行うには、キャンバスの下部にあるスウォッチの白い色(赤い矢印)をクリックするだけです。 長方形にストロークがないことを確認するために、スウォッチの「X」色(緑色の矢印)をShiftキーを押しながらクリックします。

Inkscapeキャンバス上の揃った角をチェックする

Ctrlキーを押しながらマウスホイールを使ってコンポジションの角を拡大し、自分の形がページ境界の線の外側に出ないようにすることができます。

Inkscapeに新しいレイヤダイアログを追加する

次に、[レイヤー]ダイアログ(赤い矢印)の[背景]レイヤーの横にあるロックアイコンをクリックして、このレイヤーをロックし、誤って移動したり描画したりしないようにします。

最後に、[新しいレイヤーを作成]アイコン(緑色の矢印)をクリックして[レイヤーの追加]ダイアログ(上記の青色で概説)を表示し、新しいレイヤーに「レイヤー1」という名前を付け、[位置]を[上]に設定します電流。" 「追加」をクリックして新しいレイヤーを作成し、これをアクティブレイヤーにします。 作成したものはすべてレイヤー1になり、背景のないコンポジションをエクスポートしたり、白いオブジェクトを描画したりする場合は、いつでも背景レイヤーを非表示にできます。

ステップ4:ドキュメントをデフォルトのテンプレートとして保存する

最後のステップは、Inkscapeにある既存のデフォルトのドキュメントテンプレートを上書きすることです。これにより、これからは、作成したばかりのこのドキュメントがデフォルトのドキュメントになり、毎回カスタマイズをやり直す必要がなくなります。

Inkscapeでデフォルトの文書テンプレートを保存する

これを行うには、[ファイル]> [保存]に移動します。

InkscapeでデフォルトのドキュメントテンプレートSVGを保存する

次に、コンピュータでInkscapeフォルダを検索します(通常、インストールした場所に応じて、C:ドライブまたはD:ドライブにあります)。 次に、[共有]> [テンプレート]フォルダー(赤い矢印)に移動し、「default.svg」という名前のファイルをクリックします。 「名前を付けて保存」タイプが「InkscapeSVG」(緑色の矢印)に設定されていることを確認します。 [保存]ボタンをクリックします。

InkscapeチュートリアルのデフォルトのSVGテンプレートファイルを置き換える

「 'default.svg'という名前のファイルが既に存在します。」という曲に何かを伝えるメッセージが表示されます。 取り替えたいですか?" 「置換」をクリックしてファイルを上書きします。

最終Inkscapeキャンバスアドビイラストレーターアートボード

これで、[ファイル]> [新規]に移動すると、新しいドキュメントは設定したすべてのカスタムプロパティを引き継ぎ、AdobeIllustratorアートボードのように見えます。 コンポジションをエクスポートする前に背景レイヤーを非表示にしない限り、すべてのデザインの背景が白になることに注意してください。

このチュートリアルは以上です! あなたがそれを楽しんだ場合、あなたは私の他のいずれかをチェックアウトすることができます Inkscapeのヘルプ記事、私を見てnkscapeビデオチュートリアル、または私のいずれかをチェックアウト GIMPチュートリアル.

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

サインアップして、新しいチュートリアル、コースの更新、および最新ニュースを受け取ります。

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