精通軟件呢，最要緊的就是多練習(xí)啦，特別推薦今天分享的這類教程，涉及的基礎(chǔ)操作和技巧非常多，過程也足夠詳細(xì)，新手依著步驟來，也能創(chuàng)造出同樣漂亮的效果，大大滿足成就感，好像這么復(fù)雜的軟件也不可怕了呢，說了這么多，現(xiàn)在問題來了，你是轉(zhuǎn)發(fā)呢還是馬上動(dòng)手呢?老師說，后者才有前途呦 ^ ^

@陌北默 ：在本教程中，你將學(xué)習(xí)如何建立一個(gè)簡單的網(wǎng)格，以及如何使用基本工具創(chuàng)建主體的形狀以及使用漸變效果添加手柄。

接下來學(xué)習(xí)利用新形狀，可自由轉(zhuǎn)換圓角，一些簡單的特效和蒙板技術(shù)來創(chuàng)建管道，噴嘴和水容器。最后，您將學(xué)習(xí)如何通過混合模式添加微妙的陰影和高光，和一個(gè)簡單的陰影效果。

一、創(chuàng)建新文檔

按ctrl+N創(chuàng)建的新文檔。選擇單位為像素，在寬度和高度框中輸入600，然后單擊高級按鈕。選擇RGB ，屏幕(72 ppi) ，并確保在對齊新對象像素網(wǎng)格選中該復(fù)選框，然后單擊確定。啟用網(wǎng)格(視圖>顯示網(wǎng)格)和對齊網(wǎng)格(視圖>對齊到網(wǎng)格)。

對于初學(xué)者，您將需要網(wǎng)格線間隔設(shè)為5像素，所以去編輯>首選項(xiàng)>參考線和網(wǎng)格，設(shè)置網(wǎng)格線間隔為5和次分隔線為1。它會減輕你的工作，你可以很容易通過ctrl+“ 鍵盤快捷鍵啟用或禁用網(wǎng)格。你也應(yīng)該打開信息面板(窗口>信息)預(yù)覽大小和形狀的位置。不要忘了度量單位的設(shè)置，去編輯>首選項(xiàng)>單位>常規(guī)為像素，所有這些設(shè)置將顯著提高你的工作效率。

想成為專業(yè)UI設(shè)計(jì)師?先完整學(xué)習(xí) Photoshop 配置吧!《超實(shí)用!UI設(shè)計(jì)師的Photoshop配置技巧》

二、創(chuàng)建主體，手柄和觸發(fā)器

第1步

選擇矩形工具(M) ，創(chuàng)建一個(gè)130 X 25像素的矩形，并設(shè)置其填充色為R = 255，G = 200，B = 0。 選中黃色形狀，去效果>風(fēng)格化>圓角。輸入半徑為5像素，單擊確定，然后去對象>擴(kuò)展外觀。

第2步

選擇矩形工具(M)，創(chuàng)建一個(gè)35 * 75像素的矩形，設(shè)置填充色為橙色。切換到直接選擇工具(A) ，選擇矩形底部的兩個(gè)錨點(diǎn)將它們向右拖動(dòng)25像素。

選中矩形，去效果>風(fēng)格化>圓角。輸入半徑為5像素，單擊確定，然后轉(zhuǎn)到對象>擴(kuò)展外觀。

第3步

重新選中黃色圓角矩形，并在當(dāng)前位置復(fù)制一層(Ctrl+C>Ctrl+F )，然后將復(fù)制層置于頂層(按住Shift+Ctrl+ ])。選中橘色形狀和剛復(fù)制的副本，打開路徑查找器面板(窗口>路徑查找器)，然后單擊減去頂層按鈕。

第4步

使用矩形工具(M) ，創(chuàng)建一個(gè)40PX的矩形，并把它置于頂層。保持選中狀態(tài)，調(diào)出外觀面板(窗口>外觀)。取消填充色，設(shè)置描邊顏色為R = 189，G = 15，B = 4，然后點(diǎn)擊“描邊”，打開描邊面板。將粗細(xì)設(shè)為8像素，并設(shè)置對齊描邊“使描邊內(nèi)側(cè)對齊”按鈕。

切換到直接選擇工具(A) ，選擇紅色形狀底部的兩個(gè)錨點(diǎn)，將它們向右拖動(dòng)15px。確保紅色形狀保持選定狀態(tài)，去效果>風(fēng)格化>圓角，設(shè)置半徑為5像素，單擊確定，然后轉(zhuǎn)到對象>路徑>輪廓化描邊。

第5步

復(fù)制黃色和橙色形狀(Ctrl+C>Ctrl+F )。將這些副本置前(按住Shift+Ctrl+ ])，確保兩個(gè)形狀選中，在路徑查找器面板點(diǎn)擊聯(lián)集。選擇生成的形狀和紅色的形狀，在路徑查找器面板點(diǎn)擊減去頂層。

第6步

選中黃色形狀，打開漸變面板(窗口>漸變)，點(diǎn)擊漸變縮略圖，添加默認(rèn)的黑色到白色的線性漸變。

在你的漸變面板中，設(shè)置角度為90度。然后移動(dòng)到漸變的顏色，選擇右邊的滑塊，設(shè)置顏色為R = 255，G = 230，B = 30，然后選擇左邊的滑塊設(shè)置為顏色R = 245，G = 160 ，B = 0。添加新滑塊，將其顏色設(shè)置R = 245，G = 160，B = 0時(shí)，將位置定于15% 。請記住，藍(lán)色數(shù)字代表滑塊的位置。依次增加五個(gè)新的滑塊，然后使顏色和位置如下圖所示。

第7步

選擇橘色形狀，將其填充色換為如下圖所示的漸變填充。

第8步