什麼?原來Photoshop不只可以合成圖片、切割版面,還可以挑土豆寫CSS3?

css3ps01

CSS(層疊樣式表)的運用是現在網站開發的趨勢,目前已有許多網站便透過視覺化的按鈕與拉BAR,讓使用者可以直接在網頁中設計CSS按鈕或文字樣式。現在更有個可直接從Photoshop設計CSS3按鈕的超酷外掛:CSS3Ps !

css3ps支援相當多種效果的轉換

css3ps支援相當多種效果的轉換

 

CSS3Ps的功能主要是轉換Photoshop圖層的圖層樣式,將其輸出為CSS3按鈕語法。可以轉換的特效目前包含筆畫、內外光暈、陰影以及顏色、圓角(以貝茲曲線控制)等等,只要在Photoshop中做好各種按鈕變化之後,按照不同版本的輸出方式(目前支援CS3、CS4與CS5、CS6兩種)做匯出,馬上就可以得到完整的CSS語法串!真的相當的方便,趕快來試試看吧!

css3ps

css3ps從Photoshop轉換後,可直接在網頁上得到CSS3語法

 

官方教學影片:

官方範例PSD檔(建議以此範本做修改):Download

官方外掛下載:Photoshop CS3, Cs4版本 / Photoshop CS5, Cs6版本

官方網站:CSS3Ps.com