華文網

月薪5W的UI設計師教你設計高大上的朗姆酒瓶圖示

創建一個朗姆酒瓶圖示

效果圖

步驟1

首先,讓我們做一個新文檔的3800 x 3800圖元的大小。

我將使用大型維度為了能夠使用任何圖示作為一個單獨的物件,所以我想確保圖像足夠大。

把背景填充深藍色顏色,使用油漆桶工具(G)。

使用圓角矩形工具(U)和1024 x 1024圖元圖示的形狀。打開屬性面板(視窗>屬性),從這裡,我們可以調整我們的形狀和顏色和大小的矩形圓角半徑。

應該提到當我們創建任何基本形狀(橢圓,矩形,多邊形等),它有一個特殊的標誌層在圖層面板中,這意味著我們的形狀仍向量柵格化之前它。

這意味著我們可以改變形狀,上色,上下比例沒有品質損失,這是很酷的。然而,我們不能使用畫筆顏色這樣的形狀,所以牢記這一點。

步驟2

讓我們開始我們的瓶子從390 x 550 px圓角矩形。我們將使用Properties面板,所以你總能看到我的截圖設置每一個形狀。

至於瓶子,我們將頂部角落的取芯器半徑設置為130 px和底部角落60 px,我們會設置填充顏色明亮的藍綠色的形狀。

現在,讓我們來直接選擇工具(一),選擇左下角的錨點。幾次按右方向鍵移動右邊的點(你可以按住按下方向鍵時轉移到加快這一進程)。

為另一側做同樣的事情,使瓶子底部的窄。

步驟3

讓我們填滿瓶朗姆酒!複製瓶層(Control-J),按控制溫度t自由變換和小副本,從而創建玻璃瓶子的邊緣。

使用矩形工具(U)做一個狹窄的矩形在瓶子的頂部。選擇矩形和朗姆酒形狀,按右鍵並減去前面的形狀,使我們的部分空瓶。

步驟4

讓我們形成一個從115 x 190 px青綠色矩形的瓶頸。選擇所有創建的形狀和使用對齊面板頂部水準居中對齊的形狀。

使用圓角矩形工具(U)添加一個邊緣的瓶頸。做一個210 x 75 px認知與完全圓角形狀。

步驟5

現在,我們將添加一個海盜瓶標籤。使用矩形工具(U),使一個黑暗的灰色條紋整個瓶子。複製(Control-J)綠松石瓶基地,選擇副本連同深灰色標籤,按一下滑鼠右鍵並統一形狀在不必要的重疊使無形的標籤。

步驟6

讓我們形成一個程式化的頭骨。使用橢圓工具(U)37 37 px白色橢圓。添加兩個小暗灰色的圓眼睛。形成一個下巴從一個小矩形。

使玻璃表面光彩奪目的通過添加一個圓突出瓶子的頂部。降低不透明度在圖層面板中,使其半透明。

步驟7

讓我們結束我們的瓶子通過添加一個軟木塞。複製(Control-J)瓶頸和複製的顏色更改為布朗在Properties面板。媒體控制,將瓶頸下的複製(或手動拖下來在圖層面板)。

使軟木略圓的頂部通過設置圓角半徑30 px。

步驟8

這裡是我們的朗姆酒瓶圖示已經準備好了!

前幾天的案例已經有很多朋友做完通過QQ發給我了,看完覺得都還不錯,如果大家想學習可以跟著我的案例做一做,每個作品我都儘量説明大家點評。

想從零基礎學習UI設計可以加我好友

需要UI設計教程請加我QQ:2557171836

想轉載文章的朋友請標明原文出處和原文作者

步驟6

讓我們形成一個程式化的頭骨。使用橢圓工具(U)37 37 px白色橢圓。添加兩個小暗灰色的圓眼睛。形成一個下巴從一個小矩形。

使玻璃表面光彩奪目的通過添加一個圓突出瓶子的頂部。降低不透明度在圖層面板中,使其半透明。

步驟7

讓我們結束我們的瓶子通過添加一個軟木塞。複製(Control-J)瓶頸和複製的顏色更改為布朗在Properties面板。媒體控制,將瓶頸下的複製(或手動拖下來在圖層面板)。

使軟木略圓的頂部通過設置圓角半徑30 px。

步驟8

這裡是我們的朗姆酒瓶圖示已經準備好了!

前幾天的案例已經有很多朋友做完通過QQ發給我了,看完覺得都還不錯,如果大家想學習可以跟著我的案例做一做,每個作品我都儘量説明大家點評。

想從零基礎學習UI設計可以加我好友

需要UI設計教程請加我QQ:2557171836

想轉載文章的朋友請標明原文出處和原文作者