如何给截图添加阴影

如何给截图添加阴影

缘由

想像一下,假如你的截图与文章的底色都是白色的,这样就无法区分图片与文字内容的边界,图片与背景融为一体,如下图所示:

origin

所以,如果需要突出图片内容,我们可以给截图添加阴影,这样文字与图片之间就会有一种层级感,可以给到读者一种立体的感觉。

shadow

今天分享给大家的是利用 GIMP 来实现为图片添加阴影的技巧。

GIMP

首先,GIMP 是 GNU 图像处理程序 (GNU Image Manipulation Program) 的缩写。包括几乎所有图象处理所需的功能,号称 Linux 下的 PhotoShop。GIMP 在 Linux 系统推出时就风靡了许多绘图爱好者的喜爱,它的接口相当轻巧,但其功能却不输于专业的绘图软件;它提供了各种的影像处理工具、滤镜,还有许多的组件模块,对于要制作一个又酷又炫的网页按钮或网站 Logo 来说是一个非常方便好用的绘图软件,因为它也提供了许多的组件模块,你只要稍加修改一下,便可制作出一个属于你的网页按钮或网站 Logo。

您可以在 Ubuntu 环境下使用 apt 命令直接安装 GIMP:

sudo apt install -y gimp

安装完成后软件的界面大致长这样(Ubuntu 18.04 版本截图)。

gimp

步骤

第一步,选择「File」下拉菜单中的「Open…」打开需要加阴影的截图或者直接将截图用鼠标拖入 Gimp。

load-origin

第二步,选择「Filters」下拉菜单中的「Light and Shadow」然后在二级菜单中选择「Drop Shadow…」

drop-and-shadow

第三步,配置图版阴影的参数,参数依次代表的意义是:

  • Offset X: 阴影在 X 方向偏移 5 个单位(保持默认值)
  • Offset Y: 阴影在 Y 方向偏移 5 个单位(保持默认值)
  • Blur radius: 模糊半径 20 个单位(保持默认值)
  • Color: 颜色保持默认值,选择黑色
  • Opacity: 透明度建议选择 25
  • Allow resizing 允许调整大小,保持默认勾选状态即可

调整好透明度之后选择 OK 按键,完成配置。

drop-shadow

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

export

最后,将添加了阴影的截图导入或者粘贴到文档中即可。

shadow

下一篇博文准备对截图进行圆角处理,让截图边角不再锐利,配合阴影效果,打造更加优质的阅读体验,敬请期待!

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


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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要给cesium实体添加阴影,可以使用以下步骤: 1. 使用Cesium的ShadowMap类来创建阴影图。这需要在场景中启用实体阴影,并且还需要设置光源位置和方向。 2. 将阴影图与实体一起渲染。为此,需要使用Cesium的ShaderMaterial类来创建一个材质,该材质将阴影图作为纹理应用于实体。 3. 使用材质替换实体的默认材质。这可以通过调用Cesium的Entity的material属性来完成。 下面是一个示例代码,演示如何将阴影图应用于cesium实体: ``` // 创建一个场景 var viewer = new Cesium.Viewer('cesiumContainer'); // 启用实体阴影 viewer.shadowMap.enabled = true; // 设置光源位置和方向 viewer.scene.sun.light.direction = new Cesium.Cartesian3(0.0, 0.0, -1.0); viewer.scene.sun.light.intensity = 2.0; // 加载一个实体 var entity = viewer.entities.add({ name : 'My Entity', position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), model : { uri : 'path/to/my/model.gltf' } }); // 创建一个阴影材质 var material = new Cesium.ShaderMaterial({ translucent : false, vertexShaderSource : // 自定义的顶点着色器代码, fragmentShaderSource : // 自定义的片段着色器代码, uniforms : { shadowMap : function() { return viewer.shadowMap.texture; } } }); // 将阴影材质应用于实体 entity.material = material; ``` 注意,上述示例中的顶点着色器和片段着色器代码需要根据具体的实体模型进行调整。此外,还需要使用Cesium的材质系统来创建其他需要的材质属性(例如颜色、光照等)。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值