App 圖標設計 - 圓角透明效果（0 基礎使用 PS）

App 圖標設計 - 圓角透明效果（0 基礎使用 PS）

方法： 如果你有些基礎，就不必看圖文教程了：
1.使用圓角矩形工具選中，設置圓角尺寸【例如：1024*1024 px（圓角:160 px）】
2.Ctrl + Enter 鍵，路徑變成選區
3.刪除圓角矩形所在的圖層，使選區在背景相鄰的上方，這樣纔可以選區
4.Ctrl + J 鍵，拷貝到新圖層
5.【注意】最後要隱藏背景

效果：

素材：（不必要是方形的）

原圖免費下載地址：https://img-blog.csdnimg.cn/20181130182807224.jpg

操作步驟：

• 1.打開 PS
• 2.【文件】>【新建】>【尺寸：1024*1024】【背景：透明】>【確定】

• 3.得到一個透明圖：
  【提示】：按住 Alt 鍵 + 鼠標滾動可以調整視圖的大小，不會修改圖片的像素尺寸
  

• 4.將素材拖到 PS 中，【Alt + Shift 鍵 + 拖動：等比例調整圖片大小】，使圖片填滿整個背景，圖片可以大於背景，但只會保留背景上面的部分（最後圖標的樣式），所以說，圖片原本也可以不是正方形

• 5.PS的工具欄 > 【矩形工具】上，右鍵選擇【圓角矩形工具】
  

• 6.上面設置圓角矩形工具的參數
  熟悉 UI 設計規範【1024*1024 px 的圖標】>【圓角設置爲：160 px】

• 7.在工作區裏，單擊一下，手動輸入信息如下：
  

• 8.變換成【移動工具】>讓矩形貼在圖片正上方，會自動貼邊，很好對齊
  

• 9.Ctrl + Enter 鍵，路徑變成選區：
  

• 10.刪除【圓角矩形】所在的圖層：
  

• 11.Ctrl + J 鍵，拷貝到新圖層
  【注意】最後要隱藏背景
  

• 12.效果：