Zi 字媒體

Photoshop設計超酷的扁平化軟件圖標 這一次的教學是屬於PS教程領域中的設計教程的相關教學。 文章出處是來自優設的PS教程類文章，寫教學的作者是上清若銘，感謝上清若銘提供設計教程的實作教學。 教學大綱: 這個有愛的圖標是在B站看視頻時無意中看到了，覺得蠻不錯的，而且也簡單，一般學到基礎的童鞋都可以做到，不過我這個教程為了照顧到新手，截圖有點多，對其中一些工具不是很熟練的童鞋可以多動動手做做。 設計教程教學開始 這個有愛的圖標是在B站看視頻時無意中看到了，覺得蠻不錯的，而且也簡單，一般學到基礎的童鞋都可以做到，不過我這個教程為了照顧到新手，截圖有點多，對其中一些工具不是很熟練的童鞋可以多動動手做做。 先看看效果圖 下面是原圖 第一步：新建圖層，大小自己定，這個為了更好演示教程，我選擇了500乘500，分辨率為72的畫布大小。 第二步：為了更好的確認圖形的大小比例正確。ctrl+r弄出標尺，然後在標尺工具的邊緣右鍵選擇百分比。這一步忘記截圖，不過我相信對於大家來說也不是難題。然後用選擇工具從標尺的邊上點擊拖拉出四條參考線。 第三步：選擇圓角矩形工具，然後在上方的工具選項欄中選擇形狀模式，圓角半徑為40像素。 第四步：點擊畫布拖拉出一個正方形的圓角矩型。 第五步：在縮略圖中的右下角雙擊，選擇一種你喜歡的顏色。 第六步：複製一層，這一步如果你不會，那我會很無語。 第七步：同樣雙擊選擇顏色。 第八步：點擊選擇工具，然後用鍵盤上的方向鍵向右方下方各移動四個像素，就是按各四次。 第九步：選擇矩形工具。然後拖拉出一個正方形。 第十步：同樣雙擊選擇顏色。 選擇白色 第十一步：點擊直接選擇工具，然後點擊白色正方形，在出現的路徑邊上右鍵，選擇添加錨點。 第十二步：以同樣的方法在旁邊加上錨點 第十三步：單獨點擊下方錨點移動，不熟練的童鞋可以去百度查查。 第十四步：這一步我不知道怎麼講了，主要是點擊之前添加的錨點，然後把方向線的其中一端收回，防止那一端的方向產生變化。不明白方向線和方向點的童鞋同樣去百度一下吧 第十五步：移動方向線的方向點至我所指的位置。 第十六步：用直接選擇工具拉出一個框選同時選擇上兩個錨點。向上移動 第十七步：在上方再添加一個錨點。 第十八步：向上移動一些少，看起來不那麼生硬。 第十九步：ctrl+T自由變換，調節大小和方向。 第二十步：創建一個圖層，為了胖次的條紋，哈哈。 第二十一步：用矩形工具拉出一個長方形。 第二十二步：添加錨點，移動，形成波浪形。 第二十三步：複製一層，變換顏色。條紋嘛! 第二十四步：就是複製複製再複製 第二十五步：然後合併圖層。 第二十六步：拖到原來的畫布上。位置適當變換下 第二十七步：右鍵創建剪切蒙版。 第二十八步：點擊矩形1圖層，右鍵混合選項 第二十九步：在樣式中選擇描邊，大小為3像素，顏色為白色。位置外部最好。 第三十步：打字，用比較粗的字體比較好。 第三十一步：新建空白圖層，用多邊形套索工具繪製投影，然後填充黑色。這步就看感覺了，如果你有自己的方法就更好了。 這個可以借用神器的幫助，一鍵生成唷：《超贊的長投影UI組件包免費下載+PS動作生成器》 第三十二步：調節不透明度。 第三十三步：以同樣的方法繪製上方字體的投影。 完成。 –本文轉載自 http://www.missyuan.net 教學網 — 文章永久連結為: Photoshop設計超酷的扁平化軟件圖標