【 Photoshop 入門教學 】– 簡易萬花筒圖案製作

萬花筒範例圖片

大家好,今天的入門教學要來教各位,如何用 Photoshop 簡單做出萬花筒的圖樣效果,只需要準備一張圖片,以及 follow 以下的幾個步驟,保證每個人都可以製作出五彩繽紛,千變萬化的萬花筒圖案喔!
首先請大家準備好一張充滿花朵的照片或圖片,只要挑選自己喜歡的就可以,接下來,啟動 Photoshop 軟體,跟著我一起練習吧!… 繼續閱讀

in Photoshop 影像設計

【好站報報】 日本「FLAT ICON DESIGN」免費資源網站

flat-icon-design-首頁

大家好!記得有一段時間很流行一種扁平化圖示,加上長長的陰影,今天就要來介紹一個日本免費的相關資源網站:「 FLAT ICON DESIGN 」,佛心的是,首頁很醒目的寫著:可以供商業用途~
這麼棒的網站,網址在這裡……. 繼續閱讀

in Free Resource 好康報報

【設計資源】- 「 Coolors」: 線上配色網站

coolors homepage

今天要來介紹大家一個有趣又實用的網站:「 Coolors」,主要可以當作設計師們線上配色的工具,操作簡單又好用,色碼產生之後,還另外附有多種格式的下載。
雖然也有需付費的手機 APP 版本,但我們這邊就先來試用看看免費的網頁版本吧…
繼續閱讀

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

【好站報報】 RWD 版型參考網站

Media-Queries 首頁

各位支持飛肯的粉絲朋友們,大家好~不知道上週有沒有人來參加本班臉書打卡即可免費上課的「RWD 手機網頁入門體驗班」呢?

今天要來介紹大家一個很不錯的網站:「 Media Queries 」,這個網站主要是蒐集了非常多優秀的 RWD (" Responsive Web Design “,中文:響應式網頁設計) 的網頁版型範例… 繼續閱讀

in Good Design 好站報報

CSS Sprite 教學 – 條例式按鈕設計

CSS Sprite -ul-li-ok

大家好,在上一次飛肯教學文中,所提到的「CSS Sprite」語法技巧,不知道各位都練習過了嗎?
延續上次教學文的主題,今天我們再來做一個也很實用的「條例式按鈕設計」語法練習;在這篇教學文中,我們會先做一次一般版本的寫法,接著,我們就會教大家如何使用「CSS Sprite」,讓自己的網頁更為精簡、優化喔~ 繼續閱讀

in CSS 語法 - 網頁設計

CSS 教學 – CSS Sprite 網頁優化技巧入門

CSS-icon-Sprite

大家好,今天飛肯教學文要來教各位一個非常實用, CSS 語法網頁設計的重要技巧之一: 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度,更進一步還可以讓網頁的 SEO 排名提高,所以大家一定要學會這一招,將它應用在排版時,就可以輕鬆達到網頁優化的效果喔! 繼續閱讀

in CSS 語法 - 網頁設計