【PS+AI教程】超简单的霓虹灯字体~

【PS+AI教程】超简单的霓虹灯字体~


【PS+AI教程】超简单的霓虹灯字体~


先使用AI绘制基础的形状组件,然后使用PS的图层样式来打造光的效果。是一个非常简单易上手的教程!


AI部分

▶ 输入文字“2019”,字体:FFF Reaction,这一个字体比较方方正正!

创建轮廓。

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


▶ 对文字部分进行拆分开口的处理。

使用钢笔工具,在需要开口的路径上添加锚点,选中刚刚添加的锚点,按住Delete删除就可以了,此时该锚点两端的路径就会被删除。

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

创建轮廓。

【PS+AI教程】超简单的霓虹灯字体~


云与太阳的效果。

▶ 组件部分:圆+矩形(作为下方空隙的填充)

路径查找器-联集。

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


祥云部分

▶ 圆角矩形+矩形+圆。

其中圆的直径与矩形的高是等长的。

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


灯笼部分

▶ 灯笼结构拆分。

【PS+AI教程】超简单的霓虹灯字体~


▶ 其中圆的部分,先绘制一个正圆,Ctrl+C,Ctrl+F贴在前面,往里面进行收缩就可以了;

再重复的操作两遍;

然后一起打组,压扁。

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


▶ 将所有的组件进行排列一下就可以了。

外围的大边框,使用圆角矩形工具,钢笔工具去掉部分的边就可以了(和数字去边是一样的)。

【PS+AI教程】超简单的霓虹灯字体~


如何将AI导出为PSD格式

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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


▶文件菜单-导出-导出为

勾选上“使用画板”,这样处于画板外部区域的组件就不会一同被导出。

出来的对话框点击确定就可以了。

【PS+AI教程】超简单的霓虹灯字体~


PS部分。

▶ 打开PS,导入我们刚刚导出的文件,就可以发现,每一个组件形成单独的图层。

这样就不用我们一一的再从AI里面粘贴进PS里面了。

【PS+AI教程】超简单的霓虹灯字体~


背景部分。

▶ 填充一个比较暗的蓝色。

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


▶ 图层样式-描边。

【PS+AI教程】超简单的霓虹灯字体~


▶ 图层样式-外发光。

【PS+AI教程】超简单的霓虹灯字体~


▶ 图层样式-投影

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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


描边:

【PS+AI教程】超简单的霓虹灯字体~


外发光:

【PS+AI教程】超简单的霓虹灯字体~


投影:

【PS+AI教程】超简单的霓虹灯字体~


“新”的最终效果。

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


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

【PS+AI教程】超简单的霓虹灯字体~


▶ 文字排版移动进来。

【PS+AI教程】超简单的霓虹灯字体~


这期的内容你学会了吗?有任何问题欢迎留言。

看完别忘收藏转发哦~


分享到:


相關文章: