20080430

デジタル造形

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

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

第03週:05月02日

1)課題[ピクセルアート]

課題[球体を描く]で体験した、1ピクセルごとに色設定をおこないイメージ表現へと定着させる作業を発展させ、ペイント系ソフトウェアを利用して、ピクセルアート(ドット絵)を描く。

■ 課題要件

カンバスサイズ 幅:64ピクセル × 高さ:64ピクセル

解像度:72ピクセル/インチ

の画面いっぱいに、「大阪電気通信大学のキャラクター」というテーマで、キャラクターを描く。なお、キャラクターのファミリーとして3ファイル以上、最大5ファイルまでの制作とする。

データは、先の課題[球体を描く]と併せてメールの添付ファイルにて提出する。

提出については05月09日授業時に指示するので、それまでデータは各自で管理しておくこと。

提出の際のファイル名は、半角英数(すべて小文字)で下記のとおり。

idi2_(学籍番号)_(作品番号).png

例)idi2_w06XXX_1.png

  idi2_w06XXX_2.png

  idi2_w06XXX_3.png

■ キャラクターの考え方

1. キャラクターの設定

→ 人物、動物、植物、モノの擬人化、架空の生命体、幾何形態

2. ファミリーへの展開

→ サイズ変化、色彩変化、チームやグループ、家族、性格付け

■ アイデアスケッチの制作

アプリケーションでの制作に入る前に、配布されたプランシートを使用してアイデアスケッチ(下絵)の制作をおこなう。

アイデアスケッチを描いたプランシートは、05月16日授業時に回収する。忘れず持参すること。

■ 制作手順

PhotoshopもしくはFireworksを利用して制作をおこなう。

制作手順は前回と同様。

テキストP.17を参照

作例

参考作例

幅:64ピクセル × 高さ:64ピクセルのキャラクターイメージをアニメーション化したもの

illustration : MATSUMOTO, Yukie

制作過程

制作過程の様子

プランシート

pixelart_plan.pdf

PDF形式・16KB

配布されたプランシートが足りない場合は、PDFファイルをダウンロードして各自でプリントアウトすること。

Adobe Photoshop

01)Adobe Photoshopを起動。

02)[ファイル]メニューから[新規...]を選択。

新規ドキュメント

03)新規ドキュメントのウィンドウでカンバスサイズを設定。

04)新規ドキュメントの作業ウィンドウが開く。

[ガイド、グリッド、スライス...]を選択

05)[Phtoshop]メニューから[環境設定]、サブメニューから[ガイド、グリッド、スライス...]を選択。

環境設定・グリッド

06)環境設定パネルのグリッド項目の数値を、グリッド線:64pixel、分割数:64に設定をおこなう。

グリッドを表示した作業ウィンドウ

07)[ビュー]メニューから[表示]、サブメニューから[グリッド]を選択。作業ウィンドウに方眼が表示される。

鉛筆ツールの選択

08)ツールボックスのブラシツールをプレスすると、サブツールが表示される。その中から鉛筆ツールを選択。

ツールのプロパティ

09)ツールのプロパティで、鉛筆ツールのマスター直径を1pxに設定。

描画色の変更

10)ツールボックスの描画色をクリックし、カラーピッカーを表示。

カラーピッカー

11)カラーピッカーで任意の描画色を選択。

1ピクセルごとに、鉛筆ツールのクリック操作により、キャラクターのイメージを描いていく。

保存

12)適宜、[ファイル]メニューの[保存]を選択し、データの保存を実行すること。

保存

13)初回の新規保存時のみ、保存ダイアログにて、ファイル名と保存場所を設定する必要がある。フォーマット(ファイル形式)は、ポップアップメニューから「PNG」を選択すること。

■ 過去の受講生作品

テーマ「デジタルゲーム学科のキャラクター」

         
         
         
         
         
         

■ 課題制作の参考となるウェブサイト

大阪電気通信大学ウェブサイト

大阪電気通信大学ウェブサイト(リニューアル版)

http://www.dg.osakac.ac.jp/oecu/index.html

現在リニューアル公開に向けて作業中の本学サイト。

PIXELDAM

PIXELDAM

http://www.x-panded.com/pixeldam/

ピクセルアート(ドット絵)で、アイソメトリック表現による都市空間を描くプロジェクト。

LEGO

LEGO

http://www.lego.com/eng/

LEGO社の公式サイト。

Copyright (C) WATANABE, Takashi / HEAD+HEART, Visual Communication Design Studio. All rights reserved.
Made on a Mac

Mac、Macロゴは、米国およびその他の国で登録されているApple Computer, Inc.の商標です。

Made on a MacバッジはApple Computer Inc.の商標であり、同社の許可により使用しています。

第01週:04月18日

第02週:04月25日

第03週:05月02日

第04週:05月09日

第05週:05月16日

第06週:05月23日

第07週:05月30日

第08週:06月06日

第09週:06月13日

第10週:06月20日

第11週:06月27日

第12週:07月04日

第13週:07月11日

第14週:07月18日

第15週:07月25日

Google

WWWを検索

headheart.comを検索

Apple Store for Education

アフェリエイトプログラム参加中

アソシエイトプログラム参加中

Image