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

@陌北默 ：在本教程中，你將學習如何建立一個簡單的網格，以及如何使用基本工具創建主體的形狀以及使用漸變效果添加手柄。

接下來學習利用新形狀，可自由轉換圓角，一些簡單的特效和蒙板技術來創建管道，噴嘴和水容器。最后，您將學習如何通過混合模式添加微妙的陰影和高光，和一個簡單的陰影效果。

一、創建新文檔

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

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

想成為專業UI設計師?先完整學習 Photoshop 配置吧!《超實用!UI設計師的Photoshop配置技巧》

二、創建主體，手柄和觸發器

第1步

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

第2步

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

選中矩形，去效果>風格化>圓角。輸入半徑為5像素，單擊確定，然后轉到對象>擴展外觀。

第3步

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

第4步

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

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

第5步

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

第6步

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

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

第7步

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

第8步