Tutorial Blog

Die Pen-Tool - Curved Navbar Photoshop Tutorial

1. Januar 2006 von Anthony · 14 Kommentare Post to Twitter Post an Yahoo Buzz Post to Digg Post to Reddit Post to StumbleUpon




In diesem Tutorial lernen Sie, wie Sie eine Photoshop-Form, indem Sie einige grundlegende Prinzipien der Stift-Werkzeug zu manipulieren. Wir decken das Hinzufügen und Verschieben von Reflex-Punkte auf einer Form und wie, wenn verwendet Recht kann eine sehr attraktive gekrümmten Navigationsleiste für Ihre Website erstellen.

Schritt 1

Wie immer das erste, was Sie tun müssen, ist selbst erstellen eine neue Leinwand in Photoshop (nein, nicht Paint, Paint ist für die Profis [/ Sarkasmus]). Sobald Sie Ihr neues Leinwand haben, klicken Sie und ziehen Sie ein Rechteck und geben Sie eine beliebige Farbe, jede Farbe in Ordnung, aber für dieses Tutorial haben wir genutzt rot. Wir lieben rot. Sie sollten etwas wie folgt aussehen:

gebogen Navigationsleiste Tutorial Schritt 1

Nun, da haben wir unsere Form, es ist eine klare Sache von hier. Nicht mehr Schichten, nicht mehr Formen. Nur die magische Stift-Werkzeug bereit, um es kleine Tricks für Sie tun.

Schritt 2

Für diejenigen unter euch, die nicht vertraut sind mit dem, was das Stift-Werkzeug tatsächlich ist, ist es das kleine Icon, das auf der Symbolleiste angezeigt, die wie folgt aussieht:

gebogen Navigationsleiste Tutorial Schritt 2

Um die zusätzlichen Optionen wie oben, müssen Sie klicken und halten Sie die linke Maustaste auf das Stift-Werkzeug-Symbol.

Nachdem Sie nun wissen, was und wo das Stift-Werkzeug ist, sind Sie mit, wo man in Zukunft gehen, wenn Sie jemals zu benutzen müssen vertraut sein. Denn jetzt müssen wir die Verwendung des "Add Anchor Point Tool" auswählen, so dass.

Hinzufügen Ankerpunkte Formen kann tückisch sein, vor allem wenn Sie versuchen, sie an den richtigen Stellen zu bekommen. Es ist wichtig, dass für die Erstellung von glatten Kurven, dass Sie Ihre Ankerpunkte Raum auseinander richtig, sonst werden die Kanten zu scharf und nicht sehr glatt. Sperren Sie Ihre weist darauf hin, wie unten dargestellt:

gebogen Navigationsleiste Tutorial Schritt 2 2

Der Abstand oben gezeigt wird uns genug nutzen, um eine glatte Kurve zu schaffen und nicht verkrampfen der Gesamtkonstruktion.

Schritt 3

Jetzt, da wir gesetzt haben Ankerpunkte (oder Reflex-Punkte) alles, was wir tun müssen ist, sie manipulieren, um einen reibungslosen genug Kurve zu erzeugen, glücklich zu sein mit unserer Navigationsleiste.

Für diesen Teil müssen wir auf den leeren Pfeil-Werkzeug aus der Werkzeugleiste wählen. Es sieht so aus:

gebogen Navigationsleiste Tutorial Schritt 3

Wenn Sie diese Option gewählt, alles, was Sie tun müssen ist, klicken Sie auf die Ankerpunkte auf Ihre Form und man kann sie bewegen, wie du willst. Für diese Übung, klicken Sie auf den ersten Ankerpunkt, dass Sie (auf der linken Seite) gibt und bei gedrückter Shift drücken Sie die Cursor-Taste nach unten viermal. Mach das gleiche mit der linken Ecke Ankerpunkt. Sie sollten am Ende dieser als Ergebnis:

gebogen Navigationsleiste Tutorial Schritt 3 2

Jetzt haben Sie erfolgreich bearbeitet Ihre Form mit dem Zeichenstift, kennen Sie die Grundlagen der Bearbeitung von Formen für die Zukunft. Wollte man diese Bar ein wenig, den Kopf auf mehr als auf den Hinzufügen Gloss Tutorial spiff und erfahren Sie, wie Sie Ihre Formen geben, dass etwas ein extra "Wow-Faktor!



Kommentare

14 Responses to "The Pen Tool - Curved Navbar Photoshop Tutorial"
  1. Thrax - sagt:

    Ich konnte nicht die Ankerpunkte an die Ecke hinzuzufügen, nicht sicher, wo ich was falsch gemacht, aber ich werde diesem Park ein.

  2. Xeroxed - sagt:

    Das erste Mal, dass ich dies tat, war die Ankerpunkte, jetzt sind sie nicht angezeigt werden. * confused *

  3. G. Eren - sagt:

    Sehr einfach .. Gute Idee .. Congratilations ...

  4. Odizzle - sagt:

    Ich kann nicht die Ankerpunkte festgelegten ... i Klicken Sie unten, wenn Ankerpunkt ausgewählt wurde, aber nichts passiert : (

  5. Elpazy - sagt:

    Ich mag es ... thanks dude
    Odizzle> mit "Direct Selection Tool" ist es für Wählt und bewegt sich Wege und Teile von Pfaden.

  6. siruss - http://xxxxxxx sagt:

    Ich mag es, â € | thanks dude

    Aber wie kann ich Link einfügen, um den Text über Photoshop?

    Thenks :-)

  7. adden - sagt:

    Ich mag es.
    wenn wir Sie auf resterize Ebene können wir nicht behandeln Bild. Wie kann man immer und immer wieder behandeln Bild.
    Problem zu lösen jemand
    thx

  8. Anandha Rajagopal - http://www.dci.in sagt:

    Nice Einleitung. :)

  9. Joshua - sagt:

    Für diejenigen, die nicht hinzufügen können, die Punkte des Problems ist, haben Sie wahrscheinlich das Einfügen die falsche Art von Rechteck. In Photoshop 7 als am wenigsten givin Sie die Wahl, um eine Form layer, path, oder füllen Sie erstellen Pixel (Symbolleiste Menüleiste). Stellen Sie sicher, daß Sie eine Form Schicht nur dann können Sie Insert-Punkte.

  10. IMI - http://www.car-sale.org.uk sagt:

    Brilliant

  11. Autos - http://www.searchacar.co.uk sagt:

    Es scheint mir schwierig, wie diese Dinge zu tun. Aber nach dem Tutorial habe ich einige neue Techniken gelernt. Ich bin neu bie in photoshop so müssen einige gute Anleitungen, wie Sie dies an einen Profi zu werden. Danke

  12. Jeff Adams - http://www.chunkyfrog.co.uk sagt:

    einfach - effektiv - love it. Verlangsamung im Übergang von Feuerwerkskörpern an Photoshop.

  13. Henry - http://www.henryhoffman.com sagt:

    Nice Tutorial!

    Sie können viel freien Navigationsleisten ähnlich wie dies in http://www.stemplate.com/navigation

Tutorial Blog