肉（よく見るカタチ）【ピクセルイラスト】
こんにちは！雪田です。今回は、自作ゲームのアイテム欄やショップ画面を一気に本格的なレトロゲームの雰囲気に仕上げてくれる、ゲームやマンガでおなじみの「あの骨付き肉」をモチーフにしたDS風16pxのピクセルアイコン素材を作成しました！
みほん
誰もがパッと見て理解できるコミカルでわかりやすい形なので、小さなサイズでも肉や食べ物のアイテムだと伝わりやすいのが大きな特徴です。RPG、アクションゲーム、ファンタジー系のアイテム表示、配信画面やサムネイルの装飾にも取り入れやすい素材になっています。
制作の裏話：わずか16マスの限界に挑んだ「お肉のボリューム感」
このアイコンを打つときに一番苦労したのは、「16×16ピクセルという極小のスペースの中で、いかにお肉のジューシーな立体感と美味しそうな丸みを表現するか」という点です！
キャンバスが小さいため、色を多く使いすぎるとドットが濁って汚く見えてしまいますし、線を引きすぎると骨付き肉らしさが消えてしまうんですよね。
そこで、あの2つの大きな塊がキュッとまとまった肉の弾力感や、両端からのぞく骨のバランスを徹底的に計算し、ハイライトと影のドットを1マスずつ慎重に打ち込みました。ゲーム内の薬草やポーションといった魔法の回復薬とは一味違う、「食べてスタミナを豪快に回復する食料アイテム」としてのワクワク感を、この小さな四角形の中にギューッと詰め込んであります！
- マンガやゲームのあの憧れのお肉だと一瞬で伝わる、キャッチーで素朴なドット配置
- あの頃の携帯ゲーム機を思い出させる、パキッと鮮やかで美しいDS風のカラーリング
- 16px規格のサイズなので、RPGのアイテムウィンドウやステータス画面の小さなUIにも自然に馴染む
- 画像編集ソフトでカチッと等倍拡大すれば、配信画面やサムネイルの可愛いアクセントにも変身
- ドットの輪郭をクリアに保つ透過PNG形式と、Web上で軽量に管理できるGIF形式を同梱
こんな場面で使ってみて！おすすめの活用法
プレイヤーが持ち物画面を開いたときに、「お、お肉があるぞ！」と楽しい気分になれるような演出を加えたい場面で大活躍してくれます。
- 王道RPGやサバイバルアクションゲームでの、体力・満腹度を補うためのメインの食料アイテム
- ファンタジー世界の街にある、お肉屋さんや宿屋のショップ画面に並ぶ商品アイコン
- 料理システムのあるゲームでの、レシピ図鑑や「食材・肉料理カテゴリ」を分ける小さなマーク
- ゲーム実況の配信レイアウトや動画編集で、レトロゲーム風の雰囲気をプラスする賑やかしの装飾
- ドット絵作品やメッセージウィンドウの横に置いて、NPCからお肉を譲り受けたときのイベント演出
たとえば、アイテムの横に「×99」といった所持数の数字フォントを並べるだけで、一瞬で本格的なゲームのインベントリ画面が作れちゃいます！「雪田屋」で配っている他の食べ物素材（野菜や果物）や、調理道具アイコンなどと組み合わせると、ゲーム内のアイテムカテゴリをさらに綺麗に整理しやすいですよ！
画質と軽さで選べる2つの形式
クリエイターのみなさんが制作環境に合わせて一番扱いやすいように、2つのデータ形式を用意しました。
【PNG形式】
ドットの輪郭が絶対にぼやけない透過画像データです。UnityやRPGツクール、ウディタなどのゲームエンジンにそのまま読み込ませてUIパーツとして使ったり、動画編集ソフトでサムネイルの装飾としてカチッと綺麗に見せたいときに最適な形式です。
【GIF形式】
色数を綺麗に最適化し、データの容量をとても軽量にした画像形式です。ブログの記事内にたくさんのアイテム図鑑を並べるときなど、ページの読み込み速度を落とさずにサクサクとWeb向けに管理したいときに重宝します。
雪田流・ゲームの世界観を広げるアレンジのコツ
この16pxアイコンは、ゲーム画面の下部に固定したり、説明テキストと組み合わせることで役割がさらにハッキリする便利なグラフィックパーツです。
- 画像編集ソフトで「200%」や「400%」にドットがぼやけないよう等倍拡大し、アイコン自体のドット絵らしさを強調して使う
- 別配布の「メッセージウィンドウ」のテキスト枠とドッキングさせて、クエスト報酬画面のワンポイントにする
- 背景に薄い角丸の枠を敷いて、プレイヤーが思わずタップしたくなるような可愛いゲーム用ボタン風にする
骨付き肉は、ファンタジーや冒険の世界を表現するときに誰もがワクワクできる最高の定番モチーフです。使いやすさに徹底的にこだわってドットを打ったので、皆さんの素敵なゲーム制作や作品作りに、たくさん役立ててもらえると嬉しいです！
食べ物,料理,食事,ファンタジー,趣味,モノ,飾り
