Illustrator制作透明个性水印图片

本网站从建站开始就启用了图片水印功能,设置方法会在其他文章内介绍,现在主要谈一下带有透明度的水印图片,怎么用Illustrator来制作和导出。

内容要点:优质图片水印应有的特点、Illustrator制作过程、导出时使用什么图片格式。

下图中间图形,就是本网站在用的水印,下面就以此水印制作过程为例,讲解详细制作过程。

Ai制作的本站水印图片
图 | 中间图形即为Ai制作的本站水印图片

优质图片水印应有的特点

在文章图片上叠加水印的目的是标记版权防止盗用,是直接有效的版权标记方式,即便原创文章被转发盗用,也能让读者知道原文来源出处。

一个好的图片水印,应有以下特点:

1、首先,最重要的是,不能影响正常阅读,不能影响图片的完整,这就要求水印样式应是有透明度的,不能一个没有透明度的色块贴在图片上。

2、必须保证在任何色调的图片上,都能够清晰显示,明确传递信息。比如本站使用的白色加阴影的样式,就是可考虑的样式之一。

3、要简洁美观,最好不要采用简单一行文字的样式,严重影响原图美观和质量。

4、要有独特性,避免千篇一律,将水印视为文章和图片的组成部分。

用Illustrator设计、制作图片水印

制作水印图片的方法有很多,有很多傻瓜式软件和在线网页,可以自动制作水印图片。但是,这些自动方式制作的水印,大多样式单一,不能随心所欲按照自己的意图和审美来设计。

因此,建议自己使用Ps或者Ai来制作属于自己的个性化水印图片,更有意义。

现在,就以本网站使用的水印图片为例,介绍一下如何使用Illustrator,制作独一无二的个性化图片水印,下面是详细步骤。

第一步,打开Illustrator软件,按Ctrl+N快捷键,新建文档,就采用web-通用预设文档设置就可以了。

因为水印是白色,所以先在图层1放置一个与画布同样大小的色块,并点击图层前面、眼睛后面空白处锁定。再新建一个图层2,将水印要用到的元素准备好,统一放在图层2。如下图:

图 | 水印所用元素,放在图层2
图 | 锁定图层1,水印所用元素,放在图层2

按Ctrl+2键,将画板放大到200%,方便查看,因为水印尺寸太小了,不方便制作。

使用矩形工具,绘制一个大小为130px*35px的方框,填充色无,描边白色,粗细为1px,如下图:

图 | 用矩形工具,绘制矩形线框
图 | 用矩形工具,绘制矩形线框

保持矩形框为选中状态,在右侧的“变换”面板上,“矩形属性”内,将左下、右上两个角的圆角半径设置为9px,如下图:

图 | 设置矩形圆角效果
图 | 设置矩形圆角效果

再次使用矩形工具,在矩形框上面再绘制一个长条矩形,上、下不要覆盖矩形框的圆角部分,选择两个矩形,再点击右侧“路径查找器”面板中的“减去顶部”,如下图:

图 | 再绘制长条矩形,并减去顶部
图 | 再绘制长条矩形,并减去顶部

结果如下图所示,再按A键,使用直接选择工具,分别点击两个矩形框的内侧直线,按Delete键删掉。如下图,删掉剪头所指直线:

图 | 删掉箭头所指直线
图 | 删掉箭头所指直线

然后将域名、logo和汉字拖进框内排版,并用直线工具在中间画一条横线,也是1px粗线,耐心调整各元素大小及位置,最终如下图排列:

图 | 排列调整所有水印元素
图 | 排列调整所有水印元素

至此也可以结束了,如果还想调整两侧缺口大小,可以按A键,使用直接选择工具,点击下图所示两侧直线端点,选择锚点后,按上或下键盘,调整缺口大小,如下图:

图 | 根据个人喜好调整水印两侧缺口大小
图 | 根据个人喜好调整水印两侧缺口大小

这样图片水印的图形就制作完成了,按V键使用选择工具,拖动选择所有元素,再按Ctrl+G,将所有元素编组,这样所有元素成为一体。

然后选择Illustrator顶部菜单“效果”-“风格化”-“投影”,各设置选项的数值如下图:

图 | 水印投影效果设置数值
图 | 水印投影效果设置数值

到这里水印图片就制作完成了,下面开始将图片导出。

导出水印时使用什么图片格式

首先,将图层1隐藏,因为不需要导出底色,要保持底色透明。

按Ctrl+V键,使用选择工具选择图形,再点击菜单“对象”-“切片”-“从所选对象创建”,如下图:

图 | 创建水印图形切片
图 | 创建水印图形切片

再选择菜单“文件”-“导出”-“存储为Web所有格式”,如下图:

图 | 导出水印图片
图 | 导出水印图片

最后,在导出界面,选择PNG-24图片格式,并选中导出“透明度”。

在此解释下为什么水印导出要使用PNG–24图片格式,而不是PNG-8或者GIF

虽然GIF和PNG-8图片格式,也支持导出透明度,但是因为它们支持的颜色是有限的,最多支持256种颜色,因此,不支持导出细腻、丰富的透明层次。因为本例水印使用了投影效果,如果阴影不细腻的话,会完全失去预期效果。因此要选择支持高达1600万种颜色的PNG-24格式了,这样投影效果可以完美显示出来。

然后,选择PNG-24后,再点击下面的“存储”,就可以将水印图片导出了。如下图:

图 | 导出水印相关设置
图 | 导出水印相关设置

这样,自己需要的、独一无二的个性化的图片水印,就用Ai软件制作完成了。下面在网站中的设置方法,需要根据所用网站程序不同进行设置,具体设置方法会在其他教程中详细介绍。

©本站原创 禁止转载 侵权必究:ByArt » Illustrator制作透明个性水印图片

赞 (5)