吹き出しいろいろ
マンガなどでよく使われる、吹き出し。
バナーや見出しなど、ちょっと目立たせたい部分に使ったりすると、それだけで結構インパクトがあたえられるので、
いろいろと便利な吹き出し。
今回は、そんな吹き出しをいろいろとまとめてみました。
33 Speech Bubbles | jlwDesign
33種類のいろんな吹き出しがIllustratorとEPS形式でダウンロードできます。
ClickPopMedia » Blog Archive » Free Vectors: Speech Bubbles
ちょっぴり形が歪ですが・・・。こちらもIllustratorとEPS形式でダウンロードできます。
Free Custom Shapes for Photoshop and Photoshop Elements – Speech Balloon Shapes
Photoshopのカスタムシェイプでいろいろな吹き出しが使えます。
deviantART
deviantARTで吹き出しを検索すると、Photoshopのブラシを中心にいろいろな吹き出しが見つかりました。
Speech balloon 3 types.svg – Wikimedia Commons
SVG形式のオーソドックスな吹き出し。
Creating a comment icon in Illustrator
Illustratorで作る、きれいな吹き出しのチュートリアルです。
Speech bubble – Easy to follow photoshop tutorials
こちらは、Photoshopのチュートリアル。
The Eachday Blog — Die Speech Bubble Logo, Die.
ロゴに吹き出し使われすぎ！吹き出しを使ったロゴをまとめられております。
CSS Speech Bubbles | willmayo.com
CSSを使って、作る吹き出し。
Stu Nicholls | CSSplay | CSS speech bubbles
こちらもCSSを使って作る吹き出しです。
吹き出しジェネレータ
画像の上に吹き出しをのせられる、吹き出しジェネレータです。
make your own speech bubble!
こちらも吹き出しジェネレータです。
|
|
|
9月 20th, 2008 at 10:30 AM
[...] DesignWalkerさんで、吹き出しの様々なデザインが紹介されていました。 デザインをするときに意外と使う吹き出し。 かなり参考になってます。 吹き出しのシェイプは早速ダウンロードして使ってみました！ [...]
10月 10th, 2008 at 9:50 PM
[...] 吹き出しいろいろDesignwalkerさんにて吹き出しがいろいろ紹介されていました。なかでも気になったのは Free Custom Shapes for Photoshop and Photoshop Elements – Speech Balloon Shapesphotoshopカスタムシェイプがダウンロードできるようです。このサイト自体は初めてみたんですが、ほかにもいろいろダウンロードできるみたいなんで要チェック。まだちゃんと見たわけでないのでライセンスには注意。Stu Nicholls | CSSplay | CSS speech bubblesCSSにて吹き出しの作り方。どうやってやっているか覗いてみたけどやっぱり空要素を使っている模様。「空要素はいや！」って人も多いみたいだけど、<br />とか<hr />でなんとかならないのかな。未確認ですけど使用できるなら、<div></div>とか<b></b>とかよりは見栄えよさそう。 [...]