PS之制作圆角的白色边框图和白色底图

最新推荐文章于 2022-06-27 16:55:07 发布
最新推荐文章于 2022-06-27 16:55:07 发布
阅读量1.9k 收藏
点赞数 1
分类专栏： ISpace 文章标签： PS 边框图 底图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itsxwz/article/details/122299408
版权

背景内容：白色、透明；
矩形工具、圆角矩形工具；
贴边设置矩形大小；

一、效果图

在这里插入图片描述
白色边框图和白色底图是使用PS进行制作的，黑色边框图是阿里巴巴矢量图找的。

白色：纯色底图，便于修改其他颜色。
边框图和底图：最常见的两种UI图形。

二、白色边框图制作

文件 -> 新建：
在这里插入图片描述
设置：
在这里插入图片描述按住Alt+鼠标中键放大；
鼠标靠近最左上角，点击鼠标左键
在这里插入图片描述Shift+Ctrl+Alt+S，保存：

最低0.47元/天 解锁文章
itsxwz
关注
专栏目录
CSS3圆角边框和边界图片效果实例
09-24
CSS3圆角边框和边界图片效果实例这篇文档主要讲解了CSS3中的圆角边框效果、盒阴影效果以及如何通过图片制作边框的技巧。这些知识点在现代网页设计中非常实用，能够让网页的边框设计更加丰富和有创意。下面是对这些...
PS制作圆角透明图片
weixin_34167819的博客
06-13 837
为什么80%的码农都做不了架构师？>>> ...
Android布局实现圆角边框
05-29 697
Android布局实现圆角边框 分类： Android基础2012-05-23 23:50 19736人阅读 评论(9) 收藏 举报 androidlayoutencodingbuttonnull电话 这里用的是TableLayout布局的。先看效果图 下面看下布局文件 [html] view plaincopy
Glide加载常用类型图片（带白色边框的圆形图、圆角矩形图片、圆形图片）
学习就是我的个性
12-04 3142
一：依赖包： Glide_github implementation 'com.github.bumptech.glide:glide:4.8.0' annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0' 二：要想使用GlideApp需要自定义AppGlideModule（需要放在工程目录下） /** * 用于gli...
Photoshop学习（三十三）：圆角边框
WGYHAPPY的博客
06-27 989
圆角图片
LinearLayout设置白色背景、灰色边框、倒圆角
Devil不加V
04-23 2053
1.首先在res-->drawable目录下新建一个xml文件，类型选择drawable，命名layout_border.xml，在其中写入以下代码： <stroke android:width="0.01dp" android:color="#BFBFBF" /> <!-- 这个可以不加，padding用不上
unity 制作圆角图片添加边框的实用Demo
最新发布
04-21
这个Unity Shader包提供了一种简单而有效的方法来为图片添加圆角和边框效果。通过使用这个Shader，你可以轻松地为任何2D图像创建平滑的圆角效果，并在需要时添加自定义颜色和宽度的边框。 特点： 圆角效果：通过...
css教程制作css圆角边框(兼容全部浏览器)
09-25
CSS 教程 - 制作 CSS 圆角边框（兼容全部浏览器） CSS 圆角边框的概念 在现代 Web 设计中，圆角边框是一个非常常见的设计元素，用于添加视觉效果和美化网页的外观。然而，制作圆角边框时需要考虑浏览器的兼容性，...
安卓头像制作图片圆角剪裁相关-android以不规则图片为边框切割另外的图片.rar
07-29
在Android开发中，有时我们需要实现一个功能，即根据不规则的图片作为边框来裁剪其他图片，例如创建带有圆角或特殊形状的头像。这个压缩包中的内容似乎提供了这样的解决方案，允许开发者以不规则的图片（如带有圆角...
ps快速删除圆角图片旁白的白色区域方法
科比不来it
06-17 2142
简单实用5招的ps快速删除圆角图片旁白的白色区域方法 1.图像-模式-rgb颜色 2.双击背景取消图层锁定 3.用魔棒工具点击要删除的区域 4.delete删除 5.另存为png图片
html圆形图片怎么加白边框,PS给图片圈出圆框的方法图解步骤
weixin_40005330的博客
06-04 2143
如果我们需要圈出图片的某一部分的话就需要制作一个圆框来标出，那么大家知道PS怎么给图片圈出圆框吗?下面是学习啦小编整理的PS怎么给图片圈出圆框的方法，希望能帮到大家!PS给图片圈出圆框的方法一photoshop cs6.0 打开猫叔的照片，猫叔依旧威武。解锁命令。不然后面操作不了。选择矩形工具，选择你要加标注的区域。选择出来一个区域，也就是你想要加方框的位置，是虚线的，看图看图。这步骤结束。上面菜...
图层组效果_通过ps制作拍立得边框效果教程
weixin_39747975的博客
01-12 281
本篇教程教大家如何制作拍立得照片散落的效果，制作思路也很简单，先做出拍立得的相框，摆放好位置后，利用剪贴蒙版就能轻松制作出来。先看看最终效果：步骤1我们Photoshop打开需要制作的图片，Ctrl+j复制图片。步骤2转到图层面板，新建图层，将前景色设为灰色（#464444），按Alt+Delete填充灰色。步骤3新建图层，用矩形选框工具（M）在画布上画出如图形状，并用黑色填充。步骤4在黑色矩形框...
PhotoShop圆角边框
Steven的专栏
11-25 963
想把一张普通的图做出像这样的圆角边框，以前总是使用有点复杂的通道法，今天弄PhotoShop的时候偶然发现一个极简单的选取圆角边框的方法，即“选择－修改－平滑”。 1. 用PhotoShop打开你想要截取成圆角的图，用右图所示的矩形选框工具，在图上选出想要截取的部分。 选的时候注意图的四边都要留一点空隙，否则无法得到平滑效果。 2. 打开上方导航栏的“选择－修改－平滑”对话框。
Visual Studio 2019 无法安装
热门推荐
itsxwz
05-16 2万+
给生产工具加固态硬盘，安装win7专业版后， Unity2017.3.1f1安装没有问题， 然后安装Visual Studio 2019，报错：Visual Studio Installer的问题， 在控制面板找到没有卸载干净的安装工具卸载干净， 继续安装Visual Studio 2019，报错：.Net Framework的问题， 在控制面板删除系统自带的.Net Framework版本， 在...
删除三个PyCharm的右键菜单项
itsxwz
06-23 1万+
发现VS Code更适合之后，果断删除了PyCharm。 但是有三个右键菜单项仍然显示，而PyCharm又失效，强迫症必须把它们给干掉。 终于被我找到了一个亲测有效的方法。 ...
FairyGUI之快速入门
itsxwz
09-11 1万+
http://www.fairygui.com/product/ 下载 1.windows平台编辑器(FairyGUI-Editor_3_9_5.zip) 2.下载Unity SDK 左：UnitySDK 右：FairyGUI编辑器(直接解压放入非中文路径即可) 从左至右：1.toLua和uLua；2-4.各版本的unitypackage，带有exampl...
【智力题】猜生日月份和日期
itsxwz
11-21 9824
起因：Unity3d面试题最后的一道可选题 趣味：发到大学寝室微信群，大家都抓耳牢骚想不出 题目 逻辑题：（可选） 小红和小霞猜妈妈生日，妈妈的生日是M月N日，两人都知道妈妈的生日是下列10组中的一天，妈妈把M值告诉了小红，把N值告诉了小霞，妈妈问他们知道他的生日是哪一天吗？ 3 月 4日 3 月5日 3月8日 6 月 4日 6 月7日 9 月 1日 9 月5日 12月1日 ...
软件静默安装
itsxwz
07-07 2404
需求：多个Unity3d发布包，一键静默安装到指定目录。 ps:打包软件 - 静默参数 1.WinRAR (/s) 2.Inno Setup (/sp- /silent /norestart) 3.Install Shield with MSI ( /s /v” /qb) 4.Wise Installation Professional ...
HTML为图片添加圆角矩形边框和阴影
05-28
要为图片添加圆角矩形边框和阴影，可以使用CSS样式来实现。具体的代码如下： ```html <style> img { border-radius: 10px; /* 设置圆角半径 */ border: 5px solid #eee; /* 设置边框宽度和颜色 */ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* 设置阴影效果 */ } </style> <img src="your-image-url.jpg" alt="your image" /> ``` 在上面的代码中，我们使用了`border-radius`属性来设置图片边角的圆角半径，使用`border`属性来设置边框的宽度和颜色，并使用`box-shadow`属性来添加阴影效果。 你可以根据自己的需要来调整这些属性的值，以达到更好的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值