レースの線

トウモトドットのロゴ

トウモトドットのロゴ

レースの線

WORK

ワーク

ドット絵のメイキングと描く時のポイントです。

メイキング・バイオリンバイオリン

バイオリンを作っていきます。

バイオリン
  1. まず新規作成でキャンバスサイズを決める(下記の柿の画像は横32px×縦32pxのサイズを大きくして見易くしています)
  2. 大まかな形を描きベタ塗します ベタ塗のバイオリン
  3. 形ができたら輪郭を付ける バイオリンの輪郭
  4. 各パーツを描く バイオリンのパーツ
  5. ハイライトと影を付ける バイオリンの影
  6. バイオリンらしさを出すための微修正をする バイオリンの特徴
  7. 6とは別に弓を描く バイオリンの弓
  8. 6を下に7を上に重ねて、位置を微調整する バイオリンと弓
  9. 背景を黒く塗り透過の設定にする(弓の空いてる部分も透過にするのを忘れずに!)
  10. パレットの色を使っている色だけにする
  11. PNGファイルで名前を付けて保存する
  12. 完了

メイキング・柿柿

柿の果実部分を作っていきます。

※葉は難しいのでここでは割愛させて頂きます。 柿
  1. まず新規作成でキャンバスサイズを決める(下記の柿の画像は横32px×縦32pxのサイズを大きくして見易くしています)
  2. 大まかな形を描きベタ塗します ベタ塗の柿
  3. 形ができたら輪郭を付ける 輪郭を付けた柿
  4. ハイライトを付ける 柿のハイライト
  5. 影を付ける 柿の影
  6. 背景を黒く塗り透過の設定にする
  7. パレットの色を使っている色だけにする
  8. PNGファイルで名前を付けて保存する
  9. 完了

メイキング・風鈴風鈴

夏の風物詩、風鈴を作っていきます。

風鈴
  1. まず新規作成でキャンバスサイズを決める(下記の柿の画像は横32px×縦32pxのサイズを大きくして見易くしています)
  2. 輪郭を描く 風鈴の線画
  3. ガラスの部分と短冊の部分をベタ塗する 風鈴ベタ塗
  4. ガラス部分に斜めに線を引く(光が差し込んでるイメージ) 風鈴の影
  5. ガラス部分と短冊の部分にハイライトを付ける 風鈴のハイライト
  6. 短冊部分に影を付ける 風鈴の短冊の影
  7. 背景を黒く塗り透過の設定にする
  8. パレットの色を使っている色だけにする
  9. PNGファイルで名前を付けて保存する
  10. 完了

ドット絵の制作のポイントポイント

一からドット絵を作る場合の参考までに。

  • カラーパレットについて  
    • パレットの右上(0番)は透過用の色(黒 #000000)にする。
    • どんな色を使用しても良いが、最終的に16色(黒 #000000+15色)以内で収めるようにする。
      ※ファイルサイズを小さくするためです。
    • 色数はできるだけ少なくする。(似通った色は同じ色にするなど)
      ※こうすることにより作業が楽になり、ファイルサイズが小さくなります。
    • 真っ黒(#000000)や真っ白(#ffffff)は使わない。
      ※真っ黒(#000000)は透過用の色だから、透明にしたいところ(主に背景)以外では使わない。
      ※真っ白(#ffffff)は色が抜けていると勘違いされるので、白を使いたいときはわずかで良いので色味を足して使う。(例、#fefefeや、赤254緑254青254など)
  • キャンバスについて
    • キャンバスの大きさ(ピクセル数)は16の倍数が基本です。なのでドット絵のサイズが決まっていなければ16の倍数にしましょう。(16px×16px、16px×32pxなど)
      ※ドット絵の用途とサイズが既に決まっている場合はそれに合わせてお作りください。
  • 保存形式
    • PNGファイルで保存することをお勧めします。
      ※PNGファイルのメリットは画像が劣化しにくく、透過ができることです。
トップへ戻るボタン