加载中…
个人资料
秋叶
秋叶 新浪个人认证
  • 博客等级:
  • 博客积分:0
  • 博客访问:1,811,499
  • 关注人气:16,087
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

一招叠加效果,让你们嫌弃的幼圆字体可爱起来!

(2017-10-09 10:16:02)
标签:

杂谈

​字体设计有很多种可能,有时给文字填充新颜色,叠加个边框,就能给人焕然一新的感觉!

今天,三水来带你探索幼圆字体的可爱之旅,当然不只是幼圆,换个字体这效果照样能用!


前些天逛京东页面,看到了我最中意的吃货专题,点击进去除了我爱吃的零食,发现页面设计竟然是用我们一向很嫌弃的幼圆字体做设计~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/14E58063DBE047EC8837DCCB0BE68175/8829

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/78D9377CA91F46DF9F86216D96F11947/8833

为什么我平时很嫌弃幼圆?这个字体吧,做标题显得太单薄,当正文又不易阅读。可没想到,用上这种效果,萌萌哒居然还挺好看的!

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/A84792F749204A6F9299EDAADAF7166E/8830

这种可爱的字体效果要怎么做呢?


01 选对字体


系统自带的幼圆细细的,做标题显得太单薄了,本案例中我们使用了「方正粗圆」,之前在免费可商用字体一文中推荐的「思源柔黑体」也可以选择合适的粗体字来用哦~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/E18E8D93B4EF4440B19A09CB8942E9FA/8831

(案例所用字体为「方正粗圆简体」)

拆解这个效果,我们发现这里是两个文字进行叠加,接下来我们就来一一搞定。

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/1144B5C4AEAE4D4E86078E5D02C9113A/8837


02 为字体增加样式


左边的字很简单,设置文字蓝色填充加黑色轮廓就行啦,第二个条纹字体是如何实现的呢?

有两种方式:图案填充和图片填充。


图案填充


❶ 插入文本框输入「吃货」两个字,鼠标右键选择【设置形状格式】-【文本选项】-【文本填充】-【图案填充】。

❷ 在【图案填充】内选择【对角线:宽下对角】,将【前景】颜色改为黑色。

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/1B8E6407562944E981C20196427BA45E/8826

就可以得到斜线填充文字的效果啦~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/3E325D469F484D57811AE02565B05A85/8828

使用自带的图案填充效果,不能调节线条的粗细以及距离。所以,我们可以试试第二种方法。


图片填充:


❶ 首先插入一条斜线,线条粗细为 1.5 磅。

❷ 通过 iSlide 或者美化大师等插件,将线条进行水平复制,复制出来的大小最好和「吃货」二字的文本框大小一致,便于接下来进行填充。

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/C0530536372F4623A2834992A363E543/8827

❸ 复制完成后,将线条进行组合,复制粘贴为图片格式。

❹ 选中「吃货」二字,鼠标右键选择【设置形状格式】-【文本选项】-【文本填充】-【图片或者纹理填充】。

❺ 在【图片或者纹理填充】内,插入图片来自【剪切板】,勾选【将图片平铺为纹理】,对齐方式选择「居中」。

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/8FCC36FC9A1B4185AA9EA7FDD652C7A8/8836

就可以得到斜线填充文字的效果啦~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/A201B8DE67314A8EB477105DEC56BFD5/8834

❻ 再插入字号大小一致的「吃货」二字,字体颜色填充为蓝色,覆盖在线条填充的文本框上,文字叠加效果就搞定啦~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/E18E8D93B4EF4440B19A09CB8942E9FA/8831

PS:叠加时注意错落分布哦,建议按住方向键对文本框进行细微调整更方便。


03 更多创意玩法


❶ 立体矩形框

文字叠加效果搞定,那么矩形框叠加效果就更容易,同样只需要简单三步:

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/B5ED11A1CC8749D088F9699297A82C19/8838

第一步,插入「秋叶PPT」文本框,根据文本框大小插入大小合适的圆角矩形。

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/4F2E666F1A0841DDB6698EDEB09B9708/8841

第二步,复制出大小相同的圆角矩形,将形状颜色填充为无,置于底层,调整底层矩形框的位置,营造出错落感。

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/DC53136004994F15BD737680316C8F10/8840

第三步,加入线条修饰。在白色边框处,按照方向添加线条,同样可以借助 iSlide 等插件进行快速复制。在转角处需要手动进行细节调整,别偷懒哦~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/B5ED11A1CC8749D088F9699297A82C19/8838

你看,这样的文字叠加和线框叠加效果做起来是不是很简单呢?

❷ 搞定人物介绍

我们可以利用叠加线框可以运用到人物介绍页面,让介绍变得活泼有趣起来~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/0D7C28A066234D6AA067670547A7CFDF/8832

这种活泼的设计尤其适合在朋友圈、QQ 空间、微博等网络平台进行活动嘉宾宣传介绍。

我们也不必为介绍的做法顺序局限了思路,换一种字体,换一种叠加顺序,又是一种新的效果呈现。

❸ 生动对话框

还记得之前写过的网易云音乐乐评效果教程吗?拆解一下,效果就是两个纯色线框叠加哦

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/15EA592CC9D54D489CAAF85AC05C1D13/8842

❹ 海报文字特效

将字体换成「站酷快乐体」,将填充颜色的文本框置于底层、透明填充的文本框置于顶层,调整两个文本框的错落位置,就可以轻松打造 pop 海报字体效果~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/791432BF100A45C5AFDEFA4EAEAC67B4/8839

❺ 封面页标题

在聚会活动场合或者轻松的自我介绍场景下做封面再适合不过了~

http://note.youdao.com/yws/public/resource/c7ba00b611769b7a33b170fc03427391/xmlnote/77E71F6F97F54719B950BF5B337DE904/8835

你还有什么创意玩法吗?欢迎你将作品发微博,带标签#和秋叶一起学PPT#,并@三水啦啦啦、@晓阳_Timeline~


0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有