借助云服务快速生成背景图片

boyanx4个月前技术教程34

大家在做平面设计、编辑文档、设计网页等时经常会用到背景图片,但网上下载的背景图片有时不能满足实际需求,自己动手制作需要较高的美术功底,相关的制作软件也有一定的上手门槛。其实不用这么麻烦,借助一些云服务,通过简单设置就可以生成多种效果的背景图片。

文| 天涯衰草

○ 1. 生成占位图

在浏览器中打开“https://placy.org/”网站,在右侧的窗格中定位到“PLACEHOLDER”区域,在“Width”和“Height”处分别输入背景图片的宽度和高度,在“Background color”处设置背景颜色的色号值。如果希望在图片中显示特定的文字,那就勾选TEXT选项,然后在“Caption”处输入文字,如电脑爱好者,按下回车键后在左侧的窗格中即可显示该文字。文字的字体、大小和颜色等选项,大家按需设置就可以了(图1)。设置完所有的选项后点击下面的“Get Placeholder”按钮,在弹出的对话框中从PNG、JPG和SVG三种格式中任选一种,然后点击“Download placeholder”按钮,即可将生成的占位图下载到本机中(图2)。另外,将对话框中生成的代码信息插入到编写的网页中,可以直接在网页中显示占位图。



○ 2. 生成波浪效果的手机桌面图片

  如果需要生成波浪效果的手机桌面图片,那“
https://wickedbackgrounds.com/”网站一定不会令你失望。打开上述的链接后点击页面中的“Launch Editor”按钮,会进入它的编辑界面,分左右两个区域,左侧是参数设置区域,右侧是效果预览区域。点击左侧区域中的“Pick a color”选项,在弹出的调色盘中可以拖动滑块选择所需的颜色(图3)。

点击“Angle”选项,可以调整波浪的角度。点击“Color mode”选项,可以选择图片的显示模式,包含Lighten(浅色模式)、Darken(深色模式)和Spin(变色模式)。点击“Contrast”选项,可以调整波浪的形状等。点击右上角的“Full HD”按钮,在弹出的菜单中可以选择不同的分辨率(图4)。该服务默认生成的是横向图片,如果需要转换为纵向图片,点击上方的“Vertical Preview”即可。在网站中执行的每项操作,在右侧区域均可实时地预览到对应的效果。



  完成所有的设置后点击左侧区域最上方的“Downlaod”按钮,即可将生成的背景图片保存到本地。

○ 3. 生成爆炸效果的彩色背景图片 

  爆炸效果的五彩缤纷背景图片,可以营造一种更震撼的视觉效果。在浏览器中打开“
https://fffuel.co/bbburst/”链接,在打开的页面中拖动“opacity”选项处的滑块,可以调整图片的透明度。拖动“amount”选项处的滑块,可以调整图片中碎花形状的数量。点击“no blur”,然后从“top left”“top right”“center”等选项中任选一种,可以为图片设置不同的模糊效果。比如选择“center”,表示四周模糊而中间清晰,选择“top left”,表示左侧清晰而右侧模糊(图5)。


  在网页的下方还有“fill 1”~“fill 5”选项,对应五种不同颜色。如果不喜欢某种颜色的碎花形状,点击它后面的删除按钮即可将其删除。假如想添加其他颜色的碎花形状,依次点击下面的“+”按钮就可以了。当然,大家还可以手动修改色号值,在输入框中输入所需的数值即可。设置好所有的颜色后在右侧的窗格中选择希望在图片中呈现的碎花形状就可以了,有三角形、星形、心形、圆形等10几种(图6)。


  最后点击右下角的“randomize”按钮,即可随机生成一张图片。如果对效果满意,点击“Save按钮”,可下载SVG格式的图片。也可以点击“copy”按钮,将其复制到系统的剪贴板中,然后粘贴到其他的图像编辑器内进行二次加工。CF

原文刊登于2022 年 10 月 1 日出版《电脑爱好者》第 19 期

标签: svg 生成

相关文章

二维码怎么制作?这3款一键生成二维码工具你不可错过!

二维码怎么制作?二维码可以存储各种类型的信息,包括网址、电话号码、文本、图片等,这些信息可以被快速准确地传递。很多朋友不知道如何制作二维码,今天就来教大家几种简单的方法。01 一键logo设计一键Lo...

刚刚开源!SVG 向量图形生成模型

StarVector 这个开源项目有点意思,3 天前开源的:可以把图像和文本生成高质量的可缩放编辑 SVG 图形。由 ServiceNow Research、Mila 等机构联合开发,并已被 CVPR...

详细教你微信公众号正文页SVG交互开发

现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验,而不再跳转H5。结合这一需求,本期分享的内容是如何开发交互式SVG,并嵌入微信公众号正文页。设计师和前端开发同学都可以来学习下。学...

「076」Get Waves-便捷制作波浪SVG图案

PPT大佬在制作PPT时往往会灵活地运用波浪图形。波浪图形不论是做背景素材还是作为装饰,都非常适合扁平风格的PPT。波浪图形好用,但不好制作,大家往往在网上随便找地方下载。今天分享的网站就只有一个功能...

零基础1分钟上手!AI一键生成Mermaid流程图/时序图等等实战指南

无需绘图基础! 通过AI快速生成专业图表,并直接在网站实现实时编辑、预览、导出。适用场景:需求文档撰写、技术方案设计、会议沟通等高频图表制作场景。 为什么选择「AI + Mermaid」?效率革命:从...

DeepSeek怎么生成流程图?用这2个绘图软件一键绘制!

DeepSeek从小范围内流行到爆火出圈,用了不到半个月时间,其热度从目前公开的数据可见一斑,一个月内迅速斩获1.25亿用户,日活也随之突破3000万,超越此前表现亮眼的AI工具豆包。DeepSeek...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。