Illustrator实例教程:制作点状破碎文字效果

今天,我们给大家带来一篇Illustrator实例教程,教大家制作点状破碎文字效果。

我们在Illustrator中输入文字,字体我们选择思源黑体heavy字重。

我们绘制一个方框,比文字要大一些。

接下来,我们选中方框,选择“对象”-“路径”-“分割为网格”。在这里,行数和列数我们都设为100。

我们选中所有的网格和文字,点击路径查找器面板中的“分割”按钮,然后右击“取消编组”。

我们使用魔棒工具选中文字外的网格,删除它们,这样,就剩下被网格分割的文字了。

我们选中所有的文字,然后右击选择“变换”-“分别变换”,设置参数如下图:

这样,我们得到如下的效果:

其实这个时候已经有一点点破碎的效果了。

我们选中所有的文字,选择“效果”-“转换为形状”-“椭圆”。在这里,“大小”选择“绝对”,宽度和高度都设为4px。

这样,点状破碎的效果就做好了。

我们选择所有的文字,选择“对象”-“扩展外观”,将文字扩展外观。

希望这篇教程能够对你有所帮助。如果你想了解更多和设计相关的内容,欢迎关注我的头条号!

另类的字体设计-网格造字

帅哥们、美女们大家好!这次做字方式比较另类与以往不同,将使用到“网格”来辅助造字,那么话不多说~走起!

在板式中网格系统是非常常见的,但在字体设计中却很少应用到网格系统,因为汉字本身就是方块字,板式中的网格自然就无法在字体设计中应用,本篇文章中所说的“网格”指的是类田字格平均分布的网格,例如下图常见网格:

那么,这些网格要怎么使用那?

一、可以使用网格来确定笔画造型

二、可以使用网格来确定结构规律

基础版

确定笔画造型

通过网格来确定汉字的基本笔画(横、竖、撇、捺)

有点类似填格子游戏,笔画也会有很多种表现形态,趣味性也会蛮足的。

确定结构规律

其实网格本身就具有一定的规律,那么格子的形态会直接影响到汉字的结构。

以“精神图腾”为例,首先要确定汉字的节奏,是自由的还是规整的?就这四个字来说规整的更能显示出恢弘大气的感觉,那么这四个字就要在视觉上做到大小一致规整一些,那么就不能严格按照网格的布线来直接作字,只能借助网格的规律和基础笔画来拼字。试从第一个“精”字来规范其他字的规律。

先按照笔画拼凑的基础字形,可以发现其中有很多问题:

1、“米”字旁显得头重脚轻,不够饱满

2、“青”显得不稳当,左侧很重

“米”字旁调矮,解决米字旁不饱满的问题。

着重调整了“青”字的上半部分,横划的造型与长短做了一些变化,使得字形不至于很呆板,竖多出的折线,是为了解决左侧偏重的问题。

综上可以直观的看到调整后的字形更加的和谐舒服了许多,同时左右结构的字形又有了左矮右高 的规律,以此来规范这组其他左右结构的汉字。

而后,将其他的字使用基础笔画拼合起来,尽量使得字本身、字与字之间显得饱满和谐。“精神”二字通过笔画之间的添补使得字与字之间饱满了,同时细微的调整也会使得字形更加的耐看,上图可见只是“米”字旁轻微的调整,就解决了视觉上不齐整的问题 。(调整前在视觉上“米”字旁竖画长了些,调整后工整了许多)

同时,通过笔画的变形来契合网格的规律,“图”字向内收缩使得与其他字在视觉上大小一致,最后添加一些对齐规范使整组字更加耐看写。

加上英文就大功告成了!

通过这种方式做出的字形,会有很强的设计感,因为所有的笔画都是有规律的,为了达到这样的规律笔画还有变形的处理,这种处理的方式在日文字体设计中是非常常见的,原理很简单最终的效果也不差。

你以为这样就结束了吗?

NO!NO!NO!...

还有升级版的呦!

升级版

首先确定网格的样式,升级版自然就是非常规的网格了,将直角的网格图通过倾斜调整后的菱形的网格图。(如下图)

接下来确定基本笔画的样式

如“语言暴力”可以尝试偏自由些的汉字节奏,(汉字大小一致)同时这样的笔画造型偏锐利具有力量之感,与字意也蛮契合的。

接下来按照网格的规律来拼凑字形

做的时候要注意:

1、笔画形态尽可能的多样化,因为本身基础笔画就有很多种样式,不要做的字形过于呆板。

2、汉字与汉字之间可以通过笔画的互补,来使得整组字更加的饱满。

3、为了强调锐利感,整体让它在底部凸显出刀锋的感觉,从而呼应字意。

找到一些对齐的方式,着重对“力”字进行高度的调整,使整体更加协调些。

最后,加上英文完美收工!

NO!NO!NO!... 这还不算完

还有无敌究级进化版!

无敌究级进化版

以上都是用类似涂格子的方式来确定基本笔划拼合的字形,其实格子本身的布线就可以作为字体的笔划来使用,而且形式感也会很强。如下图

如果,将交点放大并删去网格~会怎么样那?

你会得到一个形式感极强的点状网格,不禁想到日本“精神病艺术家”草间弥生的圆点作品。

接下来,就以连点的方式做字就可以了。下图以“风轻云淡,岁月安好”为例

以这种有趣的方式把这几个字呈现了出来,整体看上去有些日式海报的感觉!而后添加一些渐变来增加层次感与视觉效果。

最终,加入一些文字辅助信息,这样一幅形式感较强的海报就完成了!

总 结

通过网格方式确定的基础笔画,拼合而成的字形本身就会有满强的设计感与规律性,并不需要在笔画的造型上多下功夫,但是对笔画的变形与省略会有很强的要求,这些变化与省略的宗旨都是要保证识别性,唯有多加尝试太能找到合适的形式,同时后期对细节的调整尤为重要!最后案例的对网格抽象一些的运用方式,不妨你也来试一试?

转自:字游工坊

已获得授权发布

- END -

吾生也有涯,而知也无涯

相关问答

点状,线状,面状符号的定义各是什么点状,线状,面状符号的定义...

[最佳回答]表示地图内容的基本手段,它由形状不同、大小不一、色彩有别的图形和文字组成.地图符号是地图的语言,是一种图形语言.它与文字语言相比较,最...点状...

在cdr中如何把文字做成点状的?

具体的步骤如下:1.首先我们左边的工具栏,有一个“箭头形状”工具,左击一下就可以了。2.如果想要选择更多的箭头形状,“属性栏”(菜单栏下面)那里有一个...

ps文字消失成点状?

因为【PSCS3】在启动时,读取字体造成的原因,也使得其他工具响应缓慢。(可能与系统windowsXPSP3有关)。解决:1、快捷键【ctrl+K】弹出【首选项】对话框...

AI点文本与区域文本的区别?

如果您在Photoshop或Illustrator中使用了文本工具,并在窗口中的任意位置单击并开始键入,即使您的文本从屏幕边缘消失了也将显示在一行上,除非您键入回车键。...

toimage32bitapplication是什么软件?

toimage32bitapplication是一个触控文字工具的软件,toimage32bitapplication这款软件以影像为笔刷,字体搜寻,同步色彩,区域和点状文字转换,用笔刷自动制作角.....

打印机打印出来的文字都是小点点,是什么问题?

你主要是要设置下你打印机的打印方式,新的打印机应该没问题,仔细阅读说明说,根据你自己所需要的打印方式去设置你的属性,然后在检查你的墨盒我感觉墨盒应该没...

AI软件如何让文本框中的字体随文本框等比例放大缩小?

1、选中需要放大的文本,单击“开始”选项卡中的“增大字号”按钮,可以10磅为单位放大字体。2、选中文本,直接在“开始”选项卡的字号框中选择需要的字号大小...

n95口罩上没有字是真的吗?

不是的。真的N95口罩,金属条边缘是光滑的,假的N95口罩,金属条边缘是不平整的,而且是不光滑的,如果是假的N95口罩,采用的是平面印刷,字体上可以看到一些点...

如图,这些绿色点状标注是什么意思-答疑解惑-广联达服务新干线

[回答]应该是相同厚度的筏板的区域范围。具体看本张图子中的文字说明,或区域内某处的节点等。

怎样才能让打印机打出的字是由一个个小点组成的?

文字本身就是有点阵组成的,不知道您想要什么效果。按住CTRL键不放,向前推鼠标中轮,将显示比例放大就可以看到点阵效果。文字本身就是有点阵组成的,不知道您想...