超简单的霓虹灯字体~
作者:卡乐筠
图文教程

写在前面:
这个教程是一个霓虹灯字体效果的教程。
我之前做过一期霓虹灯字体的教程《PS怎么制作霓虹灯效果图》,这一篇教程的光的添加复杂一些,也更加出效果。
先使用AI绘制基础的形状组件,然后使用PS的图层样式来打造光的效果。是一个非常简单易上手的教程!
AI部分
▶输入文字“2019”,字体:FFF Reaction,这一个字体比较方方正正!
创建轮廓。

▶ 将填充修改为描边,描边像素自己设置。

▶ 对文字部分进行拆分开口的处理。
使用钢笔工具,在需要开口的路径上添加锚点,选中刚刚添加的锚点,按住Delete删除就可以了,此时该锚点两端的路径就会被删除。

▶ 注意文字路径两头的端点,因为是霓虹灯管所以要使用圆头的效果。

▶ 输入文字“新”,字体:汉仪细中圆简。
创建轮廓。

云与太阳的效果。
▶ 组件部分:圆+矩形(作为下方空隙的填充)
路径查找器-联集。

▶ 太阳部分多出来的,使用Shift+M路径查找器,直接拉到云里面就可以了。

祥云部分
▶ 圆角矩形+矩形+圆。
其中圆的直径与矩形的高是等长的。

▶ 框选下方的圆和矩形,路径查找器-减去顶层。

▶ 路径查找器-联集,将多余的部分合并掉。

灯笼部分
▶ 灯笼结构拆分。

▶ 其中圆的部分,先绘制一个正圆,Ctrl+C,Ctrl+F贴在前面,往里面进行收缩就可以了;
再重复的操作两遍;
然后一起打组,压扁。

▶ 将组件进行组合,多余的部分使用Shift+M形状生成器工具进行合并。

▶ 将所有的组件进行排列一下就可以了。
外围的大边框,使用圆角矩形工具,钢笔工具去掉部分的边就可以了(和数字去边是一样的)。

如何将AI导出为PSD格式?
▶ 先重新创建一个文档(因为我之前导出过,有的时候无法再进行操作)。

▶ 将需要导出的内容粘贴进新文档里面。

▶ 将所有的组件取消编组到最后一层,一定要取消完全。

▶ 全选所有内容,图层面板-菜单-释放到图层顺序。

▶文件菜单-导出-导出为
勾选上“使用画板”,这样处于画板外部区域的组件就不会一同被导出。
出来的对话框点击确定就可以了。

PS部分
▶ 打开PS,导入我们刚刚导出的文件,就可以发现,每一个组件形成单独的图层。
这样就不用我们一一的再从AI里面粘贴进PS里面了。

背景部分
▶ 填充一个比较暗的蓝色。

▶ 转为智能对象之后,给背景添加一个杂色,增加质感!

▶ 对主体文字部分的处理,先将文字由之前的黑色变成白色。

▶ 图层样式-描边。

▶ 图层样式-外发光。

▶ 图层样式-投影。

▶ 因为是主体部分所以添加的效果是最多的,数值也是偏大一些的,要将主次分清楚一些。

▶ “新”的部分,同样属于主体,但是数值要偏小一些,颜色也有一定的变化。
描边:

外发光:

投影:

“新”的最终效果。

▶ 灯笼部分,只有描边和外发光。

▶ 祥云的部分只有外发光。

▶ 太阳与云的地方,只有描边和外发光。

▶ 大边框的地方,因为属于框住主体的地方,效果是和主体文字一样,都有描边,外发光,投影。

▶ 最终效果的文字颜色饱和度有些低,所以色相饱和度调整图层,增加了一些饱和度。

▶ 文字排版移动进来。
