• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop设计绚丽闪电效果的网页宣传广告

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

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助

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


先看看效果图

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

效果就出来了:

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

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


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • Photoshop制作简洁时尚的形象主页
  • 帝国CMS二次开发付款后才能查看内容
  • 帝国cms 自定义页面 调用分类方法
  • PHP怎么实现加好友功能
  • PHPCMS系统mysql优化教程
  • Vue 手势组件教程
  • 实例详解通过LogMiner实现Oracle数据同步迁移
  • Discuz论坛游客无法查看文章中的图片怎么办?
  • Composer怎么执行降级操作?教你降级到版本1
  • 详细讲解Java运算符(总结分享)

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 20+个值得收藏的PHP常用小技巧
    • PHPcms远程图片本地化增加图片类型和后缀的方法
    • WordPress主题RiPro美化-给特定分类添加VIP权限才可访问效果
    • 正则表达式解决input框固定输入值的格式(金额,特殊字符)
    • JavaScript怎么求两个数的最大公约数
    • Vue 和 Yii 怎么配合?
    • 说说Thinkphp5.1实现邮箱验证问题
    • PhotoShop CS5打造木栈道婚纱外景照片后期合成教程
    • 浅析node Express框架中的 res.send() 和 res.end()
    • Illustrator制作超酷的3D符号效果图

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有