Top Page >> Firefox >> 中途半端で簡単なWEB2.0風デザインを解説してみる
2007.09
19
[ #18 ]

中途半端で簡単なWEB2.0風デザインを解説してみる

ブックマークに追加する あとで読む

スポンサード リンク


[PR] ブログ記事を書くだけで、掲載料をゲットできる press@blog
entry0918title.jpg

誰も悪いとは言ってないですが・・・

普段フォトショップに使い慣れてる為とても使いにくいソフトなのですが、
このサイトでは練習としてFireworks8を使用しています。

ヘッダの画像を作成したので、なにか記念に作成手順を解説してみたいと思います。
全然、難しくない誰でもできるような画像です^^;
もっと、手を加えろよなどと友人からも言われております。

一応、解説を頑張ってみたので、続きを読むからどうぞ

スポンサード リンク


[PR] Ping一括配信サービスPingoo!の登録はこちら

Ping一括配信サービスPingoo!の登録はこちら
[PR] あなたのサイトにページランクを表示 あなたのサイトにページランクを表示
このブログは「はじめてのブログ選び」さんからテンプレートをお借りして運営しておりますが、
かの有名ブログさんのようにいじらせてもらっております。

現在のようになる前は全体的に色だけ変えた状態でしたが、
時間があったので、ヘッダ画像も作成してみました。
entry091801.jpg

横738 縦134の画像の角を少し丸くして、グラデーションをかけます。
グラデーションは上#73880A 下#FF7400で細かいとこはお好きに。

entry091802.jpg
Firefoxの画像を少し大きめに配置して、透過度をさげます。
entry091803.jpg

続いてはペンツールを使い長方形を描きます。
entry091804.jpg

サイズは横15 縦134で、色は白です。
entry091805.jpg

entry091806.jpg
ダイレクト選択ツーを使い長方形の上部二つの角を選択します。
entry091807.jpg

選択したまま→へずらします。
entry091808.jpg

斜めにずらしたものをコピペコピペコピペコピペコピペ・・・と繰り返します。
entry091809.jpg

entry091810.jpg

ぜ〜んぶ選択して、整列の均等配置(水平方向の中央)で均等に並べます。

entry091811.jpg

最後に透過度を10まで下げて完成
entry091812.jpg

全くの手抜きです。
こんな内容でごめんなさい。

前の記事 : あるのなら、使ってしまおうFirebug 放火魔って意味らしいです。
次の記事 : Firefox Vista風 IE7風 テーマ8選

Comment

コメントの投稿

 
管理人にのみ表示する
 

Track Back

トラックバック URL
Top Page >> Firefox >> 中途半端で簡単なWEB2.0風デザインを解説してみる

Home