チュートリアルのブログ

華やかなウェブサイトのヘッダーPhotoshopのチュートリアルを作成します

2006年2月28日のOli - 12コメント Twitterの投稿 ポストヤフーにバズ ポストDiggに ポストRedditに ポストStumbleUponのに




このチュートリアルではどのようにWebサイトやブログで使用できる装飾的なヘッダを作成する方法が表示されます。

これは、何を作成されます:
ウェブサイトのヘッダーチュートリアル

最初のステップは約770px高さと幅400px、その後、角の丸い長方形ツールを選択し、空白のキャンバスを作成し、9pxに半径を設定して、ヘッダの形状をどのようにあなたが望むように背を引き出すです:

ヘッダーのステップ1のチュートリアルサイト

次は図形にグラデーションを追加する-右クリックし、図形のレイヤーとグラデーションオーバーレイの設定を追加:

ウェブサイトのヘッダーチュートリアルステップ2

淡い紫色のグラデーションの濃い紫色を選択し、私は暗いのと#5E01F7光の#190141を使用
図形は次のようになります:

ヘッダーステップ3チュートリアルのウェブサイト

ここでは、ヘッダーにするためのパターンを選択する必要があるため、このチュートリアルでは私は優秀なsquidfingerのサイトから1つを使用。
自分が選んだのパターンされました:

模様

あなたsquidfinger 1希望を見つけるを介して、この一、イメージ上で右クリックし、保存したり、参照を使用することができます。

今、あなたのヘッダーをPSDファイルに、ctrlにそれをカット&ペーストを選択+パターン層をクリックして、次のように選択するphotoshopでパターンを開く:

ウェブサイトのヘッダーチュートリアルでは、手順4。

次に、その名前を"編集"を定義するパターンを"としてください。

Ctrlキー+クリックして、メインヘッダー図形の層、それをクリックしてペイントのバケツツールの上に新しいレイヤーを作成を選択します。 'に'パターン前景'からの入力タイプのスイッチおよびドロップダウンリストからパターンを選択します。

ウェブサイトのヘッダーチュートリアルでは、手順4。

あなたのパターンを使用して新しいレイヤーを記入:

ウェブサイトのヘッダーチュートリアルでは、手順5。

右クリックし、パターン層を選択してブレンドオプションは、'を'オーバーレイブレンドモードを変更し、ダウン39%の不透明度を取る:

ウェブサイトのヘッダーチュートリアルでは、手順6。

独自のヘッダーは次のようになります:

ウェブサイトのヘッダーチュートリアルでは、手順7。

選択して、ヘッダの形状層を右クリックし、オプションのブレンドに行っても、我々はいくつかの外側のグローを追加します:

ウェブサイトのヘッダーチュートリアルでは、手順8。

脳卒中の中4pixel:

ウェブサイトのヘッダーチュートリアルでは、手順9。

今すぐ必要があります:

Webサイトのヘッダーのチュートリアルは、手順10

ついにあなたのロゴを追加する/テキストをスキップして、ヘッダが終了されます:

ウェブサイトのヘッダーPhotoshopのチュートリアル

また、このチュートリアルのPSDファイルをダウンロードすることができます。



コメント

12レスポンス"を作成する華やかなウェブサイトのヘッダーPhotoshopのチュートリアル"
  1. ビデオチュートリアル- http://videotutorials.blogspot.com/ さんの意見:

    優れたチュートリアル

  2. mheidzir - さんの意見:

    このチュートリアルでは良いです。 GIMPは、将来のチュートリアルを参照して希望

  3. イワンミニック- http://www.burek.co.yu さんの意見:

    かわいい :)

  4. セイハン- さんの意見:

    これは本当に、おかげでいいです。 ..良い仕事を続けて

  5. morly - http://orderonline.harisen.jp/celexa/ さんの意見:

    非常に非常にいい情報をここに... ...おかげで

  6. ヘンリー- http://www.henryhoffman.com さんの意見:

    チュートリアルニース!

    http://www.stemplate.comで無料のウェブデザインの要素をこれに類似することができますダウンロードたくさんの

  7. ブラックタイガー- http://www.resimsite.com さんの意見:

    おかげで、チュートリアルでいい!

  8. マティアスBの- http://none さんの意見:

    私はこのtuturial楽しんでいただきありがとうございます。 本当に誰かすぐにグラフィカルを出すとして=で笑いを取得せずにしようとコーダーを助ける方法の多くで使用されることが容易な効果)

  9. - http://www.psdtemplates.org psdtemplates さんの意見:

    ニースの効果。 すぐに試みるでしょう。 tnxにTNX再び!

  10. ローラ- さんの意見:

    偉大なチュートリアルでは、ありがとう!

  11. Chalo - さんの意見:

    偉大なチュートリアル-基本的な私を探していたいくつかの機能とボーナスを追加しました。

    ありがとうございました。

チュートリアルのブログ