［初心者必見］Inkscapeの使い方3選!

Inkscapeとエクスプローラー（ファイル管理アプリケーション）2つのアプリケーションを開きます。上図のように2つのアプリケーションを2画面表示にしましょう。

2つのアプリケーションを開けたら挿入したい画像を選択した状態でInkscape内にドラッグします。

Inkscapeを開いたらメニューバーから「ファイル」→「インポート」の順にクリックします。

インポートとは、別のプログラムや場所に保存されたデータを現在のプログラム（ここではInkscape）内に移すことを意味します。

挿入したい画像があるフォルダを開いて、画像のファイルが選択出来たら上図のように「開く」を押します。

「ドラッグ&ドロップで画像を挿入する」のStep2で確認した設定方法で画像挿入を行います。

同様に画像サイズ変更も「ドラッグ&ドロップで画像を挿入する」のStep3で確認した方法で行います。

画像を選択した状態でメニューバーからフィル・ストロークをクリックします。

そしたら上図の図下にある「不透明度(%)」から透明度を調整します。透明度を調整するために「不透明度%」に値を入力します。ここでは透明度を80%としました。

「文字を入力する方法」と「文字サイズの変更方法」は上記で確認した方法で行います。（スマホの方はパソコンで参照願います。）

メニューバーから「オブジェクト」→「フィル・ストローク」→「フィル」の順にクリックすると上図のように右側に～画面が表示されます。（設定によって多少異なります）

ここからHSLA値を調整して自分の設定したい色に変更します。調整方法はHSLA値に直接値を入力するか、HSLA値をドラッグしながら値を調整するかどちらかの方法で行います。

フォントの変更は、テキストツールを選択した状態で行います。 テキストツールは左側のツールバーから切り替えるか、キーボードのショートカットキー「T」を押します。そのテキストツールの状態で Step3.基本的な文字ツールの使い方を学ぼう で確認した方法で文字のフォント変更を行います。

「フィル/ストローク」→「ストロークのスタイル」からストロークのスタイルを変更できます。

ストロークのスタイルで変更できるのはストロークの「幅（線の大きさ）」「線の種類（点線、破線など）」「角の曲がり方」「端の折り返し方」「ストロークとフィルの重ね方」などであります。

「フィル・ストローク」→「ストロークの塗り」からストロークの「色」や「グラデーションやパターン」を変更できます。

グラデーションとは、1つの色から別の色に滑らかに変化する塗りや線の効果のことです。

パターンとは、オブジェクトの塗りや線に繰り返しのある模様を適用する効果のことです。

ここでは単一色（上図の赤丸部分）を設定していますが、塗りなし（1番左の✕）、線形グラデーション（左から3番目）、パターン（右から3番目）など色々な塗りの設定ができます。

文字と同じレイヤーを１つ複製します。複製方法は「レイヤーとオブジェクト」から文字のレイヤーを選択して 「Dキー」とWindowsならCtrl,MacならCommandを同時に押して複製します。

ここではレイヤーを複製した後にレイヤーの名前変更を行いました。（前面をfrankfurt-frontレイヤー、背面をfrankfurt-backレイヤーとしました）

複製した2枚のレイヤ―の内、前面にある文字レイヤー(ここではfrankfurt-frontレイヤー)に操作を加えます。

その前面にあるレイヤーを選択した状態で文字を少し左上に動かした後に文字に色の変更を行います。 そうすることで文字の重なりがずれて背面のレイヤーが影のように表現できます。

どのような形で切り抜くかを上図の赤枠（上図の左上）で囲まれたツール（「短形ツール→四角形」「円/弧ツール→円形」「星形ツール→多角形」）の中から選択します。

ツールを選択したら、図形を描きたい場所で左クリックしながらドラッグして図形を描きます。ここでは「短形ツール」を利用して四角形を作りました。

ここではインポート機能を使って画像を挿入して透明度を80%にした画像と、文字に装飾を施すのstep1で作成した文字[newport]をグループ化してトリミングを行っています。

図形を半透明にすると画像を見なが図形の位置を調整しやすいので半透明にすることをおすすめします。（透明にする方法）

「選択ツール」を選択し、画像をクリック（選択）した後に、Shiftを押しながら図形をクリック（選択）すると、画像と図形両方のオブジェクトが選択された状態となります。（Step1の図のように両方選択された状態になります）

この状態でメニューバーから「オブジェクト」→「クリップ」→「クリップを設定」を押すことで画像を図形の形に切り抜けます。

これで画像のトリミングが出来ました。

図形と組み合わせてトリミングする時は切り抜きたい形の図形が画像のレイヤーより上にあることを確認しましょう。 図形のレイヤーが画像のレイヤーの下にあるとトリミングが上手くできないので注意しましょう。

まず文字と画像をグループ化したオブジェクトをもう5つ複製します。5つ複製できたらStep2で確認した方法でトリミングを行います。

ここでは、四角形の形だけでトリミングしましたが、「多角形」や「まる」など様々な形でトリミングできるので自分の好きな形でトリミングしてみましょう。

パス化とは図形やテキストなどのオブジェクトを線や曲線の集合で構成された「パス」に変換し、オブジェクトを細かく編集できる状態にすることです。

画像の中の物の境界線を色などで識別して自動でパスに変くしてくれる機能であるビットマップのトレース機能を使ってパス化します。

メニューバーから「パス」→「ビットマップのトレース」でパス化を行います。

パス化を行うと上図➀のような画面が表示されます。

ここで「明るさの境界」のしきい値（上図➀の赤枠で囲まれた部分）などを調整して、プレビュー画面に表示されている画像の切り抜きたい部分を黒で覆います。

黒で覆うことができたら、➁の赤枠で囲まれた箇所「プレビューを更新」→「適用」の順にクリックします。（ここではしきい値を0.850に調整しました）

そうすると「パス化」された画像レイヤーと元画像のレイヤー2つが存在する状態となります。ここでメニュバーから「レイヤーとオブジェクト」をクリックして2つのレイヤーを選択します。（WindowsならCtrl,MacならCommandを押しながら2つのレイヤーをクリックすると両方のレイヤーが選択された状態となります）

そして「Step2.選択した図形の形で切り抜く」で確認した方法で画像のトリミングを行います。

これで画像のトリミングが出来ました。

ここで画像のトリミングが出来たことを確認するため背景に色をつけてみましょう。（ここでは水色の背景をつけました。）

ここではInkscapeで最低限覚えておきたい基本的な使い方について3つに厳選して紹介しました。

まだまだ覚えることはたくさんありますが、ここで学んだ知識を利用してInkscapeで自分だけの作品を作ってみましょう!