Warning: Cannot modify header information - headers already sent by (output started at /home/darkjfco/public_html/blog/wp-content/themes/+/functions.php:13) in /home/darkjfco/public_html/blog/wp-content/themes/+/functions/theme-function.php on line 600
用Photoshop產生CSS3語法 | 小逢雜貨舖

用Photoshop產生CSS3語法

Photoshop製作CSS3語法真方便~

官方網站 : CSS3Ps

下載頁面 : CSS3Ps – Download Plugin

範本下載 : Example PSD



首先下載CSS3Ps安裝檔、在安裝過程中按下接受


安裝好就會出現CSS3Ps的選項


接著開啟Photoshop在側邊加入CSS3Ps功能按鈕
※ 視窗 → 延伸功能 → CSS3Ps


設定完後側邊就會出現CSS3Ps功能按鈕


接著再將官網提供的Example PSD範本來玩
※開啟CSS3Ps Example.psd → 點選要製作的圖層 → 再點選CSS3Ps


接著須要等待一下時間…


產生CSS3語法完成~


使用jsFiddle預覽功能實際使用~


目前官方所支援的功能基本上都有了~


當然我自己也實際操作一次


完美的得到剛剛我自己繪製的圖案CSS3

時間:2012年11月27日 分類:Photoshop,平面設計 2,507次瀏覽

目前沒有留言

發表留言
暱稱 (必須)
網址
GravatarPreview