作者制作图标的思路非常不错。过程：先用形状工具把图标分层做出来，可填充初步的颜色，然后分别加上图层样式做出质感及立体感即可。
最终效果
1、新建大小自定的画布。选择圆角矩形工具创建一个120 * 120像素的形状置于画布正中央，圆角尺寸20像素，色值#78c549，命名为“底板”。
ctrl + j 复制底板层，改变色值为#378404，命名为厚度，ctrl + [将此层置于底板层的下面。
按下a键用直接选择工具选中底板层下面圆角的4个锚点，上移3个像素，露出厚度层。
同样用直接选择工具选中厚度层上面圆角的4个锚点，下移3个像素，防止两层圆角边缘像素叠加造成锯齿感。 
2、新建一层，命名为进度条背景，选择椭圆工具，按住shift键画出一个90 * 90像素的正圆，与底板层居中对齐，色值为纯黑色。
用路径选择工具选中进度条背景的路径，复制粘贴后ctrl + t ，将粘贴得到的路径缩小到70* 70像素，并将属性改为减去顶层形状，这样就做出一个圆环。 
3、ctrl + j 复制进度条背景层，色值改为#ffd200，将外圈的路径缩小为86 * 86像素，内圈的路径扩大到74 * 74像素，命名为进度条。
画一个矩形路径，将进度条减去1/4，并用两个圆形路径补上断掉的两头。 
4、下面开始画箭头，首先用矩形工具画一个40 * 40像素的矩形，接着用钢笔工具画一个28 * 16像素的三角形，并将这两个形状的路径放在一个图层里。 
5、好了，框架我们全搭好了，该给样式了。如果对路径的操作还不是太熟悉的话，可以去看看相关的教程。 
最终效果：
0
0
Photoshop制作一个清爽的圆角方形下载图标
PHP中文网
发布时间：2016-06-01 14:29:37
|1728人浏览过
|来源于php中文网
原创
相关文章
PS怎么画虚线 PS自定义虚线间距及圆点虚线设置流程【详解】
PS怎么调整照片暗角 暗角添加的氛围营造
PS怎么制作老电影效果 复古胶片感的制作技巧
ps如何调整文字图层大小_ps缩放文本尺寸步骤
PS怎么制作霓虹灯效果 霓虹灯字效的简易教程
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
1688阿里巴巴货源平台入口与批发采购指南
本专题整理了1688阿里巴巴批发进货平台的最新入口地址与在线采购指南，帮助用户快速找到官方网站入口，了解如何进行批发采购、货源选择以及厂家直销等功能，提升采购效率与平台使用体验。
289
2026.02.06
快手网页版入口与电脑端使用指南 快手官方短视频观看入口
本专题汇总了快手网页版的最新入口地址和电脑版使用方法，详细提供快手官网直接访问链接、网页端操作教程，以及如何无需下载安装直接观看短视频的方式，帮助用户轻松浏览和观看快手短视频内容。
150
2026.02.06
C# 多线程与异步编程
本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧，包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目，帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统，提升应用性能和响应速度。
11
2026.02.06
Python 微服务架构与 FastAPI 框架
本专题系统讲解 Python 微服务架构设计与 FastAPI 框架应用，涵盖 FastAPI 的快速开发、路由与依赖注入、数据模型验证、API 文档自动生成、OAuth2 与 JWT 身份验证、异步支持、部署与扩展等。通过实际案例，帮助学习者掌握 使用 FastAPI 构建高效、可扩展的微服务应用，提高服务响应速度与系统可维护性。
7
2026.02.06
JavaScript 异步编程与事件驱动架构
本专题深入讲解 JavaScript 异步编程与事件驱动架构，涵盖 Promise、async/await、事件循环机制、回调函数、任务队列与微任务队列、以及如何设计高效的异步应用架构。通过多个实际示例，帮助开发者掌握 如何处理复杂异步操作，并利用事件驱动设计模式构建高效、响应式应用。
11
2026.02.06
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
支付宝沙箱支付（个人也能用的支付）
共12课时 | 0.6万人学习
go语言零基础开发内容管理系统
共34课时 | 2.6万人学习
10分钟--Midjourney创作自己的漫画
共1课时 | 0.1万人学习
