大家在做一些平面设计、文档编辑或网站页面的时候,经常会用到一些背景图片,但网上下载的背景图片有时不能满足实际需求,自己动手制作需要较高的美术功底,相关的制作软件也难以快速上手。其实借助一些云服务,通过简单设置就可以生成各种纹理图片、指定规格的站位图、有爆炸效果的图片以及纯CSS形态的背景图。
一、创建指定大小的占位图
我们在制作网页或者编辑文章的时候,经常都需要使用到占位图。这样可以在网页或文档制作完成后,根据实际的使用环境来替换需要的图片。那么如何快速制作出指定大小的占位图呢?
首先通过浏览器打开placy.org这个云服务,在打开页面的右侧就可以进行参数的设置。在PLACEHOLDER的区域里面,分别设置图片背景的宽度和高度,接下来在“Background color”参数中设置背景颜色的色号。然后可以根据自己的需要,来选择是否在图片中显示需要的文字,如果需要的话那么就要勾选上下面的TEXT选项。
首先在Caption选项里面输入需要的文字信息,文字信息输入完成后需要按下回车键,才可以在图片中进行显示。然后再根据提示,分别设置字体的类型、大小、形态和颜色等信息(图1)。所有的参数设置完成以后点击下面的“Get Placeholder”按钮,在弹出的对话框中就可以看到PNG、JPG 和 SVG三种不同图片格式的选项。
用户可以根据自己的需要进行选择,选择后点击“Download placeholder”按钮,就可以完成这个占位图的下载(图2)。另外,如果用户是进行网页设计,那么可以直接调用对话框中的代码信息,将其插入到自己编写的网页代码当中,从而可以非常方便的在网页中直接显示占位图。
二、创建波浪形的背景图片
现在有些手机的桌面是一种波浪效果的图片,看上去非常的不错。如果用户也想生成类似的图片,那么可以试一试“Wicked Backgrounds”这个生成器。通过它用户只需要在其中设定几个简单的参数,就可以立即生成需要的背景图片。首先通过浏览器打开它的官方网站wickedbackgrounds.com,点击网页中的“Launch Editor”按钮后就进入到生成器的编辑页面。该页面分为左右两个部分,在左侧主要是几个参数的设置区域,而右侧则是生成图片的预览区域。
首先点击左侧列表中的“Pick a color”选项,该服务默认使用的是深蓝色的主色调,点击该选项后在弹出的调色盘中根据自己的需要,利用鼠标点击来选择自己需要的主色调(图3)。点击“Angle”选项可以调整波浪的强度。点击“Color mode”可以选择图片的显示模式,默认选择的是Lighten浅色模式,用户可以根据需要选择深色模式或变色模式。点击“Contrast”选项可以调整波浪的不规则强度等等。
每当用户对一个选项进行操作后,在预览区域就可以实时显示出对应的效果。另外由于该服务默认是让图片呈横向显示,如果用户想将图片设置为手机桌面,那么可以点击预览区域上方的“Vertical Preview”选项,这样就可以将图片呈纵向显示。除此以外,点击“Full HD”选项还可以看到更多的尺寸参数,用户可以根据自己的需要来进行参数的选择(图4)。当所有设置完成后点击左侧列表最上方的“Downlaod”按钮,就可以完成图片的下载操作。
三、更加个性化的爆炸图片
如果用户觉得波浪图形的效果一般,那么还可以试试bbburst这款生成器。它可以快速生成具有爆炸效果的图片,不仅可以给用户一种更强烈的视觉效果,也更加适用于背景或者封面等环境。
首先通过浏览器打开它的官方网站fffuel.co/bbburst/,在生成器页面的opacity参数中,可以通过滑杆来调整图片的透明度参数。滑杆越左透明效果越差,而滑杆越右透明效果越好。接着在amount参数中设置图形的密度,同样滑杆往左密度越小滑杆往右密度越大。然后在下面有一个“blur edges”的选项,通过它可以设置图片不同区域的模糊效果。比如选择center选项就代表图片四周模糊而中间清晰,而选择“top left”选项就代表左侧清晰而右侧模糊(图5)。
接下来在网页下方可以看到“fill 1”、“fill 2”这样的列表,其中一个选项就代表一个图片中的图
案。在默认状态下生成器已经生成了五个不同的图案,用户可以通过生成器上方的预览图来进行查看。如果觉得不满意的话,可以点击图案后面的删除按钮,将默认的图案进行删除。然后再点击下面的加号按钮,这时生成器会自动创建一个颜色。当然用户也可以对颜色的色号进行修改,来设定自己需要的颜色,然后在右侧窗口中选择一个对应的图案即可(图6)。
所有的参数设置完成以后,点击页面右下角的randomize按钮,就会随机生成一个爆炸效果的图片。当用户通过预览图感觉满意后,点击右下角的Save按钮,就可以下载一个SVG格式的图片。当然也可以点击copy按钮,将其直接复制到系统的剪切板里面,这样就可以粘贴到其他的编辑器里进行二次加工。由于生成的是SVG格式的图片,即使是随意的进行放大操作,也不会出现任何模糊的情况。
关注我的头条号@爱玩软件的蓑草,了解最详细的电脑技巧!