这个教程一发布,就火了!

用户头像
深圳/学生/2年前/5424浏览
这个教程一发布,就火了!
我们的一页页面,因为头部的高度有限,放不下太大的视觉,常常会把主标题做的很好看丰富来作为我们页面的主视觉:
这个教程一发布,就火了!(图ZMTQ3MTkxODg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
今天呢我们就给大家分享一波这种标题字的做法吧!
1.字形设计
2.厚度制作
3.点缀物设计
1.字形设计
这里选择是宋简体作为基础字形,宋体会更有中国风一些, 符合端午节的感觉。
这个教程一发布,就火了!(图ZMTQ3MTkxOTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后我们先做一个大概的排版出来,让字体之间有一些错落和互动,挑选两个字,“好”和“粽”放大25%,“午”字向上移动,和“端“字错开:
这个教程一发布,就火了!(图ZMTQ3MTkxOTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后因为我们的“午”字向上移动了嘛,中间就会比较空,我们就可以延长好字的笔画,填补空白的地方,正好也可以让字与字之间产生一些关联:
这个教程一发布,就火了!(图ZMTQ3MTkyMDA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
“粽“”字也可以加一些端午相关的设计,“来”字的话因为我们第一排的字体加重了笔画,在整体比例上来看会比较头重脚轻,所以我们可以在“来”字上也夸张一些笔画出来,以平衡字体整理的重量。
这个教程一发布,就火了!(图ZMTQ3MTkyMDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
2.厚度设计
有些同学去做字体厚度的时候就是直接给个描边就完事了比如这种的:
这个教程一发布,就火了!(图ZMTQ3MTkyMDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这就太LOW了,一点设计感都没有。
我们看看这种厚度是怎么做的,首先我们给自己建立选区:
这个教程一发布,就火了!(图ZMTQ3MTkyMTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后我们选择【选择】-【修改】-【扩展】里面的功能,10个像素:
这个教程一发布,就火了!(图ZMTQ3MTkyMTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
并用颜色填充:
这个教程一发布,就火了!(图ZMTQ3MTkyMjA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后新建图层,再选择新的填充部分的选区,12-14个像素,再填充一次,形成一大一小两个色块:
这个教程一发布,就火了!(图ZMTQ3MTkyMjQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后分别给两个层次加上颜色渐变:
这个教程一发布,就火了!(图ZMTQ3MTkyMjg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
到这里,颜色是好看了,但是字体之间有些看不清,我们需要去区分一下他们之间的关系:
先给每一层加一个暗色的厚度,以区分它们:
这个教程一发布,就火了!(图ZMTQ3MTkyMzI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
然后给它们每一层加入光感投影效果,再在右边比较空的地方用同样的方法加入一个日期:
这个教程一发布,就火了!(图ZMTQ3MTkyMzY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
我们 基础的效果就完成啦!
3.点缀设计
光有个字体和厚度的设计还是会有写单调的,我们可以加入一些与主体相关的元素点缀呼应一下。
比如用【粽叶】【粽子】【红包】等等
这里比较重要一点其实就是要注意穿插关系,不要全部做到最后面,而是有前中后都有一些:
这个教程一发布,就火了!(图ZMTQ3MTkyNDA=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
前面中间层也穿插点缀一些:
这个教程一发布,就火了!(图ZMTQ3MTkyNDQ=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
甚至可以再最前面点缀一些,比如我这里就使用了叶子加投影的方式打造了一种漂浮在字体之前的感觉:
这个教程一发布,就火了!(图ZMTQ3MTkyNDg=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样子我们的点缀的层次就非常丰富了!
最后我们为了让字体活泼一些,更有参加活动的感觉,我们可以给字体来个斜切,给人一种运动感:
这个教程一发布,就火了!(图ZMTQ3MTkyNTI=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
最后我们放到页面中看看效果:
这个教程一发布,就火了!(图ZMTQ3MTkyNTY=) - 教程 - 站酷设计师菜心轻量文原创素材 - 站酷ZCOOL
收藏
这样我们的标题字就完成啦!
255
举报
|
348
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
城阙凡花
平面设计 吊牌设计
倒计时,海报,平面
古风平面仕女与瓷器
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
城市园林平面布局航拍
金色颗粒质地的平面
金色颗粒质地的平面
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
平面书法字手写
平面人物插画
空的平台平面和自然景观
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面花卉图案扁平简约无缝拼接插画
中国传统纹样创新图案设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
海底世界插画
你可能喜欢
相关收藏夹
干货
干货
干货
干货
大家都在看
登录注册