<< Click to Display Table of Contents >> トレーニング > 応用編 > 画面開発の基本 > グラフィック作画のコツ > 組み合わせによる作画 |
オブジェクトの組み合わせによる作画方法
ほとんどの図形は、四角形や楕円などの図形の組み合わせによって表現することができます。ここでは、実際に複数のオブジェクトを使って絵を描いてみることで、「オブジェクトを組み合わせる」という感覚を体験してみます。
1.ドラムを描いてみます。先ずは、ドラムのような図形を描いてみましょう。
作成例
図形を描くにあたっては、どのようなオブジェクトを使って表現できる形なのかをイメージします。このようなドラムの場合、同じ大きさの楕円2つ、四角形1つ、同じ長さのライン2本で表現することができます。イメージ的には以下のような組み合わせです。
2.それでは、実際に絵を描いてみます。
まず、楕円を描きます。
次に、同じ大きさの楕円をもう一つ作成します。これには、コピー&ペースト機能が便利です。コピー操作は、編集メニューから行います。コピー対象のオブジェクトを洗濯して、編集メニューより「コピー」をクリックします。続いて、編集メニューより「貼り付け」をクリックします。
楕円オブジェクトが二つになりました
コピー&ペーストはよく使用する機能です。この操作はショートカットでも行うことができます。 コピー: Ctrl + C 貼り付け: Ctrl + V |
新たに作成した楕円を下に移動させます。
次に、楕円の表示位置を揃えます。プロパティビューから座標値を変更しても良いのですが、ここでは、位置合わせ機能を使用してみましょう。まず、位置合わせしたいオブジェクト群を同時選択状態にします。
2つの楕円を囲むように範囲選択します
2つの楕円が同時に選択されました
Ctrlキーを押しながらマウスで一つずつオブジェクトをクリックすることでも、複数オブジェクトの同時選択が行えます。 |
マウスでの範囲選択では、オブジェクトに選択が少しでも入っていれば、選択対象となります。また、マウスの右クリックドラッグで範囲選択した場合、マウスの範囲選択で完全に囲まれたオブジェクトのみが選択対象となります。 |
2つの楕円が同時選択された状態で、メニューから、編集(Edit)/配置/整列(Align or Distribute)/右揃え(Align Right)を選択します。
オブジェクトが右寄せされ、位置が揃いました。
位置合わせには、上下左右の他、中央寄せ、均等間隔に配置など様々なバリエーションがあり、とても頻繁に使用する便利な機能です。細かい画面調整を素早く行う際に威力を発揮する機能なので、ぜひマスターしてみてください。 |
位置合わせ機能を使いこなすためには、複数選択されたオブジェクトのうち、どのオブジェクトの位置を基準にして位置合わせが行われるのかを意識する必要があります。複数選択されたオブジェクトのうち、マークの色が青色のものが基準オブジェクトで、それを基準として位置合わせが行われます。尚、複数選択の操作時に最後に選択されたオブジェクトが基準オブジェクトとなります。 |
図形が立体的に見えるように、楕円の色を変更しておきます。
ここでは例として、グレー系の色を使ってみました
次に、四角形を描きます。
四角形の上下の辺が、それぞれの楕円の中央になる高さで描きます
四角形のプロパティを変更します。
塗りの色を下側の楕円と同じ色にし、Borderを非表示(False)にします
次に、オブジェクトの表示順序を変更します。現在、四角形は楕円の上にかぶさっているため、上側の楕円が四角形の上に見えるようにする必要があります。オブジェクトの表示順序は、Editメニューから変更できます。上側の楕円を選択し、メニューから、編集(Edit)/順序(Order)/最前面に移動(Bring to Front)を選択します。
上側の楕円が一番上に移動しました
オブジェクトの表示順序は、コントロールを貼付けた順序になります。つまり、最後に描いたオブジェクトが一番上に表示されます。特に細かな図形を描く場合などは、この順序を頻繁に変更することになります。 尚、表示順序の変更などの操作は、ポップアップメニューからも行えます。ポップアップは対象のオブジェクトを右クリックすると表示されます。このメニューには表示順序の変更以外にも、コピー&ペーストや整列、オブジェクトの回転・反転なども含まれています。
|