【設計資源】「 Image Effects 」: 可線上套用 CSS 濾鏡特效好站

Image Effects

今天飛肯小編要來跟大家分享的網站是 : 「 Image Effect 」,
這個網站提供了多達20種免費使用的 CSS 濾鏡特效,
可讓使用者上傳自己的圖片,任意套用並可立即觀看產出影像,
同時自動產生 CSS 或 SCSS 的語法碼,拷貝之後即可使用在網頁上面。… 閱讀全文

in Free Resource 好康報報, Good Design 好站報報

Photoshop 教學 – 色版去背 – 頭髮去背 – 標準教學

已去背圖檔1

在 Photoshop 所有的去背練習中,相信頭髮去背算是讓大家比較頭痛的吧?!去背的方法有很多,有數種工具都可以用來去背景,但因為今天要應付的是又細又密的頭髮,所以在這邊,我們要教各位使用的是稍微高級一點的色版工具,來看看如何快速且不失真的完成步驟吧~這招一旦學會之後,不僅頭髮,舉凡遇上絨毛動物、禽鳥羽毛…等等,都再也不擔心無法乾淨俐落的執行去背動作囉!………. 閱讀全文

in Photoshop 影像設計

CSS 教學 – margin-top 失效!外間距會直接影響到上一層

調整內容的上間距 調整文字元素或圖片元素的上間距,理所當然是要使用 margin-top 語法,然而,當我們高高興興完成網頁排版,心想趕快收拾包包下班走人時,慘劇往往就發生在各個瀏覽器的不一致問題之中… 閱讀全文

in CSS 教學 - 網頁排版

立體字製作:Photoshop 快速製作「3D立體文字」

自從Photoshop CS4後,就已提供3D立體的模式,在Photoshhop CS6有了重大的改變後,與3D元件的強化,效果以比往常來的更好,且操作也更簡單,大部分都直接在圖片上方,就可完成所有的設定與調整,現在就一塊來看看囉 閱讀全文

in Photoshop 影像設計

【 Photoshop 教學 】– 火焰字合成特效

完成圖檔

如何合成製作出 PS 火焰字,利用 Photoshop 的圖層以及圖層遮色片功能,再加上簡單的火焰色版去背,做出燒燙燙的擬真Photoshop火焰文字特效,既有趣又實用喔! 閱讀全文

in Photoshop 影像設計

Photoshop「鋼筆工具」( 路徑~貝茲曲線 ) 超詳細教學

Photoshop「筆型工具」( 路徑~貝茲曲線 )

「鋼筆工具」主要功能是用來拉「 path 」也就是「 路徑 」就是傳說中的「 貝茲曲線 」 path 路徑(貝茲曲線)常常用在去背,或是繪圖… 最近版本的 Photoshop 又有新的翻譯「筆型工具」,搭配使用的是「路徑」面版,這翻譯倒是一直都沒變。 以下這一篇,是網路上很有名的分享教學… 閱讀全文

in Photoshop 影像設計