Photoshop设计绚丽闪电效果的网页宣传广告

2016-02-16 01:27 28 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop设计绚丽闪电效果的网页宣传广告吧。

【 tulaoshi.com - PS 】

这个图片是不是很炫,着实给我们一种眼前一亮的感觉。效果图是作者公司活动的宣传图片。下面我们就来学习一下ps设计的思路和方法,喜欢的朋友一起来学习吧。

先看看效果图

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

首先我要找一张底图素材,应该是闪电的图片,从众多图片中选出两张:

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

但是针对惊地的主题,A图更为贴切,于是无情地将B图打入冷宫。

那么接下来录入文字,字体一定要选择彪悍的,其实做霹雳字,不一定用霹雳字体哈,霹雳字体会有点琐碎和幼稚。

建议选择汉仪醒示体简,然后从下图看到我叠加了三种图层样式,我们具体看下参数。

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

大家此时注意,这里沟边用的是渐变色而不是单色,为什么呢?

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

因为底图是上部分蓝色,靠近地面是紫色,渐变正好相反从紫色到蓝色,那么就可以和底色有所区别,又有一定的融入,不会显得很突兀,大家自己做的时候可以用黑色单色描边对比一下,会有感觉。

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

接下来我们给字体一个渐变,呈现一点金属光泽,

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

 

大家要注意我的颜色中点距离中间的色标非常近,这就决定两个颜色的过度非常生硬,所以可以看到很犀利的分界线,做的时候可以试一下颜色中点位置带来的不同效果。

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

最后加一个内发光和一个外发光,与电光呼应一下喽!字体部分就完成了!

下面就是很出效果的电光萦绕感觉的制作。

新建一个图层填充成纯黑色,然后保持你的前景色是白色,一定是白色!!!!

然后找到滤镜菜单,纹理染色玻璃,效果参数如下

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

好,做完后,我们载入文字选区,选择菜单下》 修改》 扩展,数值为6(切记这个数值一定要大于你描边的数值1-3个像素),ctrl+I反选,delete删除。如图

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

前景色换成黑色,使用选择菜单下》色彩范围,我们把选中的黑色删除掉。

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

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

看到闪电雏形已经出来了,还不算完,揭晓来我们还需要做,滤镜菜单下》扭曲》波纹,数值在130-170之间,大家自己体会一下。我选择了150,之后看到下图效果:

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

额,被电了吧,还不算完,我们让效果更强烈一点哈!那就是添加内发光和外发光,看下数值

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

效果就出来了:

Photoshop设计绚丽闪电效果的网页宣传广告,PS教程,图老师教程网

提示:有的同学问,怎么和现在banner上的不太一样,那告诉大家,这个电光比较密,而之前做的在染色玻璃数值上选择比较大,可以理解吧,大家多尝试一下,会有不同的感觉。

来源:http://www.tulaoshi.com/n/20160216/1566393.html

延伸阅读
标签: PS PS基础
在这片文章中,我会告诉你我在设计上使用的一个简单的方法, 在Photoshop中创建一些优雅的光线.你会看到 创建一个多么美丽的效果,你可以将它运用在网站的标题,或者是网站的背景中,logo,或者添加在照片中,以带来不一样的味道。 本教程适合初学者,我包括创建新画笔预设和钢笔工具的使用方法。你将有更多的机会实践图层混合模式,滤镜和自由...
标签: PS PS基础
原图分析:原图构图比较简洁,但上部分的枝条不完整,有些扎眼,画面整体缺少吸引眼球的亮点。 创作思路:能否在画面中增加一些流动的线条,又能和画面里的花朵枝条和谐地结合成一体,让画面动起来。这决定了不能简单地叠加一张图片,只能通过图片本身进行变化才能达到花随影动、枝随影舞的效果。当然,可以用多个图层通过移位、变形和模糊来...
标签: PS PS基础
最终效果 1、新建一个一个1000 * 1000像素的文件,背景填充暗蓝色:#003991,如下图。 2、翅膀是对称的,我们只需要制作左侧或右侧翅膀,其它的就直接复制。先来制作右侧翅膀。先来制作第一部分,需要完成的效果如下图。 3、新建一个组,在组里新建一个图层,用钢笔勾出下图所示的路径,转为选区后填充淡蓝色:#E8EEF6,如下图。 ...
标签: PS PS基础
最终效果 1、打开photoshop新建一个550 * 1100像素的文件。选择渐变工具,设置渐变颜色# 0f0f0e至# 010102,选择径向渐变,在画布从上到下绘制渐变。 新建一个图层命名为颜色,用渐变选择色谱默认选项,从上至下绘制一个渐变,然后将图层的混合模式设置为颜色。给颜色图层添加图层蒙版,设置径向渐变的颜色从白色到黑色,然后绘制一个渐变...
标签: PS PS基础
最终效果 1、光束可以分为两层,我们先来制作底层的效果,如下图。 2、新建一个1000 * 700像素,分辨率为72的文档,背景填充黑色。新建一个图层,用矩形选框工具在右侧拉出下图所示的选区,并填充黑色。 3、在背景图层上面新建一个组,用钢笔勾出光束的总体轮廓,转为选区后给组添加图层蒙版,如下图。 4、在组里新建一个图层...

经验教程

766

收藏

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