小編:今天小編來教大家用PS製作一個Bbox寄存器,本教程比較簡單,適合新手練習,其中的參數可以自己去嘗試修改,這樣有助於對其原理的理解。最後做好的小夥伴不要忘記提交作業呦。
閑時繪製了一個Bbox寄存器的擬物圖標,把過程寫出來分享給大家,希望對新手設計師(小夥伴們)的成長有幫助。本篇主旨的是要學會逐步去分解結構,進行形狀組建來繪製圖標。那我們開始咯!
首先把它分為五個部分來製作:
- 1.主體;
- 2.金屬部分;
- 3.埠;
- 4.墊腳;
- 5.文字。
一.主體的繪製
1.建一個800x800px的畫布,背景色為#f9f9f9。
2.繪製一個400x400px圓角半徑為70px的圓角矩形,命名為「主體」,將填充色設置為#f4f4f4,描邊寬度為2px,顏色為#BBBBBB。
3.給主體圖層添加內發光,然後在左右以及上部添加高光。(用鋼筆繪製出白色形狀,在屬性里將羽化值改為7,再添加圖層蒙板,用柔邊圓畫筆選擇黑色塗抹邊緣,使其更緩和。)降低上部高光的不透明度到60%。
至此主體部分就先告一段落,接下來我們繪製金屬部分。
二.金屬部分
1.繪製一個400x80px的圓角矩形命名為「金屬」,圓角半徑分別為:0,0,70,70,顏色為#cecece,命名為金屬部分。將其與「主體」圖層底邊居中對齊。
2.為其添加內陰影以及漸變疊加。
此時的效果應該是這樣的:
三.埠
1.繪製一個80x30px的圓角矩形命名為「埠」,圓角半徑分別是:0,0,20,20,顏色填充:#1b1b1b。將其與金屬部分頂邊居中對齊。
2.為它添加一個內陰影
3.繪製一個白色的橢圓命名為「白光」,羽化值設置為7,剪切到「埠」圖層。
四.墊腳
1.創建一個20x20px的圓角矩形,圓角半徑分別是:6,6,2,2 ,然後用直接選擇工具去選擇左上,右上的錨點更改它們的位置。
2.為它添加內陰影,然後複製一份水平翻轉放到對稱的位置。
五.文字
1.用文本工具打出「Bbox」,顏色為#8b8b8b;
2.給文字添加內陰影。
完成後效果:
OK,大功告成,為自己鼓個掌~ 大家自己也可以多多嘗試下設置不同參數,有助於了解圖層樣式呦。show出你自己的風格!