今天小编教大家如何使用Photoshop制作绚丽大气的选秀活动主页,教程不算复杂,喜欢的朋友可以一起来学习
不一定每一个教程都是好的,说的都是完全正确的,但是因为每个教程面向的对象不同,大家的设计水平也不同,这样的话其实并没有一个很好的评判标准说一个教程的好与坏。我还是那句话,取其精华去其糟粕吧。只要一个教程中有一点能够让你感觉到提升,其实就足够了。
最终效果
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-09-29-201929/cf46ce211543a09c4a9fc8ec4dfd2fa4-0.jpg)
简单分析:
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c1fda174b3aeb0d35121bb0f06c9e68d-1.jpg)
提炼关键词并寻找素材:
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c1fda174b3aeb0d35121bb0f06c9e68d-2.jpg)
还找了些相关参考案例如下:
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/020a451225095ee4716ead3eaac83165-3.jpg)
主要用到的素材:
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/020a451225095ee4716ead3eaac83165-4.jpg)
一、打造最外围场景。
1、先铺一个底色,色值:#131021。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/5a796f94963295d417847ccfd3623be8-5.jpg)
2、用柔性画笔提亮中间部分,使画面具有空间感。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/5a796f94963295d417847ccfd3623be8-6.jpg)
3、用柔性画笔给中上部加更大面积的偏紫的颜色。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c62154389aba54adab9b58d15b96578d-7.jpg)
4、将大灯的素材至于画面中,可以对称地复制一个出来,用蒙版擦掉边缘的分界,模式为“滤色”。但是目前看起来灯光的颜色与画面并不相融,接下来我们要对灯光这块进行处理。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c62154389aba54adab9b58d15b96578d-8.jpg)
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/b4c968436c1f806aa4228ced198f596f-9.jpg)
5、首先对灯光进行高斯模糊处理,本身就处于画面两侧的位置,而且是烘托氛围用,所以不需要特别的实。然后用色相/饱和度对灯光的颜色进行调整,使其与画面融合。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/b4c968436c1f806aa4228ced198f596f-10.jpg)
6、接下来我们要对顶部的素材进行二次处理,将此素材置于大灯图层的下方,也是先用柔性画笔结合蒙版擦除边缘。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c884dd419784e3e9863c81bd2120168d-11.jpg)
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c884dd419784e3e9863c81bd2120168d-12.jpg)
7、这一步也是先将素材进行模糊处理,然后将图层模式改为“线性减淡”,再利用曲线工具将素材整体调亮。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/dee687a068183e1a30b9176c010a2184-13.jpg)
8、提亮红框以内的中心光源地带,通过滤色或者线性减淡,这里大家自己去尝试下,如果一层的效果达不到,可以再复制一层。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/dee687a068183e1a30b9176c010a2184-14.jpg)
9、这里我加的是这种光,复制了一层,达到下图的效果。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/02d2b28d70ee3c467aabbc0eb0923e45-15.jpg)
二、打造中心视觉区:
1、六角星至于所有光的下方,因为顶部接近上方光源,自然顶部会最亮。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/02d2b28d70ee3c467aabbc0eb0923e45-16.jpg)
2、这一步就不详细说了,用了哪些样式也已经附到右下角了。大家自己去调整,感受。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/083ad13150a07cfadda1d670e021463e-17.jpg)
3、主要的处理都已经在图上标明了。由于光源在顶部及两侧,所以中间靠下部的区域应该压暗处理。顶部的溢光效果,就是把六角星内部的光复制一层以后,再模糊处理一下就可以得到了。细心的朋友应该还能看到,在六角星厚度的交界处还加了一个内发光的效果,也是为了使层次更加明显。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/083ad13150a07cfadda1d670e021463e-18.jpg)
4、六角星的内部再多画两个六角星,两种颜色,一深一浅。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/6cb7b706956ffa3bd270f06f1f4ae14c-19.jpg)
5、给这两个六角星加图层样式,浅色的加外发光,深色的加内阴影,目的都是为了拉开层次感。在正中间用柔性画笔给一个高亮的颜色。接下来我们做文字部分。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/6cb7b706956ffa3bd270f06f1f4ae14c-20.jpg)
6、先把文字敲出来,这里直接用字体代替,不做最终效果。再复制同样的一层,颜色深一些,然后水平方向两侧向内压缩,注意:不是等比例压缩,仅仅是水平方向压缩到如图所示的厚度。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/f131bc22482d2d117fb4fa158afeb910-21.jpg)
7、我们先不管厚度的那一层,只看最上面层的文字。这里做了内阴影,投影及顶部溢光的效果。这里的内阴影实际上就是文字最外侧2像素的高亮描边,如下左图。溢光的效果如下图右图,其实有一层淡淡的外发光。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/1229009e4207c1bd5fec060618847c37-22.jpg)
8、我们再接着看对厚度层做了哪些处理。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/1229009e4207c1bd5fec060618847c37-23.jpg)
9、厚度层也是加了内阴影及投影,不过并没有加溢光,而是提亮了中间区域。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/fe6b412394b65d88554fa6ced8d29bc4-24.jpg)
10、其实提亮的原因就是加了反光,那现在来看的话,感觉文字并不是很突出,而且跟后面的六角星也没有拉开层次,所以我们需要进一步的处理。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/fe6b412394b65d88554fa6ced8d29bc4-25.jpg)
11、现在看着是不是清晰多了,而且不受后面任何元素的影响了。这里就是给文字加了一个底,先把文字复制一层,然后转化成形状,再描边处理。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/e3dcfe280ebe8be543c9bc476e58243c-26.jpg)
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/e58ea1525f0392b2914935d48046b741-27.jpg)
12、对描边后的图层复制后向下移动1像素,多执行几次,就可以做出厚度,与上面类似的方面擦出反光的部分,并加上一层稍微深一些的投影,是文字整体看起来立体感更强,至此标题的设计基本完成。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/e58ea1525f0392b2914935d48046b741-28.jpg)
13、把副标题和其他文字信息摆放好,副标题的形式可以有很多种,尽量不要直接丢在那里,可以使用一些元素让画面更丰富一些。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/fb5577e099e3505b9a92c83adcaedf12-29.jpg)
14、将话筒置于画面中主标题的下方。可以通过调整对比度,进一步加强话筒的质感。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/fb5577e099e3505b9a92c83adcaedf12-30.jpg)
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/397c50c2163864cf960677d917d1a369-31.jpg)
15、将压暗六角星内部的下方,给话筒添加投影,给主标题加上光效,中心的主视觉就基本完成了。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/4b9f063fe214a82edb813ec217fba2be-32.jpg)
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/4b9f063fe214a82edb813ec217fba2be-33.jpg)
三、打造下部氛围:
1、下部的处理手法跟顶部非常类似。这里主要是想让主视觉区漂浮在两个能量层之间,所以下面也做了同样的呼应。素材置于图中,并适当压扁一些,图层模式改为“线性减淡”。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/d952d66e8215c1047d21ae7b730307e7-34.jpg)
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/d952d66e8215c1047d21ae7b730307e7-35.jpg)
2、素材的中心区域手动加光效,使用柔性画笔压扁,然后通过白色叠加,多叠几层;再在中心偏上的位置打一层泛光,使用滤色模式。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/78ba7c40863c75f952302f1666ad1637-36.jpg)
3、加上按钮,主视觉区就算基本完成了。现在我们差的就是一些能够烘托气氛的元素。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/1121e6c76a95a88740294af6d83c12f1-37.jpg)
四、进一步丰富画面:
1、咱们就在背景上加些模拟声波的图案吧。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/1121e6c76a95a88740294af6d83c12f1-38.jpg)
2、在网上找些小彩旗还有周围那些漂浮的立体的素材,调整位置放到画面里。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c8537c6556f483542cdb6c331fffd705-39.jpg)
3、至此,咱们主视觉区域就已经打造完毕了,下面就是一些纯排版方面的应用了。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/c8537c6556f483542cdb6c331fffd705-40.jpg)
五、排版方面小技巧。
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/2a6aefd3a86dd60b46322d20dc2912ed-41.jpg)
![Photoshop制作绚丽大气的选秀活动主页](https://img.gxlcms.com//Uploads-s/new/2019-09-29-201929/375b710415d31c25eb72286fcd4d235e-42.jpg)
最终效果: