担当授業の資料 | デジタル造形

デジタル造形大阪電気通信大学総合情報学部デジタルゲーム学科前期開講科目デジタルツールを利用したビジュアルコミュニケーションデザインの基礎第02週：04月25日（Macromedia Fireworks版） 1）課題［球体を描く］ Macromedia Fireworksを利用して、右図のような球体のイメージを描く。 ■ 課題要件キャンバスサイズ　幅：32ピクセル × 高さ：32ピクセル解像度：72ピクセル/インチの画面いっぱいに、鉛筆ツールのみを使用して、グレースケールの色彩を用いて、1,024個のピクセルのカラーリングをコントロールし、球体のイメージを描く。データは後日メールの添付ファイルにて提出する。提出時期については別途連絡するので、それまでデータを管理しておくこと。提出の際のファイル名は、半角英数（すべて小文字）で下記のとおりとする。 idi1_(学籍番号).png	グレースケールによる球体描画例
■ 制作手順 01）Macromedia Fireworksを起動。 02）［ファイル］メニューから［新規作成］を選択。 03）新規ドキュメントのウィンドウでキャンバスサイズを設定。 04）名称未設定の作業ウィンドウが開く。 05）表示比率を設定をクリック。 06）値を800%に変更。 07）ウィンドウを適切なサイズに変更。 08）［画面表示］メニューから［グリッド］、サブメニューから［グリッドの編集...］を選択。 09）グリッドとガイドのウィンドウで、グリッドの設定をおこなう。 10）グリッドの表示された状態。 11）ツールボックスから、鉛筆ツールを選択。 12）ツールボックスから、ストロークのカラーをクリックし、カラーピッカーのパレットメニューを表示させる。 13）パレットメニューから、グレースケールを選択し、描画色を選ぶ。 14）1ピクセルごとに、ストロークのカラーを微調整しながら、鉛筆ツールのクリックで、球体のイメージを描いていく。 15）適宜、［ファイル］メニューの［保存］を選択し、データの保存を実行すること。 16）初回の新規保存時のみ、保存ダイアログにて、ファイル名と保存場所を設定する必要がある。 17）ファイル名は「idi1_(学籍番号).png」として保存すること。以後の保存は、上書きによるデータ更新の保存となる。
2）造形の基本要素［点・線・面］によるビジュアル表現 ■ 点の定義数学的な観点で点は、それ以上細かい部分に分けては考えない思考の対象物であり、ユークリッド幾何学においては、直線・平面とともに、公理系で定義しないで用いる無定義用語として扱われる。すなわち、点は位置という概念を持ちつつ、大きさという概念を持たない対象であるといえる。造形的な観点では、与えられた環境の中で取り扱うことのできる最小の要素といえる。描かれる画面空間、点を描く描画材料、そしてその点を見る視点と画面との距離の相対的な関係の中で、造形的な点の定義は自在に変化していく。デザインの基本要素としての点は、環境との相対的な関係の中で変化するが、いずれにせよそれ以上小さくすることのできない位置を表す最小単位であることに違いない。 ■ ラスター形式での点ラスターとは走査線のことで、小さな正方形の色面の集まりによって視覚的イメージ（画像など）を表す。イメージの最小構成要素となる小さな正方形のひとつが、データの中の点であり、そのまま画面上においても、正方形の色面として表示される。その正方形の色面のひとつをピクセル（pixel）と呼び、画像処理ソフトウェアでのイメージ生成の最小単位として定義される。ピクセルは、イメージを構成する正方形の色面であり、画像はピクセルが縦横に整然と並んだ集合体である。ピクセルには、そのサイズを規定する要素が含まれてはいない。サイズは1インチ（=約25.4mm）あたりのピクセル数によって決まる。ピクセル数／1インチ（pixel/inch）を画像解像度と呼び、この値が画像のサイズに関わっている。点は造形のまさに原点であり、幾何学的な図形の生成に深く関わっているデザインの基本要素といえる。 ■ 線の定義線は、連続する点の集まりという見方ができる。また点が移動した際の軌跡ともいえる。数学的な観点において、点は位置の概念は持つが、大きさの概念を持たず、よって点の軌跡としての線は、位置と距離（長さ）という概念を持ち、そこに幅（太さ）という概念を持たない対象である。造形的な観点では、点の時と同様に紙の上に描かれた線は、それ自身、必ず幅の概念を持って捉えることができる。与えられた環境の中で取り扱うことのできる位置と軌跡を表す最細の要素といえる。描かれる画面空間、線を描く描画材料、そしてその線を見る視点と画面との距離の相対的な関係の中で、造形的な線の定義は自在に変化していく。 ■ ラスター形式での線ラスター形式で表されるモニタやペイント系ソフトウェアでは、小さな正方形の色面が同一の色で並ぶことによって、線として知覚される。正方形は碁盤の目のように、縦横に整然と並べられているから、水平・垂直な線は色面の連続として正確に引くことができるが、対角線（斜めの線）や曲線は思うように描くことができない。 ■ アンチエイリアシングこのようにラスター形式において発生するジャギーを視覚的に低減させる技術として、アンチエイリアシングというものがある。このアンチエイリアシングは、線や面の輪郭そのものの色面とその周囲にある色面との中間の色面を加えることによって、線や面をぼかしたような印象にし、視覚的にジャギーを感じさせなくして目立たなくする、というものである。 ■ 面の定義「幾何学上、線は眼に見えないものであるが、線は動く点の軌跡、したがって点の所産である。線は、運動から生まれる。―しかも点そのものが内包している完全な制止を破ることによって、そこには、静的なものから動的なものへの飛躍がある。」＊1 これは、Wassily Kandinsky（ヴァシリー・カンディンスキー）がその著作『点・線・面』 (1926）の中で語っている線についての一節である。 Kandinskyは、点の運動の軌跡が線になり、点の静的印象は線へと変化する過程で動的印象を持つに至ると考察している。そして線がさらに運動して軌跡を描くと、それは面となる。また線と線が交差することでも面が生まれてくる。面は多面的な限界を持つ平面であり、そこには点の運動の軌跡としての線の動的印象と、面となることで再び獲得する静的印象を混在させているといえる。そして、点と線の動きを内包する面は、それらの運動に応じて多様な形態のバリエーションを持っている。ページトップへ	テキストP.14～P.16を参照点のラスターイメージラスター形式のソフトウェア Adobe Photoshop（アドビ・フォトショップ）に代表される画像処理ソフトウェアの多くは、ラスター形式を用いており、ペイント系ソフトウェアなどといわれる。また、ひとつの正方形の色の情報であるビット数をマッピング（配置）していることから、ビットマップという表現もされる。ピクセル（pixel：画素） Pictureのアメリカ俗語であるpixとelementという語を組み合わせた合成語。直線のラスターイメージ曲線のラスターイメージアンチエイリアシング＊1『カンディンスキー著作集2』西田秀穂訳・美術出版社刊 Wassily Kandinsky ヴァシリー・カンディンスキー画家 1866年モスクワに生まれ、モスクワ大学で法律、政治経済を学んだ。フランス印象派展で見た、モネの『積藁』が忘れられず、30歳で画家を目指し、ミュンヘンを拠点に「抽象表現主義」の創始者として活躍し、モスクワ大学の教授となっている。ロシア革命が起こり、社会的リアリズムが強制されるようになると、1921年ドイツに戻り、バウハウスで教鞭をとり、1934年にはパリに移住した。絵画だけでなく、抽象絵画の方法を音楽のアナロジーで説明する論文でも影響力を発揮し、1944年に逝去した。面のラスターイメージアンチエイリアシング
インデックス担当授業の資料デジタル造形 Copyright (C) WATANABE, Takashi / HEAD+HEART, Visual Communication Design Studio. All rights reserved. Mac、Macロゴは、米国およびその他の国で登録されているApple Computer, Inc.の商標です。 Made on a MacバッジはApple Computer Inc.の商標であり、同社の許可により使用しています。

デジタル造形

1）課題［球体を描く］

2）造形の基本要素［点・線・面］によるビジュアル表現