球体のワイヤーフレームの書き方

pixta_tegami_01

パソコンを使ってデザインをする時、必要となってくるのがワイヤーフレームです。これは立体を作り出す設計図としても必要不可欠になってきて、その中でも厄介なのはやはり球体のワイヤーフレームであるかと思われます。

 

  1. 1.デザインに必要となるもの
  2. 2.手書きで制作するためには
  3. 3.イラストレーターを使用する
  4. 4.いろいろなソフトがあります

 


デザインに必要となるもの

pixta_tegami_02

パソコンを使ってデザインをする時、必要となってくるのがワイヤーフレームです。これは立体を作り出す設計図としても必要不可欠になってきて、その中でも厄介なのはやはり球体のワイヤーフレームであるかと思われます。そもそもワイヤーフレームは何かというと、3次元コンピュータグラフィックスにおいてレンダリング手法の1つで、

 

3次元オブジェクトを竹ひご細工のような線形状のみで表現するものとなります。家の骨組みと考えると分かりやすく、これを行うことによって立体的なイメージがかたまり、制作がしやすくなるのです。このワイヤーフレームはwebでデザインをするには必要となってくる技術になるのですが、球体というのは想像するのは簡単ですが、

 

実際に形として作り出すにはかなりの難易度があって、厄介極まりないものだったりするのです。手書きではもちろんのこと、パソコンを使っての作業も慣れるまではかなり面倒に感じられるかもしれませんが、これが自由自在に作れるようになるとデザインの幅が広がりますし、いろいろな応用も可能となって、さまざまな局面で活用することができるのです。

 

それゆえ書き方を知っておくことが大切で、球体の場合、手書きから市販のソフトを使うなどさまざまな方法がありますので、試してみて自分のやりやすい手段を探す必要があるのです。基本的にどれもメリットとデメリットがありますので、それぞれの特性を知っておき、必要に応じて使い分けることも大事になってきます。

 


手書きで制作するためには

pixta_tegami_03

もっとも初歩的なものはやはり手書きになりますが、手書きといってもペンタブを使って直接書いていくわけではなく、だいたいはペイントソフトなどを利用して書いていきます。パソコンを購入すれば無料のソフトが付いてきますので、最初はそれを利用するのがいいかと思われます。
 

書き方ですが、まずはペイントソフトを起動する。そして楕円形ツールを選択して縦横に任意の数値を入れていきますが、球体ですので両方同じ数字にすることが必要となってきます。数値を入れてOKをクリックしますと円が平面図で描かれ、さらに色を付ける場合はその操作をしていきます。

 

そして縮小、拡大ツールをクリックして、ダイアログボックスが出てきますので、縦横比を変更というボックスの横を0にして、コピーをクリックします。この状態だと縦線だけを選択していることになっていますので、選択ツール(V)で円全体を選択してください。円全体を選択したら、オブジェクト、ブレンド、ブレンドオプションを選択して、

 

ダイアログボックスがでてきたら間隔(S)をステップ数にして7を、方向を左側にしてOKをクリックします。さらに上記と同様にオブジェクト、ブレンド、作成を押してブレンドしてください。回転ツールをダブルクリック、角度(A)を45にしてコピー、これを2回繰り返すと完成します。数値はあくまで目安となっていますので、自分の好みのものを入れるのがよく、何度か書いていくうちにコツがつかめるようになってきます。

 


イラストレーターを使用する

pixta_tegami_01

次に一般的に使われているイラストレーターでの書き方になります。こちらはソフトを使用すると最初から3Dで表示されますので、目で確認できることから完成図のイメージがしやすく作りやすいものとなっています。まずはIllustrator(イラストレーター)を用意します。円ツールで円を作り、半分消して「半径」を作ります。

 

次に「効果メニュー」、「3D」、「回転体」と出していって3D回転体オプションを開きます。3D回転体オプションの下の「表面」を「ワイヤーフレーム」にします。この時、プレビューにチェックを入れると適応された状態を確認出来ますので使ってみてください。「OK」ボタンをクリックして、作成したワイヤーフレームを選択、

 

「オブジェクト」から分割・拡張をクリックして、ワイヤーフレームが編集できる状態にしていきます。これによって色を変更出来るようになります。Illustrator(イラストレーター)を使って作るワイヤーフレームのイラストは最初から作っていくと、このタイプはかなりの手間がかかってしまうのですが、3D回転体オプションを使えば、

 

慣れてしまえば数分で作成可能となりますので、自分にとって使いやすい方法を選ぶことが大切になってきます。また必要性に合わせて書き方を使い分ける、両方を組み合わせるなど、慣れてしまえばやり方は無数に出てくるのです。ただしそのためにはしっかりと基礎を覚えておく必要があって、書き続けることが大切です。

 


いろいろなソフトがあります

pixta_tegami_01

また他にも球体のワイヤーフレームを書く方法はあって、イラスト系のソフトではなく数値のみで描くにはThree.jsを使うと可能になります。こちらは立体というよりもホームページ上にソースとして数値を書き、それをイラスト化するという形になります。またOfficeの線画ツールを利用して描く方法もあります。

 

PowerPointかExcelを起動して、 「挿入」タブを開き、リボン内から「図形」をクリックして、 挿入できる図形のメニューが開きますので「円/楕円」を選択します。描画したい画面上でドラッグさせて円を描きますが、その際に、Shiftキーを押しながらドラッグすると、きれいな円が描けます。

 

そして円を描くと新しく「描画ツール」の「書式」タブが表示されていきます。表示されない場合は、描いた円をクリックして選択してみてください。「描画ツール」の「書式」タブを開き、描いた円のサイズを確認、これはリボン内にある「サイズ」で確認できます。図形の高さと幅の値が違う場合は、数値を入力し直して同じにしてください。これが円の直径になります。

 

円を右クリックして「図形の書式設定」を選択、「図形の書式設定」が開いたら、メニュー欄から「線の色」を選択し、「線なし」に設定します。引き続きメニュー欄の「3-D 書式」を選択して、「面取り」から「上」の四角い画像をクリックして「面取りから丸」を選択します。

 

「面取り」「上」の幅と高さの欄に円の半径の値を入力、その際に単位が「pt」と表示されているはずで、この単位を「cm」に書き直してください。以上で球体の設定ができますので、後はスタイルから色や影などを選択すれば好みのものができあがります。

 

失業保険求人票の書き方

失業保険をもらうにあたり必要なことは求職活動を行うことです。そもそも失業保険は求職活動を行っている人に支給されるものですので、求職活動と認められる行動を行う必要があります。...

始末書の書き方について

  1.起こった問題を詳細に記載する 2.原因を人のせいにせずに文面を作る 3.事の顛末を詳細に記載する 4.信用を取り戻すには時間が必要...

返信用はがきの書き方

  1.返信用はがきの使い道と仕組み 2.返信はがきの書き方・送り方 3.書き損じた時の対処方法 4.返信用はがきを書くときの心構え ...

庭の図面の書き方

理想の庭作りは、思いつきで成功するものではありません。頭の中にある、漠然としていて、ぼんやりとしたイメージのまま始めてしまうと、途中でいろいろ問題が起こってくるたびに、惑わ...

正しい手紙の書き方とは

最近では、電話やメールの普及によりあまり手紙を書いて近況を報告しあう人も少なくなってきましたが、いざ手紙を出す時にマナーを知らなければ相手に失礼になってしまうこともあります。 ...

町内会の決算報告書の書き方

近年、町内会に加入する人が減少しています。ご近所付き合いの煩わしさや転勤族の増加など、理由は様々ですが、その中の一つには町内会の会計の不透明さが指摘されています。町内会費を...

経営計画書の書き方

事業家ならば、例えば経営コンサルタントなどからよく、経営計画書を作成して、年間計画を立てることが大切だなどと言われる場合が多いのではないでしょうか。確かに、中規模以上の会社...

法人の別表5の書き方 消費税の損金算入

法人税申告書には別表というものが存在しており、別表5は租税公課の納付状況等に関する明細書のことを指します。   1.法人が確定申告時に作る書類で...

PTA会長謝辞の高校の書き方

PTA会長が謝辞を述べる最大のイベントといえば、なんと言っても卒業式です。特に卒業生の保護者が兼任していることも多く、保護者としての立場から謝辞を述べることができるでしょう...

労基署の届出第20号の書き方

労働基準監督署(労基署)に対して提出する届出書類のうち、様式第20号と呼ばれる書類は正式には「建設物・機械等設置・移転・変更届」と呼ばれています。   ...

スポンサーリンク