龙空技术网

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

电脑爱好者 162

前言:

此刻同学们对“svg 背景颜色”可能比较讲究,姐妹们都想要学习一些“svg 背景颜色”的相关知识。那么小编在网摘上搜集了一些对于“svg 背景颜色””的相关内容,希望同学们能喜欢,各位老铁们快快来了解一下吧!

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

文| 天涯衰草

○ 1. 生成占位图

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

(图1)

(图2)

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

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

(图3)

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

(图4)

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

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

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

(图5)

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

(图6)

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

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

标签: #svg 背景颜色