Photoshop UI Vorlagen nach HTML umsetzen

[kepptenkuck]

Hallo,

ich habe vor, mich in HTML5, CSS3 und Javascript einzuarbeiten. Von Photoshop habe ich wenig Ahnung, habe aber Photoshop CS5 und kann mich mithilfe von Tutorials einigermaßen durchhangeln.

Jetzt habe ich einige nette UI Sammlungen als psd files mit echt coolen Knöpfen, Drehreglern und so weiter gefunden, zum Beispiel für Audio etc. und würde davon einzelne Elemente nach html5 bzw. CSS3 übernehmen, damit die Regler auch zum Leben erweckt werden.

Kennt jemand ein gutes Tutorial für so etwas ?

 

[_schatzi_]

AW: Photoshop UI Vorlagen nach HTML umsetzen

Hallo!

Tutorials für HTML und CSS gibt es hier doch reichlich...
Ist denn da wirklich nichts passendes für dich dabei?

 

[kepptenkuck]

AW: Photoshop UI Vorlagen nach HTML umsetzen

Hallo und danke für den Tipp.

Und ja, da gibt es schon einiges. Dort werden aber meistens "normale" Webseiten umgesetzt. Also ein paar Buttons, ein Menü etc. und auch mal ein Scrollbalken.
Meine UI Sets sind aber voller komplexer Controls, die man drehen, switchen, schieben und scrollen kann etc. Auch so was wie Jogwheels oder analoge Anzeigen mit Zeiger wie Amperemeter und so sind einige dabei.
Da ist also auch viel mehr zu tun und ich suche nach einem Tutorial, in dem genau diese Dinge erklärt werden.

 

[fexx]

AW: Photoshop UI Vorlagen nach HTML umsetzen

Zeig doch mal ein Bild von deinem "UI", damit wir uns ein bisschen vorstellen können, was du genau willst.

 

[kepptenkuck]

AW: Photoshop UI Vorlagen nach HTML umsetzen

Hier zum Beispiel: