UI設計師的photoshop小單元(一)

UI設計師的photoshop小單元(一)
UI設計師的photoshop小單元(一)

想當個稱職的UI設計師就一定要會photoshop!!快來看看為大家準備的小單元教些什麼吧!!(一)

去背雖然是 Photoshop 影像合成的基本功力,但是在網路行銷業界,電子商務網站的商品圖片可說是非常多,要將這些圖片快速且去的乾淨,則是考驗許多網拍美編UI 設計師、平面設計師等的基本功。

「選取並遮住」去背好簡單

好在 Adobe Photoshop 在 2016 年後有一項「選取並遮住(Select and Mask)」的功能,擁有強大的邊緣演算功能,可幫助網拍美編UI 設計師更快速地選取主體,也包含毛髮的部分,大幅提升作業的效率。

  • Photoshop 中開啟圖片,點選「選取工具」,再點擊上面選單出現的「選取並遮住(Select and Mask)」

  • 進入模式後,會出現預設的「描圖紙模式(Onion Skin)」,點選左邊工具列的「快速選取工具(Quick Selection Tool)」。在選取主體之前,遮罩的部分會呈現半透明。若想要半透明的質感多一些,可以調高下方的「透明度(Transparency)」。此例調成 43%。

  • 朝著想去背的主體來回塗抹

  • 塗抹一個大概之後,會發現有些邊緣處還有些瑕疵

  • 接下來要進行更進一步的優化,點選「檢視模式(View Mode)」選擇「覆蓋(Overlay)」,在這個模式下能將瑕疵看得更清楚

  • 使用左側工具列的「調整邊緣筆刷工具」、「筆刷工具」做更細節的修改

  • 調整透明度檢查一下,如圖示小貓的毛髮細節也都出來囉

  • 輸出前可以勾選「淨化顏色」的選項, Photoshop 會幫忙調整細節的顏色,接著點選「新增使用圖層遮色片的圖層」,按下「確定」

  • 去背完成!

 

 

 

其他閱讀

UI設計師的photoshop小單元(二)

網路行銷課程讓工作自動找上門,你還在等什麼呢?

想在家也可以輕鬆賺進新台幣嗎?快來上網路行銷課程!

暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~

Python課程讓你與AI接軌 不必擔心被科技取代

想成為第二個馬斯克嗎?讓Python課程帶你進入自動駕駛車的行列!

神奇的Java課程-竟可讓人從零經驗到成為工程師不用一年!!?

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *