創作內容

21 GP

【軟體】初心者的PhotoShop畫Icon(詳細圖文)

作者:落葉無聲│2011-12-09 14:32:30│巴幣:42│人氣:1822
為了讓程式"電腦定時關機程式"在桌面上提高辨識率, 第一次用PhotoShop試做了Icon. 而Icon的主要目呢, 則是利用圖像讓使用者能夠即刻分辨該程式的用途.

電腦定時關機程式主要功能為定時然後關機. 在網路上做了一些搜尋後, 決定利用大家常見的關機圖像, 加上碼錶中的計時按鈕和指針來製作Icon.

本篇提到了一些在PhotoShop上的基礎應用, 如去背, 選取, 上色, 圖層概念, 和大家分享. 第一次做Icon, 很多地方需要改善精進, 還請多包涵指教.


步驟說明

(1) Google大神搜尋"Power Icon", 並在PhotoShop中開啓.


(2) 使用魔術棒點選背景(容許度約20)(主要目的為去背).


(3) 魔術棒點選後. . .


(4) 選取 > 反轉


(5) 反轉後. . .


(6) 編輯 > 拷貝 (或Ctrl + C)


(7) 編輯 > 貼上 (或Ctrl + V)


(8) 點擊取消原圖層可見度, 即得去背後的圖像(圖層一).


(9) Google大神搜尋"Stop Watch", 並在PhotoShop中同一檔案開啓(圖層二), 同時並點擊. . .

影像 > 版面尺寸 (加大到兩張圖都看的到)


(10) 將去背後的圖層一移到最上層


(11) 點選移動工具, 將圖層一覆蓋碼錶, 並將尺寸調整到圓形的邊剛好覆蓋碼錶的邊緣.


(12) 按住Ctrl並點擊圖層一的圖層"圖像", 選取該圖層可視部份.


(13) 用導覽器(選取 視窗 > 導覽器)放大約350%. 點擊套索工具後, 按住shift不放, 如下圖示點擊滑鼠左鍵將碼錶按鈕框起來(選取內容增加按鈕部份)


(14) 選取範圍包含碼錶按鈕. . .


(15) 移到針指碼錶指針處, 點選套索工具, 按住shift不放, 如下圖示畫指針. . .


(16) 套索工具畫完後, 選取範圍增加了指針.


(17) 點選橢圓形選取工具, 按住shift+alt畫圓如下圖. . .

(如果畫圓時, 圓不在滑鼠正中央, 請按住shift在點擊一次alt)


(18) 選取了該部位. . .


(19) 圖層 > 新增 > 圖層


(20) 圖層增加了圖層三


(21) 取消圖層一和圖層二的可見度


(22) 選取油漆桶工具


(23) 將顏色倒入選取範圍內(本例選用紅色)


(24) 指針的部份, 感覺太小比例怪怪的, 需要加大. 用魔術棒工具點擊指針部份.


(25) Ctrl + C 後 Ctrl + V 複製貼上 (圖層4), 並取消圖層3可見度.


(26) 選取 > 修改 > 擴張


(27) 本例擴張4個像素.


(28) 擴張4個像素後, 選取範圍加大如下圖. . .


(29) 選油漆桶將選取範圍內空白部份填滿如下圖. . . (指針變大)


(30) 點橢圓選取工具, 按住shift和alt畫圓如下圖. . . (加大該部位)


(31) 和加大指針時一樣, 用油漆桶填滿空白的地方.


(32) 點擊圖層三可見度


(33) 合併圖層三和圖層四後, 就初步完成了該Icon的雛形.




接下來的上色, 是落葉最差的一項了, 由於對顏色完全沒有概念, 也弄不出個什麼, Icon製作的流程就分享到這裡結束.   

當然最後醜媳也得見公婆, 落葉還是硬擠了6個. . .

如有人願意指導一下, 或在上色給些意見, 先在這裡說聲謝謝.





小屋其它PhotoShop相關分享

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1481536
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:PhotoShop|去背|Icon|PS|Logo

留言共 16 篇留言

xenogear
用心的作品都是好的,晚點回來再來研究。

12-09 14:54

落葉無聲
^^ 謝謝!12-09 17:55

寫的好仔細,
可以跟軟體用書比了XD
軟體書厚厚都一堆圖…(指)

感謝落葉分享>囚<

12-09 15:00

落葉無聲
和軟體書我還差很遠呢? 我的說明其實很弱. . . 12-09 17:55
落葉無聲
軟體書用很多大家一聽就懂的名詞 >"<12-09 17:56
嫣寶寶
軟體部分好強呢...
我最討厭去背景這東西了...

12-09 15:18

落葉無聲
我是初心者, 很多還在學習中~ 只是. . .去背我真的去滿多的就是了. . .12-09 17:59
Macro_7013
剛看了以為是友機的3紅~"~ 哈...

12-09 16:07

落葉無聲
哈~ YLOD中獎者, 看到這Icon是心有戚戚焉啊 XD12-09 17:59

好厲害喔![e19]

12-09 16:30

落葉無聲
謝謝 ^0^12-09 18:00
淺力色小巴
PS耶!!!
有神快拜!!

12-09 18:19

落葉無聲
謝謝來訪 [e16](羞)12-09 18:35
御星
以後PS不懂就來問落葉哥~強手!!(拇指)

12-09 20:07

落葉無聲
互相學習啦 ^^12-09 20:16
偽。學姊
很用心的教學呀

12-09 20:13

落葉無聲
教學不敢當啊~ 和同好分享^^12-09 20:15
紅豬
你好強~~

之前看過一個影片是用Execl畫CG美少女, 也是很強

12-09 20:39

落葉無聲
Excel畫CG. . .那個以經不是我可以到達的了的水準了 XD12-12 09:58
Marcus
好費工[e17]

12-09 21:36

落葉無聲
真的~ 我也覺得步驟太多了點~12-12 09:58
☀゚傲風
你真的事太強了!

12-09 23:13

落葉無聲
謝謝 ^0^12-12 09:57
絕倫逸群
PhotoShop真是個強大的東西

12-10 00:26

落葉無聲
嘿啊~ 上班必備良物12-12 09:59
透明黑
好厲害[e19]
步驟好多啊XDD
繪圖軟體我只會改光線的功能而已(艸)

12-10 23:05

落葉無聲
步驟多可能是落葉太龜毛了~ ~" 自己也感覺有些地方 做說明就好了~ XD12-12 09:57
菲斯特
噗噗 造型就不要太要求了 內容真的不錯是真的[e24]

12-11 18:58

落葉無聲
我的上色, 真的上很差 [e36](淚~淚~)12-12 09:56
亦真非真
受教了。

12-11 19:54

落葉無聲
^0^ 別這樣說 歡迎來訪~12-12 09:55
紅豬
https://www.youtube.com/watch?v=06IxMqudZ8M

12-12 11:12

落葉無聲
好可怕啊!!! 12-12 11:19
我要留言提醒:您尚未登入,請先登入再留言

21喜歡★rovingleaves 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【音樂】Don'... 後一篇:【C#】電腦定時關機程式...

追蹤私訊切換新版閱覽

作品資料夾

a86189642祝福
看到的人會變得幸福哦~看更多我要大聲說5小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】