WEBデザイン

「yoyaQでオトック～」でも使っている、ギザギザバッジアイコンの超簡単な作り方を紹介します。WEB2.0的サイトでよく使われているアレです(笑)。

1、まず、素材屋さんから、ありがたく素材をいただきます。
大中小の大きさと色も豊富にそろってます。
素材はフリーで、商用、非商用問わず使用してもよいとのこと。
webデザイナーが作るホームページ素材(爆弾の形をしたフリー素材　大)
webデザイナーが作るホームページ素材(爆弾の形をしたフリー素材　中)
webデザイナーが作るホームページ素材(爆弾の形をしたフリー素材　小)

2、オンライン画像加工サイトで、文字入れをします。
http://www.phixr.com/photo/
サイトに飛んだら、Upload photoのアイコンをクリックします。
会員登録ができるみたいですが、create a temporary accountで一時的に使用できます。
その後は、素材屋さんからいただいた素材をアップロードし、左側にあるツールバーの
一番下にあるテキストのアイコンから文字入れをします。
フォントの設定、文字の大きさの変更、傾きの設定ができます。
ちなみに、日本語は通りません。
お好みの文字を入れたら、作成したアイコンをダウンロードするだけです。

完成すると、こんな感じのアイコンができます！

あら、簡単。どうぞ試してみてください。