PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | TOP↑

≫ EDIT

バナーっぽい何か

作ってみたよ。

*「アイドルと歩いてみたシリーズ」マイリスト用

@A Href="http://www.nicovideo.jp/mylist/9323190" Target="_blank">@Img Src="http://blog-imgs-31.fc2.com/f/r/a/fraup/walk_bunner.png" Border="0">@/A>

*自分マイリスト用

@A Href="http://www.nicovideo.jp/mylist/3996449" Target="_blank">@Img Src="http://blog-imgs-31.fc2.com/f/r/a/fraup/myList_bunner.png" Border="0">@/A>

*インスト祭ブログ用

@A Href="http://imasinst.blog32.fc2.com/" Target="_blank">@Img Src="http://blog-imgs-31.fc2.com/f/r/a/fraup/inst_bunner.png" Border="0">@/A>

*HAPPY!用

@A Href="http://www.nicovideo.jp/watch/sm5524431" Target="_blank">@Img Src="http://blog-imgs-31.fc2.com/f/r/a/fraup/nana_bunner2.png" Border="0">@/A>

*Love Smile用

@A Href="http://www.nicovideo.jp/watch/sm5685011" Target="_blank">@Img Src="http://blog-imgs-31.fc2.com/f/r/a/fraup/love_smile_bunner.png" Border="0">@/A>

それぞれのバナー下にある3ヶ所の「@」を、半角「 < 」にすればきっとどこにでも貼り付けられるハズ。
と、こうして宣伝するなんて、なんという狡猾さ。

収納部分は自分が忘れないようにバナー作り方覚え餓鬼


*チラ裏*

使ったソフト
・ペイント (SS画像貼り付け用)
・Pict Bear SE (画像編集用:フリーソフト)
・Illustrator (文字入れ用→PictBearや、ペイントで十分代用可能)

立体枠にしないのであれば、ペイントだけでも頑張ればできます。


1.好みの画像を用意する

今回俺はそれぞれの動画から印象的な部分をスクリーンショット(SS)しました。
 ニコで流し見しながら、「ここでぁ!」ってところで一時停止、キーボードのPrtSc(PrintScreen)ボタンで画像をパシャリ。
これを「ctrl+V」で「ペイント」に貼り付けて、ビットマップ(.bmp)で保存。


2.上で保存した画像をPictBearSEで縮小したり切り取ったりしながら、バナーの大きさに合わせていきます。

俺の作ったバナーは、ブログ左カラムの幅に合うように190*60で作ってます。これの画像比率は19:6になるので、ニコからSSを撮った場合、512*384をどうにかこの比率に合うように縮小・切り取りしていくようにしていきます。
キャンパス全体の大きさを切り取りつつ(この時、最初に幅を切り詰めると後で辛いので、高さから優先的に切り取るようにするのがコツ)
適宜、自分の作りたいバナーの比率に合わせ、好みの大きさに縮小します。


3.目的の大きさになったらPict BearSEの機能、「立体枠」ですこしだけ立体になった感じを出します。他の画像編集ソフトでも大体同じ機能があるはず。

「フィルター」-「4:特殊効果」-「3:立体枠」です。俺は7で設定してます。


4.文字入れのため、イラレにbmpで渡します。

最後に文字入れするのは、出来上がりの文字がきちんと読めるか確認しながら作業するためです。かなり小さな文字になるので、縮小前に文字を入れるとつぶれてしまい視認度が下がるです。
また、明朝などの細い部分のあるフォントも上記と同様つぶれやすいので使い辛いかもしれないです。太い文字のフォントでも枠線や、シャドーなどを使わないと見づらいかもしれないです。

イラレが無い場合、そのままPictBearSEでもできます。ペイントでもできるし。文字入れくらいならどんなソフトでもできるです。
イラレを使ったのは文字の拡大縮小が比較的楽チンだから。あと装飾も幅広くできるしね。
ここらへんは手持ちのアプリと相談してくだし。


5.webに置くための画像に変換して保存します。

俺の使ってるFC2は.bmpはうpできないので.pngで保存・・・・といいたいところなのですが!
なぜかイラレから書き出しを行うと、書類の設定が190*60になっているにも関わらず、やたら大きい余白部分までバナーと一緒に保存されてしまいました。
そのままでは使えないため、一度bmpで保存→ペイントで再度開いて余分なところを切り取り、pngで再保存、とやたら遠回りしてブログにうpしました。
バナーごとき、たいした容量ではないので、なるべく高画質で保存したほうがいいのではないか、と。特にjpgで保存しようとするとデフォの保存品質が70%とかになってたりして出来上がりにガッカリ君するので注意です。

文字に使ったフォント
ひらがな→みきゆフォント くれよん
英字→Love Smile:Arial Black,22pt HAPPY!:Franklin Gothic Medium,21pt


そんな俺のちら裏でした。

| 雑記 兼 備忘録 | 20:29 | comments:2 | trackbacks:0 | TOP↑

COMMENT

バナーうまいなぁ。

| ErolinP | 2009/02/08 22:59 | URL | ≫ EDIT

>ErolinP

かなーり簡単なので、お暇なときにでもドーゾ!
自作品の宣伝にもなるしねっ!

| ふらう | 2009/02/09 04:50 | URL |















非公開コメント

TRACKBACK URL

http://fraup.blog34.fc2.com/tb.php/438-c22f4cd4

TRACKBACK

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
  1. 無料アクセス解析