タグ別アーカイブ: ドット絵

[GAME]ドット絵の書き方を調べてみる



 

ドット絵(ピクセルアート、スプライト)は、昔はゲームが好きで自分でも作ろうと思い書いていたのだけど、最近の状況とか分からないので調べてみる。


ツール類の記事など

コレピクドッターのススメ
http://qoofast.web.fc2.com/dotter.html

ドット絵エディタ「EDGE2」
http://takabosoft.com/edge2

GraphicsGale
http://www.humanbalance.net/gale/index.html

ドット絵バケーション
新感覚簡単ドット絵エディタ
http://www.vector.co.jp/soft/win95/art/se235469.html?ds

OPTPiX WebFree
画像の色数を綺麗に落とせるサイト
http://www.webtech.co.jp/webfree/


関連記事など

Photoshopでドット絵を描くときに見ておきたい3つのエントリー
http://albatrus.com/main/game/1817

ゲーム作者の集い[ゲームヘル2000]
http://www5.atwiki.jp/yaruhara/pages/43.html

ドット絵の画像検索Tips
http://blog.ta2nb.main.jp/?eid=68

ドット絵 デザイン ~進化して帰ってきたピクセルアートの世界~
http://www.albatro.jp/birdyard/graphic-design/pixel-art-design/index.htm

[Icon] ウェブデザイナーのためのアイコン検索サイトまとめ
http://mantiddesign.com/archives/9538

グーグル検索結果「ドット絵 tips」
https://www.google.co.jp/

ドット絵作成講座
http://2d6.parasite.jp/dot_kouza/index.html

Photoshopでドット絵
http://yaminoazi.doorblog.jp/archives/6236073.html

お絵かき三昧
パーツの参考になります
http://cyocorune.cocolog-nifty.com/mack_cgblog/2006/11/index.html


僕がやってる描き方など

フォトショップでも描ける
準備:

1、ウィンドウメニュー>アレンジ>◎◎◎の新規ウィンドウ で作業ウィンドウを2個にする

2、ウィンドウメニュー>アレンジ>すべてのウィンドウを分離 でウィンドウを自由に動かせるようにする。

3、片方は「作業用」、片方は実寸か2倍くらいで「確認用」につかう

4、「作業用」ウィンドウで ビューメニュー>表示>グリッド グリッドを表示する

5、編集メニュー>環境設定>ガイド・グリッド・スライス  「グリッド線32pixel、分割数4」に設定

6、鉛筆ツールで描いていく

アニメーションの確認やパターンの確認もできる。


イラストレーターでも頑張れば描ける。
準備

1、ピクセルプレビュー、ピクセルにスナップにチェック。

2、単位をピクセルにする。

3、CS5では、変形パレットにもチェックする場所があるっぽい。