Photoshop设计炫彩效果的光束效果

尔爹1

尔爹1

2016-02-19 16:22

今天图老师小编给大家精心推荐个Photoshop设计炫彩效果的光束效果教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

本教程主要网友如何使用Photoshop设计炫彩效果的网格光束效果,复杂的光束制作是非常繁琐的,如果当做一个整体来绘制,工作量是巨大的,而且光束叠加部分的效果不好刻画。可以把光束分解成一些小块,然后分段来完成,这样制作的过程相对简单一些,也比较好修改。

先看看效果图

Photoshop设计炫彩效果的网格光束效果

1、新建一个壁纸大小的文档,这里设置的是1024 * 768像素,背景填充黑色,如下图。

Photoshop设计炫彩效果的网格光束效果

2、新建一个组,用钢笔勾出光束的第一部分轮廓,转为选区后给组添加蒙版。

Photoshop设计炫彩效果的网格光束效果

3、在组里新建一个图层填充蓝色,如下图。

Photoshop设计炫彩效果的网格光束效果

4、新建一个图层,用钢笔勾出左侧高光部分的选区,羽化15个像素后填充青色:#0EFDFE,如下图。

Photoshop设计炫彩效果的网格光束效果

5、新建一个图层,用钢笔勾出顶部的高光选区,羽化5个像素后填充同上的青色。

Photoshop设计炫彩效果的网格光束效果

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

6、新建一个图层,用钢笔勾出上部边缘高光选区,羽化1个像素后填充青色。

Photoshop设计炫彩效果的网格光束效果

7、新建一个图层,同上的方法制作右侧的高光区域,如下图。

Photoshop设计炫彩效果的网格光束效果

8、在当前组下面新建一个图层,用钢笔勾出下图所示的选区,给组添加蒙版,如下图。

Photoshop设计炫彩效果的网格光束效果

9、在组里新建一个图层,用钢笔勾出下图所示的选区,羽化20个像素后填充暗紫色,不透明度改为:20%。

Photoshop设计炫彩效果的网格光束效果

10、新建一个图层,用钢笔勾出左侧边缘的高光选区,羽化10个像素后填充蓝色。

Photoshop设计炫彩效果的网格光束效果

11、新建一个图层,用钢笔勾出中间部分的高光选区,羽化15个像素后填充紫色。

Photoshop设计炫彩效果的网格光束效果

12、新建一个图层,用钢笔勾出底部边缘高光选区,羽化1个像素后填充同上的紫色,混合模式改为滤色,如下图。

Photoshop设计炫彩效果的网格光束效果

13、新建一个图层,用钢笔勾出顶部边缘的高光选区,羽化1个像素后填充同上的紫色,混合模式改为滤色,如下图。

Photoshop设计炫彩效果的网格光束效果

14、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化15个像素后填充暗橙色:#CC6D59,不透明度改为:80%,如下图。

Photoshop设计炫彩效果的网格光束效果

15、新建一个图层,用钢笔勾出右侧顶部边缘的高光选区,填充稍亮的橙色。

Photoshop设计炫彩效果的网格光束效果

16、新建一个图层,用钢笔勾出底部边缘的高光选区,羽化1个像素后填充稍亮的紫色。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

Photoshop设计炫彩效果的网格光束效果

17、在当前组下面新建一个组,用钢笔勾出第三段光束的轮廓,转为选区后给组添加图层蒙版。

Photoshop设计炫彩效果的网格光束效果

18、在组里新建一个图层,用钢笔勾出左侧高光选区,羽化15个像素后填充暗橙色。

Photoshop设计炫彩效果的网格光束效果

19、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化15个像素后填充暗黄色,不透明度改为:50%,如下图。

Photoshop设计炫彩效果的网格光束效果

20、新建一个图层,用钢笔勾出边缘部分的高光选区,羽化2个像素后填充橙黄色,局部可以用画笔涂上一些橙色。

Photoshop设计炫彩效果的网格光束效果

21、同上的方法制作其它的光束,过程如图21 - 25。

Photoshop设计炫彩效果的网格光束效果

Photoshop设计炫彩效果的网格光束效果

Photoshop设计炫彩效果的网格光束效果

Photoshop设计炫彩效果的网格光束效果

Photoshop设计炫彩效果的网格光束效果

22、把背景图层隐藏,在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,不透明度改为:50%,再把背景显示出来,效果如下图。

Photoshop设计炫彩效果的网格光束效果

23、创建亮度/对比度调整图层,适当增加图片的对比度,参数及效果如下图。

Photoshop设计炫彩效果的网格光束效果

Photoshop设计炫彩效果的网格光束效果

最后调整一下细节,完成最终效果。

Photoshop设计炫彩效果的网格光束效果

展开更多 50%)
分享

猜你喜欢

Photoshop设计炫彩效果的光束效果

设计创意
Photoshop设计炫彩效果的光束效果

Photoshop设计炫彩效果的网格光束效果

PS PS基础
Photoshop设计炫彩效果的网格光束效果

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Photoshop设计金色光束炫彩背景效果

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计金色光束炫彩背景效果

Photoshop制作炫彩梦幻的紫色光束效果

PS PS基础
Photoshop制作炫彩梦幻的紫色光束效果

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Photoshop设计—炫彩进度条效果

PS PS基础
Photoshop设计—炫彩进度条效果

Photoshop设计炫彩效果的美女海报教程

PS PS基础
Photoshop设计炫彩效果的美女海报教程

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

7gone标志设计

7gone标志设计

Photoshop CS6制作高清Ubuntu OS壁纸

Photoshop CS6制作高清Ubuntu OS壁纸
下拉加载更多内容 ↓