編按：

    手機端各種各樣的抽獎想必大家早已見怪不怪了，獎品看著誘人但抽過的都知道，抽到的肯定都是不中用的。今天我們就用PS一起來做一個抽獎機，誰中獎你說了算，一起來看看吧！

今天給大家說說如何畫一個搖獎機。先分析一下有哪些部分組成：

①機身；②獎品區(qū)；③機頭。這3部分里面又有許多細節(jié)，下面就一起來把它做出來吧。

一、首先，我們來把它的機身，繪制出來。

1、新建圖層800*600。新建一個矩形，同樣大小，顏色填充參考#ffcf9a。

2、開始繪制機身。

a、新建一個矩形405px*405px，圓角48px，顏色填充#ff512d。然后再新建一個矩形358px*280，圓角24px。然后兩個合并圖層，用布爾運算，減去頂層。得到如下圖形：

b、下面對繪制出來的這個圖形進行一些圖層樣式設置：

c、繪制機角，顏色#282e35、加圖層樣式，然后復制出一個，對稱放于兩邊。

3、現(xiàn)在加上搖獎機的獎品區(qū)部分。

a、建一個矩形，顏色#933208。

b、繪制一個矩形，作為搖獎的一個獎品區(qū)。

大小：這里不提供，要學會自己算，記得要均分。顏色#fef1cc。然后復制出8個，一共9個，排好。最中間的先隱藏，等會要單獨修改。

c、把上面顯示的8個，打個組，然后對整個組加圖層樣式。

d、把剛才隱藏的中間那個矩形顯示出來。然后將其顏色改為：#ffc900。

e、添加圖層樣式。

f、再加點效果進去：新建一個矩形，顏色：#ffab00。旋轉(zhuǎn)個角度，復制出來幾個，合并圖層，透明度75%。創(chuàng)建剪貼蒙版，作用于中間這個矩形；加入文字“開始抽獎”，顏色#ffffff，并設置圖層樣式。

g、好的，現(xiàn)在給每個獎品區(qū)加入獎品。例如“iPhone x”，顏色#dd8600，文字大?。?span>14px。去網(wǎng)上找張圖片加上去。

h、其他幾個同理。做成類似效果。

4. 我想要讓抽獎的感覺再豐富一點，這時我想到在四周加上燈的效果。

a、亮燈：繪制一個圓14px*14px，顏色填充#fcffd4。加圖層樣式。

b、復制成一圈，不用多說了吧。（注意間距要等分）

c、暗燈：一樣的大小，一樣的顏色填充：#fcffd4。沒有圖層樣式，復制出一周。

5、感覺有點懸空，缺少真實感。

ａ、加點投影。畫個橢圓34px*12px，顏色填充#e99600。轉(zhuǎn)化為智能對象（方便修改數(shù)值），高斯模糊5px（濾鏡-模糊-高斯模糊）。

b、同理，畫一個大的橢圓，圖層放在上面的兩個小橢圓下面。

6、得有一個中獎公告的地方。

a、繪制一個圓角矩形358px*38px，顏色#000000，不透明度10%。

b、 中獎公告的文字14px，顏色#fef1cc。上下左右居中對齊。

二、前面我們已經(jīng)把大部分都做完了?，F(xiàn)在把抽獎機的頭和抽獎區(qū)的蒙版做出來就ok了。

a、 抽獎機的頭和機身的制作方法一樣，大家參照前文的方法即可。

b、恭喜，做到這里就剩下最后一步了。遮罩層就沒有好說的了。復制獎品區(qū)每一個塊蓋在上面，顏色#933209，不透明度50%。

完成，給自己點掌聲！

本文配套的練習素材請加QQ群：465481414下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設計從零到精通》直播課全心為你！

掃下方二維碼關注公眾號，隨時隨地學習PS：

相關推薦：

PS送你一塊逼真美玉，只用圖層樣式就搞定

用PS制作一個雅致空調(diào)對抗高溫

PS教程：MBE風格游戲機繪制

版權信息：

原標題：抽獎機教程

來源： 學UI網(wǎng)  作者：葡萄魚