Photoshop制作一个清爽的圆角方形下载图标

站长资源 2025/2/27 佚名

2 0 1

兴国资源网 Design By www.nnzcdc.com

作者制作图标的思路非常不错。过程：先用形状工具把图标分层做出来，可填充初步的颜色，然后分别加上图层样式做出质感及立体感即可。
最终效果

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、好了，框架我们全搭好了，该给样式了。如果对路径的操作还不是太熟悉的话，可以去看看相关的教程。

最终效果：

圆角,方形,图标

兴国资源网 Design By www.nnzcdc.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

兴国资源网 Design By www.nnzcdc.com

评论“Photoshop制作一个清爽的圆角方形下载图标”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年02月27日

Photoshop制作一个清爽的圆角方形下载图标

【新手必看】蒙板、通道、选区的区别与联系介绍

PS最常用的快捷键整理大全

评论“Photoshop制作一个清爽的圆角方形下载图标”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接