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.效果：