PS AI

虎课网为您提供字体设计版块下的AI+PS-「五一黄金周标题字字体设计图文教程,本篇教程使用软件为AI(CC2018) 、PS(CC2018),难度等级为中级拔高,下面开始学习这节课的内容吧!


本节课讲解-五一黄金周手写字体设计,教程中使用的软件为 Photoshop(简称PS)和 AI,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。


课程核心知识点:字体的布局/节奏/形式。


学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。


那我们开始今天的教程吧。


1.首先讲解布局,第一种布局是标准排列,标准排列,类似于字库字,用途较广,多用于标题字、招牌。缺点:视觉感较平;弥补方法:突出字体本身美感,笔画饰角装饰感做足。最基础的排列方式,对字形要求高些做好对设计师要求最高。


2.第二种是大小排列,它有一定视觉冲击力,字与字间空间较大,规矩有余,版式感有余。调整大小,相对复杂一点的排列方式,节奏感提升,对设计师有一定要求。

五一黄金周


3.第三种是大小错落排列,它的视觉冲击力较强,字与字间空间压缩,整体形成块面感。化点线为面,高低错落有致,大小对比感强,本身字体就可以形成字体海报感。排列方式要求高,字与字呼应感强节奏感最好,对设计师要求较高。


4.下图为老师制作的字体,老师将“漂”和“生”做了一些改动,为“生”字做了刻印,整组字就显得不太一样,如图所示。


5.下图为这组字的视觉图,其中“北”字小、“漂”字大,“生”字小,“活”字略微大一些,“北”和“活”的大小一致,整体布局为大小小大,如图所示。


6.下图的这组字体相对复杂一些,文字较多,整体做大小排列,有一定的错落感、呼吸感,将每个字的大小尽量在画面中进行协调,每个字的视觉感都不错,如图所示。


7.下图的这组字体将负空间用得很满,例如“米”字镶进了“柴”字中,将整组字当做一个块面处理,而不是分为5个字单独处理,具体如图所示。


8.下图的这组字体采用了上下排列,上方的两个字大一些,下方的四个字小一些,整体做一定的区分,整体有梯形的感觉,将字的大小感和错落感带出,形成了整组字体,如图所示。


9.下图的这组字体也是大小中大,形成两个三角形对接的效果,视觉冲击力相对较好,更多案例请参考视频内的展示。


10.接下来进行手写展示,第一种是正常版,笔画稍微粗一些,显得布局更满一些,整体偏长方形布局,一字摆开字体,如图所示。


11.在第一种的基础上增加字体的斜度,书写时尽量让横笔画一致,横笔画的一致让整组字有了一定的统一性,如图所示。


12.接下来书写大小错落排列的文字,整体的字组有一定的张力,英文或拼音、印章可以放在中间上方凹陷的部分,填补负空间,如图所示。


13.接下来书写有竖版错落感的字组,字组的右侧需要放入其他元素,在字组空隙处添加英文、拼音,进行一定的搭配展示,如图所示。


14.横版的字组也可以有错落感,整体文字上下错开书写,增加字组的节奏感,如图所示。


15.下图的字组为梯形布局,这种字组在一张版式中使用的面比横版式占比率高一些,如图所示。


16.下图的字组稍随性,书写完成后稍微调整笔画,这款字体相对之前的轻一些,整体有粗细的对比、笔画的夸张、整体的统一性,如图所示。


17.在PS中打开手写毛笔字的图片,相同方法转为黑白,使用【套索工具】绘制选区选中背景、或笔画多余的部分并【删除】,如图所示。


18.使用【套索工具】绘制选区选中文字部分,【复制图层 快捷键:Ctrl+J】,选择【图像-调整-阈值】,调整阈值色阶为128增大黑白对比,如图所示。


19.将文字拖入AI的画布中,选择【图像描摹-黑白徽标】将其转化为矢量图形,点击【扩展】,如图所示。


20.使用【铅笔工具 快捷键:N】绘制选区填补笔画,如图所示。


21.使用【文字工具】打出“五一黄金周”的拼音,调整位置大小和粗细,摆放在“一”字的下方,如图所示。


22.点击【字符】右侧的选项按钮选择【全部大写字母】,将所有字母转为大写,如图所示。


23.将拼音移至“一”的上方,使用【矩形工具】绘制红色矩形作为印章,如图所示。


24.使用【矩形工具】绘制大的矩形,修改填充色为淡灰色作为背景,调整文字和图形的位置大小,摆放在背景上,如图所示。


25.在PS中打开另一手写毛笔字的图片,相同方法转为黑白,使用【矩形选框工具】绘制选区选中文字,使用【色阶工具 快捷键:Ctrl+L】调整参数为54 1 185调整文字的对比,如图所示。


26.【复制】这部分文字并【粘贴】至AI中,同样选择【图像描摹-黑白徽标】将其转化为矢量图形,点击【扩展】,【删除】白色底色,略微旋转调整角度,如图所示。


27.将拼音文案和红色矩形【移动并复制】这组字体上,调整位置大小,摆放在“五”较长横笔画下方,如图所示。


28.回顾本节课所讲解到的内容,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。


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

以上就是AI+PS-「五一黄金周」标题字字体设计图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!

阅读全文
未经允许不得转载:A3源码 » PS AI
保证A3全站源码可商用丨新会员免费搭建部署丨承接开发业务(联系tg:@A3php)

定制开发丨二次开发丨搭建部署丨API对接

联系Telegram
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活