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

2016-02-16 02:47 38 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计炫彩效果的网格光束效果,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

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

先看看效果图

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

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

Photoshop设计炫彩效果的网格光束效果,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1567104.html

延伸阅读
标签: 设计
本教程主要使用Photoshop设计炫彩效果的光环标志教程,立体效果的表现和颜色应用非常的漂亮,喜欢的朋友一起来学习吧。 最终效果: 1、新建画布(1000x700),分辨率为72。用渐变工具画一个由中心放射的圆形渐变: 2、画一个圆形,图层样式使用角度渐变,如下图所示。对色彩把握不好的同学,可以直接在图片上吸色。加蒙版,中间删去...
标签: PS PS基础
看下效果图先: 素材: 兰博基尼橙色跑车素材 1.打开素材图,ctrl+J复制一层,得到背景副本层,用钢笔工具扣出车子的轮廓 2.反选,删除,隐藏背景,你将有这样的效果图 3.回到背景层,将之前关闭的眼睛显示出来,然后执行 滤镜--模糊--动感模糊 4.选择车的图层,就是背景副本层,ctrl+j复制一层,然后执行 滤镜--模糊--...
标签: PS PS基础
先看效果图 新建文档1680x1050像素,背景白色,导入纸张素材。 图层不透明度80%。 导入其他纹理。 图层模式正片叠底,不透明度40%。 导入云彩素材。 去色,图层模式叠加,效果如下。 输入黑色文字,字体MOD,每个字母1个图层。 为这几个字母添加渐变叠加样式。从C到O。 效果如下。 图层不...
标签: PS PS基础
最终效果 1、寻找合适背景: 2、文字的处理: 3、变色龙处理: 4、背景的处理: 5、日期的处理: 6、周边加上球体素材: 7、增加点缀: 最后加上暗角和标志,完成最终效果:

经验教程

703

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部