标题是平面设计作品中一个非常重要的部分,所以标题设计也至关重要,优秀的标题设计除了可以把标题中的信息清晰传达之外,还要与画面的风格相符,并且能使画面整体更加美观和更有设计感。为此,葱爷来给大家分享 5 个很不错的标题设计技巧,而且还附上了详细的设计步骤。

相关技巧:

加椭圆曲线

超实用!5个简单出效果的标题设计技巧

这个技巧最近可以在很多设计中看到,效果很时尚、很现代,过稿率超高,并且操作起来也非常简单。

① 在AI中输入标题,选择一比较简单、现代的字体,当然,自己设计的也行。

超实用!5个简单出效果的标题设计技巧

② 用椭圆工具画一个椭圆线框,线的描边不要太粗,然后使其与标题斜交叉。

超实用!5个简单出效果的标题设计技巧

③ 把椭圆与文字重叠部分的线删除。

超实用!5个简单出效果的标题设计技巧

也可以把椭圆复制一层,描边颜色填充成白色,然后把描边模式改成“使描边内侧对齐”,做出椭圆把文字进行裁剪的效果,当然,也可以真的做裁剪。

超实用!5个简单出效果的标题设计技巧

超实用!5个简单出效果的标题设计技巧

④ 画一个四角星放在椭圆的路径上,并使其左右两边与椭圆路径隔开一点距离。

超实用!5个简单出效果的标题设计技巧

超实用!5个简单出效果的标题设计技巧

⑤ 颜色可以根据自己的需求进行更改,做完了。

超实用!5个简单出效果的标题设计技巧

曲线叠加

超实用!5个简单出效果的标题设计技巧

这也是很简单的一个技巧,适合用在电商详情页、微信长图、折页等设计中。

① 在AI中输入标题,最好再配一个英文标题作为装饰。

超实用!5个简单出效果的标题设计技巧

② 选择画笔工具在标题上“随意”画一条曲线,要注意整体的美观性与平衡性,线条描边不要太粗,以免对标题形成过大干扰。

超实用!5个简单出效果的标题设计技巧

③ 给线条填充一个比较鲜艳的颜色就完成了。

超实用!5个简单出效果的标题设计技巧

另外,还可以通过描边面板中的选取效果功能,给该描边路径添加一些艺术效果,就能得到不同质感的曲线。

超实用!5个简单出效果的标题设计技巧

波纹效果

超实用!5个简单出效果的标题设计技巧

① 在Ai中输入一个标题,然后按快捷键:Ctrl+shift+O将其转曲。

超实用!5个简单出效果的标题设计技巧

② 用椭圆工具在标题正中央画一个小圆,然后复制一个圆,等比拉大到类似下图的位置。

超实用!5个简单出效果的标题设计技巧

③ 同时选中两个圆框,并用混合工具依次点击这两个圆的描边位置,再双击混合工具,把指定步数改成5,得到如下效果。

超实用!5个简单出效果的标题设计技巧

超实用!5个简单出效果的标题设计技巧

④ 将圆形组扩展描边,使描边变成形状,然后一起选中圆圈和文字,打开路径查找器,选择修边效果。

超实用!5个简单出效果的标题设计技巧

⑤ 取消群组,单独把圆圈部分群组,并把透明度降低。

超实用!5个简单出效果的标题设计技巧

⑥ 根据圆圈波纹的路径,用钢笔工具给文字往外增加类似下图的小色块,上、下、中间都要有。

超实用!5个简单出效果的标题设计技巧

超实用!5个简单出效果的标题设计技巧

⑦ 删除掉圆圈路径,保留最中间的小圆圈,因为此处的小圆圈没有与文字重叠,最后,再变换一下颜色就完成了。

超实用!5个简单出效果的标题设计技巧

超实用!5个简单出效果的标题设计技巧

扭曲效果

超实用!5个简单出效果的标题设计技巧

这种扭曲效果有点像可口可乐的飘带图案,用作海报标题还不错,做法同样很简单。

①在Ai中输入标题(字数在4-8之间效果比较好),然后将标题转曲,并把文字分为最右两组。

超实用!5个简单出效果的标题设计技巧

② 选中第一组文字,在顶部菜单栏中选择对象-封套扭曲-用网格建立,然后在弹出的参数面板中把网格行数和列数全部设置为1。

超实用!5个简单出效果的标题设计技巧

超实用!5个简单出效果的标题设计技巧

③ 拖动网格框的四个角上的锚点和手柄,将文字扭曲成下图效果。

超实用!5个简单出效果的标题设计技巧

④ 采用同样的方式将第二组文字扭曲成如下效果。

超实用!5个简单出效果的标题设计技巧

⑤ 将文字复制到Ps中,并填充成白色,背景色设置成黑色。

超实用!5个简单出效果的标题设计技巧

⑥ 用画笔工具在文字“转”和“星”的转角处涂一点灰色,再添加一点杂色,做完了。

超实用!5个简单出效果的标题设计技巧

火焰文字

超实用!5个简单出效果的标题设计技巧

火焰文字不是啥新鲜的效果,不过搭配上对比很强的渐变色,效果也是很酷的。

① 在PS中新建一个画板,将背景色填充成黑色,然后输入一个标题,任意填充一个颜色,然后栅格化文字,并通过变换扭曲工具将标题扭曲成如下效果。

超实用!5个简单出效果的标题设计技巧

② 按快捷键Ctrl+J将文字复制一层,并将上面的这一层锁定,选中下面这一层,然后选择涂抹工具,把强度值设置为70左右,沿着文字的上沿用涂抹工具向上呈曲线涂抹。(为了涂抹时每个文字不相互影响,可以以每个文字单独建立一个图层。)

超实用!5个简单出效果的标题设计技巧

③ 通过调整涂抹工具的画笔大小重复涂抹,火苗的长度大概是文字高度的两倍左右,尽量保证火焰的底端与文字的顶端是对齐的。

超实用!5个简单出效果的标题设计技巧

另外,整体火焰的形状要尽量自然、饱满,相连文字之间的火焰轮廓要形成互补关系,有瑕疵的地方可以用画笔辅助涂抹一下,得到如下效果。

超实用!5个简单出效果的标题设计技巧

④ 将文字层和涂抹层分别填充上渐变色,注意文字的顶端与火焰的底端颜色要是相同的,使其有融为一体的感觉。

超实用!5个简单出效果的标题设计技巧

⑤ 将文字和涂抹图层组合起来,并复制一层进行合并处理,执行高斯模糊效果,选择一个合适的模糊数值,颜色填充为高饱和度的深蓝色,塑造出发光效果,如果觉得不明显可以复制一层。

超实用!5个简单出效果的标题设计技巧

⑥ 文字下沿的发光可以适当减弱一点,由于火焰图层的颜色受蓝色发光影响比较大,可以把火焰图层再复制一层,到这里火焰标题就做完了。

超实用!5个简单出效果的标题设计技巧

注:这个效果跟参考中的效果不大一样,因为我觉得 ps 中的涂抹工具做出的效果更像火焰,如果想要参考中的效果可以用液化滤镜中的向前变形工具或 AI 中的变形工具进行涂抹,也可以直接用钢笔工具勾轮廓。

结语

任何技巧都不是万能的,用在合适的地方可以锦上添花,用在错误的地方就是灾难,所以大家对自己的设计需求要有正确的评估,一切以得到好的效果为最终目的。

欢迎关注作者的微信公众号:「葱爷」

超实用!5个简单出效果的标题设计技巧

点赞 67
收藏 262

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。