last update 2003/10/15
BACK>>

■　FLASH絵　超！　初心者講座　■

初心者高宮が送る、初心者のためのFLASHイラスト講座！ ここではFLASHによるイラストの描き方を説明しています。詳しくは下記の注意に目を通してください。また、ここはあくまでも高宮のFLASHイラスト製作過程であって、いろいろFLASHの質問をされても困ります…(FLASHに関する質問等はFLASH道場さんなどを参考にすると良いですよ)何分私もまだ初心者ですので。

■作業用ファイル 参考になるかどうか分かりませんが、講座ごとにfla/swfファイルなどをUPしておきますんでどうぞ。

デフォルメタイプのキャライラスト

こちらでは《ソニック》(セガのゲーム)の主人公ソニックを題材として、デフォルメされたキャライラストを展開します。

講座 内容 DL(詳細▼) 第01回 ■第01回:下絵 まずはもちろん下絵から。 第02回 ■第02回:準備 FLASH起動→線画起こしの準備 nothing 第03回 ■第03回:線画(※重いページです) 下絵の読み込み→線画→線の修正 第04回 ■第04回:着色 ものすごい簡単なんで飛ばしても大丈夫かも…。 第05回 ■第05回:レイヤー分け 部所ごとにレイヤー分けして線画→着色。 第06回 ■第06回:着色 2〜3階調のアニメ塗り 第07回 ■第07回:着色3 グラデーションを使用した多少高度(?)な着色 第08回 ■第08回:目の着色 一応分けてみましたが…たいして意味ないかも。(予定していたグループ化はやりませんでした) 第09回 ■第09回:バランス確認 画像を回転させたり拡大したりして、全体のバランスを見直します。 第10回 ■第10回:線を塗りに変換 これ、やってもやらなくても、結局個人の好みになってしまうモノです。 [zip] [lzh] 番外編 ■もしもレイヤー分けをせず、絵を描いていたら。(データのみUP。swfファイルは第10回と同じです。) 番外編 ■もしも1枚のレイヤーにパーツをグループ化していたら(データのみUP。swfファイルは第10回と同じです。) おまけ ■ソニックのグラデーション塗りに使ったカラーセット。[色見本→カラーの追加]で読み込んでください。

▲TOP

DOWNLOAD

※swfファイルに関しては、下絵の線画を削除せずにムービーを書き出しているので、若干重いですがご了承ください。

講座 DL ファイル内容 第01回 線画JPEGファイル line.jpg 500×550pix 26KB 影指定済線画JPEGファイル line_shadow.jpg 500×550pix 30KB zip 線画JPEGファイル詰め合わせ line.jpg line_shadow.jpg rough.jpg 80KB lzh 線画JPEGファイル詰め合わせ line.jpg line_shadow.jpg rough.jpg 79KB 第02回 nothing nothing 第03回 第03回講座完成版 flaファイル sonic03.fla 48KB 第03回講座完成版 swfファイル sonic03.swf 30KB 第04回 第04回講座完成版 flaファイル sonic04.fla 55KB 第04回講座完成版 swfファイル sonic04.swf 30KB 第05回 第05回講座完成版 flaファイル sonic05.fla 82KB 第05回講座完成版 swfファイル sonic05.swf 32KB 第06回 第06回講座完成版 flaファイル sonic06.fla 98KB 第06回講座完成版 swfファイル sonic06.swf 36KB 第07回 第07回講座完成版 flaファイル sonic07.fla 104KB 第07回講座完成版 swfファイル sonic07.swf 38KB 第08回 第08回講座完成版 flaファイル sonic08.fla 132KB 第08回講座完成版 swfファイル sonic08.swf 9KB(線画削除済) 第09回 第09回講座完成版 flaファイル sonic09.fla 72KB 第09回講座完成版 swfファイル sonic09.swf 9KB(線画削除済) 第10回 ↓ [zip] [lzh] 第10回講座完成版 flaファイル sonic10.fla 5MB 圧縮ファイル sonic10.zip 136KB sonic10.lzh 137KB ※ファイルがあまりにも重いので、(5MB) 　圧縮ファイルでUPします。 　zipファイル/lzhファイル 　お好みの圧縮ファイルをどうぞ。 第10回講座完成版 swfファイル sonic10.swf 13KB(線画削除済) 番外編1 番外編1ファイル flaファイル 1layer.fla 36KB nothing 番外編2 番外編2ファイル flaファイル group.fla 37KB nothing おまけ グラデーション塗りカラーセット clrファイル sonic_colorset.clr 5KB

▲TOP

作業環境 OS→WindowsXP FLASH 5 メモリ→1.0GB ＣＰＵ→1.8GHz 周辺機器 タブレット(orマウス) スキャナ

※以下の環境でも動きましたが、メモリ/CPUはなるべく高スペックのものを推奨します。HDDの空きが大きければ大きいほど仮想メモリにも多少期待できるかも。 ・CPU mobile AMD Athlon(tm) XP 1400+ クロック周波数 1200 MHz ・システムメモリ 256 MBytes

▲TOP

※注意※ ここでは、FLASHによるアクションスクリプトには全然触れていません。FLASHの持つドロー系描画ツールの持つ表現力に賭けた《イラスト》講座なのです。(作者の高宮は全くといって良いほどアクションスクリプトを知りませんので、聞かれても困ります)軽くて綺麗なイラストを目指すべくFLASHというツールの素晴らしさを伝えたいのです。もちろんphotoshopなどの高度なビットマップ系描画ツールもありますが、いかんせん高解像度の絵はファイルが重い!100KBを平然と超える場合もあります。そしてモニタの解像度にかなり依存される面もあります。その点、FLASHによるイラストはモニタ解像度にあまり左右されず、高度なクオリティで見ることができちゃうんです! 詳しくはこちらの写真をご覧ください。左は解像度1024*768のモニタ、右は1400*1050のモニタです。左はCRTなので、右のTFT液晶画面にくらべて発色が悪いですが(おまけに撮影時にノイズが…実際のCRTにはノイズは入ってません)同じ画像を解像度の違うモニタで見ても、ほとんど差異がありません。(ただしこれはswfファイルをIEで最大化して表示しています) ロースペックマシンでも余裕です!低速のネット回線にもやさしいんです!WEBに特化したイラストレーションツールだと思います。(個人的に。)

▲TOP

BACK>>