快速打造圣诞网页专题slogan实例教程(1)

来源:网络   作者:热心网友   发布时间:2016-12-13    浏览次数:257

slogan(标语)是所有设计重中之重,它所强调一个活动或是一个产品最为突出的特点,所以今天给大家分享两个网页专题的slogan实例教程,希望同学们能盖特(get)一些细节的技巧。


案例一

 

5115584fb6b1a8012060c81e23c9.jpg

啪啪啪,把UE给的slogan敲好。
让我们see一下slogan,主题背景应该是圣诞节,送福利,乱high。
主标题貌似有点长,我先给文案排排版,变变形。


fcaa584fb6c8a801219c77658344.jpg

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


0fff584fb6dca8012060c8cbafe7.jpg


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


20d7584fb6f6a8012060c8498589.jpg


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


117b584fb710a801219c77e8cee3.jpg


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


76a8584fb722a8012060c8b57b1d.jpg


b4e7584fb75ca801219c772d88bf.jpg


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


cc8a584fb775a8012060c8f79099.jpg


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


c43c584fb77ea801219c774f42da.jpg


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


6840584fb743a801219c77a2c098.jpg


12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/dianshangsheji/5439.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通