【設計資源】扁平化陰影特效 icon – 免費自製下載網站

flatty-shadow.com

今天來介紹大家一個超讚的免費網站「 Flat Shadow Generator 」,不但網站本身的設計精簡優良,最主要是提供大家線上製作“扁平化陰影特效”的 icon 樣式,完成編輯之後,還可以選擇下載圖片或 code 來套用在網頁製作上…… 繼續閱讀

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

【 Photoshop 入門教學 】– 圓紙折角 icon 製作

fly-icon

雖然飛肯常常在臉書粉絲頁面上分享好康ㄟ網路資源給大家知道,不過,其實只要已經學會 Photoshop 的基本操作的話,我們可以試著自己動手畫出想要的 icon ,這樣就不必受限於別人畫好的圖案樣式啦!
今天這篇教學文,就來教會大家簡單做出一個圓形、有折角變化的貼紙感 icon 喔….. 繼續閱讀

in Photoshop 影像設計

【好站報報】日本 RWD 網站一把抓

Responsive Web Design JP

這次介紹的這個日本網站 “Responsive Web Design JP",非常佛心地幫大家蒐集、整理出各種不同『 RWD ( Responsive Web Design ) – 響應式網頁』的版型設計,雖然僅限於日本的網站蒐集,但大量的網站範例參考,仍是研究 RWD 的同學們絕對不能錯過的研究資料喔… 繼續閱讀

in Good Design 好站報報

Photoshop 教學 – 色版工具 – 動物毛髮去背

下載範例用圖片

哈囉!大家好~之前曾經有教各位利用 Photoshop 「alpha channel 色版工具」來做頭髮去背的教學分享,不曉得大家還記得嗎?今天,假如圖片的主角替換成是毛髮飄逸的狗狗貓貓時,不知道大家是否也能成功完成去背任務呢?歡迎跟著我們一起來複習底下這個範例喔!… 繼續閱讀

in Photoshop 影像設計

【 Photoshop 入門教學 】– 火焰文字特效

完成圖檔

大家好!今天的飛肯教學文,我們就來教大家,如何利用 Photoshop 的圖層特效以及圖層遮色片功能,再加上簡單的火焰色版去背,做出燒燙燙的擬真火焰文字特效,取個暖好過冬吧~保證既有趣又實用喔!….. 繼續閱讀

in Photoshop 影像設計

【設計資源】 iPhone Design Guide 手機介面設計指南

New iPhone Design Guide

這一份 PDF 文件有很詳細的列表,把各代 iPhone 手機的螢幕尺寸、解析度、畫面比例、畫面尺寸…等都以表格條列,可以讓我們有需要設計手機 APP 介面的設計師,或是有需要設計手機網頁畫面的設計師參考…. 繼續閱讀

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