如何给截图进行圆角处理

已于 2023-02-23 18:25:10 修改
阅读量630 收藏
点赞数
分类专栏： Linux 文章标签： 开源 GIMP
于 2023-02-21 20:26:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bluebird_shao/article/details/129149355
版权

如何给截图进行圆角处理

缘由

书接上一回，在上一篇博文「如何给截图添加阴影」中我给自己留了一个作业，为了让截图边角不再锐利，所以打算对截图进行圆角处理，并配合阴影效果打造更加优质的阅读体验。

依然使用非常优秀的 GIMP 软件进行处理，对于 GIMP 的介绍可以看看我的博文介绍，此处不再赘述。

步骤

第一步，选择「File」下拉菜单中的「Open…」打开需要进行圆角处理的截图或者直接将截图用鼠标拖入 GIMP。

open-image

第二步，右键点击图层选择「New Layer…」然后在下面添加一个透明图层。

new-layer

layers

第三步，在图层窗口点击当前图层「origin.jpg」作为操作对象，选择「Layer」下拉菜单中的「Transparency」然后在二级菜单中选择「Add Alpha Channel」添加透明通道。

add-alpha-channel

第四步，选择「Select」下拉菜单中的「Rounded Rectangle…」。

rounded-rectangle
第五步，设置圆角半径，此处选择 20% 作为演示效果，正常的截图应当选择 4% 为佳，点击 OK 确认。

rounded-setting

第六步，选择「Select」下拉菜单中的「Invert」进行反转。

invert

第七步，选择「Edit」下拉菜单中的「Cut」进行剪切。

cut

第八步，选择「File」下拉菜单中的「Overwrite xxx.png」重写原图，这是最快捷完成添加阴影的办法。又或者选择「File」下拉菜单中的「Export As…」按键，然后在弹出的对话框中选择需要导出的路径与文件名，最后点击 Export 按钮完成导出。

export

最后，带有圆角的截图就大功造成了。

final

如果觉得此文对你有帮助，记得点赞加关注喏！

欢迎关注我的公众号：飞翔的小黄鸭
也许会发现不一样的风景

iBlackAngel
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SnapShot截屏小工具
11-17
小巧的截屏工具，比较实用，类似qq截图，使用比较方便，不用打开QQ就可以截图的小工具，欢迎下载
详解html2canvas截图不能截取圆角图片的解决方案
09-27
主要介绍了详解html2canvas截图不能截取圆角图片的解决方案的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html图片截取圆形,canvas截取圆角图片的实现方法
weixin_32916385的博客
06-04 609
本文主要介绍html2canvas截图不能截取圆角图片的解决方案的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。不支持iframe不支持跨域图片不能在浏览器插件中使用部分浏览器上不支持SVG图片不支持Flash不支持古代浏览器和IE，如果你想确认是否支持某个浏览器，可以用它访问http://deerface.sinaapp.com/试试:)...
轻松实现圆角图片
清风徐来的博客
07-24 1619
轻松实现圆角图片 圆角图片需求很多,教程也很多,本篇博客记录一下实现的步骤,只需要大概几十行代码即可轻松实现。 实现步骤： 1,使用BitmapShader给画笔着色 2,绘制圆 效果图: 使用BitmapShader给画笔着色BitmapShader给画笔着色就是用 Bitmap 的像素来作为图形或文字的填充 代码类似于这样的Paint mPaint = new Paint(Paint.A
图片圆角化处理
betterAndroider的博客
09-21 1565
在安卓的项目中有时候我们需要美化界面，需要使图片看起来圆润光滑，这时候就需要用到图片圆角化处理技术了，我们可以通过图像叠加的方法为图片添加圆角效果。正常情况下，在已有的图像上绘图时会在它的上面添加一层新图像。如果绘图时使用的Paint是完全不透明的，那么新图像会完全遮挡下面的图像，如果Paint是部分透明的，那么重叠部分的图像颜色将会叠加。通过PorterDuffXfermode可以设置绘制图像时的
Android BitmapShader 实战 实现圆形、圆角图片
modabobo
12-22 751
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/41967509，本文出自：【张鸿洋的博客】1、概述 记得初学那会写过一篇博客Android 完美实现图片圆角和圆形（对实现进行分析），主要是个自定View加上使用Xfermode实现的。其实实现圆角图片的方法应该很多，常见的就是利用Xfermode，Shader。本篇博客会直接继承...
使用Gimp创建圆角边框
不忘初心 方得始终
03-20 4675
1、 2、 3、 4、 5、 6、Ctrl+I    Delete    OK 原文地址
mac：给截图添加圆角
hufang360的专栏
07-17 1867
mac的界面四个角是圆角的，大概5px，使用一些截图软件对窗口进行截图时，四个角会有“杂边”，使用使用自带的截图就不会有“杂边”，但是自带的截图功能不支持标注，组合键是4个，按起来也不太方便，其实额外对截图圆角处理就可以了。 圆角5px处理方法有很多种，这里分享自己写的脚本： #!/bin/bash # create dir "clipboard_trans" cd ~ if [ ! -d "Clipboard_trans" ];then mkdir "Clipboard_trans" fi cd
iPhoneX截图如何带“刘海”和圆角
qq_15509071的博客
12-23 1万+
直接用iPhoneX截图后是没有圆角和刘海的，就像下面这样。 其实加圆角和刘海也很简单 第一步：截屏 第二步：打开我这个软件，并选取图片库中的那张图 第三步：添加圆角，刘海 第四步：将做好的图片保存到相册 还需要下边这张刘海的图片 可以上代码了（目前原图是固定的，没有从图片库选取） // // ViewController.m // iPho
截取图片为圆角
qq_16231975的专栏
05-08 525
@property (weak, nonatomic) IBOutlet UIImageView *iconView; self.iconImage.layer.cornerRadius=8; self.iconImage.clipsToBounds=YES;
三种方式实现圆角图片
wzlyd1的专栏
05-18 3602
最近在学习自定义view的时候看见了几个方法，一个是clipxxx(),一个是setShader()，一时有点懵，学习了一下，感觉还是很简单的，和xfermode有异曲同工之妙，所以写了个demo，来看看最基本的方法 为了表现最基本的用法，不考虑图片的适配缩放，不考虑内存泄漏等情况，给最直观的用法clipxxx()实现圆角图片 private void drawRoundImageByPath()
Android实现imageView显示圆角图片、描边图片效果.rar
07-10
Android实现imageView显示圆角图片、描边图片效果，具体效果请参见运行截图所示。用在你的android APP中，可美化图片，让图片的显示更漂亮。这个例子主要是让大家熟悉imageView控件的用法技巧，除了可以实现圆形图片...
关于PixPin，在之前的两个帖子已经介绍过了，这里不再赘述， 这工具就是把常用的长截图、贴图、截取gif等功能都聚合了在一起
最新发布
03-26
* 【功能】增加圆角截图 * 【功能】图像处理增加灰度化 * 【功能】图像处理增加反色 * 【功能】图像处理增加亮度调节 * 【功能】在调色盘的主色块上使用滚轮可调整透明度 * 【设置】缩略图模式下关闭OCR...
iRoundPic 傻瓜式图片处理工具
05-30
1、快速制作圆角图、倒影图、阴影图、折角图、水印图 2、快速裁切图片，自动比例处理，支持手工精确选取 3、转换图片格式、优化压缩图片文件尺寸 4、为图片添加各类样式水印、及其他元素 5、快速桌面截图、应用程序...
iRoundPic圆角方角图片快速制作
12-21
5、快速桌面、应用程序、摄象头截图直接制作 6、支持创建、转换输出多达 7 种图片格式 7、创建输出 3 种透明格式，可直接输出图标 8、高质量图形处理，所有内容支持抗锯齿处理 9、所有功能、效果、元素可叠加，支持...
Thunderbird 里面 QQ 企业邮箱 POP3/SMTP 设置
热门推荐
bluebird_shao的专栏
05-06 2万+
端口自动检测 接收邮件服务器：pop.exmail.qq.com 发送邮件服务器：smtp.exmail.qq.com
Ubuntu 修改 apt 源为阿里云源
bluebird_shao的专栏
05-18 1万+
文章目录简介 简介 安装好 Ubuntu 系统之后，默认的源会指向 http://cn.archive.ubuntu.com，但是这个源地址在某些地区会出现无法连接或者是连接速度慢的情况，这时候我们需要更换一个更快的源来实现软件安装的需求，国内有名的源包括： 网易源: https://mirrors.163.com 阿里云源: https://mirrors.aliyun.com .........
Ubuntu 安装 Wireshark
bluebird_shao的专栏
09-08 1万+
Wireshark 是一款图形化的网络协议分析工具。它允许你交互式地浏览实时网络或以前保存的捕获文件中的数据包数据。Wireshark 的本地捕获文件格式是 pcapng 格式，或者是 pcap 格式该格式也是 tcpdump 和其他工具所使用的格式。
Ubuntu 软件包管理利器 - 新立得 (Synaptic)
bluebird_shao的专栏
06-02 9354
Synaptic（中文名：新立得）是 debian 及其衍生版本如 Ubuntu Linux 操作系统的包管理工具 apt 的图形化前端。在早期的时候，Synaptic 几乎是所有基于 Debian Linux 发行版的默认图形化软件包管理器。它被认为是一种用户友好的、易于使用的管理应用程序的方法。...
C MagickImage 圆角处理案例
06-07
好的，以下是一个使用C语言和MagickImage库实现圆角处理的示例代码： ```C #include <stdio.h> #include <stdlib.h> #include <string.h> #include <MagickCore/MagickCore.h> int main(int argc, char **argv) { // 初始化MagickWand MagickWand *wand = NewMagickWand(); MagickBooleanType status; // 读取图片 status = MagickReadImage(wand, "input.jpg"); if (status == MagickFalse) { printf("读取图片失败\n"); return 1; } // 获取图片大小 size_t width = MagickGetImageWidth(wand); size_t height = MagickGetImageHeight(wand); // 创建遮罩图 MagickWand *mask_wand = NewMagickWand(); status = MagickNewImage(mask_wand, width, height, MagickFalse); if (status == MagickFalse) { printf("创建遮罩图失败\n"); return 1; } // 画一个白色的圆角矩形 DrawingWand *draw_wand = NewDrawingWand(); PixelWand *fill_wand = NewPixelWand(); PixelSetColor(fill_wand, "white"); DrawSetFillColor(draw_wand, fill_wand); DrawRoundRectangle(draw_wand, 0, 0, width, height, width / 10, height / 10); MagickDrawImage(mask_wand, draw_wand); // 把遮罩图和原图合并 MagickCompositeImage(wand, mask_wand, CopyOpacityCompositeOp, 0, 0); // 保存结果 status = MagickWriteImage(wand, "output.jpg"); if (status == MagickFalse) { printf("保存图片失败\n"); return 1; } // 释放资源 DestroyMagickWand(wand); DestroyMagickWand(mask_wand); DestroyDrawingWand(draw_wand); DestroyPixelWand(fill_wand); return 0; } ``` 这个示例代码会读取名为"input.jpg"的图片，对其进行圆角处理，并将结果保存为"output.jpg"。具体实现步骤如下： 1. 初始化MagickWand。 2. 读取图片。 3. 获取图片大小。 4. 创建一个遮罩图，大小和原图相同。 5. 用DrawRoundRectangle函数画一个白色的圆角矩形。 6. 把遮罩图和原图合并，使用CopyOpacityCompositeOp操作符。 7. 保存结果。 8. 释放资源。 注意：这个示例代码中的圆角半径是图片宽高的1/10，你可以根据自己的需求修改。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值