Photoshop魔法:打造惊艳网页效果图3

admin 办公 2023-12-28 22:42 30

横幅( banner )区域的制作

•新建banner图层组 –在banner图层组里新建图层“背景” –拖出选区,高度450 –填充颜色 #014075

•背景图层顶部发光条的设置 –在banner图层组里新建图层“顶部发光” –使用椭圆选区工具在背景图层顶部拖出椭圆选区 –选择渐变工具,进行渐变编辑器的设置 –左右设置为颜色#014075,不透明度100%;中间设置为#0f67ae,不透明度100% –对椭圆选区进行渐变填充 –将椭圆选区的高度调整为2像素(Ctrl+T),位置微调

椭圆选区

渐变填充

•背景图层顶部阴影的设置 –在banner图层组里新建图层“顶部阴影” –使用矩形选区工具在背景图层顶部发光下方拖出矩形选区(不要与顶部发光重叠,如果重叠了,使用箭头键调整) –选择渐变工具,进行渐变编辑器的设置 –左边颜色设置为黑色,不透明度100%;右边不透明度设置为0 –对矩形选区进行渐变操作 –将“顶部阴影”图层不透明度设置为60%

顶部阴影

•背景图层底部阴影的设置 –在banner图层组里新建图层“底部阴影” –使用矩形选区工具在背景图层下方拖出矩形选区,将选区下边缘与背景图层下边缘重合 –沿用“顶部阴影”渐变的设置 –对矩形选区进行渐变操作 –将“底部阴影”图层不透明度设置为65% –可以调整底部阴影的大小(Ctrl+T)

底部阴影

•背景图层中间发光的设置 –在banner图层组里新建图层“背景发光” –使用椭圆选区工具,设置羽化半径为100,在中间拖出椭圆选区 –填充颜色,#015eaa –由于羽化的影响,发光图层的范围超出了背景图层,对“背景发光”图层添加图层蒙版 –选中图层蒙版(不要选中背景发光图层),使用矩形选区工具将背景图层下方的所有区域选中,填充颜色为黑色(蒙版特性 黑隐白现)

•背景图层梯形分割的设置 –在banner图层组里新建图层“梯形分割” –使用多边形选区工具,在背景图层的1/4处从右到左绘制梯形选区 –填充颜色,#014075(与背景颜色相同)

•背景图层上发光的设置 –在banner图层组里新建图层“上发光” –使用椭圆选区工具,设置羽化半径为50,在中间拖出椭圆选区 –填充颜色,#015eaa –由于羽化的影响,发光图层的范围超出了背景图层,对“上发光”图层添加图层蒙版 –选中图层蒙版(不要选中上发光图层),使用矩形选区工具将背景图层下方的所有区域选中,填充颜色为黑色(蒙版特性 黑隐白现)

相关资源来自网络,特表感谢,如有侵权,请联系删除。

相关推荐
关闭

用微信“扫一扫”