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

boyanx8个月前技术教程62

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

文| 天涯衰草

○ 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秒SVG变3D!Vecto3D:免费在线神器,设计师/小白都能用

Vecto3D 是一款免费开源工具,可将简单 SVG(如 Logo)快速转换为可定制 3D 模型,支持调整几何、材质及场景参数,并导出为 GLB、STL 等格式,适用于设计、游戏开发和 3D 打印。...

SVG实现的流程图绘制

一、项目简介使用SVG技术实现的流程图绘制二、实现功能流程图块生成、连线、拖拽产生相应的xml和xpdl导入导出json数据放大缩小功能保存操作(选择、自动插入、开始结束、普通活动、子活动、块活动、路...

5分钟生成!Deepseek让文字“飘”进云朵,设计师集体失业?

【开篇爆点】“设计师小王熬夜3天画的云朵字,被AI5秒搞定!朋友圈晒图后,同行炸锅了……”当Deepseek遇上创意设计,这场“人机协作”的视觉革命正在席卷设计圈。从手写字体到动态云朵字,从LOGO设...

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

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

Net.Codecrete.QrCodeGenerator:NET平台上的QR码生成利器

大家好,我是深山踏红叶,今天要介绍一个二维码生成的免费库 Net.Codecrete.QrCodeGenerator 用于生成二维码。非常简洁、易用,且可以生成符合二维码标准的二维码图像。前言Net....

Deepseek生成图片的几个方法,示例模板附上

针对DeepSeek生成图片场景设计的原创提示语模板及示例,结合了多步引导、参数化要求和第三方工具协同策略,可适配不同设计需求:一、SVG代码生成法(适用技术型用户)提示语结构:请将下方文本内容转化为...

发表评论    

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