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

boyanx2个月前技术教程12

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

文| 天涯衰草

○ 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 生成

相关文章

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

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

Web开发人员的福音!8个实用的SVG工具

SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C在2000年8月制定的一种新的二维矢量图形格式...

Visual Studio Code 扩展介绍 - SVG

前言前几天在电脑上下载了一个开源项目,在通过Visual Studio Code浏览浏览该项目目录结构时,发现项目中有svg格式的文件,打开后只能看到一堆XML格式的内容,无法实时预览最后的显示效果。...

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

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

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

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

Deepseek 只需2步生成'流程图'方法:附详细步骤

前面几篇文章,阳仔给大家介绍了,如何用Deepseek 接入到word,excel或者wps中提高办公效率,这一期,阳仔给大家介绍一下,如何使用deepseek来辅助生成实用的流程图:以下是几种结合...

发表评论    

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