スポンサーサイト
--.--.-- *--
CATEGORY : スポンサー広告
トップバナーを写真画像を使って作るには?
2009.12.19 *Sat
テンプレートのヘッダーバナーは写真画像を使用するのが
割と楽だったりします。
写真配布サイトは探せばたくさんありますし、フリーで
使っても良いよと言ってくれているサイトさんも数多く
存在します。
ヘッダーバナーを、借りてきた写真画像で作成する場合、
まず悩むことは、どのフレームで写真を切り取ろうか
ということです。
大体にして、写真画像配布サイトさんは、写真サイズで
画像を配布しているところが多く、バナーサイズで配布
しているところは、ほぼありません。
そこで、自分でヘッダーバナーにあったサイズに切り取って
バナー地を作るわけですが、そのフレームの切り取りに
非常にセンスが要求されるわけです。
そこで、良くやるのはGIMPなどの画像処理ソフトを用いる
方法ですが、それらの画像処理ソフトというのは、
ある固定サイズで画像を切り取る機能があります。
その機能を使ってバナーイメージを掴みます。
GIMPというソフトでは、指定した範囲以外のところを
暗くする機能があるので、よりイメージがしやすくなっています。
そんな感じでバナー地を作成します。
今まで見てきた感じで言うと、ヘッダーバナーには対象物
(メインとなる物体)の全体像を入れ込むよりも、
一部を欠けさせて表示させた方が、それっぽく見えるという
感じがしています。
対象物がはみ出るくらいでフレーム取りをしてみては
いかがでしょうか?
割と楽だったりします。
写真配布サイトは探せばたくさんありますし、フリーで
使っても良いよと言ってくれているサイトさんも数多く
存在します。
ヘッダーバナーを、借りてきた写真画像で作成する場合、
まず悩むことは、どのフレームで写真を切り取ろうか
ということです。
大体にして、写真画像配布サイトさんは、写真サイズで
画像を配布しているところが多く、バナーサイズで配布
しているところは、ほぼありません。
そこで、自分でヘッダーバナーにあったサイズに切り取って
バナー地を作るわけですが、そのフレームの切り取りに
非常にセンスが要求されるわけです。
そこで、良くやるのはGIMPなどの画像処理ソフトを用いる
方法ですが、それらの画像処理ソフトというのは、
ある固定サイズで画像を切り取る機能があります。
その機能を使ってバナーイメージを掴みます。
GIMPというソフトでは、指定した範囲以外のところを
暗くする機能があるので、よりイメージがしやすくなっています。
そんな感じでバナー地を作成します。
今まで見てきた感じで言うと、ヘッダーバナーには対象物
(メインとなる物体)の全体像を入れ込むよりも、
一部を欠けさせて表示させた方が、それっぽく見えるという
感じがしています。
対象物がはみ出るくらいでフレーム取りをしてみては
いかがでしょうか?
CATEGORY : トップバナー
イラスト画像配布サイト − ソザイヂテンさま。
2009.11.20 *Fri
色々なイラストを用意されているサイトです。
ここのイラストは色々なところで見かけます。
たくさんのタイプのイラストが揃っています。
現時点で3つの種類があるようで、
vol.1 ビジネス・オフィス編
vol.2 女性編
vol.3 幼稚園・学校編
が用意されているようです。
ソザイヂテン(http://www.sozaijiten-business.rash.jp/)
ここのイラストは色々なところで見かけます。
たくさんのタイプのイラストが揃っています。
現時点で3つの種類があるようで、
vol.1 ビジネス・オフィス編
vol.2 女性編
vol.3 幼稚園・学校編
が用意されているようです。
ソザイヂテン(http://www.sozaijiten-business.rash.jp/)
写真画像配布サイト − Encyclorecorderさま。
2009.11.20 *Fri
2007年で更新は停止されていますが、自由に写真の加工などをして良いといううれしいサイトです。
たくさんの画像が用意されていますので、とても重宝しております。
管理人さんには感謝しております。
商用・非商用にかかわらず利用できるということです。
Encyclorecorder(http://encyclorecorder.jp/)
たくさんの画像が用意されていますので、とても重宝しております。
管理人さんには感謝しております。
商用・非商用にかかわらず利用できるということです。
Encyclorecorder(http://encyclorecorder.jp/)
CATEGORY : 画像素材配布サイト様
新ブログをオープンしました。
2009.11.20 *Fri
ども、管理人です。
このたび、Javascript関連のブログをオープンさせました。
プログラム開発系のブログはこの「開発者ブログ」でと思っていたんですが、JavaScriptに関しては、別枠でやった方がいいのかなと思い始めました。
JavaScriptは昔ながらの技術ではありますが、ちょっとしたことをするには便利なスクリプトです。僕も最近ちょっとしたソフトウェアを作ったんですが、それにもちょいと使用しています。
毎度の事ながら亀のようなあゆみではありますが、温かい目で見ていただければと思います。
URLはこちらです。
JavaScriptをやってみようかなと思うブログ(http://javascripters.blog69.fc2.com)
まだ記事は入れていませんが、とりあえずご報告ということで。
このたび、Javascript関連のブログをオープンさせました。
プログラム開発系のブログはこの「開発者ブログ」でと思っていたんですが、JavaScriptに関しては、別枠でやった方がいいのかなと思い始めました。
JavaScriptは昔ながらの技術ではありますが、ちょっとしたことをするには便利なスクリプトです。僕も最近ちょっとしたソフトウェアを作ったんですが、それにもちょいと使用しています。
毎度の事ながら亀のようなあゆみではありますが、温かい目で見ていただければと思います。
URLはこちらです。
JavaScriptをやってみようかなと思うブログ(http://javascripters.blog69.fc2.com)
まだ記事は入れていませんが、とりあえずご報告ということで。
テンプレのカラーバリエーション
2009.11.18 *Wed
ブログにしろ、HTMLサイトにしろ、テンプレートというものが販売されているのを目にします。
大体にして、「豪華○○種類取り揃えました!」なんてキャッチコピーでも、カラーバリエーションが8・9種類くらいあったりすると、デザイン的に見ると、8・9分の1の数になったりしますね。
でもって、ヘッダーバナーを入れ替えることが出来るということで「豪華○○種類」なんてことになると、デザインバリエーションというのは、本当に少ない数になってくると思います。
逆に言うと、それだけカラーバリエーションというのは大事だということでしょうか?
カラーバリエーションで考えられるのは、
・青
・水色
・赤
・茶
・オレンジ
・黒
・白(グレー)
・緑
・黄色
パッと思いつくだけでもこれだけあります。
実際、カラーバリエーションについては、枠線などはスタイルシートのカラーコードを変えるだけで対応できるので、さほど時間のかかることではありません。
H2,H3などの見出しに使用する画像も、色違いをそろえるのも同様に手間のかかることではないでしょう。
ということで、実際テンプレートというものは、ちょっとしたことで雰囲気が変わってしまうのなのだなと思う今日この頃です。
色違いを用意するだけというのは、提供する側としては簡単だったりしますね。
大体にして、「豪華○○種類取り揃えました!」なんてキャッチコピーでも、カラーバリエーションが8・9種類くらいあったりすると、デザイン的に見ると、8・9分の1の数になったりしますね。
でもって、ヘッダーバナーを入れ替えることが出来るということで「豪華○○種類」なんてことになると、デザインバリエーションというのは、本当に少ない数になってくると思います。
逆に言うと、それだけカラーバリエーションというのは大事だということでしょうか?
カラーバリエーションで考えられるのは、
・青
・水色
・赤
・茶
・オレンジ
・黒
・白(グレー)
・緑
・黄色
パッと思いつくだけでもこれだけあります。
実際、カラーバリエーションについては、枠線などはスタイルシートのカラーコードを変えるだけで対応できるので、さほど時間のかかることではありません。
H2,H3などの見出しに使用する画像も、色違いをそろえるのも同様に手間のかかることではないでしょう。
ということで、実際テンプレートというものは、ちょっとしたことで雰囲気が変わってしまうのなのだなと思う今日この頃です。
色違いを用意するだけというのは、提供する側としては簡単だったりしますね。

