welcome: please sign in
location: "絵の変わるカード"の差分
13と14のリビジョン間の差分
2013-01-08 02:49:03時点のリビジョン13
サイズ: 4030
編集者: masahiko
コメント:
2013-01-08 02:55:17時点のリビジョン14
サイズ: 4168
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 16: 行 16:
 1. 一方修正する  1. 残り部分描く
行 108: 行 108:
'''内側'''レイヤーを選び、 このように長方形を描きます。 '''内側'''レイヤーを選び、緑で示した部分に長方形を描きます。
行 115: 行 115:
=== 一方修正する === === 残り部分描く ===
行 117: 行 117:
畳んだときに表示されるのは
 . 元(Aより左)
 . 内側(Cより右)
 . 変化(Cより右)
----
ガイドラインにかかっていない部分を自由に描きます。
 . {{attachment:card16.png}}
行 123: 行 120:
 . {{attachment:card16.png}} 畳んだ状態の絵はこの部分に描きます。
 . {{attachment:card05.png}}
開いた状態の絵はこの部分に描きます。
 . {{attachment:card06.png}}

絵の変わるカード

折り曲げた状態と、広げた状態で絵が変わるカードを作ります。

  • 用紙はA4サイズとする。縦、横どちらでも可。

この課題での目標

  • Inkscapeの使い方の総復習。
  • 完成品(印刷後折ったもの)を考えた作業をすること。

作業手順

  1. 折り方と絵の現れ方を考える。
  2. 用紙の設定をする。
  3. 境目にある絵を描く。
  4. 複製して、正確に配置する。
  5. 不要な部分を隠す。
  6. 残りの部分を描く。


折り方と絵の現れ方を考える

サンプルを示します。

  • 畳んだ状態
  • card01.png

  • 開いた状態
  • card02.png

全部開くとこのようになっています。

  • card03.png

AとCの位置が合うように、AとBの線で折るとこのようになります。

  • card04.png

畳んだ状態の絵はこの部分に描きます。

  • card05.png

開いた状態の絵はこの部分に描きます。

  • card06.png


以下の説明はこのサンプルにしたがって行っていますが、 どこを変化させるかにより、 紙の向きや折る位置などは調整してください。

  • card07.png card08.png card09.png


用紙の設定をする

折り方を決めたら、まず用紙の設定をします。

ファイルメニューよりドキュメントの設定を選び

  • ページサイズはA4
  • 方向は縦または横

に指定します。

折り目AとCの位置に、ガイドラインを引いておきます。

  • card10.png


境目にある絵を描く

境目(折り目Aの位置)に絵を描いておくと 次のような利点があります。

  • 開いたときにどんなふうに変わるか、期待させる。
  • 折る位置を線で示さなくても、折る位置が分かる。

簡単な図形でもかまいませんが、 横方向の線だけだと位置合わせに使えません。

斜めの線や曲線を含む形がよい。

これまでに描いたものを利用してもかまいません。


複製して、正確に配置する

複製し、2つのガイドラインに同じようにかかるように 配置します。

  • card11.png

縦方向は正確に揃えます。

オブジェクトメニューから整列と配置を選び、 両方を選んだ状態で、縦方向の配置を指定します。

  • card12.png


不要な部分を隠す

折り目Aにかかるように配置した図形のうち、 折り目Aより右の部分は不要です。

  • 上に長方形を重ねて隠すのが簡単です。

レイヤーを使うと作業が楽です。 3つのレイヤーを作成し、上から変化内側 としました。

  • [添付]

レイヤーメニューの

  • 選択オブジェクトを前面のレイヤーに移動
  • 選択オブジェクトを背面のレイヤーに移動

を使って2つの図形のレイヤーを変更します。

  • の図形はレイヤーに、

  • の図形は変化レイヤーに

入れます。

折り目Aにかかっている図形を一番下のレイヤーに入れます。

  • [添付]

内側レイヤーを選び、緑で示した部分に長方形を描きます。

描いた長方形の塗りを白にすることで、 その下にある図形が隠されます。

  • card15.png


残りの部分を描く

ガイドラインにかかっていない部分を自由に描きます。

  • card16.png

畳んだ状態の絵はこの部分に描きます。

  • card05.png

開いた状態の絵はこの部分に描きます。

  • card06.png

絵の変わるカード (最終更新日時 2013-01-08 23:36:50 更新者 masahiko)