畅游VC丨两个案例实战教你快速打造酷炫Slogan - 优设网 - UISDC

畅游VC丨两个案例实战教你快速打造酷炫Slogan

2016/12/14 6970评论区

vc-create-cool-slogan-1

@畅游VC :slogan(标语)是所有设计重中之重,它所强调一个活动或是一个产品最为突出的特点,所以今天给大家带来几个炫酷的案例,希望同学们能盖特(get)一些细节的技巧。

一大波slogan正在靠近……

案例一

uisdc-slogan-20161214-(0)

啪啪啪,把UE给的slogan敲好。

让我们see一下slogan,主题背景应该是圣诞节,送福利,乱high。

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

uisdc-slogan-20161214-(1)

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

uisdc-slogan-20161214-(2)

 

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

uisdc-slogan-20161214-(3)

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

uisdc-slogan-20161214-(4)

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

uisdc-slogan-20161214-(5)

uisdc-slogan-20161214-(6)

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

uisdc-slogan-20161214-(7)

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

uisdc-slogan-20161214-(8)

让我们看看字体运用到页面会是以一个怎样的效果。

uisdc-slogan-20161214-(9)

案例二

uisdc-slogan-20161214-(10)

从需求方那得知,整个专题大背景以雪景为主,偏向Q版的风格。先来找个Q点的字体。

uisdc-slogan-20161214-(11)

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

uisdc-slogan-20161214-(12)

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

uisdc-slogan-20161214-(13)

uisdc-slogan-20161214-(14)

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

uisdc-slogan-20161214-(15)

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

uisdc-slogan-20161214-(16)

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

uisdc-slogan-20161214-(17)

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

uisdc-slogan-20161214-(18)

小结

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

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

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

「圣诞节Slogan 教程全集」

  1. 排版丨《畅游VC丨教你3步快速搞定SLOGAN的排版问题》
  2. 灵感丨《四步挖掘灵感,30分钟打造出一款圣诞节BANNER!》
  3. 案例丨《韩国电商BANNER的构图/配色/元素/应用分析总结》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/vc-create-cool-slogan

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师干货 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里