<Browse> Startseite / Alle , BUTTON , Tutorial / Blog article: RIATMP1154 - Bunte Website Menüleiste

| Mobil | RSS

RIATMP1154 - Bunte Website Menüleiste

24. September 2009

how to make a website header/ menu bar/ button
wie man eine Website header / Menüleiste / Knopf

Hier ist eine weitere Photoshop-Tutorial, wie man für eine bunte attraktive Website-Header / Menüleiste / Schaltfläche machen. Ich hoffe, du wirst dieses Tutorial gefällt. Bereits in meinem früheren Post habe ich diese Menüleiste verwendet, um eine Web-Design für einen Unternehmens-oder Business-Website zu erstellen. Sie können auch sehen, dass Posting zu visualisieren, wie diese Menüleiste wird sich mit einem Web-Design aussehen. Um dies zu beziehen finden Sie in meinen anderen Beitrag RIATMP1151 .

Erstellen Sie ein neues Photoshop-Dokument mit schwarzem Hintergrund. Erstellen Sie eine neue Ebene und nennen sie rot. Wählen Sie das Auswahlrechteck, zeichnen Sie ein Rechteck und füllen Sie mit einer beliebigen Farbe. Es ist egal, welche Farbe es, weil wir Ebenenstile werde hinzuzufügen. Jetzt auf Layer / Ebenenstile / Verlaufsüberlagerung gehen. Als Referenz folgen Sie bitte dem Bild gezeigt unten.

Click here to download

Layer/ Layer Styles/ Gradient Overlay
Layer / Ebenenstile / Verlaufsüberlagerung

Erstellen Sie eine neue Ebene und nennen es blau. Jetzt rechts auf die rote Schicht auf Schicht, und wählen Sie Transparenz. Kommen Sie nach blauen Ebene und füllen Sie diese Auswahl mit einer beliebigen Farbe Sie möchten. Jetzt auf Layer / Ebenenstile / Verlaufsüberlagerung gehen. Als Referenz folgen Sie bitte dem Bild gezeigt unten.

Gradient Overlay
Verlaufsüberlagerung

Jetzt müssen wir die Glut auf die Blaue Taste machen. Dafür wählen Sie die Auswahlellipse. Zeichnen Sie nun einen richtigen Kreis durch Drücken von SHIFT + ALT. Wir müssen diese Auswahl so zu schneiden, um mit unseren blauen Knopf ausrichten. Also auf Auswahlrechteck gehen, dann drücken Sie Alt und Ernte der übersteigende diesem Kreis. Sehen Sie sich die Referenz-Bild.

crop the excess part of that circle
beschneiden die überschüssige Teil dieses Kreises

Füllen Sie nun, dass mit Farbe (# 7db8c4). Wählen Sie das Verlauf-Werkzeug, setzen Sie ihn auf der linearen Gradienten und öffnen Sie dann die Gradienten-Editor. Wählen Sie "Vordergrund-Transparent".

foreground to transparent
Vordergrund-Transparent

Jetzt machen wir den orangenen Knopf. Denn das macht eine neue Ebene und nennen Sie es orange. Dann wählen Sie die Ebene Transparenz der Schicht blau und kommen zurück in Orange Ebene und füllen Sie diese Auswahl mit oranger Farbe. Dann auf Layer / Ebenenstile / Verlaufsüberlagerung gehen. Als Referenz folgen Sie bitte dem Bild gezeigt unten.

Gradient Overlay
Verlaufsüberlagerung

So haben Sie alle drei farbigen Tasten. Wählen Sie 3 von ihnen und machen doppelte Schichten. Jetzt verschmelzen alle sechs Schichten in eine einzige Taste, und benennen Sie es.

button
Taste

Jetzt sind wir zum nächsten Teil dieses Tutorials Überschrift. Ja, es ist Zeit, um dünnere Abschnitt Rechteck. Also auf Auswahlrechteck gehen und zeichnen Sie eine dünnere Rechteck in einer neuen Ebene. Füllen Sie es mit einer beliebigen Farbe. Dann auf Layer / Ebenenstile / Verlaufsüberlagerung und Schein nach außen zu gehen. Als Referenz folgen Sie bitte dem Bild gezeigt unten.

Gradient Overlay and Outer Glow
Verlaufsüberlagerung und Schein nach außen

Jetzt ein Teil dieser Bar muss man Farbe in roten Farbton und einem Teil Orange ändern, wie unsere großen Knopf geht, für die einfach zu Bild gehen> Anpassungen> Farbton / Sättigung und die Farbe wechseln. Dann fügen Sie Text, wie Sie wollen. Das war's. Unsere bunte Header / Menüleiste ist bereit, für Ihr nächstes Projekt zu verwenden. Ich hoffe, dies wird Ihnen helfen. Und wenn ja bitte teilen Sie diesen Beitrag mit einem Lesezeichen-Site. Und natürlich habe ich immer gerne, um Ihre Kommentare zu lesen. Danke. Cheers!

how to make a website header/ menu bar/ button
wie man eine Website header / Menüleiste / Knopf
Share and Enjoy
  •  RIATMP1154 – Colorful website menu bar favicons?domain=digg RIATMP1154 – Colorful website menu bar favicons?domain=www.dzone RIATMP1154 – Colorful website menu bar favicons?domain=www.facebook RIATMP1154 – Colorful website menu bar favicons?domain=www.google RIATMP1154 – Colorful website menu bar favicons?domain=www.linkedin RIATMP1154 – Colorful website menu bar favicons?domain=favorites.live RIATMP1154 – Colorful website menu bar favicons?domain=www.mixx RIATMP1154 – Colorful website menu bar favicons?domain=www.myspace RIATMP1154 – Colorful website menu bar  RIATMP1154 – Colorful website menu bar favicons?domain=reddit RIATMP1154 – Colorful website menu bar favicons?domain=www.stumbleupon RIATMP1154 – Colorful website menu bar favicons?domain=technorati RIATMP1154 – Colorful website menu bar favicons?domain=twitter RIATMP1154 – Colorful website menu bar favicons?domain=buzz.yahoo RIATMP1154 – Colorful website menu bar
Lassen Sie eine Antwort 7511 Aufrufe, 11 so weit heute |
Verfolgen Diskussion

One Response to "RIATMP1154 - Bunte Website Menüleiste"

    Trackbacks

    1. RIATMP1151 - Corporate Website Design | Rich Internet Application Solutions

    Lassen Sie eine Antwort