這一期再來教大家做一個使用率很高的樣機,很簡單
通過本期教程的學習,你會對Ps的圖層樣式有更深入的瞭解和更靈活的應用。
圖層樣式的效果很多,經常做UI的小夥伴們應該非常熟悉了,配合圖層樣式的綜合應用,可以達到意想不到的驚人效果。
首先打開那張提供給你們的那張紋理的背景圖。
對,又是這個圖,萬能的透視參考圖,依舊把它也拖到紋理圖的畫布中,它主要是幫助我們找準透視位置。
選中矩形工具,畫一個跟透視圖差不多大小的矩形,不用太嚴謹,視覺上差不多大就可以了。
選中這個矩形,點擊“圖層-智能對象-轉換為智能對象”。這是很關鍵的一步,不然後面就白忙活了。
“Ctrl+T”一下,按住“Ctrl”拖拽四個端點,與畫面中那個黑色的透視參考圖形做參考,找好邊界,拖拽好後確認即可。
接著就可以雙擊這個智能對象的縮略圖了,進入智能對象中。找一個你們喜歡的logo圖形拖進來,記得關閉或刪掉背景那個矩形框框,調整好logo的大小後直接保存智能對象,返回。
這樣我們看到畫面已經被智能對象自動更新好了,然後你就可以把透視圖參考的那個黑方框層的眼睛關掉或者直接刪除這個圖層了。
把“矩形1”的填充改為0,然後再複製一個,把其中一個改名為“雙擊替換”,另一個改名為“效果”。然後把“雙擊替換”前面的眼睛關掉,它存在的意義是為了方便以後換成其他logo,所以沒必要顯示。
雙擊“效果”圖層的縮略圖,會彈出“圖層樣式”面板,數值按上圖所示填充就好,注意這個光澤等高線的曲線,這裡需要手動調節一下,你可以按照上面的曲線圖手動繪製一個。
接著添加一個等高線,等高線選項這裡選擇上圖這個就好。
製作到現在為止,你的效果應該跟這個差不多,這個效果距離最終完成還差不少,讓我們來繼續。
添加“內陰影”效果,數值參考上圖^_^
添加“內陰影”效果之後,已有雛形,還要繼續優化細節。
接著來添加一個“光澤”效果,數值繼續參考上圖,這裡要注意一下顏色,選一個比背景顏色稍深一些的顏色,也可以多選幾個顏色試試看,這裡可以根據自己的喜好來定奪,沒有具體標準。
再來看看添加完“光澤效果”之後的樣子,是不是有點意思了,加把勁,馬上就要大功告成了!
再接著添加一個“漸變疊加”效果。大家可以觀察到我們用的這個背景圖是有明顯光源的,所以我們來添加一個漸變,這樣可以讓效果也有一個明暗變化,更加真實。
看看添加好漸變的效果,是不是看起來跟背景層融合的不錯了,很自然!我們繼續。
最後,添加一個“圖案疊加”的效果,圖案就選灰度紙這個,如果找不到的話,你可以點圖中的小齒輪,在彈出的列表裡選擇“灰度紙”。
添加好圖案後,你可以觀察到細節變化,瞬間就有了雕刻的質感,至此就大功告成辣。
來看一下最終的圖層面板,你們可以對照一下。
完成後的效果是不是很不錯,操作也很簡單呢,現在你就可以直接把它保存成PSD了,下次再貼logo的效果圖時候,可以拿它試試,效果不錯哦。
很多這種logo樣機的製作方法都應用了圖層的樣式
你們學過之後
可以自己動手試試其他樣式效果
說不定會做的更好
熟練掌握圖層樣式
會對你作品的細節刻畫有著非常細膩的表現
特別是在繪製擬物化的icon時
所以
平時還是多拿些東西練練手吧
畢竟工具還是需要多加熟練
它才會幫你實現你的創想
關注微信pmdsheji,獲得更多最新教程,軟件素材,設計資訊,
閱讀更多 PS平面電商設計 的文章