wz_meng 发表于 2015-12-24 19:38:55

Photoshop制作选秀活动主页实例教程

不一定每一个教程都是好的,说的都是完全正确的,但是因为每个教程面向的对象不同,大家的设计水平也不同,这样的话其实并没有一个很好的评判标准说一个教程的好与坏。我还是那句话,取其精华去其糟粕吧。只要一个教程中有一点能够让你感觉到提升,其实就足够了。最终效果
http://pic.16xx8.com/allimg/151215/0311224I1-0.jpg
作者:动不动就饿 出处:站酷

wz_meng 发表于 2015-12-24 19:38:55

简单分析:
刚拿到UE的时候我一眼看到的不是“天龙畅秀阁”,而是“主播激情”,感觉直到现在都很佩服自己的洞察力。回到正题,UE的初衷相信不用我说,大家也能看出来,传统的人设摆放,文字排版,我看了下给到的人设,是活(zhen)的(ren),感觉没有打动我。都没有打动我怎么能打动你们呢??所以,后来我还是要求把人设咔掉。。
需求方的要求是想要那种星光四射、无比高大上,闪光灯扑面而来、射瞎钛金狗眼的那种氛围,不要笑,你们一定也遇到过,简单分析一下吧:
1、都告诉你了是招主播的!颜色还用我多说么!好吧,颜色是需求那边给到的,紫色
2、既然是招募主播的,咱们是不是也可以来个“无龙好主播”的选秀? I WANT YOU!!!
3、正规主播的职责应该是“说学逗唱”吧?看来得找个元素能够体现招募的性质。
http://pic.16xx8.com/allimg/151215/0311225116-1.jpg
提炼关键词并寻找素材:
http://pic.16xx8.com/allimg/151215/0311225643-2.jpg
还找了些相关参考案例如下:
http://pic.16xx8.com/allimg/151215/0311225400-3.jpg

主要用到的素材:(教程每步需要素材时已经提供了。
http://pic.16xx8.com/allimg/151215/03112252M-4.jpg

wz_meng 发表于 2015-12-24 19:38:55

一、打造最外围场景。1、先铺一个底色,色值:#131021。
http://pic.16xx8.com/allimg/151215/0311221214-5.jpg

wz_meng 发表于 2015-12-24 19:38:55

2、用柔性画笔提亮中间部分,使画面具有空间感。
http://pic.16xx8.com/allimg/151215/0311224W6-6.jpg

wz_meng 发表于 2015-12-24 19:38:55

3、用柔性画笔给中上部加更大面积的偏紫的颜色。
http://pic.16xx8.com/allimg/151215/0311226313-7.jpg

wz_meng 发表于 2015-12-24 19:38:55

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

http://pic.16xx8.com/allimg/151215/03112240G-9.jpg

wz_meng 发表于 2015-12-24 19:38:55

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

wz_meng 发表于 2015-12-24 19:38:55


6、接下来我们要对顶部的素材进行二次处理,将此素材置于大灯图层的下方,也是先用柔性画笔结合蒙版擦除边缘。
http://pic.16xx8.com/allimg/151215/0311224T9-11.jpg

http://pic.16xx8.com/allimg/151215/0311221241-12.jpg

wz_meng 发表于 2015-12-24 19:38:55

7、这一步也是先将素材进行模糊处理,然后将图层模式改为“线性减淡”,再利用曲线工具将素材整体调亮。
http://pic.16xx8.com/allimg/151215/0311221321-13.jpg

wz_meng 发表于 2015-12-24 19:38:55

8、提亮红框以内的中心光源地带,通过滤色或者线性减淡,这里大家自己去尝试下,如果一层的效果达不到,可以再复制一层。
http://pic.16xx8.com/allimg/151215/03112261V-14.jpg

wz_meng 发表于 2015-12-24 19:38:55

9、这里我加的是这种光,复制了一层,达到下图的效果。
http://pic.16xx8.com/allimg/151215/0311224c1-15.jpg

wz_meng 发表于 2015-12-24 19:38:55

二、打造中心视觉区:1、六角星至于所有光的下方,因为顶部接近上方光源,自然顶部会最亮。
http://pic.16xx8.com/allimg/151215/0311221M4-16.jpg

wz_meng 发表于 2015-12-24 19:38:55

2、这一步就不详细说了,用了哪些样式也已经附到右下角了。大家自己去调整,感受。
http://pic.16xx8.com/allimg/151215/031122BE-17.jpg

wz_meng 发表于 2015-12-24 19:38:55


3、主要的处理都已经在图上标明了。由于光源在顶部及两侧,所以中间靠下部的区域应该压暗处理。顶部的溢光效果,就是把六角星内部的光复制一层以后,再模糊处理一下就可以得到了。细心的朋友应该还能看到,在六角星厚度的交界处还加了一个内发光的效果,也是为了使层次更加明显。
http://pic.16xx8.com/allimg/151215/0311221938-18.jpg

wz_meng 发表于 2015-12-24 19:38:55

4、六角星的内部再多画两个六角星,两种颜色,一深一浅。
http://pic.16xx8.com/allimg/151215/031122E06-19.jpg
页: [1] 2 3
查看完整版本: Photoshop制作选秀活动主页实例教程