welcome: please sign in
location: "下絵を使って描く"の差分
4と28のリビジョン間の差分 (その間の編集: 24回)
2010-11-17 12:30:55時点のリビジョン4
サイズ: 6662
編集者: masahiko
コメント:
2017-11-14 04:37:21時点のリビジョン28
サイズ: 3682
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 1: 行 1:
#acl All:
行 3: 行 2:
画像データのダウンロード これまでの復習とレイヤーの使い方の学習です。
行 5: 行 4:
今回は春信の浮世絵の一部をトレースします。
レイヤーを使った課題です。
指示にしたがって手順どおり行ってください。
必ず次の順に行います。
 1. 画像データのダウンロード
 1. レイヤーの名前を変更する
 1. 下絵を配置する
 1. 下絵をロックし表示を薄くする
 1. トレース作業用のレイヤーを準備する
行 9: 行 11:
画像データ 必ず順番に行い、確認を受けてください。
行 11: 行 13:
1)すぐ上のリンクを右クリックし、「対象をファイルに保存」を選びます。 ここまでできたら、いったん保存しトレースの作業に進みます。
トレースのしかたは別のページで説明しています。
行 13: 行 16:
haru.jpgというファイルを「名前を付けて保存」する画面になります。 ----
=== 画像データのダウンロード ===
行 15: 行 19:
2)保存する場所を z: に変更してから「保存」をクリックします。 e-ラーニング内の指示にしたがってください。

保存場所はグラフィックスで作成したデータを保存しているところと同じです。

----
=== レイヤーの名前を変更する ===

inkscape を起動します。

 . 新規ドキュメントで、なにも描かれていない状態からはじめます。

レイヤーウインドウを表示します。
 . 「レイヤー」メニューの一番下の「レイヤー...」を選びます。
 . レイヤーをあつかうためのウインドウが表示されます。

レイヤーの名前を変更します。
 . 現在あるレイヤー名の部分をダブルクリックします。
 . {{attachment:layer51.png}}
 . 名前を「下絵」に変更します。
 . {{attachment:layer52.png}}

----
=== 下絵を配置する ===
'''下絵レイヤー'''が選択されていて、編集可能な(鍵が開いている)状態であることを確認します。

「ファイル」メニューより「インポート」を選び、先にダウンロードした画像ファイルを選択し、開くボタンを押します。

ビットマップ画像のインポートの質問が表示されます。
 . 画像のインポート形式
  . 埋め込み ... 他の環境でも作業したい人はこちら
  . リンク ...  パソコン室でだけ作業するひとはこちら
 . 画像DPI
  . ファイルから
  . デフォルトのインポート解像度 ... 今回はこちら
どちらかを選んでOKを押します。

画像を用紙の中央あたりに配置します。'''大きさはそのまま'''にします。

----
=== 下絵をロックし表示を薄くする ===

下絵レイヤーを編集不可にします。
 . 鍵の絵をクリックし、鍵が閉まっている状態にする。
 . 配置した画像が動かせなくなります。

 . {{attachment:layer53.png}}

下絵レイヤーの不透明度を少し下げておきます。
 . 不透明度を下げておくと以下で行うトレース作業が楽になります。
 . 50%前後で調整してみてください。
 . 後でも変更できます。
行 18: 行 72:
レイヤーを準備する ----
=== トレース作業用のレイヤーを準備する ===
レイヤーを追加します。
 . レイヤーウインドウで「+」ボタンを押します。
 . {{attachment:layer54.png}}
行 20: 行 78:
3)inkscape を起動します。

新規ドキュメントで、なにも描かれていない状態からはじめます。

4)レイヤーメニューの一番下の レイヤー... を選び、レイヤーウインドウを表示させます。

5)レイヤーウインドウで「+」ボタンを押します。

レイヤー名は「女性」として「追加」を行います。
位置は「現在レイヤーの前面側」のままでよい。

6)レイヤーウインドウの「Layer 1」と表示されているところで右クリックし、「レイヤー名を変更」を選びます。

名前は下絵に変更します。
 . レイヤー名は「顔」にします。
 . 位置はそのままでよい。
 . 追加ボタンを押します。
 . {{attachment:layer55.png}}
行 36: 行 84:
 , {{attachment:layer5.png}}  . {{attachment:layer56.png}}
行 38: 行 86:
下絵を配置する ----
=== 確認と保存 ===
行 40: 行 89:
2つのレイヤーのうち、「下絵」レイヤーでの作業です。 確認
 * レイヤーは上から順に「顔」、「下絵」になっている。
 * 顔レイヤーが選択されている。
 * 顔レイヤーは鍵が開いている。
 * 下絵レイヤーは鍵が閉まっている。
 * 画像が薄く表示され、画像は移動できない。
行 42: 行 96:
7)下絵レイヤーが選択されていて、編集可能な(鍵が開いている)状態であることを確認します。

ウインドウ下部の表示が次のようになっていればよい。
 , {{attachment:layer6.png}}
目が開いている
鍵が開いている
名前が下絵である

8)ファイルメニューより「インポート」を選び、先にダウンロードしたファイル(haru.jpg)を選択し、Openを押します。

ダウンロードしたファイルをInkscapeの画面上にdrag&dropしても同じです。
用紙の中央あたりに配置します。大きさはそのままで良いはずです。

9)下絵レイヤーを編集不可(鍵が閉まっている)にします。

配置した画像が動かせなくなります。

10)下絵レイヤーの不透明度を少し下げておきます。

Opacityを下げておくと以下で行うトレース作業が楽になります。
60%程度で調整してみてください。
これは後でもかまいません。

11)確認

レイヤーは上から「女性」、「下絵」であること。
女性レイヤーは鍵が開いていること。
下絵レイヤーは鍵が閉まっていること。
画像が薄く表示され、画像は移動できないこと。
 , {{attachment:layer7.png}}
ここまでを確認してから、次に進むこと。
確認できたら、レイヤーウインドウは閉じてよい。

12)保存

ファイルを「名前をつけて保存」しましょう。


トレースする

13)女性レイヤーを選びます。

画面下部の表示で、「V」の部分を押し、女性レイヤーを選択します。
このレイヤーは、目、鍵とも開いています。
このような表示であればよい。
 , {{attachment:layer8.png}}
4)女性をトレースする

以下は「女性」レイヤーでの作業です。

浮世絵に描かれている女性を、うまく着色できるように前後関係を考えながらできるだけ正確にトレースしてください。(背景にある椅子や団扇などは描かなくてよい。)

トレースはペジェ線ツールまたはフリーハンド線ツールで行うこと。

着物の模様やしわ、目、口、手などの細かな部分は次回予定。
今回は作例のように、着色ができる程度にトレースしてください。

 , {{attachment:trace1.png}}
線や塗りの色は後で変更できます。
トレース時には分りやすい色にしておきましょう。
線の色は下絵と異なる色、塗りは半透明にすると分りやすいでしょう。

どのようなパーツに分けたらよいのかと、それらの前後関係を考えてから始めます。
実際の着物の形を考えるのではなく、同じ色の部分を囲むようにトレースしていきます。
髪の毛のような複雑な形の部分はいくつかの部品に分けてトレースしてもかまいません。
上の図のような部分に分けて考え、一番後ろの部分から順にトレースしていきます。(手前から順にトレースする方法もありますが、この場合は描いたパーツごとに重なり順の修正が必要です。)


ペンの色の設定方法

ペジェ線(またはフリーハンド線)ツールを選んだとき、どの色で描かれるかはウインドウの右上あたりに表示されます。
初期状態では、塗りがなし、線が黒です。
 , {{attachment:pencolor1.png}}
色を変更するには、設定ウインドウで行います。
ファイルメニューからInkscapeの設定を選ぶか、ペジェ線(またはフリーハンド線)ツールをダブルクリックすると、設定ウインドウが開きます。
 , {{attachment:pencolor2.png}}
左の項目で「鉛筆」とあるのがフリーハンド線ツールの設定、「ペン」とあるのがペジェ線ツールの設定です。

右の項目で「ツールごとのスタイル」にチェックが入っていると、その右に表示されている色で描かれます。
この色を変更するには、変更したい色で描かれたオブジェクトを選択した状態で「選択オブジェクトのスタイルを使用」をクリックします。

1つ上の行にある「Last used style」にチェックが入っていると、直前に同じツールで使った色で描かれます。
パスを1つ描いた後で望みの色に変更しておくと、次に描いたパスからはその色になります。


重なり部分のトレース

重なって見えない部分は適当に描いてよいのです。
少し重なりがあるように描いた方が、隙間ができなくて美しい。

どんぐりの帽子の部分が上になるように描いたとすると、実の部分はまん中の図のような形に描かなくても、右の図のような形に少し重なるように描けばよい。
 , {{attachment:trace2.png}}
確認できたら「名前をつけて保存」します。

下絵を使って描く

これまでの復習とレイヤーの使い方の学習です。

必ず次の順に行います。

  1. 画像データのダウンロード
  2. レイヤーの名前を変更する
  3. 下絵を配置する
  4. 下絵をロックし表示を薄くする
  5. トレース作業用のレイヤーを準備する

必ず順番に行い、確認を受けてください。

ここまでできたら、いったん保存しトレースの作業に進みます。 トレースのしかたは別のページで説明しています。


画像データのダウンロード

e-ラーニング内の指示にしたがってください。

保存場所はグラフィックスで作成したデータを保存しているところと同じです。


レイヤーの名前を変更する

inkscape を起動します。

  • 新規ドキュメントで、なにも描かれていない状態からはじめます。

レイヤーウインドウを表示します。

  • 「レイヤー」メニューの一番下の「レイヤー...」を選びます。
  • レイヤーをあつかうためのウインドウが表示されます。

レイヤーの名前を変更します。

  • 現在あるレイヤー名の部分をダブルクリックします。
  • layer51.png

  • 名前を「下絵」に変更します。
  • layer52.png


下絵を配置する

下絵レイヤーが選択されていて、編集可能な(鍵が開いている)状態であることを確認します。

「ファイル」メニューより「インポート」を選び、先にダウンロードした画像ファイルを選択し、開くボタンを押します。

ビットマップ画像のインポートの質問が表示されます。

  • 画像のインポート形式
    • 埋め込み ... 他の環境でも作業したい人はこちら
    • リンク ...  パソコン室でだけ作業するひとはこちら
  • 画像DPI
    • ファイルから
    • デフォルトのインポート解像度 ... 今回はこちら

どちらかを選んでOKを押します。

画像を用紙の中央あたりに配置します。大きさはそのままにします。


下絵をロックし表示を薄くする

下絵レイヤーを編集不可にします。

  • 鍵の絵をクリックし、鍵が閉まっている状態にする。
  • 配置した画像が動かせなくなります。
  • layer53.png

下絵レイヤーの不透明度を少し下げておきます。

  • 不透明度を下げておくと以下で行うトレース作業が楽になります。
  • 50%前後で調整してみてください。
  • 後でも変更できます。


トレース作業用のレイヤーを準備する

レイヤーを追加します。

  • レイヤーウインドウで「+」ボタンを押します。
  • layer54.png

  • レイヤー名は「顔」にします。
  • 位置はそのままでよい。
  • 追加ボタンを押します。
  • layer55.png

このような状態になります。

  • layer56.png


確認と保存

確認

  • レイヤーは上から順に「顔」、「下絵」になっている。
  • 顔レイヤーが選択されている。
  • 顔レイヤーは鍵が開いている。
  • 下絵レイヤーは鍵が閉まっている。
  • 画像が薄く表示され、画像は移動できない。

確認できたら「名前をつけて保存」します。

下絵を使って描く (最終更新日時 2017-11-14 04:37:21 更新者 masahiko)