ブログパーツ

オススメ記事 ※TOP固定記事

2037.01.01
ぴぽやblogでのオススメ記事&素材をピックアップ!

■素材 利用規約

ゲーム用画像素材販売
■ファンタジーゲーム向けアイコン素材1(有料&無料)
■ファンタジーゲーム向けアイコン素材2(有料&無料)
■ファンタジーゲーム向けアイコン素材3(有料&無料)

ゲーム用フリー画像素材配布
■ぴぽや32×32グラフィック合成器用パーツ 基本セット修正版 2016/8/18 パーツ追加更新!
■ぴぽや32×32グラフィック合成器用パーツ 猫にんセット 2016/8/19 パーツ追加更新!
■フレームエフェクト?6点
■戦闘エフェクトアニメ モンスター攻撃4種
■戦闘エフェクトアニメ 放射光・スピードライン2種
■戦闘エフェクトアニメ 全画面直線斬り3種
■マップ配置エフェクトアニメ 聖なる炎邪悪な炎セット
■悪魔召喚シーンセット(魔法陣エフェクト+背景)
■ワープ・転送エフェクトアニメセット
■全画面エフェクト ワープ4種
■公開済み戦闘エフェクトアニメの元画像50点
■感情・状態アイコン 追加セット

ゲーム用素材販売・配布 外部サイト紹介
■640×480画面用マップチップ配布サイトまとめ
■ねくらさんの新マップチップ素材「ねくらファンタジーマップチップ素材集」販売開始!
■pixivで素材探し
■DLsiteで販売されているゲーム制作向け素材の紹介 ※新しい素材が発売ごとに記事を更新
■BOOTHで販売されているゲーム制作向け素材の紹介

ウディタ(WOLF RPGエディター)関連
■ウディタ2でマップを作ろう!
■ウディタ用マップエフェクト表示コモンイベント素材
■感情・状態アイコンをウディタで表示するコモンイベントの紹介

ゲーム用画像素材取り扱いTIPS
■エフェクト画像素材の色違いの作り方
■最近公開されたゲーム制作時の画像加工などに便利なツール
■アルファチャンネル付きPNGを扱うためのソフトウェア
■画像管理に便利なソフト紹介

グラフィック合成器パーツ画像作成にPhotoshopCCの機能を活用!

2016.08.22
最近、グラフィック合成器用のパーツ画像素材を作るのが楽しくなっていてちょこちょこアップしているのですが、実は楽しい理由の一つにめんどくさい作業が減ったというのが大きかったりします!

ぴぽや32×32グラフィック合成器用パーツ 基本セット修正版
ぴぽや32×32グラフィック合成器用パーツ 猫にんセット

まず、グラフィック合成器とは何?って方はこちらをご覧ください。
グラフィック合成器を使ってみよう - はじめてのウディタ 挫折して再び Wiki*

簡単に説明すると、キャラクターの服や帽子といったパーツ画像を単体で何種類か用意して、それを自由に組み合わせて好きなキャラクター画像を作れるというものです。
RPGツクールMV・VXAceなどにもキャラクター生成機能がありますねぇ。
ちなみにグラフィック合成器はWOLF RPGエディターに同梱(別にダウンロードも可能)されているツールですが、WOLF RPGエディター以外での利用も可能です。


話を戻し。
めんどくさい作業というのはパーツ画像を一枚一枚ファイル名をつけて保存することでした。
私の場合はPhotoshopを使って、キャラクターチップ画像を作成しているのですが、当然パーツ画像はレイヤーごとにわけて合成時の表示状態を確認しながら作成し、保存時に保存したいレイヤーだけ表示させて、ファイル名を入力してPNG画像で保存としていました。
数点なら大したことない作業ですが、パーツ画像が増えるごとに、いちいち面倒な作業になります。

PhotoshopCC(2014以降かな?)になって、「画像アセットの生成」という機能が実装されました。
この機能が非常に便利で、元々はWEBデザイン向けの機能なんですが、グラフィック合成器用の画像パーツ作成ととっても相性がいいんです!
簡単に説明すると、Photoshopファイル(PSD)の「レイヤー名もしくはフォルダ名」に「拡張子付きのファイル名」を指定しておくと、自動でそのレイヤーを画像ファイルとして保存してくれるという機能です。

詳しくはこちらをご覧ください。
Photoshop ヘルプ / レイヤーからの画像アセットの生成
【スライス不要】Photoshop「画像アセット生成」の基本とつまずきがちな5つのコト | デザイナーズコラム


さて、どんなかんじでこの機能を使っていくかを実際の作業ファイルを例に説明していきます。

まずは、Photoshopでグラフィック合成器用の作業ファイル(PSDファイル)を開きます。
こんなかんじの猫にんのキャラチップです。
20160822-01.png

レイヤーをみると、パーツの種類ごとにフォルダわけ、パーツ画像ごとにレイヤーわけしてあります。
20160822-02.png

20160822-03.png

例えば、レイヤー名もしくはフォルダ名を「メダル001-01.png」とすることによって、そのレイヤー・フォルダ上の画像をファイル名が「メダル001-01.png」のPNG画像として保存してくれます。

ただし、この機能はあらかじめPSDファイルごとに有効に設定する必要があります。
上部メニューの「ファイル>生成>画像アセット」をチェックします。
私が使用しているのがPhotoshopCC2014で最新バージョンではありませんので、バージョンによっては表示場所や名称が違うかもしれません。
画像を自動でガンガン保存していってしまうので、ディスクアクセスが気になる場合は任意のタイミングでON/OFFするのがいいと思います。
20160822-07.png

これで、レイヤー名にファイル名を指定したものが自動で保存されるようになりました。
PSDファイルと同じ場所にPSDファイルのファイル名に「-assets」と付いたフォルダができています。
20160822-08.png

フォルダの中を見ると、パーツ画像として生成されたものがぎっしりと。
ちなみに、レイヤー名を「マント/メダル001-01.png」とすることで、「マント」というサブフォルダを作って、その中に「メダル001-01.png」とファイル保存することもできます。
また、Photoshopの方でレイヤー名・フォルダ名を変更した場合は、以前の名前のファイルは自動削除されます。
20160822-09.png

これで、煩わしいパーツ画像ごとの保存作業から開放され、絵を描くことだけに集中できるというわけです。
ファイル名をあらかじめ決めてレイヤー名に入力しておくことで、画像の修正時のファイル名の入力間違えなども発生しませんしね。

1点注意なのですが、この機能はPSDファイルの画像サイズではなく、レイヤー内の画像が存在している領域のサイズで保存してしまうようなので、レイヤー上に余白・透明部分がある場合はレイヤーマスクを設定する必要があります。

レイヤーマスクがない状態だと、画像(ドット)が存在している領域のサイズになってしまいます。
この画像だと実際に保存された画像サイズは77×99pixelで、PSDファイルの画像サイズは96×128pixelです。
この状態だと、グラフィック合成器で使用した場合に他のパーツ画像と表示位置がずれてしまいますね。
20160822-04.png

20160822-11.png

画像中では何も選択していない状態(選択範囲がない状態)で、対象のレイヤーもしくはフォルダを選択し、レイヤーパレットの下部のアイコンなどから「レイヤーマスクを追加」します。
20160822-05.png

これでPSDファイルの画像サイズでレイヤーの画像が保存されますので、グラフィック合成器で表示位置がずれることはありません。
20160822-06.png

20160822-10.png


おまけ。

今回例で使用したPSDファイルのレイヤーの構成なのですが、すべてのパーツ種のフォルダを「test.png」と名前をつけたフォルダに内包しています。
こうすることによって、「test.png」フォルダ以下の現在の表示状態で「test.png」という画像ファイルを自動保存してくれます。
20160822-02.png

パーツ画像ごとじゃなくて、PSDファイルでの表示状態であるパーツ画像が重なった画像が保存されます。
こんなかんじですねぇ。
20160822-12.png

これをウディチップビューアという、キャラチップ画像のアニメーションを確認するツールに放り込んでおくと…
「test.png」は表示状態に変更があれば自動保存されていくのに加えて、ウディチップビューアも自動リロード機能があるため、Photoshopで作業しながら、ほぼリアルタイムでキャラクターのアニメーションを確認することが出来ます。
20160822-13.png

Photoshopにもアニメーションの機能はありますが、レイヤーアニメーションのため、特定の規格のアニメーションを再生することは出来ませんから、キャラチップ画像の作成に非常に便利です。


と、おまけもありましたが、PhotoshopCCの「画像アセットの生成」機能はとっても便利!

「グラフィック合成器」 以外でも、
「海賊版グラフィック合成器」「Otter's Graphic Synthesizer」といったグラフィック合成器の互換拡張ツールや、「キャラクターなんとか機」といったグラフィック合成器と同じ仕組みでパーツ画像を組み合わせるツールや、「RPGツクールMV・VXAce」などのキャラクター生成機能のパーツ画像の作成などにも活用できます。

BOOTHで販売されているゲーム制作向け素材の紹介

2016.08.16
pixivが運営しているグッズ&データ販売サイトBOOTHで販売されているゲーム向けの画像素材の紹介記事になります。
BOOTH - 創作活動がより楽しくなるショップ作成サービス

DLsite.comと被っているものは省いていますので、DLsite.comで販売されているものについてはこちらの記事をご覧ください。
DLsiteで販売されているゲーム制作向け素材の紹介

無料のものもいくつかあります。
サウンド系の素材については後日追記する予定です。


■マップチップ画像素材
 ゲーム製作用素材セット - bougainvillaea - BOOTH
 無料。
 RPGツクールVX規格。
 ゲーム製作用素材セット2 - bougainvillaea - BOOTH
 無料。
 RPGツクールMV規格。
 RPGツクール以外でも利用化。
 マップチップの他、アイコン画像なども収録。

 和室タイルセット - ドット絵世界 Pixel Art World - BOOTH
 カジノタイルセット - ドット絵世界 Pixel Art World - BOOTH
 RPGツクールVX,VX Aceの規格。

■キャラチップ画像素材
 素材工房 蓮賀砦 - BOOTH
 無料。
 戦国自体をテーマにしたアクションゲーム用のキャラチップ画像を多数取り扱っています。

 フリー素材集「燐華 -二つの華-」(ドット絵) - やすらぎ亭 - BOOTH
 アクションゲーム用のキャラクター素材、全21種529枚。
 PNG。
 立ち絵素材とのセット商品もあります。
 フリー素材集セット「燐華 -二つの華-」 - やすらぎ亭 - BOOTH

■モンスター画像素材
 イラスト素材集-baroque- - darksect 暗黒セクト - BOOTH
 ボス格グラフィック11種、雑魚グラフィック28種×4差分、戦闘員グラフィック1種(2種類)×8差分。
 PNG、PSD。
 神話生物素材集-邪神礼賛- - darksect 暗黒セクト - BOOTH
 クトゥルフ神話に現れる神性や奉仕種族、異形の怪物など。
 PNG、PSD。
 シアンのゆりかごの方です。
 ※商用利用OKだが、企業はNG。

■背景画像素材
 水彩風学校背景素材集(無料) - yakumoreo - BOOTH
 無料。
 水彩風に雰囲気に仕上げた学校の画像36枚セット。
 JPEG。

 イラスト風&水彩風背景素材集 都会の背景シリーズA - yakumoreo - BOOTH
 イラスト風背景素材20枚、イラスト風背景素材(空なし)18枚、水彩風背景素材20枚

 イラスト風の「空」背景27種類 素材集 - yakumoreo - BOOTH
 JPEG。

■キャラ立ち絵・顔画像素材
 萌んすたぁ素材集 篠セレクション2015 - syno graphics BOOTH - BOOTH
 全15キャラ×2種 イラスト総数30点、各キャラクター〈通常ver〉と〈敗北ver〉の2種類1セット。
 PNG。
 ※CD-Rでの販売です。

 モブ天使立ち絵 - 竜の宿り木亭 - BOOTH
 モブ人外娘立ち絵 - 竜の宿り木亭 - BOOTH
 モブ姉立ち絵 - 竜の宿り木亭 - BOOTH
 モブロリータ立ち絵 - 竜の宿り木亭 - BOOTH
 モブ娘立ち絵 - 竜の宿り木亭 - BOOTH
 PSDファイルで服装、髪型、表情を自由に組み替え立ち絵を作ることが可能。
 ※商用利用はNGです。

 【DL/ディスク】立ち絵素材 vol.1 夏実 - あまてる。ショップ - BOOTH
 服装5種類・髪型2種類・表情パターン30以上!
 PSD、キャラクターなんとか機用データ。

 素材集Aパック(立ち絵・背景・効果) - circle-lr - BOOTH
 メッセージウィンドウ素材とのセット商品もあり。
 素材集ABセット - circle-lr - BOOTH

 【DL】SDキャラクター立ち絵素材セット - ヒアカレトロ - BOOTH
 30種のパーツを自由に組み合わせてキャラクター作成が可能。
 キャラクターなんとか機用データ。
 ※商用利用は要問い合わせ。

■アイコン素材
 【ドット絵】レストラン系料理素材(24×24) - 素材販売所 - BOOTH
 レストラン、喫茶店、屋台などのメニューと食器全160種類(主線あり・なしの差分あり)。
 ※個人及びサークルのみ商用可。

 フリー素材集「燐華 -二つの華-」(立ち絵) - やすらぎ亭 - BOOTH
 全13キャラ117枚。
 PNG。
 アクションゲーム用キャラクター素材とのセット商品もあります。
 フリー素材集セット「燐華 -二つの華-」 - やすらぎ亭 - BOOTH

 ■その他画像素材
 13星座 戦闘アニメーション用素材セット - 素材工房 蓮賀砦 - BOOTH
 無料。

 素材集Bパック(文字・UI・エフェクト) - circle-lr - BOOTH
 立ち絵素材とのセット商品もあり。
 素材集ABセット - circle-lr - BOOTH

 仮想植物フレーム【5パターン×4色】 - aliceke93 - BOOTH
 PNG。

 【飾り罫・枠中心素材集】Material Collection 002(DL販売版) - O37*Works - BOOTH
 飾り罫・飾り枠をメインにしたグラフィック素材100点。
 EPS、PNG。
 ※商用利用NG。

 【菊屋素材集】 血糊素材集 - kick-tyan - BOOTH

 モニター画面素材_No,01 - ororonline231 - BOOTH
 モニター画面素材_No,02 - ororonline231 - BOOTH
 モニター画面素材_No,03 - ororonline231 - BOOTH
 PSD。

 白銅素材集 01 『魔法円 (魔法陣) っぽい何か』 - A.S.G. BOOTH 販売所 - BOOTH

 帯のベクター素材【17種類】 - デザイナーマテリアル in booth - BOOTH
 帯のベクター素材【17種類】。
 EPS、JPG、PNG。

 マドルチェ背景用素材 - きらら屋 - BOOTH
 お菓子のイラスト素材。

junk 砕け散る金の玉

2016.08.15
作ろうと思って長らく放置していたシリーズで、某アニメの演出をまねたアニメーション素材になります。
金の玉がパンっと砕け散ります。
そのまんまではないですが、雰囲気は伝わるかと。

ジャンク扱いって?
習作やネタ的な素材については、既存素材をまとめているぴぽや倉庫にはアップしません。
利用自体は他素材と同様で問題ありませんので、ご安心ください。
ジャンクでblog内検索してもらうと、ぴぽや倉庫にアップしてない素材もちょこちょこ発見されますw


サイズは、1コマ480×480240×240192×192の3サイズになっています。
画像形式はpngです。

pipo-goldensphere_sample.gif


ダウンロード ぴぽや 素材 利用規約

兵士キャラクターアニメ素材(SpriteStudioデータ)

2016.08.14
お試しSpriteStudioデータ第二弾ということで、前に作った兵士のキャライラストをSpriteStudioのアニメーションデータにしてみました。
SpriteStudioのアニメーションデータから連番PNG画像で書きだしたものも収録していますので、こちらに関しては単に画像ですので、SpriteStudioがなくとも、対応したゲームエンジンなどでなくと使用することが出来ます。
バラ画像ですので、必要に応じて画像連結ソフトなどをご活用ください。

第一弾はこちら。
クリスタルアニメ素材(SpriteStudioデータ)
第一弾のデータもついでに連番PNGで書きだしておきました。


アニメは6種類です。
待機
soldier_01wait.gif
歩行
soldier_02walk.gif
攻撃
soldier_03attack.gif
ダメージ
soldier_04damage.gif
勝利
soldier_05win.gif
敗北
soldier_06lose.gif

以下定型文で。
*****
SpriteStudioについてはこちらをご覧ください。
OPTPiX SpriteStudio | ウェブテクノロジ
「Unity」、「Unreal Engine 4」、「Cocos2d-x」などで動作させることができるアニメーションデータになります。最近では「RPGツクールMV」でも動作させることができるようです。

というわけで、実験的にSpriteStudioデータを素材配布してみます。
(以前、開発・販売元のウェブテクノロジさんにメールで問い合わせて、SpriteStudioデータの配布や販売についても問題ないとご回答いただいています。)

もし、試しに使っていただいた方で、データの作りをこういう風にした方がいい等ご要望があれば、お気軽にお知らせください。
*****


ダウンロード ぴぽや 素材 利用規約
NEXT≫
プロフィール

ぴぽ

管理人:ぴぽ
フリーのグラフィックデザイナーという傍ら、「ゲームを作りたいなぁ♪」と奮闘中です!
Twitter

▼運営サイト
・ぴぽや倉庫
  公開した素材のまとめ

・ぴぽやリンク
  素材配布サイトリンク集
・はじめてのウディタ
  ウディタお勉強wiki
・はじめてのウディタSNS
  ウディタ初心者向けSNS
・ニコニ・コモンズ
  動画素材を登録中


▼現在お手伝いしているスマホアプリ
放置ゲーム×位置ゲーム - ジバぐー

リンクして頂ける場合はこちらのバナー画像をお使いください。
※バナー画像なしのリンクでも全く問題ありません。


ご感想・ご利用報告・ご連絡
素材のご利用報告・ご感想をいただける場合は、各素材記事か下記のコメント用記事にコメントしてください。
また、急ぎでないご連絡もこちらをご利用ください。

コメント用記事

お仕事のご相談などはこちらをご覧ください。
お仕事履歴記事

作ってほしいゲーム用画像素材のご要望はこちらにどうぞ。
「あったらいいなぁ」ぐらいの気持ちでお願いします><

素材ネタ募集
メール

名前:
メール:
件名:
本文:

カテゴリ
最新コメント
リンク
ご支援のお願い