Frage

hatte ich meine Website durch einen Designer entworfen, ich habe dieses Bild von ihm, möchte ich für andere Navigationsmenüs gleiche Art von Bild verwenden, die ich jetzt hinzufügen möchten, mein Designer liefert mir nicht mit psd`s davon .

  alt text

Wie kann ich wissen, welche Text-Effekte und Schriften ich in Photoshop verwenden sollte, die gleiche Art von Ergebnis zu erreichen?

Danke.

War es hilfreich?

Lösung

Dies ist keine Programmierung Frage, obwohl ich glaube, ich kann Ihnen helfen.

  • Font-Face: Verdana (Regular)
  • Font-size: 14 / 15pt Farbe: # 333333
  • Text hat einen Ebenenstil> Schräge & Präge> Style: Emboss
    • Size & erweichen sowohl 0px
  • Text links: Kegel Richtung nach oben
  • Text rechts: Kegel Richtung nach unten

ich Sie mit den Schattierungswinkel umspielen und Highlights sollten Sie in der Lage sein, um den Effekt zu replizieren.

Andere Tipps

Ebene> Ebenenstil> Abgeflachte Kante und Reliefs

, aber dies kann ohne eine Bild-Browser erreicht werden, die die Text-Schatten CSS-Eigenschaft unterstützen

So etwas

text-shadow: 0px 1px 0px #B5B5B5;

Was die Schrift meine Schrift erfüllt hat Bedürfnisse so weit zu erkennen.

Es sieht tatsächlich wie die Behandlung von Text ist ein bisschen widersprüchlich. Im Bild auf der linken Seite der Effekt ist eine erhöhte Schräge, die zu Ihnen kommt und in der rechten Seite ist es ein Brief-Presse-Effekt.

Das Bild auf der rechten Seite ist ein bisschen mehr aus einer Text Behandlung Standpunkt beteiligt. Wenn in Photoshop, wählen Sie die Textebene und schaut in Richtung der Unterseite des Ebenen-Menüs für ‚FX‘. Wählen Sie ‚FX‘ und ein Fenster Popup.

Gradient Overlay auswählen und die Gradienten eingestellt mit Weiß als Vordergrundfarbe und schwarz als Hintergrundfarbe (es dazu in Verzug). Bringen Sie die Deckkraft auf etwa 15% nach unten.

Als nächster Blick auf der linke Seitenleiste Schatten fallen zu lassen und auswählen. Wählen Sie Overlay anstelle der normalen aus dem Drop-Down-und ändern Sie Ihre Farbe auf Weiß (durch das schwarze Farbfeld klicken neben dem Dropdown). Alle Ihre Winkel / Richtung sollte 120 Grad für diese sein. Während noch in der Drop-Down-Optionen einstellen Sie Abstand 2px und Ihrer Größe 3px.

Schließlich gelten einen inneren Schatten. Wahrscheinlich ist der Abstand und und Größe sollten oben gegeben, dass die Schlagschatten spiegeln.

Für die Registerkarte Hintergrund, sieht aus wie sie zwei Sache tun. Erste Anwendung einen Gradienten-Overlay auf der Registerkarte und dann eine leichte Lichtwirkung. Eigentlich könnte die Lichtwirkung schwer an dieser Subtilität duplizieren so tut eines von zwei Dingen. Erstellen Sie eine weitere Schicht oben auf der Registerkarte und erstellen Sie eine Auswahl aus dem bestehenden Register (Sie müssen sicherstellen, dass die erste Lasche Schicht, dies zu tun ist gerastert) und füllen mit Weiß. Dann gilt die Lichtwirkung und stellen Sie die Deckkraft der Ebene um den gewünschten Effekt zu erhalten. Oder wenn Sie ein bisschen künstlerisch sind, können Sie das Pinsel-Werkzeug mit einem niedrigen Füll- und Opazität Gewicht nutzen, um im wesentlichen der Registerkarte in der Mitte mit weißen Fleck.

Für das Bild auf der rechten Seite, verwenden Sie den gleichen Prozess der Registerkarte nur Ihre Füllfarbe ändern oder Vorder- und Hintergrund Gradient Overlay Farben zu behandeln und für den Text einen einfachen Schlagschatten mit Abstand 2 oder 3px und Größe 2px verwenden.

Es gibt ein gutes Tutorial hier über Bucheffekt (nach unten scrollen ein wenig die Anweisung zu sehen).

Ich hoffe, das hilft.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top