PS+AI设计圆润字体的方法
作者:huke88发布时间:2021年04月21日 12:04

  在对图像进行后期编辑时,我们会通过添加字体的方法丰富图片的内容,风格不同的图片添加的字体也各不相同,只有添加了合适的字体才能与图像完美的融合在一起,形成统一的风格。我们以PS+AI设计圆润字体为例 ,学习一下字体的设计方法。

  

  1.在讲解之前先来对本次案例成品进行浏览,根据当前的效果来讲解案例的制作流程,以及在制作过程中需要注意到的内容,具体可参考视频内老师的讲解。

  

  2.打开AI软件,使用【直线工具】绘制一条直线,向右【移动并复制】一条,如图所示。

  

  3.使用【弧形工具】绘制弧形,【复制】并【贴在前面 快捷键:Ctrl+F】,【自由变换-水平翻转】,做出“父”部分,如图所示。

  

  4.使用【圆角矩形工具】绘制圆角矩形,放在“父”的下方,使用【直线工具】绘制直线,做出“爷”的雏形,选中所有形状,在【描边】中设置端点为圆头端点,边角为圆角,如图所示。

  

  5.使用【选择工具】或【直接选择工具】调整锚点来调整线条的形状,可选中锚点后点击【将所选锚点转换为平滑】使其有弧度,如图所示。

  

  6.将做好的笔画【移动并复制】至右侧,确保两个相同笔画的弧度相同,然后使用【直接选择工具】选中并【删除】圆角矩形的锚点,然后拖动变形,做出“卩”部分,如图所示。

  

  7.选中所有形状,调整描边大小为12pt加粗,然后微调各部分笔画,使文字整体更加融洽、美观,调整为下图的效果,具体可参考视频内老师的调整。

  

  8.使用【文字工具】打出“青”字,摆放在一侧作为参考,使用【圆角矩形工具】绘制圆角矩形,取消填充并设置黑色描边,使用【直接选择工具】选中并【删除】圆角矩形的锚点,得到拐角上翘的横笔画,如图所示。

  

  9.将横笔画【移动并复制】至下方,略微缩短,再次将横笔画【移动并复制】至下方,将它们【居中对齐】,使用【直线工具】绘制直线作为竖笔画,整体微调位置大小,做出“青”的上半部分,如图所示。

  

  10.如果同学们觉得横笔画的弧度不好,可以在绘制圆角矩形线框时使用【直接选择工具】调整其边角弧度,然后【删除】锚点做出弧度合适的笔画,如图所示。

  

  11.使用【圆角矩形工具】绘制圆角矩形线框,同样适用使用【直接选择工具】选中并【删除】锚点,使用【直线工具】在圆角矩形内绘制一段直线,旋转调整其角度,向下【移动并复制】一个,做出“月”部分,完成“青”字的制作,如图所示。

  

  12.使用【椭圆工具】绘制圆形线框,【复制】并【贴在前面】,缩小做出同心圆,整体调整大小,做出下图的效果,如图所示。

  

  13.使用【钢笔工具】为外侧的圆形左上角添加【锚点】,【删除】部分锚点做出缺口,使用【椭圆工具】绘制小圆,摆放在缺口处,做出下图的效果,增加文字的设计感,如图所示。

  

  14.拉出【参考线】对齐文字的上下两端,微调各部分笔画使它们高度相近,如图所示。

  

  15.对所有线条笔画进行【图层编组】并【锁定】,隐藏【参考线】,使用【椭圆工具】绘制大的椭圆线框,【复制图层】并隐藏,同样使用【钢笔工具】为圆形添加【锚点】,【删除】部分锚点做出上下两个弧形,如图所示。

  

  16.【复制图层】隐藏的椭圆图层,显示后缩小,同样使用【钢笔工具】为圆形添加【锚点】,【删除】部分锚点做出弧形线段,如图所示。

  

  17.如果觉得弧形线段不够圆滑,可以使用【直接选择工具】调整锚点增加弧度,然后【移动并复制】弧形线段至内侧做出内侧更小的弧形线段,然后使用【椭圆工具】在最外侧绘制椭圆形,取消填充和描边,如图所示。

  

  18.使用【文字工具】在圆形路径上输入文案,调整文案的字间距,调整出效果图中环绕文字的效果,如图所示。

  

  19.将做好的效果从AI中【复制】,【粘贴】至PS的画布中,画布为A4尺寸横向的画布,【粘贴为】选择智能对象,【自由变换】调整大小,将背景素材拖入画布中,将此图层移至矢量智能对象图层下方,如图所示。

  

  20.为矢量智能对象图层设置【图层样式-颜色叠加】,颜色为白色,【自由变换】缩小并放在画布的中心,如图所示。

  

  21.将纹理素材拖入画布中,【自由变换】调整位置大小,使其覆盖文字和线条,【载入选区】矢量智能对象图层的选区,添加【蒙版】,为文字添加纹理效果,如图所示。

  

  22.为矢量智能对象图层设置【图层样式-内阴影】,调整参数做出内阴影效果,具体参数如图所示。

  

  23.设置纹理图层【混合模式-正片叠底】,【载入选区】矢量智能对象图层的选区,【新建图层】,【描边】宽度为1像素,颜色为黑色,位置为居中,如图所示。

  

  24.微调描边的位置,做出文字的线条感,【复制图层】所有图层并【合并图层】,选择【滤镜-滤镜库】,勾选【绘画涂抹】和【胶片颗粒】,【确定】后降低图层的不透明度至50%,增加画面的质感,即可完成制作,如图所示。

  

  25.最终效果如图所示,视频学百遍,不如上手练一练!你学会了吗?

  

  上边的圆润字体是通过两个软件合作完成的,不同的软件会有自己的优势,强强联合才会制作出更完美的作品,字体的种类多种多样,大家可以用上边的讲解作为参考,学习设计一些其它类型的字体。

  

  

  本篇文章使用以下硬件型号:macbook pro 13;系统版本:macOS Catalina;软件版本:PS(CC2017)、AI(CC2019)。


特别声明:以上文章内容仅代表作者huke88本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了43,659
并提交了226份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证