吹き出しアイコンを作ろう!

2013.04.04
以前、こちらの記事で公開した感情・状態アイコンですが、追加セットを制作中だったりします。
ウディタ 640×480画面サイズ用画像素材セット9
pipo-emotion-anime.gif

こんなかんじに吹き出しにぴったりくるようにアニメーションをつけていくのは、それなりに手間がかかりますが、他のサイトなどでも配布されているアイテムなどのアイコン画像をこの吹き出し画像にペタっと貼り付ければ、簡単に吹き出しアイコン画像を作ることができます。


そんなわけで、空白の吹き出しアイコン画像をテンプレート画像としてアップしてみます。
いっぱい並んだものと1コだけのものの2種類あります。

▼ダウンロードはこちらから
 吹き出しアイコンテンプレート.zip

利用規約は特に定めません。
空欄に載せるアイコン画像を自作したものでしたら、ご自分が作った素材として配布されても構いません。
他のサイトなどから入手されたアイコン画像を合成する場合は、そのサイトの利用規約に従ってください。



それでは、このテンプレート画像を使って、他のサイトなどで配布されているアイコン画像などを合成して新たな吹き出しアイコンの作り方をフリーの画像編集ソフト「Pictbear」を使って説明して行きたいと思います。

準備として、まずは合成するアイコン画像を用意しましょう。
説明の中ではウディタ同梱のキャラチップ素材を使いますが、ウディタ同梱のアイコン画像だとちょっと小さすぎるので、24×24サイズぐらいのものがちょうどいいです。RPGツクールのアイコン画像がちょうど24×24サイズですねぇ。RPGツクールのものはそのまま使うことはできませんが、RPGツクール向けのアイコン画像として素材配布されているところはたくさんありますので、規約で加工OKとなっている素材を探してみましょう。
アイコン画像 - ぴぽやリンク


1.Pictbearを起動して吹き出しアイコンのテンプレート画像を読み込みます。
fukidashi_make01.png

2.ちょっと小さくて見にくいので、拡大表示しましょう。
fukidashi_make02.png

3.合成するアイコン画像を読み込みます。
 今回はウディタのサンプルゲームに同梱されているニワトリのキャラチップ画像(Pictureフォルダ)を使います。
fukidashi_make03.png

4.ニワトリの画像のウィンドウを選択して、Ctrl+A(全選択)を押して、続けてCtrl+C(コピー)を押します。
fukidashi_make04.png

5.吹き出しのテンプレート画像のウィンドウを選択して、Ctrl+V(貼り付け)を押します。
fukidashi_make05.png

6.ツールバーから移動ツールを選択します。
fukidashi_make06.png

7.ニワトリ画像の上で左ボタンドラッグで吹き出しのちょうどいい位置に移動させます。
fukidashi_make07.png

8.またCtrl+V(貼り付け)を押します。
 今度は真ん中の吹き出しに移動させます。真ん中の吹き出しは1ピクセル下に下がるアニメになっているので、合成するニワトリ画像も最初のものから1ピクセル下に配置しましょう。
fukidashi_make08.png

9.同じように右の3コマ目の画像も配置して完成です。
 3コマ目は左の1コマ目のものと同じ位置でOKです。
fukidashi_make09.png

10.上部のメニューから「レイヤー>レイヤーの結合>表示部分の結合」を実行します。
fukidashi_make10.png

11.最後に「ファイル>名前をつけて保存」でファイルを保存して完成です!
fukidashi_make11.png


作った吹き出しアイコン画像をウディタで使用する場合には「ピクチャ」コマンドで表示してから、「エフェクト」コマンドで往復アニメをさせればOKです。

またウディタ公式HPに以前公開した感情・状態アイコンを表示するコモンイベントを作っていただいたものがアップされていますので、こちらを参考にどうぞ。
ぴぽや感情・状態アイコン表示コモン


それでは、アイテムアイコンを合成したり、キャラチップやマップチップなんかも合成してみると、表現の幅が広がり新しいゲームのアイデアにも繋がると思いますので、楽しんで作ってみてください。
関連記事

この記事へのコメント

非公開にする :

トラックバック

URL :

プロフィール

ぴぽ

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

▼関連サイト
・ぴぽや - ゲーム画像素材販売 -
 有料素材の販売
・ぴぽや倉庫
 公開した素材のまとめ

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

ご感想・ご利用報告・ご連絡

素材のご利用報告・ご感想をいただける場合はこちらにお願いします。

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

作ってほしいゲーム用画像素材のご要望はこちらにどうぞ。
最新記事一覧
junk 王冠アニメ素材 2017/04/23
宝箱アニメセット 2017/04/22
junk 画面が割れるエフェクトアニメ 2017/04/11
エフェクトアニメ 立ち上るオーラ 2017/04/09
2017年2~3月 DLsite.comで発売されたゲーム向け素材紹介 2017/04/06
カテゴリ
最新コメント
リンク
ウディタ公式サイト
ツクールweb
Degicaツクールストア
にほんブログ村 ゲームブログ ゲーム制作へ
にほんブログ村
ビットゲームメーカー公式(ゲーム制作ができるスマホアプリ)


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

RSS
広告

FLOWER KNIGHT GIRL オンラインゲーム
おすすめ有料素材
ねくらファンタジーマップチップ素材集
ねくらファンタジーマップチップ素材集
ねくらファンタジーマップチップ素材集エクストラダンジョン
ねくらファンタジーマップチップ素材集エクストラダンジョン
SF近未来~現代 タイルセット・マップチップ素材 著作権フリー RPGツクール、ウディタ用
SF近未来~現代 タイルセット・マップチップ素材
ファミコン風RPG基本マップ素材セット
ファミコン風RPG基本マップ素材セット
どうぶつキャラクターチップセット3
どうぶつキャラクターチップセット3
1号のバトラー素材集基礎編vol.1
1号のバトラー素材集基礎編vol.1
RPG用ザコ敵(哺乳類他)48種類セット
RPG用ザコ敵(哺乳類他)48種類セット
立ち絵素材男女
立ち絵素材男女
【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)
【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)
ぴぽやゲームエフェクト素材集01-斬撃- &02-属性斬撃- セット
ぴぽやゲームエフェクト素材集01-斬撃- &02-属性斬撃- セット
みにくる背景CG素材集『ファンタジー編』part01
みにくる背景CG素材集『ファンタジー編』part01
みにくる背景CG素材集『ファンタジー編』part02
みにくる背景CG素材集『ファンタジー編』part02
みにくる背景CG素材集『ファンタジー編』part03
みにくる背景CG素材集『ファンタジー編』part03
イラストアイコン素材集Vol.1
イラストアイコン素材集Vol.1
ファンタジーゲーム向けアイコン素材1
ファンタジーゲーム向けアイコン素材1
ファンタジーゲーム向けアイコン素材2
ファンタジーゲーム向けアイコン素材2
ゲーム製作用アイコン集#01
ゲーム製作用アイコン集#01
フリー素材音楽 Vol.1・2・3バンドル (MP3で289曲収録 - Vol.2/3無限ループ再生/RPGツクールにも対応)
フリー素材音楽 Vol.1・2・3バンドル (MP3で289曲収録 - Vol.2/3無限ループ再生/RPGツクールにも対応)
RPG向けフリー素材BGMデラックスパック
RPG向けフリー素材BGMデラックスパック
著作権フリーオリジナルBGM集 Vol.1 『RPG tail』
著作権フリーオリジナルBGM集 Vol.1 『RPG tail』
ドットゲーム支援音楽集 〜中世ファンタジー編 2巻〜
ドットゲーム支援音楽集(MIDI) 〜中世ファンタジー編 2巻〜
フリー素材SE Vol.ABCバンドル (効果音1865個収録)
フリー素材SE Vol.ABCバンドル (効果音1865個収録)
SMILE GAME BUILDER
3DRPG制作ソフト SMILE GAME BUILDER
SRPG Studio
シミュレーションRPG作成ソフト「SRPG Studio」
ティラノビルダー PRO
ノベルゲーム開発ソフト「ティラノビルダー PRO」