トップ > 知っておきたい機能 > 全般 >
キャンバスに下絵を表示

キャンバス上に下絵を表示する

この記事では、キャンバス上に下絵を表示して絵を描く方法について説明します。 写真などを下絵として表示し、透かしながら、なぞるように絵を描く、ということです

なお、下絵を表示するためにレイヤの機能を利用しています。 レイヤについては後ほど、知っておきたい機能 > オブジェクトをレイヤで管理 > レイヤの使い方(キャンバスを層に分ける)で詳しく説明します。

下絵を透かして絵を描く

ではキャンバス上に下絵を表示させ、透かして絵を描く手順について説明します。 まずは、何でもいいので下絵となる画像を用意してください

  
JPEG形式やPNG形式、BMP形式など一般的な画像ファイルであれば大丈夫です。
1. ファイル(F) -> インポート(I)...を実行
1. ファイル(F) -> インポート(I)...を実行

上図のように画面上部のプルダウンメニューの"ファイル(F)" -> "インポート(I)..."を実行するか、キーボードのCTRL + Iを押します。

2. インポートするファイルの選択ダイアログが開く
2. インポートするファイルの選択ダイアログが開く

上図のようにインポートするファイルの選択ダイアログが開きます。 用意した下絵の画像ファイルを選択し、[開く(O)]ボタンを押してください。

3. 画像のインポート
3. 画像のインポート

上図のように画像のインポートダイアログが開きます。 デフォルト設定のままで[OK(O)]ボタンを押してください。

4. 指定した画像ファイルがインポートされる
4. 指定した画像ファイルがインポートされる

上図のように指定した画像ファイルがインポートされます。 今回は、読み込んだ画像ファイルが大きかったため画像がキャンバスからはみ出しました

5. 下絵の画像を適切な大きさに調整する
5. 下絵の画像を適切な大きさに調整する

上図のように下絵の画像を適切な大きさに調整します。 続いて、下絵の画像の角度を調整しましょう。 今回の例では、反時計回りに90度回転させます。

6. ツールコントロールの[反時計回りに90°回転]ボタンを押す
6. ツールコントロールの[反時計回りに90°回転]ボタンを押す

上図のように画面上部にあるツールコントロールの[反時計回りに90°回転]ボタン([反時計回りに90°回転]ボタン)を押します。

7. 下絵の画像を適切な角度に調整する
7. 下絵の画像を適切な角度に調整する

上図のように下絵の画像を適切な角度に調整します。

では次に、レイヤの名前を変更します。 レイヤの役割を人が見てわかりやすくするためです

8. レイヤー(L) -> レイヤー名を変更(N)...を実行
8. レイヤー(L) -> レイヤー名を変更(N)...を実行

上図のように画面上部のプルダウンメニューの"レイヤー(L)" -> "レイヤー名を変更(N)..."を実行します。

9. レイヤー名を変更ダイアログが開く
9. レイヤー名を変更ダイアログが開く

上図のようにレイヤー名を変更ダイアログが開きます。 レイヤー名を "下絵" に変更して[名前を変更(R)]ボタンを押します。

ではここで、画面下部の通知エリアの左にあるレイヤ情報欄を見てください

10. レイヤ情報欄
10. レイヤ情報欄

上図のようにレイヤの名前が "下絵" となっています。 レイヤの名前が変更されたことが確認できました。

では続いて、"下絵" レイヤをロックします。 ロックすると、そのレイヤのオブジェクトは選択することができなくなります

11. レイヤ情報欄の[レイヤーのロック/ロック解除]ボタンを押す
11. レイヤ情報欄の[レイヤーのロック/ロック解除]ボタンを押す

上図のようにレイヤ情報欄の[レイヤーのロック/ロック解除]ボタン([レイヤーのロック/ロック解除]ボタン)を押します(開いた鍵のボタンです)。

12. レイヤ情報欄の[レイヤーのロック/ロック解除]ボタンの鍵が閉じる
12. レイヤ情報欄の[レイヤーのロック/ロック解除]ボタンの鍵が閉じる

上図のようにレイヤ情報欄の[レイヤーのロック/ロック解除]ボタン([レイヤーのロック/ロック解除]ボタン)の鍵が閉じます。 これはレイヤがロックされたということであり、下絵の画像を選択することはできなくなりました。

また、レイヤの名前の表記が "下絵" から "[下絵]" に変化しています。 ロックされると "[]" で囲まれます

では次に、絵を描くレイヤを作成しましょう。 今回の例ではバナナを描くので "バナナ" という名前にします。

13. レイヤー(L) -> 新規レイヤー(A)...を実行
13. レイヤー(L) -> 新規レイヤー(A)...を実行

上図のように画面上部のプルダウンメニューの"レイヤー(L)" -> "新規レイヤー(A)..."を実行するか、キーボードのSHIFT + CTRL + Nを押します。

14. レイヤーを追加ダイアログが開く
14. レイヤーを追加ダイアログが開く

上図のようにレイヤーを追加ダイアログが開きます。 レイヤー名に "バナナ" と入力し、[追加(A)]ボタンを押してください。

15. "バナナ"という名前のレイヤが追加される
15. "バナナ"という名前のレイヤが追加される

上図のように "バナナ" という名前のレイヤが追加されます。

ではここで下絵の画像をクリックしてみましょう

16. 下絵の画像をクリック
16. 下絵の画像をクリック

上図のように下絵の画像をマウスの左ボタン(マウスの左ボタン)でクリックします。

17. 下絵の画像は選択されない
17. 下絵の画像は選択されない

上図のように下絵の画像は選択されません。 ロックされていると、このように選択できなくなります

これで下絵の画像は準備できましたので、後はバナナを描くだけです。 ペンツールなどでバナナの形に沿ってパスを作成しましょう

18. 下絵の画像に沿ってパスを作成
18. 下絵の画像に沿ってパスを作成

上図のように下絵の画像に沿ってパスを作成しました。 このように、上から絵を描くと下絵の画像は見えなくなります

下絵の画像を見る方法は2つありますが、まずは "バナナ" レイヤを非表示にする方法でやってみましょう

19. レイヤ情報欄の[レイヤーの表示/非表示]ボタンを押す
19. レイヤ情報欄の[レイヤーの表示/非表示]ボタンを押す

上図のようにレイヤ情報欄の[レイヤーの表示/非表示]ボタン([レイヤーの表示/非表示]ボタン)を押します(開いた目のボタンです)。

20. レイヤ情報欄の[レイヤーの表示/非表示]ボタンの目が閉じる
20. レイヤ情報欄の[レイヤーの表示/非表示]ボタンの目が閉じる

上図のようにレイヤ情報欄の[レイヤーの表示/非表示]ボタン([レイヤーの表示/非表示]ボタン)の目が閉じます。 これはレイヤが非表示になったということです。

では、キャンバスを見てみましょう

21. "バナナ" レイヤのオブジェクトが非表示になる
21. "バナナ" レイヤのオブジェクトが非表示になる

上図のように "バナナ" レイヤのオブジェクトが非表示になります。 下絵の画像が見えるようになりました。

ただし、この方法だと下絵の画像を透かして絵を描くことはできません。 上層の絵と下絵の画像の両方が見えるようにしましょう上層レイヤを半透明にすることで、下絵の画像も見えるようにします

まずは、レイヤーダイアログを開く必要があります。 レイヤーダイアログは、レイヤを管理するためのダイアログです

22. レイヤー(L) -> レイヤー(S)...を実行
22. レイヤー(L) -> レイヤー(S)...を実行

上図のように画面上部のプルダウンメニューの"レイヤー(L)" -> "レイヤー(S)..."を実行するか、キーボードのSHIFT + CTRL + Lを押します。

23. レイヤーダイアログが開く
23. レイヤーダイアログが開く

上図のようにレイヤーダイアログが開きます。 上部にはレイヤの一覧があり、その下にはレイヤ操作用のボタンがあります。 また、さらに下にはブレンドモードと不透明度があります。

では、"バナナ" レイヤを半透明で表示させましょう。

24. レイヤ一覧の[レイヤーの表示/非表示]ボタンを押す
24. レイヤ一覧の[レイヤーの表示/非表示]ボタンを押す

上図のようにレイヤ一覧の "バナナ" レイヤの[レイヤーの表示/非表示]ボタン([レイヤーの表示/非表示]ボタン)を押します。 さらに、不透明度を 50% に変更しましょう

25. "バナナ" レイヤが半透明で表示される
25. "バナナ" レイヤが半透明で表示される

上図のように "バナナ" レイヤがが半透明で表示されます。 これで、下絵の画像を見ながら上層レイヤで絵を描けるようになりました。

ページの先頭へ
 

まとめ

Inkscapeでは、JPEG形式やPNG形式、BMP形式などの一般的な画像ファイルであればインポートで読み込むことができます。 読み込んだ画像を下層レイヤに配置してロックすることで、下絵の画像として利用することができます。

上層レイヤの不透明度を変更して半透明にすることで、下絵の画像と上層の絵の両方を見ながら作業できるようになります。

操作/コマンド 説明
SHIFT + CTRL + L レイヤーダイアログを開く
SHIFT + CTRL + N レイヤを追加する
[レイヤーの表示/非表示]ボタン レイヤの表示/非表示を切り替える
[レイヤーのロック/ロック解除]ボタン レイヤをロック/ロック解除する
ページの先頭へ