CSS3 Button mit Photoshop erstellen

In diesem Tutorial zeige ich wie man einen Button für eine Website mit Photoshop erstellt. Den Button erstelle ich hauptsächlich mit den Ebenenstilen und erzeuge dadurch einen Verlaufseffekt mit der Verlaufsüberlagerung und einen 3D Effekt mit der Option Schlagschatten. Ihr müsst beim erstellen eines Buttons darauf achten das der Button mit CSS oder CSS3 umsetzbar ist. Buttons werden kaum noch als Bitmap abgespeichert und in eine Website importiert. Der Vorteil daran ist das die Ladezeit sich massiv verringert und die Navigation suchmaschinenfreundlicher wird. Im nächsten Tutorial zeige ich dann wie man diesen Button mit CSS3 umsetzt.

Keine Antworten : CSS3 Button mit Photoshop erstellen”

1. CSS3 Tutorial: Glanzbutton mit CSS3 erstellen | Free Adobe Creative Suite Video Tutorials :: Flash & Actionscript :: Photoshop & Dreamweaver :: CMS Wordpress Joomla Tutorials sagt:

   16. Juni 2011 um 21:46

   [...] letzten Tutorial zeigte ich euch wie man einen Button mit Glanzkante und Schlagschatten in Photoshop erstellt. In [...]

   Antworten