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

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教程!教你制作情人节恋爱主题字效海报

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注