デジタル造形

大阪電気通信大学 総合情報学部 デジタルゲーム学科 前期開講科目

デジタルツールを利用したビジュアルコミュニケーションデザインの基礎

第05週：05月16日

1）平面形態の分析と図形処理

■ 幾何形態

数学的な原理や法則に基づいて、かたちづくられる面のかたち（形態）を幾何形態とよぶ。幾何形態は数理的根拠によってつくられる造形のために、要素が整理され明確な印象を与えるものが多い。

■ 有機的形態

幾何形態の数学的規則性に対して、規則性に縛られない自然さを持った形態を、有機的形態として分類する。幾何形態のシャープさとは対照的に、有機的形態には生命感を持った躍動感、繊細さや柔らかさといった印象が感じられる。

有機的形態の中でも、その形態的な特徴からいくつかに分類することができ、さまざまな形態への展開の可能性を持ってる。

1. 抽象形態 … 幾何形態の規則性を残した抽象的なかたち

2. 自然形態 … 自然界に存在する形態をモチーフとする具象的なもの

3. アクシデント … 偶発的に生まれる形態

4. オートマティック … 自動的に生成される形態

■ フラクタル

自己相似形を指すフラクタル（fractal）の語源は、ラテン語のfracuts（不規則に壊れてバラバラとなった状態、断片の意味）に由来した造語である。「自然界に存在するあらゆる事柄は、その事柄の全体とある一部分は似た面を持つ。」という理論で、似てはいるけれど同じではない、繰り返しているけれど単純な反復ではない、そうした自然に多く見られる偶発的な形態を、計算式によって表現したものである。

そして、そのフラクタル理論によって視覚化されるフラクタル図形としてとらえることのできる、自然界にある偶発的な形態としては、海岸線、山並み、雲、稲妻、地面ひび割れ、河川、樹木、脳のしわ、血管の枝分かれなど、非定形体と思われていたさまざまな形態があげられる。

さらにその理論は、自然界の形態に限らず、原子や分子の量子力学、株価の変動パターンという経済学の世界、クラシック音楽という感性の芸術世界まで、あらゆる社会的要素に応用することができると考えられている。

フラクタル図形の例としては、シルピンスキーのギャスケット（下図左）、コッホ曲線（下図右）などがある。

このように、フラクタル理論に則って描かれるさまざまな図形は、数学的な計算を繰り返して成長する。この計算による作図は、コンピュータ本来の機能との相性がよく、初期のコンピュータグラフィクスなどでは、計算結果として視覚表現される静止画やアニメーション（動画）が数多く発表された。また、処理のためのプログラムも広く公開されている。

■ ベクター形式での視覚的イメージ生成

ピクセルの集合体として視覚的イメージを生成するラスター形式に対して、図形のアウトライン（輪郭線）によって視覚的イメージを表すものをベクター形式という。ベクター形式のソフトウェアにおいて図形は、平面空間の座標として表される点と点を結ぶことによってできる線や面として視覚的イメージを表し、数値と数式によって生成される。

ラスター形式と比較して、ラスター形式がうまく表すことのできなかった対角線や曲線についても、その線を規定する複数の点の結び方を数値と数式のデータで持っているため、なめらかな輪郭としてデータ化することができるという長所があるが、なめらかな色の変化が必要となる写真的表現は得意としない。

ベクター形式での直線・斜線の描画

■ Illustratorでの形態の変形

以下の形態の変形操作について、Adobe Illustratorでのオペレーションを確認する。

01. コピー

編集メニュー → コピー

… 選択したオブジェクトの形態を記憶する。

編集メニュー → カット

… 選択したオブジェクトを消去するが、その形態は記憶している。

02. ペースト

編集メニュー → ペースト

… コピーしたオブジェクトを画面中央に描画する。

編集メニュー → 前面へペースト

… コピーしたオブジェクトをコピーしたオブジェクトの前面に描画する。

編集メニュー → 背面へペースト

… コピーしたオブジェクトをコピーしたオブジェクトの背面に描画する。

03. バウンディングボックス

表示メニュー → バウンディングボックスを表示／隠す によって切り替え

… 選択したオブジェクトを任意に変形することができるが、数値によってコントロールする場合は隠しておく方が良い。

04. 移動

オブジェクトメニュー → 変形 → 移動...

… 選択したオブジェクトを距離の指定で移動させる。

選択ツール（ ダイレクト選択ツール）をダブルクリックしても、同様の移動ウィンドウを表示することができる。

05. 拡大・縮小

オブジェクトメニュー → 変形 → 拡大・縮小...

… 選択したオブジェクトを数値指定で拡大・縮小させる。

拡大・縮小ツールをダブルクリックしても、同様の拡大・縮小ウィンドウを表示することができる。

06. 回転

オブジェクトメニュー → 変形 → 回転...

… 選択したオブジェクトを数値指定で回転させる。

回転ツールをダブルクリックしても、同様の回転ウィンドウを表示することができる。

07. シアー

オブジェクトメニュー → シアー...

… 選択したオブジェクトを数値指定で傾斜させる。

シアーツールをダブルクリックしても、同様のシアーウィンドウを表示することができる。

08. リフレクト

オブジェクトメニュー → 変形 → リフレクト...

… 選択したオブジェクトを数値指定で線対称にさせる。

リフレクトツールをダブルクリックしても、同様のリフレクトウィンドウを表示することができる。

09. パスファインダ

ウィンドウメニュー → パスファインダ

… 複数のオブジェクトを選択し、それらをもとに新たな形状を生成する。

　a. 形状エリアに追加

　b. 形状エリアから前面オブジェクトで型抜き

　c. 形状エリアを交差

　d. 重なり合う形状エリアを除外

　e. 分割

　f. 刈り込み

　g. 合流

　h. 切り抜き

　i. アウトライン

　j. 背面オブジェクトで型抜き

10. パスの変形

フィルタメニュー → パスの変形

… 選択したオブジェクトにアンカーポイントを追加し、新たな形状を生成する。

　a. ジグザグ...

　b. パスの自由変形...

　c. パンク・膨張...

　d. ラフ...

　e. ランダム・ひねり...

　f. 旋回...

2）課題［色彩構成］

色彩構成とは、画面空間に形態と色彩を用いて画面構成をおこない、テーマとするイメージを表現する造形行為である。

Adobe Illustratorを利用して、色彩構成をおこなう。

■ 課題要件

アートボード設定：800 × 600、用紙の方向：ヨコ位置のアートボードを画面空間として、「奥行き」というテーマで、色彩構成をおこなう。

表現に用いる形態（点・線・面）や色彩については任意とする。

提出するファイルは1点のみとし、ファイル名は、半角英数（すべて小文字）で、下記のパブリックフォルダに提出すること。

idi3_(学籍番号).ai

例）idi3_w08XXX.ai

UserHomes/wteachers/watanabe/Public/Drop Box

提出期限：05月30日授業終了時

ページトップへ