2011 本站教學範例已全面更新~ 新教學請看 http://www.flycan.com/article/   【到新的教學討論區】
【飛肯設計學苑】- 回首頁 -
回首頁最新開課訊息企業包班教育訓練範例教學區問題討論區交流分享區程式下載區
Photoshop影像達人專修班 Photoshop 遮色片 & 色版創作進階班 CSS 版面設計專修班 ActionScript 3.0 程式設計入門班 ActionScript & XML 進階整合應用班 Dreamweaver & CSS網頁版型設計班

 

本站已全面更新~ 2011年 新教學範例請看 → http://www.flycan.com/article/

 

【Photoshop 教學】範例區
常見的「玻璃風格」圖示製作

發表新主題   回覆主題
【飛肯】教學網站 首頁 » 【Photoshop 教學】範例區
上一篇主題 :: 下一篇主題  
發表人 內容
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表常見的「玻璃風格」圖示製作 引言回覆

發表於: 2007-06-13 05:26 
常見的「玻璃風格」圖示製作 ({)

【步驟一】新增一個圖層1,並用圓形選取工具畫出一個圓形選區,如下圖:

【步驟二】先將前景色和背景色分別設定為淺藍和深藍色,再用漸層工具拉出圓形漸層,如下圖:

【步驟三】先按「ctrl」+「D」取消選取,再使用圖層樣式功能加上陰影和描上黑邊,如下圖:

【步驟四】再新增一個圖層2,並用圓形選取工具畫出一個圓形選區,這個圓形選區要畫的比藍色的圓形小一點,如下圖:

【步驟五】將漸層工具調整為白色到透明的色彩,如下圖:

【步驟六】在圖層2的圓形選區內拉出白色到透明的直線式漸層,如下圖:

【步驟七】先按「ctrl」+「D」取消選取,再使用「濾鏡」>「高斯模糊」,如下圖:

【步驟八】將圖層2的透明度調整到60%左右,如下圖:

【步驟九】再新增一個圖層3,再用圓形選取工具畫出一個圓形選區,這個圓形選區要畫更小一點,如下圖:

【步驟十】在圖層3的圓形選區內拉出白色到透明的直線式漸層,如下圖:

【步驟十一】再用圓形選取工具,選取圖層3圓形部份的下方,再按滑鼠右鍵設定羽化,如下圖:

【步驟十二】羽化值設定大約在 10 左右,設定完羽化,直接按鍵盤的 Delete鍵,就會將圖層3圓形的下半部刪除,如下圖:

【步驟十三】先按「ctrl」+「D」取消選取,再使用「濾鏡」>「高斯模糊」,這次的高斯模糊不用設太大,如下圖:

【步驟十四】將圖層3的透明度調整到80%左右,如下圖:

【步驟十五】最後再打上您需要的文字,這個範例就算完成啦,如下圖:



【姜】 在 2007-08-05 02:05 作了第 2 次修改

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2007-06-13 19:03 
同學可以試試看不同的白色到透明的直線式漸層喔~ ({)

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
mickmick
【三年級】
【三年級】


註冊時間: 2007-03-28
文章: 78

發表 引言回覆

發表於: 2007-06-13 21:08 
Illustrator也可以做到,不過要調好久,感謝老師的教導。

真是學習到不少。

回頂端
檢視會員個人資料 發送私人訊息
hchin
【新生】
【新生】


註冊時間: 2007-03-08
文章: 2

發表 引言回覆

發表於: 2007-06-14 17:00 
是很常見沒錯,但不會弄…XD

今天終於搞懂眉角,謝謝老師的教學~ OO

回頂端
檢視會員個人資料 發送私人訊息
tiffany32
【二年級】
【二年級】


註冊時間: 2007-06-03
文章: 16
來自: 台灣台中

發表 引言回覆

發表於: 2007-06-20 13:46 
哇~有點小難OO

不過老師教的很仔細,謝謝老師.

以下是我的練習成果,差強人意 :(

回頂端
檢視會員個人資料 發送私人訊息
cyt
【二年級】
【二年級】


註冊時間: 2007-08-02
文章: 12

發表 引言回覆

發表於: 2007-08-03 21:38 
真的好好玩呢

這兩天有空就來這挖寶

真的很高興有這地方

可以慢慢學

再次感謝老師

回頂端
檢視會員個人資料 發送私人訊息
~yeah~
【新生】
【新生】


註冊時間: 2007-01-03
文章: 4

發表 引言回覆

發表於: 2007-08-20 15:06 
很美麗很利害~~~ OO
回頂端
檢視會員個人資料 發送私人訊息
roc01
【新生】
【新生】


註冊時間: 2007-09-22
文章: 1

發表這是我作ㄉ^^ 引言回覆

發表於: 2007-09-24 02:30 
回頂端
檢視會員個人資料 發送私人訊息
懶獅子
【一年級】
【一年級】


註冊時間: 2007-12-25
文章: 7

發表 引言回覆

發表於: 2008-01-02 15:23 
好好玩唷!!

這是我剛剛照老師的步驟示範的 R

回頂端
檢視會員個人資料 發送私人訊息
阿貓
【新生】
【新生】


註冊時間: 2008-01-07
文章: 1

發表 引言回覆

發表於: 2008-01-07 16:42 
教學的很詳細

又學到一招了

謝謝

下面圖是按照老師所教的步驟做的

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件
從之前的文章開始顯示:   
發表新主題   回覆主題     1頁(共1頁)
【飛肯】教學網站 首頁 » 【Photoshop 教學】範例區

 
所有的時間均為 台北時間 (GMT + 8 小時)
前往:  

回首頁】【最新開課訊息】【企業委訓】【範例教學分享區】【問題討論區