Heim > Web-Frontend > PS-Tutorial > Photoshop制作绚丽大气的选秀活动主页

Photoshop制作绚丽大气的选秀活动主页

PHP中文网
Freigeben: 2016-06-01 14:25:08
Original
1383 Leute haben es durchsucht

今天小编教大家如何使用Photoshop制作绚丽大气的选秀活动主页,教程不算复杂,喜欢的朋友可以一起来学习 不一定每一个教程都是好的,说的都是完全正确的,但是因为每个教程面向的对象不同,大家的设计水平也不同,这样的话其实并没有一个很好的评判标准说一个教程的好与坏。我还是那句话,取其精华去其糟粕吧。只要一个教程中有一点能够让你感觉到提升,其实就足够了。
最终效果

Photoshop制作绚丽大气的选秀活动主页


简单分析:

Photoshop制作绚丽大气的选秀活动主页

提炼关键词并寻找素材:

Photoshop制作绚丽大气的选秀活动主页

还找了些相关参考案例如下:

Photoshop制作绚丽大气的选秀活动主页
 主要用到的素材:

Photoshop制作绚丽大气的选秀活动主页

一、打造最外围场景。

1、先铺一个底色,色值:#131021。

Photoshop制作绚丽大气的选秀活动主页

2、用柔性画笔提亮中间部分,使画面具有空间感。

Photoshop制作绚丽大气的选秀活动主页

3、用柔性画笔给中上部加更大面积的偏紫的颜色。

Photoshop制作绚丽大气的选秀活动主页

4、将大灯的素材至于画面中,可以对称地复制一个出来,用蒙版擦掉边缘的分界,模式为“滤色”。但是目前看起来灯光的颜色与画面并不相融,接下来我们要对灯光这块进行处理。

Photoshop制作绚丽大气的选秀活动主页


Photoshop制作绚丽大气的选秀活动主页

5、首先对灯光进行高斯模糊处理,本身就处于画面两侧的位置,而且是烘托氛围用,所以不需要特别的实。然后用色相/饱和度对灯光的颜色进行调整,使其与画面融合。

Photoshop制作绚丽大气的选秀活动主页
 6、接下来我们要对顶部的素材进行二次处理,将此素材置于大灯图层的下方,也是先用柔性画笔结合蒙版擦除边缘。

Photoshop制作绚丽大气的选秀活动主页


Photoshop制作绚丽大气的选秀活动主页

7、这一步也是先将素材进行模糊处理,然后将图层模式改为“线性减淡”,再利用曲线工具将素材整体调亮。

Photoshop制作绚丽大气的选秀活动主页

8、提亮红框以内的中心光源地带,通过滤色或者线性减淡,这里大家自己去尝试下,如果一层的效果达不到,可以再复制一层。

Photoshop制作绚丽大气的选秀活动主页

9、这里我加的是这种光,复制了一层,达到下图的效果。

Photoshop制作绚丽大气的选秀活动主页

二、打造中心视觉区:

1、六角星至于所有光的下方,因为顶部接近上方光源,自然顶部会最亮。

Photoshop制作绚丽大气的选秀活动主页

2、这一步就不详细说了,用了哪些样式也已经附到右下角了。大家自己去调整,感受。

Photoshop制作绚丽大气的选秀活动主页
 3、主要的处理都已经在图上标明了。由于光源在顶部及两侧,所以中间靠下部的区域应该压暗处理。顶部的溢光效果,就是把六角星内部的光复制一层以后,再模糊处理一下就可以得到了。细心的朋友应该还能看到,在六角星厚度的交界处还加了一个内发光的效果,也是为了使层次更加明显。

Photoshop制作绚丽大气的选秀活动主页

4、六角星的内部再多画两个六角星,两种颜色,一深一浅。

Photoshop制作绚丽大气的选秀活动主页

5、给这两个六角星加图层样式,浅色的加外发光,深色的加内阴影,目的都是为了拉开层次感。在正中间用柔性画笔给一个高亮的颜色。接下来我们做文字部分。

Photoshop制作绚丽大气的选秀活动主页

6、先把文字敲出来,这里直接用字体代替,不做最终效果。再复制同样的一层,颜色深一些,然后水平方向两侧向内压缩,注意:不是等比例压缩,仅仅是水平方向压缩到如图所示的厚度。

Photoshop制作绚丽大气的选秀活动主页

7、我们先不管厚度的那一层,只看最上面层的文字。这里做了内阴影,投影及顶部溢光的效果。这里的内阴影实际上就是文字最外侧2像素的高亮描边,如下左图。溢光的效果如下图右图,其实有一层淡淡的外发光。

Photoshop制作绚丽大气的选秀活动主页

8、我们再接着看对厚度层做了哪些处理。

Photoshop制作绚丽大气的选秀活动主页

9、厚度层也是加了内阴影及投影,不过并没有加溢光,而是提亮了中间区域。

Photoshop制作绚丽大气的选秀活动主页

10、其实提亮的原因就是加了反光,那现在来看的话,感觉文字并不是很突出,而且跟后面的六角星也没有拉开层次,所以我们需要进一步的处理。

Photoshop制作绚丽大气的选秀活动主页
 11、现在看着是不是清晰多了,而且不受后面任何元素的影响了。这里就是给文字加了一个底,先把文字复制一层,然后转化成形状,再描边处理。

Photoshop制作绚丽大气的选秀活动主页

Photoshop制作绚丽大气的选秀活动主页

12、对描边后的图层复制后向下移动1像素,多执行几次,就可以做出厚度,与上面类似的方面擦出反光的部分,并加上一层稍微深一些的投影,是文字整体看起来立体感更强,至此标题的设计基本完成。

Photoshop制作绚丽大气的选秀活动主页

13、把副标题和其他文字信息摆放好,副标题的形式可以有很多种,尽量不要直接丢在那里,可以使用一些元素让画面更丰富一些。

Photoshop制作绚丽大气的选秀活动主页

14、将话筒置于画面中主标题的下方。可以通过调整对比度,进一步加强话筒的质感。

Photoshop制作绚丽大气的选秀活动主页


Photoshop制作绚丽大气的选秀活动主页

15、将压暗六角星内部的下方,给话筒添加投影,给主标题加上光效,中心的主视觉就基本完成了。

Photoshop制作绚丽大气的选秀活动主页

Photoshop制作绚丽大气的选秀活动主页
 三、打造下部氛围:

1、下部的处理手法跟顶部非常类似。这里主要是想让主视觉区漂浮在两个能量层之间,所以下面也做了同样的呼应。素材置于图中,并适当压扁一些,图层模式改为“线性减淡”。

Photoshop制作绚丽大气的选秀活动主页

Photoshop制作绚丽大气的选秀活动主页

2、素材的中心区域手动加光效,使用柔性画笔压扁,然后通过白色叠加,多叠几层;再在中心偏上的位置打一层泛光,使用滤色模式。

Photoshop制作绚丽大气的选秀活动主页

3、加上按钮,主视觉区就算基本完成了。现在我们差的就是一些能够烘托气氛的元素。

Photoshop制作绚丽大气的选秀活动主页

四、进一步丰富画面:

1、咱们就在背景上加些模拟声波的图案吧。

Photoshop制作绚丽大气的选秀活动主页

2、在网上找些小彩旗还有周围那些漂浮的立体的素材,调整位置放到画面里。

Photoshop制作绚丽大气的选秀活动主页

3、至此,咱们主视觉区域就已经打造完毕了,下面就是一些纯排版方面的应用了。

Photoshop制作绚丽大气的选秀活动主页
 五、排版方面小技巧。

Photoshop制作绚丽大气的选秀活动主页

Photoshop制作绚丽大气的选秀活动主页

最终效果:

Photoshop制作绚丽大气的选秀活动主页

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage