FC2ブログ
ぴぽやフレンズについて

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

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 :

プロフィール

ぴぽ

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

TwitterYoutubeチャンネルtwitchチャンネル
Fantia-ぴぽやフレンズCi-en ぴぽやフレンズ

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

・ぴぽやリンク
 素材配布サイトリンク集
・はじめてのウディタ
 ウディタお勉強wiki

ご感想・ご連絡


カテゴリ
最新コメント
リンク

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

RSS
広告
おすすめ有料素材
同人誌、同人ゲーム、同人ソフトのダウンロードショップ - DLsite.com

タイルセット
ねくらファンタジーマップチップ素材集
ねくらレトロフューチャーマップチップ素材集
普通シティ 現代日本都市タイルセット
ファミコン風RPG基本マップ素材セット

背景イラスト
みにくる背景CG素材集『ファンタジー編』part01
みにくる背景CG素材集『ファンタジー編』part02
みにくる背景CG素材集『ファンタジー編』part03
砂漠の戦闘背景 サファイアソフト素材 Vol2
雪の戦闘背景 サファイアソフト素材 Vol1

エネミーイラスト
イラスト素材集-baroque-
イラスト素材集-異界のアリス-
RPG制作に使えるデフォルメ素材集~モンスター娘編~ Vol.3

キャラチップ
ぴぽやキャラチップ素材集 乗り物10種
どうぶつキャラクターチップセット3

キャラ立ち絵
中世ファンタジーRPG風2Dキャラクターパック【キャラクター画像素材】
立ち絵素材男女
【立ち絵素材】Aさんのバイト服
【立ち絵素材】現代人まとめ (女子生徒・男子生徒・一般女性・一般男性・少女)

エフェクトアニメ
物理攻撃エフェクト素材集1 71点収録
ぴぽやゲームエフェクト素材集01-斬撃- &02-属性斬撃- セット

アイコン
イラストアイコン素材集Vol.1
ゲーム製作用アイコン集#01
ぴぽや感情&状態アイコンアニメ素材集
ファンタジーゲーム向けアイコン素材1

ゲーム制作ソフト
SMILE GAME BUILDER
SRPG Studio
ティラノビルダー PRO