App 圖示設計 - 圓角透明效果(0 基礎使用 PS)
阿新 • • 發佈:2018-11-30
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.效果: