前端裁图-如何使用ps软件将矩形图片裁剪成圆角矩形

最新推荐文章于 2021-06-24 09:32:31 发布
最新推荐文章于 2021-06-24 09:32:31 发布
阅读量6.3k 收藏 1
点赞数
分类专栏： 前端学习 李立超
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44158539/article/details/108165162
版权

1.ps打开一个图片
在这里插入图片描述
2.用矩形工具画出一个矩形覆盖在要裁剪的图形上在这里插入图片描述
3.将圆角矩形转化为矩形选区，方式：ctrl+鼠标左键（鼠标左键选中的是矩形图层，一般图层在ps界面的右侧栏）
矩形变为选区后是一个虚线框

在这里插入图片描述
4.将右侧两个图层同时选中，矩形选框图层的位置在被裁剪图层下（注意图层的位置顺序
笔记中的第六步即为接下来要操作的第五步，手误，懒得修改
在这里插入图片描述
6.crtl+shift+i 反选，反选之后选择的是被裁除的边角，按delete删除多余的选区，图层裁剪完成
在这里插入图片描述
在这里插入图片描述
最后保存图片，图片裁剪完成

恬一
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python利用四个坐标点对图片目标区域最小外接矩形进行裁剪
12-21
在图像裁剪操作中，opencv和pillow两个库都具有相应的函数，但是这两个库中的函数仅仅能对与图片平行的矩形进行裁剪操作，如果想要对目标的最小外接矩形进行裁剪该如何操作呢？如下所示： 具体处理该问题的思路如下： 计算最小外接矩形的四个点的坐标，旋转角度 将原图像进行旋转，旋转角度为最小外接矩形的角度 将四个点的坐标进行映射，求出被旋转后图像的四个点的坐标 利用这四个点对图像进行裁剪 图像原图如下： 1 求出该区域的最小外接矩形，并且得到外接矩形的四个点的坐标和旋转角度。 rect = cv2.minAreaRect(self.contours[0])#rect为[(旋转中心x坐
PS 如何制作 圆角矩形 图片
风---的专栏
05-30 3111
一、制作圆角图片  　　运行Photoshop CS3，打开一张图用来制作圆角图片。  　　  　　选择圆角矩形工具  　　  　　在圆角矩形工具中选择路径选项  　　  　　圆角矩形的半径，可以设置为20－30  　　  　　在图片中拉出圆角  　　  　　在右下角的图层面板中点击打开路径面板，右键选择"建立选区"，如果图层面板中
手机裁剪圆角图片_Photoshop裁剪圆角图片方法
weixin_30458447的博客
02-12 3315
平时在做 logo图标设计或者图片加工时候，需要对图片素材进行一些裁剪，图片的边缘轮角也会处理的圆滑一些，这样视觉效果会更美观，体验也会更好。接下来介绍几种用 Photoshop把图片处理成圆角的方法。1. 矩形选框工具裁剪1)在选择 文件 -> 打开 或者 鼠标拖拽 打开要编辑的图片素材；2)右键 矩形选框工具 选项，选择要裁剪的区域；3)在菜单栏点击 选择 -> 修改 -> ...
PS裁剪圆角矩形
weixin_43369115的博客
06-24 9150
1.选择圆角矩形工具 2.设置圆角半径 3.按住鼠标左键，绘制选区 4.按住ctrl+enter，转化为选区 5.选择要裁剪的图层，在工具栏选择图像-裁剪，按照选区裁剪图片 6.选择移动工具拖动裁剪到新的画布之中 ...
ps自定义形状工具_PS教程！6个矢量图标绘制设计的实用小技巧
weixin_39897687的博客
12-07 536
第一剑 少商剑 形状图层特点：剑路雄劲，颇有石破天惊，风雨大至之势。PS是一个像素处理软件，可以做到和AI一样绘制各种复杂的矢量图形。有读者会问为什么不用AI，而要学习PS绘制路径，因为PS才是适合UI设计的工具软件，且各种图形PS可以做到像素对齐，AI绘制的路径导入PS还是要二次调节。所以下面教你如何通过形状图层来绘制矢量图标。① 前景色选择黑色，前景选择的颜色就是绘制出形状图层的颜色② 工具模...
用photoshop把图片剪裁成圆角矩形
mmoooodd的专栏
06-14 1万+
1 打开图片 选择 路径 选择 圆角矩形工具 。 在图片上截出一个圆角矩形。 2 按ctrl+enter选中圆角矩形。 再按按ctrl+shift+i 反选。 3在你需要剪裁的图片那一层进行剪裁
如何用ps（photoshop）把四角图片变成圆角图片？超级简单！
一亩地的专栏
03-19 3万+
如何把一张四角的图片变成圆角的图片呢？ 估计是很多朋友比较关心的问题，今天工作原因，遇到了这个问题，终于让我找到了解决方案，其实只需3步就可以了，下面分享给需要的朋友： 步骤一： 用PS打开一张图片，接着用矩形选框工具，来框选整个图片，下面重点来了，选择“选择/修改/平滑”菜单。 步骤二： 在弹框里面输入平滑数值，数值越大四角就越圆。 步骤三： 然后选择“选择/反选”（快捷键 ctrl+shift+i），接着按delete键进行删除，导出即可。 提醒：如何按delete键
用Photoshop把图片切成圆角
保卫的专栏
10-17 1万+
使用圆角矩形工具，首选选择矩形工具，点击鼠标不松开，矩形工具区就回弹出多个选项，这个时候你就可以选择到圆角矩形工具了。     这里要注意一下矩形工具默认的是形状图层，一定要选择路径，才会出现没有颜色填充的圆角矩形。     用路径选择后，我们就可以看到一条实线，我们需要的也就是这个圆角矩形的路径。     这时候我们就要开始提取圆角的图像了，这个时侯我们
Android如何将一张图片裁成圆形/圆角矩形/特殊形状
叫我囧摸扮
10-12 4795
总体思路如下： （1）使用canvas先画一层形状层，即最后是要图片裁剪成神马样的 （2）再将paint做如下设置（画两层则取上层和下层的交叉部分，显示上层） paint.setXfermode(new PorterDuffXfermode(Mode. SRC_IN)); 具体这句话是做什么请看：http://407827531.iteye.com/blog/1470519
PS如何将图片截取自己想要的形状
热门推荐
大白兔
06-06 4万+
以圆形为例： 第一步：打开ps，打开要修改的图片，解锁后复制图层，在复制图层上面修改； 第二步：选择椭圆工具，画一个圆出来，如图： 第三步：按住Ctrl键，鼠标左键单击图层矩形部分 第四步：选中拷贝的图层，Ctrl+J,隐藏其他的图层即可，如图：
WinForm在PictrueBox控件上建立矩形选框裁剪图片
01-17
一个简单的通过在PictureBox控件内建立可移动的矩形选框裁剪图片的小程序 一个简单的通过在PictureBox控件内建立可移动的矩形选框裁剪图片的小程序
使用Div+CSS纯图片实现圆角矩形的方法小结
09-24
主要介绍了使用Div+CSS纯图片实现圆角矩形的方法小结,CSS3中用代码绘制圆角矩形非常方便,而本文要介绍的则是利用图片来实现兼容性更强的方法,需要的朋友可以参考下
Android中使用Bitmap类将矩形图片转为圆形的方法
09-02
主要介绍了Android中使用Bitmap类将矩形图片转为圆形的方法,同时文中也介绍了如何利用矩形直接来画圆角,需要的朋友可以参考下
前端笔记-——空格、」、「符号的使用
weixin_44158539的博客
07-08 2848
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <!-- 在网页中编写多个空格，默认为一个空格 在1html中有时候不能直接写一些特殊符号，比如多个连续空格， 比如字母两侧的大于号和小于号 实体的语法： &实体的名字； .
前端笔记——相对定位
weixin_44158539的博客
08-05 1075
定位(position) -定位是一种更加高级的布局手段 -通过定位可以将元素摆放到页面的任意位置 -使用position属性来设置定位 可选值： static(默认值，元素是静止的，没有开启定位) relative:开启元素的相对定位 absolute:开启元素的绝对定位 fixed:开启元素的固定定位 sticky：开启元素的粘滞定位 1.相对定位(relative)： -当元素的position属性值设置为ralative时则开启了元素的相对定位 -相对定位是参照元素在文档流中的位置进行定位的 -相对
一天一个webpack报错小总结———更新到webpack初阶学完为止
weixin_44158539的博客
12-13 886
webcpack.config.js文件中的相关代码注释 /* webpack.config.js webpack的配置文件 作用：指示webpack干哪些活儿(当你运行webpack时，会加载里面的配置) *重点：所有的构建工具都是基于nodejs平台运行的~模块化默认采用commonjs */ //resolve：用来拼接绝对路径的方法 const {resolve} = require('path'); module.exports={ //webpack配置
前端笔记——固定定位
weixin_44158539的博客
08-05 636
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{
前端——表格样式2
weixin_44158539的博客
10-16 508
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table{
matlab裁剪矩形框区域图片
最新发布
06-02
你可以通过以下代码来裁剪矩形框区域图片： ```matlab % 读取图片 img = imread('your_image.jpg'); % 定义矩形框的位置和大小 x = 100; % 矩形框左上角的x坐标 y = 100; % 矩形框左上角的y坐标 width = 200; % ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值