Du bist nicht angemeldet.

Anzeige

1

Freitag, 14. November 2014, 17:45

Button mit Lichteffekten skalieren = vergrößern oder verkleinern

Hallo Leute,

ich habe hier ein kleines Problem, zu dem ich Hilfe brauche.

Ich entwickle eine Anwendung, für das ich ein UI Kit im PSD-Format gekauft habe. Jetzt möchte ich einen Button aus dem UI Kit in seiner Größe ändern.

1.) Der quadratische Button sieht momentan so aus:

http://abload.de/img/button_normalw6snp.png

2.) ZIEL! Ich möchte gerne, das der Button in etwa später so aussieht (Lichteffeke genau in der Mitte):


http://abload.de/img/button_zielkesbm.png


3.) Wenn ich den Button nach rechts vergrößere, um in rechtecking zu machen, sieht er bei mir so aus:


Die Lichteffekte bleiben links, aber ich möchte die Lichteffekte gerne in der Mitte haben.


http://abload.de/img/button_falschsos67.png

4.) Die Gruppen/Ebenen für den Button sehen so aus:


http://abload.de/img/einstellungentns5z.png

Meine Frage an die Photoshop Kenner:

Welche einzelnen Schritte muss ich machen, um den Button in etwa so aussehen zu lassen, wie in 2.) angezeigt? Der Button soll 25 px hoch und 100 px breit werden?

Im Anhang findet ihr die PSD Datei.

Mir geht es nicht darum, das mir jemand ein fertiges PSD liefert, sondern ich möchte selber verstehen, wie das funktioniert. Ich habe nämlich noch mehr UI Controls, bei der ich die Größe ändern möchte.

Danke!

Michaell.
»eddy222« hat folgende Datei angehängt:

cythux

Meister

  • »cythux« ist männlich

Beiträge: 1 101

Wohnort: Waimes

Beruf: PC und Netzwerktechniker, Freelancer demnächst

Skills: Fortgeschrittener

  • Private Nachricht senden

2

Sonntag, 16. November 2014, 15:22

Ich würde da die Ebenstile (FX) nutzen die lassen sich auch verschieben, mit der Maus

Ansonsten hilft da nur Button in Illustrator zu erstellen und als svg 1.1 speichern, dann lässt sich das auch von der Code Struktur mittels CSS oder LESS/SASS bearbeiten und verändern

Und wenn es geht bei nächsten mal die Bilder im Anhang einbinden
Kein Support oder Fragen zu Photoshop via PM,
dafür ist das Forum da.