起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 大神的站酷首页封面图咋做

大神的站酷首页封面图咋做

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:作业做作业教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 小编:感谢@P大点S为我们带来这篇教程,让我们以后也可以做出这么高逼格的站酷首页封面,使我们的站酷页面更加

小编:感谢@P大点S为我们带来这篇教程,让我们以后也可以做出这么高逼格的站酷首页封面,使我们的站酷页面更加高大上!我给32个赞!实在是太喜欢这种过程简单却能实现非常好的效果的方法。果断学会了,哈哈…别忘记文末还有psd可供下载参考哦!

今天的文章过程是个山寨过程!这是来自一个群友的提问,当时就答应会做一个,只是一直没有动工,直到今天,群友又问了一次,手头事也不太多,SO,开工!如果我记得不错的话,这应该是朱璘汧老师的站酷首页封面图片!

当然,我们还是会附送PSD

按照惯例,首先放上朱璘汧老师的图片。

大神的站酷首页封面图咋做_qh.itpxw.cn

我们的最终效果

大神的站酷首页封面图咋做_qh.itpxw.cn

不得不说,抛却创意不说,就PS的操作上来说,这是一个很简单的图片,看到一张图片,我们首先大致的分析一下。

大神的站酷首页封面图咋做_qh.itpxw.cn

大致理清了组成这个图片的元素,我们就可以动工了,填充背景颜色这个不用说了吧,打上文字。

大神的站酷首页封面图咋做_qh.itpxw.cn

为了操作的方便,我将文字转换成了形状,执行“编辑—变换—透视”。

大神的站酷首页封面图咋做_qh.itpxw.cn

复制一层这个文本,执行垂直翻转,CTRL+T把文字压扁一些。原图右边的文字应该有往左边扭曲了一点点,我偷个懒,就没弄了。

大神的站酷首页封面图咋做_qh.itpxw.cn

这里的文本需要注意一点的是,一会我们是需要构成立体倒影形状的,圆的字体明显达不到这个要求,字体需要方一点的,我也没什么字体,就随便用一个了。如果不是方的,请看下图,是不是两个面衔接不上。

大神的站酷首页封面图咋做_qh.itpxw.cn

接下来就到了给灰色的文本做立体效果了,好多人第一反应会是做一个白色的内阴影,但是我仔细的看了一下原图,那并不是内阴影,内阴影的效果大致这这样。

大神的站酷首页封面图咋做_qh.itpxw.cn

所以,我是复制了一层灰色文字,将其修改为白色,上移了两像素,并使其保持在灰色文字顶层,拖移锚点+布尔运算把不要显示的白色去掉。

大神的站酷首页封面图咋做_qh.itpxw.cn

接下来,我们来做黑色文本的投影部分,我复制了一层黑色文本,下移了几像素,执行了一个高斯模糊,添加了一个杂色,并将图层混合模式修改为“正片又叠底”,并适当的使用蒙版过度。

大神的站酷首页封面图咋做_qh.itpxw.cn

大神的站酷首页封面图咋做_qh.itpxw.cn

大神的站酷首页封面图咋做_qh.itpxw.cn

接下来,用圆角矩形画搜索框,添加上网址,添加搜索框下方的名字,放上二维码,这都没啥说的。放大镜,好像也没啥可说,布尔运算而已。不过,还是给个图吧。

大神的站酷首页封面图咋做_qh.itpxw.cn

大功告成!

大神的站酷首页封面图咋做_qh.itpxw.cn

我使用的这个字体也不是很好,而且字间距有点大,大家也可以做一做。

 

大神的站酷首页封面图咋做_qh.itpxw.cn

原文地址:pdadians

作者:P大点S

大神的站酷首页封面图咋做_qh.itpxw.cn

 

转载请注明:起航学习网 » 大神的站酷首页封面图咋做

文章出自:http://qh.itpxw.cn/peixun/ui/201615635.html

文章标题:大神的站酷首页封面图咋做



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------