最新消息:关注星悦关注后期及设计相关知识

两个字体设计案例实战教你快速打造酷炫SLOGAN

字体相关 星悦 473浏览 0评论

slogan是所有设计重中之重,它所强调一个活动或是一个产品最为突出的特点,所以今天给大家带来几个炫酷的二个字体案例的细节的技巧。

一大波slogan正在靠近……

案例一

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

把UE给的slogan敲好。

让我们see一下slogan,现在临近圣诞节了,所以主题背景应该以圣诞节为案例吧。

主标题貌似有点长,我先给文案排排版,变变形。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

我们先把文案主标题、副标题层次拉开,字体的话,我们用一个有衬线字体,更贴合圣诞节feel。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

 

slogan的字形如何变得更有圣诞气氛呢,我们找了一个关于圣诞的图形,找一找能提炼的细节元素。吼吼,这个元素不错,俏皮不失可爱,挺像圣诞老人胡须,啾啾啾,很符合我们主题气质,就它了。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

在主标题笔划的落尾出加上我们提炼出来的小胡须,副标题就不加了这个元素了,因为副标题如果加了会拉不开层次,笔划会很含糊,所以副标题用了另一个圆角字体,拉开之间关系。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

接下来我们要添加效果样式,专题背景好像红色的,如果背景是红的话,字体用冷色肯定不行,白色的话需求方爸爸肯定会说跟没设计过,如果我没算错的话,就只有黄色了。但是只用黄色的话,就略显单薄了。渐变加起来。字体厚度搞起来。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

渐变效果做完了,接下来开始把字体厚度搞起来。将文字转化为形状,复制一层,然后按alt键+方向键复制多层。再把字体的投影(复制字体厚度图层,设置动态模糊并叠加正片叠底模式)做出来。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

再制作出字体厚度的反光效果,使字体更加有立体质感的效果。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

做完后让我们看看字体运用到页面会是一个什么样的效果。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

 

案例二

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

下面的这个案例来个Q版的字体,例如游戏官网的样子,从需求方那得知,整个专题大背景以雪景为主,偏向Q版的风格。先来找个Q点的字体。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

Q版的字体,应该胖胖的,可爱的。现在的这个字体,感觉是有了,但是,太细了,我们得给它增增肥。选中锚点,将字体进行变形。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

增肥完成后,从字面意义出发,进击/召唤/兽 看看还能不能再把字体做的更有意思点。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

大感觉做好了,接下来开始给字体加质感和厚度了。先给字体加蓝色描边,把空隙全部填满,并添加渐变。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

选择蓝色描边图层,复制一层。按alt+下右方键按钮。制作字体厚度。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

最后,将字体加上反光效果,就大功告成了。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

让我们来看看最终放在页面上的效果图。

星悦PS教程|后期修图|平面设计-字体相关系列修图经验分享

简解

1. slogan的字体效果,要在页面的主题背景大前提下做设计。 

2. 做字体变形时,加一些细小元素,使整个slogan更加生动,吸引眼球。

3. 把文字厚度做出来,使slogan更加凸显。

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址