サイタWeb・デザインスクールPhotoshop教室東京 使うのが楽しくなるフォトショップ講座 スクールブログ ビットマップ画...

ビットマップ画像3:ドットパターン

今日はドット絵について、知っておくと便利なコツについて話してみます。

ドット絵は少ない点(pixel)で表現しながらも、独特の雰囲気と”味”のある描画方法です。
綺麗なドット絵を作るコツは大きく分けて以下の3つです。
 (1)均等な間隔で描かれたラインは美しい。
 (2)丸みを出す時は「徐々に伸びる階段」
 (3)色も「階段」にする。

※添付画像のサンプルを参考にして下さい。

(1)均等な間隔で描かれたラインは美しい。
例えば垂直、水平のライン。これは縦、横方向に1pixelの点が均等に並んでいます。隙間なく並んでいるので分かりに難いですが、これも立派なドット絵です。
他の分かり易い例として「3pixelの階段」による斜め線を作ってみましょう。同じ幅のものが同じ間隔で並んだ場合、目の錯覚により「直線」見えます。


(2)丸みを出す時は「徐々に伸びる階段」
1、2、3、4、5、6・・・と順番にブロックの長さを変えて繋げてみると、直線ではなく曲線に見えます。ブロックを切り替える接合部分に、あえて1つ前のものを挟むと滑らかになります。


(3)色も「階段」 にする。
「黒」 → 「濃いグレー」 → 「グレー」 → 「薄いグレー」 → 「白に近いグレー」
と各点の色を指定すると、白に溶け込むように滑らかになります。
これを既出のラインに適用すると、ラインが凄く滑らかに見えます。 


希望される方にはレッスンで他のコツもお伝えしますね。

ビットマップ画像3:ドットパターンビットマップ画像3:ドットパターン

(2012年7月28日(土) 21:47)

前の記事

この記事を書いたコーチ

大手ゲーム会社では新人教育も担当したCGデザイナー。匠の技をあなたに

新着記事

今日はドット絵について、知っておくと便利なコツについて話してみます。 ドット絵は少ない点(pixel)で表現しながらも、独特の雰囲気と”味”のある描画方法です。 綺麗なドット絵を作るコツは大きく分けて以下の3つです。  (1)均等な間隔で描かれたラインは美しい。  (2)丸みを出す...

今日はPhotoshopで円を描いてみます。 ※添付画像の「円を描いてみる1」を参照して下さい。 最も簡単なのは「楕円選択ツール」を使う方法です。 キーボードの「SHIFT」キーを押しながらマウスをドラッグすると正円(真円)が描けます。 この時、「情報」の「W=幅」、「H=高さ...

今日からはPhotoshopで主に取り扱う「ビットマップ画像」について説明していきます。 ■ビットマップ画像とはどんなもの? ザックリ言うと、デジタル画像は「小さな点の集まりで表現するもの」と言うことになります。 点と言っても丸い形状ではなく、正方形の点がタイルのように敷き詰められて...

僕が人生初のMacを買ったのは1995年。まだ「Macintosh」と呼ばれていました。 当時のパソコンの性能は今とは比べ物にならないほど貧弱で、特に搭載メモリは標準で16MB、頑張って増設しても80MBしかなく※、なんとかこれでPhotoshopを動かしてました。 (※32MB増やす...

僕が最初にPhotoshopに触れたのは17年前、はじめてレイヤー機能が搭載された「ver.3.0」でした。 CGの仕事を始めようと色々調べたところ、どうやら”Photoshop”というソフトが業界標準になりつつある事が分かり、早速お店に行って値段を見て驚いた記憶が残ってます。 当時は...

レッスン無料相談窓口のご案内

サイタでは、Photoshopレッスンに関する疑問に
専門カウンセラーがお電話にてご案内しております。
お気軽にご利用ください。

お電話相談窓口はコチラ

ブログ記事 ページ先頭へ