iOS

モンスターを集めてまいれ!」というiPhoneアプリを
プロデュースしたんですが、イラストレーターのタスクが多く
ドット絵を自分で描く事になりました。

初ドット絵だったので
このノウハウ共有に何の意味も無いかもしれませんが
きっと何処かに需要はある!と、思い込んで記事を書いております。

使用ソフトはPhotoshopです。

余談ですが
バイトのドット絵得意な子に聞いたところ「Photoshopはやめておいたほうがいい」
との回答。

・・・・。

さあいってみよう!

m01.png
まず下絵を準備
自分、ワンコしか描けないので
イラストレーターにさらっと描いてもらいました


モンスター画像は最終的に150×150px で使用するんですが、
ドット絵の荒さを出す為に50×50pxに縮めます。

m04.png
輪郭の線をポチポチなぞっていきます。


m05.png
レイヤーを分けて下地になる色を塗ります。


ここで
初心者の私はぽちぽちやるのに疲れ
楽な方法は無いものか考えました。

そして
ドット絵師達には邪道だと
言われそうな方法を思いつきました。


m10.png
利用するのはレイヤー効果のソフトライト


m06.png
ソフトライトに設定したレイヤーで影になる部分を黒で塗ります
色を変える必要がないので楽ちんこ

m07.png
レイヤー増やしてソフトライトでもう一回影をヌリヌリ

m08.png
レイヤー増やして白でハイライトの部分をヌリヌリ


m09.png
最後に仕上げをぽちぽち

m0101.png

"ニアレストネイバー法!!"で150×150pxに拡大します。

"バイキュービック法!!!"だと
拡大した時に余計なグラデーションがつくので注意です。


m11.png
最後に登場モンスターチラ見せ!全部同じ手法で描いてます


appStore.png



"モンスターを集めてまいれ!"では
5r4ce2のぱんかれさんが作成した
ファミコン風の"GD-DOTFONT-DQ"フォントを使用しています

ぱんかれさん快諾していただいてありがとうございました!
おかげさまでリリースする事ができました。
フォントをダウンロードする時はこちらから
この分かりやすい図を参考にどうぞ!
dq_font.png

初心者だけどドット絵描く楽な方法見つけた!気がする

初心者だけどドット絵描く楽な方法見つけた!気がする

「モンスターを集めてまいれ!」というiPhoneアプリを プロデュースしたんですが、イラストレーターのタスクが多く ドット絵を自分で描く事になりました。 初ドット絵だったので このノウハウ共有に何の意…

iOS

今月にリリースされた無料iPhoneアプリKOF ENCOUNTERが好調です!

kof.jpg

appStore.png

すれ違った他のユーザーとKOFのキャラクターで戦うシンプルなアプリです。

ライトユーザーをターゲットにしていたので
ヘビーユーザーからの評価は厳しいかもと覚悟していましたが
今の所好評化を得れていています!

励ましのコメントも厳しいご意見も
次のバージョンアップのモチベーションにしてます!ありがとうございます!!

久しぶりにデザイナーとして参加したんですが、
今回一番苦労したのが軽量化です。

無料の場合特に
を超えるとダウンロード数が減るので
20MBという縛りの中で制作していました。

素材も多くクオリティもあまり落とさずに見せたかったので
かなりシビアな戦いでした。

現在も残りのキャラクターを追加するために
軽量化と素材作りに奮闘中です!

大好評!無料iPhoneアプリKOF ENCOUNTER

今月にリリースされた無料iPhoneアプリKOF ENCOUNTERが好調です! すれ違った他のユーザーとKOFのキャラクターで戦うシンプルなアプリです。 ライトユーザーをターゲットにしていたので ヘ…

Animation

爆速で"動きの演出"センスを磨く方法

2011年あけましておめでとうございます。 今年もよろしくお願いいたします。 皆さん初夢は見ましたか? 僕は8ヶ月ほど寝坊をした夢を見ました。 さてまだ頭が働かないですが 最近は同じチーム内だけでなく…

misc

FLASH X MOBILE CREATIVE WORKS IN GIFU

8月10日に岐阜で行われたFlash x Mobile Creative Works in Gifu というイベントにに登壇させていただきました。 講演内容は書籍に乗らないモバイルの軽量化テ…

misc

flash cs4とcs5のちょっとした機能

今後アニメーションのつくリ方など、 分かりにくい物を動画で紹介したかったので 実験的に作ってみました。 今回の内容は確実に画像で良かったんですがね。…

info

2010あけましておめでとうございます。

 今年もよろしくお願いいたします。皆さん初夢は見ましたか?僕は七ヶ月ほど寝坊をした夢を見ました。 さてまだ頭が働かないですが2010年8月10日(火) にIAMASで行われるFla…

Animation

flashでリアルなイラストを描こう その2

鏡餅の上のみかんの描き方の説明の前に、リアルなイラストを描く上で大切な事を 説明するのを忘れていてました。 flashはリアルなイラストを描くのに向いているソフトとは 言えないですが特に向いてない表現…

misc

第五回CHECKMATEを終えて

第五回CHECKMATEに参加していただいた皆さんありがとうございました!!アニメーション素材をどう使うかという実験的な回でもあったんですがもうすこしみんなのテンションが上がる素材を用意できれば良かっ…