AI+PS教程!教你制作情人节恋爱主题字效海报

时间:2021-08-26
B站视频:av973188566
类别:PS教程
水平:普通
观众:7245
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

AI+PS教程!教你制作情人节恋爱主题字效海报

教程作者:小北Design(授权转载)

交作业去这里→#优设每日作业#

文章编辑:@雪寄草

关于教程

坚持练习字体也有78天了,平时小伙伴看到都会问怎么做的,今天我就这个效果来讲解,平时我练习的思路

平时练习有2种情况

  1. 工作中的标题文案(有实际场景的练习进步是比较快的)
  2. 临摹学习(不断学习别人的优点,读书破万卷下笔如有神)

设计思路

01 了解需求背景

  • 需求背景:520节日海报
  • 文案:【恋爱对对碰】

那么氛围是有点比赛对抗但是又恋爱的节日,相爱相杀吧。

  • 罗列关键词:恋爱,对抗
  • 相关元素:男女,爱心,牵手,粉色,蓝色,520,玫瑰花,告白,情书等等词语
  • 网上寻找相关节日海报参考:(关键词可以搜索 告白、 520 、情人节等词汇),一般我就在花瓣网搜索相关参考

AI+PS教程!教你制作情人节恋爱主题字效海报

最终觉得粉色调性比较符合活动调性

02 标题字体设计

  1. 寻找合适字体
  2. 参考图中寻找合适字效(做好字效也能弥补字体本身的不足,就类似你画画,画个线稿总是不起眼的,上了颜色就能惊艳一样)

03 字效、背景、修饰元素

一、字体设计(AI制作部分)

字体选择:大部分字体不能商用,所以下面讲解怎么改字体

1.字体选择:

参考【方正琥珀简体】【方正粗圆_GBK】做参考字体,这两种字体偏圆润(就算公司买了字体版权,后面做字效的时候还是要拆分笔画)

AI+PS教程!教你制作情人节恋爱主题字效海报

2.变形字体:

直接拉长一点,然后降低不透明度

字体特点:细长,但笔画要稍微粗一点

AI+PS教程!教你制作情人节恋爱主题字效海报

3.钢笔工具:

描边粗细28PX,,圆头端点,圆头拐角,具体描边粗细,自己选择,稍微粗一点;然后拓写文字,把笔画都拓写出来

AI+PS教程!教你制作情人节恋爱主题字效海报AI+PS教程!教你制作情人节恋爱主题字效海报

4.调整笔画:

调整文字笔画间隙,然后在把文字形式排列错开,(标题的形式很重要,很常见的错开,倾斜都是其中一种方式),调整好了,选中文字,点击对象-扩展-确定,这样就不是描边路径而是可编辑形状了(这个步骤很重要)

AI+PS教程!教你制作情人节恋爱主题字效海报

5.图形化字体:

笔画替换,替换一些活动相关的图形化元素

AI+PS教程!教你制作情人节恋爱主题字效海报

二、字效及背景(PS制作部分)

做海报我一般都是PS做的,字体习惯在AI中设计,比较方便,小伙伴可以根据自己习惯处理,了解思路即可

1.AI字体置入PS中:

Ctrl+C ,ctrl+V,到PS里粘贴为形状图层,这样才是矢量图形可以编辑(教程经常讲到啦)

2.5个字分图层,并命名

AI+PS教程!教你制作情人节恋爱主题字效海报

3.文字颜色改成白色,并添加图层样式-描边样式为深蓝色

AI+PS教程!教你制作情人节恋爱主题字效海报

4.文字厚度:

复制5个文字图层,向下移动做为厚度,并填充为一半粉色,一半蓝色,记得也要添加描边图层样式,依然为深蓝色

AI+PS教程!教你制作情人节恋爱主题字效海报

5.背景填充:

背景也填充成一半粉色一半蓝色

AI+PS教程!教你制作情人节恋爱主题字效海报

6.文字添加内阴影图层样式:

混合模式:正常;角度:-90;距离:3;大小:5(参数不一定要和我一样,效果差不多就行了)

AI+PS教程!教你制作情人节恋爱主题字效海报

7.分离笔画做细节

选择工具A,点击要分离的笔画,然后复制,添加内阴影样式:颜色选择比原来颜色深一点就可以了,角度依然为-90度,距离大小这种参数自己根据实际情况调节

其他字体笔画分离样式也是一样的,记住图层顺序,分离的笔画,哪个笔画在上面,对应的图层一定要在上面,都是添加内阴影样式,颜色选择比本深颜色深一点的就可以了

AI+PS教程!教你制作情人节恋爱主题字效海报

修饰元素是画面氛围的点睛之笔

字效和背景配色和元素方面最好都是相关的,这样最后才能融合在一个画面中,不会字效和背景是孤立的,以前我作图经常犯这种错误

8.元素选择:

因为是男女对抗,所以做了箭头表示,分别给箭头在添加投影效果,投影效果也可以用蒙版羽化去实现(教程经常讲到这招啦)

AI+PS教程!教你制作情人节恋爱主题字效海报

9.结合文案意思

中间空的部分可以做一些大的爱心背景,方法如上,和箭头方法一样,细线效果也可以用描边实现

AI+PS教程!教你制作情人节恋爱主题字效海报

10.综合整体看效果调整

最后放文字效果看一下,稍微有点空

AI+PS教程!教你制作情人节恋爱主题字效海报

放一点小爱心和方块做修饰吧,这画面中只有这种元素,放进去也不会显得突兀(注意元素不是乱放滴)

AI+PS教程!教你制作情人节恋爱主题字效海报

最后加上副标文字或者时间作为修饰吧(一般一张运营图肯定会有)

AI+PS教程!教你制作情人节恋爱主题字效海报

以上是我做一张运营图的思路

哎呀,可不容易了,真是不善于写文,也算是自己的一个总结吧!下次继续总结分享

最终效果图

AI+PS教程!教你制作情人节恋爱主题字效海报

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
源文件1.12MBnm5e 点此复制 登录下载
7 收藏 23

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 2

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片