首页 web前端 PS教程 photoshop制作绚丽闪电效果的网页宣传广告

photoshop制作绚丽闪电效果的网页宣传广告

Jun 01, 2016 pm 02:31 PM
广告 闪电

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

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

  但是针对“惊地”的主题,A图更为贴切,于是无情地将B图打入冷宫。
  那么接下来我们录入文字,字体一定要选择“彪悍的”,其实做霹雳字,不一定用霹雳字体哈,霹雳字体会有点琐碎和幼稚。
  我选择的是“汉仪醒示体简”,然后从下图看到我叠加了三种图层样式,我们具体看下参数。

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

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

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


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

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

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

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

  最后我们加一个内发光和一个外发光,与电光呼应一下喽!字体部分就完成了!
  下面就是很出效果的电光萦绕感觉的制作。
  新建一个图层填充成纯黑色,然后保持你的前景色是白色,一定是白色!!!!
  然后找到滤镜菜单,纹理染色玻璃,效果参数如下:

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

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

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

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

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

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

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

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

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

  看下效果:

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

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

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

360浏览器推荐的广告如何关闭?如何关闭电脑360浏览器推荐的广告? 360浏览器推荐的广告如何关闭?如何关闭电脑360浏览器推荐的广告? Mar 14, 2024 am 09:16 AM

360浏览器推荐的广告如何关闭?如何关闭电脑360浏览器推荐的广告?

朋友圈广告怎么彻底关掉 朋友圈广告怎么彻底关掉 Mar 03, 2024 pm 12:31 PM

朋友圈广告怎么彻底关掉

新版Edge如何关闭广告?屏蔽Edge个性化广告的方法 新版Edge如何关闭广告?屏蔽Edge个性化广告的方法 Mar 14, 2024 am 11:37 AM

新版Edge如何关闭广告?屏蔽Edge个性化广告的方法

如何在 Windows 11 上停止弹出窗口 如何在 Windows 11 上停止弹出窗口 May 29, 2023 am 11:24 AM

如何在 Windows 11 上停止弹出窗口

微软 Word 中缺少校对工具 [已解决] 微软 Word 中缺少校对工具 [已解决] Apr 18, 2023 pm 11:46 PM

微软 Word 中缺少校对工具 [已解决]

抖音怎么关闭广告智能推荐 抖音怎么关闭广告智能推荐 Mar 22, 2024 pm 04:06 PM

抖音怎么关闭广告智能推荐

快手极速版总是弹出广告怎么关闭  快手极速版怎么关闭广告推送 快手极速版总是弹出广告怎么关闭 快手极速版怎么关闭广告推送 Apr 01, 2024 pm 09:34 PM

快手极速版总是弹出广告怎么关闭 快手极速版怎么关闭广告推送

关闭电脑游戏广告弹出窗口的方法 关闭电脑游戏广告弹出窗口的方法 Jul 07, 2023 pm 08:57 PM

关闭电脑游戏广告弹出窗口的方法

See all articles