第一回はこちら⇒ PhotoshopでVista風UIのメニューバーを作る#1

前回終了時点での画像
Photoshop Vistaナビゲーションバー 4

では続きを。


  1. 上記の画像の外側を矩形選択ツールで選択。
    Photoshop Vistaナビゲーションバー 5
  2. 矩形選択ツールで「Shift」を押しながら横半分(大体)を選択。
    Photoshop Vistaナビゲーションバー 6
  3. 選択範囲を反転 ⇒ 新規レイヤーを作成 ⇒ グラデーションツール「描画色から透明へ(描画色#ffffff)」で上から下へ。
    Photoshop Vistaナビゲーションバー 7
  4. グラデーションをかけたレイヤーの不透明度の設定を40%に設定。
    Photoshop Vistaナビゲーションバー 8


キリがいいので今回はここまで。

(追記[071102])
PhotoshopでVista風UIのメニューバーを作る#3


参考サイト
  1. PhotoShopで美しいボタンを作るチュートリアル39個
  2. How to create VISTA style toolbar with CSS(和訳:CSSを使ってVista風ツールバーを作成する方法)
  3. 39 Photoshop Button Tutorials You Should Have in Your Arsenal
  4. Vista Style Nav Bar - Photoshop Tutorials

人気度: 11%

この記事にはまだコメントがついていません。

コメントをどうぞ

(必須)
(必須)
関連記事
ブログパーツ探すならココ!
タグランキング
ニコニコ動画 アニメ 画像 JavaScript CSS ブログ photoshop マンガ HTML 初音ミク 動画 会社設立 レビュー ブログパーツ Yahoo!ニュース Vista Tutorial Vista SNS 食品 税金 映画 所得税 年末調整 コスプレ 社会保険庁 年金問題 労務 労働保険 分析 フタエノキワミ セレブ キャラクター Yahooニュース VOCALOID2 prototype.js Google Flash
日刊にしこり-埼玉版-RSS
日刊にしこり-埼玉版-RSS
Bloglinesへ追加 エキサイトリーダーに登録 myyahooへ追加 Sleipnir に追加 feedpath Rabbit に追加 はてなRSSへ追加 Livedoorリーダーへ追加 Googleへ追加 goo RSSリーダーへ追加

Recent Comments

Popular Tags

Infomations