無料で角丸影付きタイトルバナーを作る。βブロガーの雑感

TOP | RSS | ABOUT | Add to google | Add to Yahoo! bookmark

無料で角丸影付きタイトルバナーを作る。

無料のソフトやサイトで、ちょっとWEB2.0的な角丸のバナーを作る方法。

http://pixenate.com/
このサイトで写真素材は見つけてきました。

で、
こんな写真から
クリックすると拡大します。

こんなタイトルバナーを作ろう。

クリックすると拡大します(クリックして大きいので完成形はご確認ください)


ということです。


まず
http://pixenate.com/
ここで写真にインターレース(横の細かい線)を入れます。


Choose your image to edit.
をクリック

imagebabnn1.gif


参照でファイル選択
そしてUPload

imagebabnn2.gif


Show fun effects
で、隠れているエフェクト効果を出す。

imagebabnn3.gif


interlaceをクリックして、

imagebabnn4.gif


線の色と、透明度を選択。

imagebabnn5.gif


Save to Disk.で保存する。

imagebabnn6.gif


続いて、フリーソフト
http://www.woodybells.com/jtrim.html
JTrimを使う。(上記サイトでダウンロードできます)


使うのはまず「リサイズ」
大きさ変更の際に使う。
(縦横比をそのままか変えるかなどは多少応用あり)

imagebabnn7.gif


「切り抜き」
使いたい部分を切り抜きます。
これで、リサイズ、切抜きで大きさを調整します。

imagebabnn8.gif


文字入れ。
通過にすると背景が透明。枠太さを0にすると枠が消えます。
文字を入れる場所指定は、この文字作成の窓が出ているときに、文字部分をドラッグ&ドロップで移動できますが、それ以外では出来ないので注意。

imagebabnn9.gif


角丸切り取りで切り取る。
影をつけたり応用できます。

imagebabnn10.gif


最初慣れないうちはやり直しながら。
上のアイコン矢印で作業を戻せますので、戻しながら作業してみると良いでしょう。

出来上がり。


imagetopgazou2.jpg

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)