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

App 图标设计 - 圆角透明效果(0 基础使用 PS)相关推荐

  1. app图标圆角角度_[转载]iOS app 图标的圆角半径是多少?

    iOS app 图标的圆角半径是多少? 括弧里面是对应的半径大小 App store(Retina屏) ─────────────1024px(160px) iTunes Artwork icon ─ ...

  2. UI培训教程分享:APP图标设计的6种风格都有哪些?

    在从事UI设计师这个岗位的时候,相信大家会经常遇到关于产品设计的工作,尤其是APP图标这块,在日常工作中,常见的图标风格主要有渐变风格.剪影风格.长投影风格.卡通风格.轻质感风格和拟物风格6种.今天小 ...

  3. UI设计培训分享:app图标设计要遵循哪些原则

    APP图片设计是UI设计工作中经常会遇到的,一个好的APP产品,图标的设计是非常重要的,本期小编为大家分享的UI设计培训教程就是app图标设计要遵循哪些原则?来看看下面的详细介绍. UI设计培训分享: ...

  4. 『创意欣赏』60款惊艳的 iOS App 图标设计《第四季》

    每天都有大量的应用程序发布到 iOS App Store 上,在数量巨大的应用中想要引起用户的主要,首页的就是独特的图标设计.这篇文章收集了一组惊艳的 iPhone 和 iPad 应用程序图标,希望能 ...

  5. element 日期选择图标_更换 App 图标,自制透明小组件!这可能是最全的 iPhone 桌面美化指南...

    说到个性化手机,你会想到换主题.换图标这些方法,不论是小清新还是偶像派,喜欢什么你就换什么.可如果你是 iPhone 用户,除了更换壁纸,也就能想想修改 app 文件夹名称了.Android 手机拥有 ...

  6. 网页设计中 透明效果的使用技巧

    运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于"透明"的实用小技巧哟:) 在 ...

  7. UI设计全家桶,0基础小白必收藏系列

    当代年轻人身上有一个通病,收藏从未停止,行动从未开始.对于学习这件事,彷佛收藏了,就是自律了,收藏夹里堆满各种「吃灰」的内容. 我觉得吧,这除了跟大家的拖延症有关外,更致命的是,网上资源鱼龙混杂,收藏 ...

  8. 毕业设计-----个人理财app的设计与实现效果展示

    这是一款基于Android平台开发的个人理财类APP,软件实现了记录消费情况和用图表展示记录的功能.同时还能添加英航卡,用户也增加备忘和计划,软件功能强大,使用方便,是一款非常不错的记事本类毕业设计. ...

  9. 升级Android8.0系统原来APP图标变为小机器人的问题

    原本显示好好的APP图标,自打升级Android8.0系统后,发现图标显示不正常了,变为原始的小机器人了: 怎么变成小机器人了呢,原本在7.0系统上显示还正常呢,赶紧看一下8.0的变化吧.打开Andr ...

最新文章

  1. Objective-C自动生成文档工具:appledoc
  2. DPDK — 安装部署(CentOS 7)
  3. 【Linux】9.ssh登录与scp文件拷贝
  4. php结尾的链接_优化 PHP 代码建议(结尾有彩蛋)
  5. 杭电多校第十场 hdu6434 Count 欧拉函数打表 快速打表模板
  6. 日程解读 | LiveVideoStackCon 2020北京站日程官宣了!
  7. 删除WSS卸载后遗留的数据库
  8. python越来越慢_为什么我的算法越来越慢?
  9. 使用计算机的好处作文,电脑的好处
  10. STM32控制WS2812B HAL库
  11. jauery ajax本地用法,jquery ajax基本用法
  12. c语言如何编一个警报声音,电脑如何自定义警报的声音具体该如何操作
  13. matlab 连续下标表示,matlab 下标问题
  14. Apollo星火计划学习笔记——第六讲上自动驾驶感知基础(I)
  15. Mac下Qt for android 环境配置
  16. su联合推拉使用方法_紫天学习星球教学:联合推拉插件完全功能使用详解(中文)...
  17. 智能车|直流电机、编码器与驱动器---减速器
  18. 神经网络中Batch Size的理解
  19. 条件概率、全概率、先验概率、后验概率、类条件概率
  20. Unity中的万向节死锁

热门文章

  1. Matlab中meshgrid的用法简介
  2. iis7.0介绍和完整版如何下载
  3. 软件测试周刊(第75期):唯有平视,才能看见真实的自己。
  4. 【米思米工业产品知识分享】- 轴承的分类与主要用途
  5. $().each() 和 $.each()
  6. CTP常见问题系列之一 “CTP : 不合法的登录“
  7. 音频格式(一)PCM和WAV
  8. 使用python来保存win10的聚焦图片
  9. android 视频画面拼接,Android实现视频剪切、视频拼接以及音视频合并
  10. 外周传出神经的递质有,外周神经系统神经递质