網際網路為我們帶來了許多美好的事物,從與世界各地的朋友聯繫到觀看貓咪影片。但在過去幾十年中,網際網路真正普及的一件事就是表情符號。今天,我們將教您如何製作自己的自訂表情符號,並將其添加到 Slack 或 WhatsApp 等應用程式中,讓您每天都能準確地表達自己的想法。
在我們深入探討之前,先來快速瀏覽一下我們將要建立的表情符號。在教學過程中,您可以隨時回來參考,以追蹤您的進度!

完成本教學後,您將能夠重新建立這個表情符號並建構您自己的表情符號 — 祝您玩得開心!
準備好了嗎?讓我們開始吧! 👇
1. 建立頭部
首先,按下 A 建立一個畫板,並將其大小調整為 400x400。然後按下 O 並建立一個 300x300 的橢圓形。別忘了關閉邊框!
將您的畫板(包括橢圓形!)儲存為範本,這樣您以後就可以跳過此步驟,直接開始設計!
2. 添加一些顏色
接下來,將放射狀漸層套用到您的橢圓形。將漸層從左上角對齊到右下角,並將最上面的點設定為 #FEEBBO 色值。添加一個中間點,並將其設定為 #FDDF79 色值。最後一個點使用 #EDA52D。
您可以隨意使用不同的顏色組合來傳達不同的狀態。例如,紅色代表憤怒,藍色代表寒冷。
3. 建立嘴巴
按下 O 並建立一個 235x235 的橢圓形。然後,雙擊或按下 ↵ 進入編輯模式並刪除頂點。現在,調整其高度,直到您滿意為止 — 這將是您表情符號的嘴巴。
嘗試使用不同的形狀來表達各種情緒。如果您將嘴角往下拉,就可以表達悲傷。
4. 增加一些深度
對於嘴巴的背景,添加 #3C2727 顏色填滿和一些內陰影。我們建議您使用以下內陰影值,但您也可以嘗試不同的值,直到找到您滿意的設定
- 0x 20y 模糊 20 散佈 0
- -26x 0y 模糊 50 散佈 0
- 26x 0y 模糊 50 散佈 0
您知道您可以堆疊任意數量的陰影嗎?填滿、邊框和模糊效果也是如此!
5. 建立並遮罩舌頭
要製作舌頭,新增另一個 200x170 的橢圓形,並將其放置在嘴巴形狀底部附近。這個圖層應該位於您在步驟三建立的嘴巴圖層上方。選取舌頭形狀,然後按住 ⇧ 並選取嘴巴形狀。接著按住 Control 鍵並點擊,從選單中選擇**遮罩**。您的舌頭形狀大部分應該會消失在嘴巴裡面!
除了舌頭之外,您也可以為您的表情符號加上牙齒。插入一些矩形,將它們的角圓化 以達到您想要的形狀,並添加一些顏色和陰影來完成最終外觀。
6. 新增線性漸層
再次選取舌頭,並新增線性漸層,將頂點設定為 #E64545,底點設定為 #F47A7A。調整畫布上控制點的位置,直到您對結果滿意為止。
雖然我們在漸層中只使用了兩個顏色點,但您可以根據需要新增任意多個顏色點。
7. 添加一些可愛元素
現在是時候添加一些紅潤的臉頰了。按下 O 並建立一個 90x90 的橢圓形。將其填色設定為 #F9A038,並將高斯模糊設定為 18。按下 ⌘D 複製形狀,然後將形狀放置在嘴角。好可愛!
如果您不確定確切的數值看起來如何,請嘗試使用滑桿。拖動滑桿時,您會立即看到效果!
8. 添加眼睛
按下 L 繪製一條靠近臉部頂部的短線條形狀。將其填色設定為 #382424,並將寬度設定為 8px。在檢查器中,將端點設定為**圓形**,然後雙擊線條進入編輯模式,並點擊中心以新增一個新點。向上移動該點,使線條略微彎曲。這將形成您的表情符號的眼睛,因此複製形狀並將它們放置在您認為最適合的位置。
俗話說,眼睛是靈魂之窗!嘗試不同的形狀,改變高度,並嘗試使用配件,以在相同的臉部基礎上實現完全不同的外觀。
這只是一個開始!您可以隨心所欲地自訂這個表情符號,或嘗試其他具有不同表情的設計,以展現您想要的所有情緒。
您是否使用 Sketch 建立了很棒的表情符號?我們很樂意看到它!使用 #MadeWithSketch 標籤與我們分享。