• 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 CS5制作像下图这样具有光感的斜线条纹背景。教程中将会使用到渐变工具、笔刷、以及色相/饱和度的调节。类似的中文教程,之前我们也推荐过用PS CS5制作酷炫的抽象光线人物海报,也是非常不错的制作时尚炫光的教程。推荐一并练习。

最终效果图预览:

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

首先在PS中新建一个文件(Ctrl+N),尺寸设置为1900px*1200px(色彩模式设为RGB),分辨率设置为72pixels/inch。使用油漆桶工具(G)将新建的背景图层用#0B0513填满。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

使用矩形工具(U),画出一个矩形。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

将图层的填充设置为0%,然后在图层面板的底部点击添加图层样式,选择渐变叠加。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

点击工具栏中的渐变编辑器,将渐变的色标设置为图中显示的样子。点击确定来关闭渐变编辑器。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

然后我们就会得到下图:

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

接下来我们要将有矩形的这个图层栅格化。之后,在刚才操作过的图层上新建一个图层,按住Ctrl键将两个图层都选取,然后使用快捷键Ctrl+E将两个图层向下合并。使用自由变换路径(Ctrl+T)将矩形倾斜45°。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

点击图层面板底部的添加图层蒙版,再点击画笔工具,选择柔边圆笔刷,颜色为黑色。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

在蒙版中使用笔刷,像下图这样将线条的边缘遮盖住。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

下一步我们需要将刚才那个带线条的图层复制很多次,并且要通过自由变换路径(Ctrl+T)来改变线条的位置。每一个复制出来的图层,在使用蒙版进行边缘遮盖时要做些变化。并且通过菜单栏的图像——调整——色相/饱和度(Ctrl+U)对线条的颜色进行更换和调整。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

这样我们就会得到下图的效果:

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

现在我们需要将图中指出的线条进行复制。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

选择复制的图层,然后点击滤镜——模糊——高斯模糊。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

然后就是下图显示的那样:

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

将添加过高斯模糊滤镜的图层进行复制。将这个图层的混合模式设置为颜色减淡,并用自由变换路径(Ctrl+T)改变位置,这条线就会变成偏红的颜色。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

多次复制红色线条的图层,同样使用自用变换路径(Ctrl+T)来进行移动,变成下图的样子。在某些复制的图层上,需要使用色相/饱和度(Ctrl+U)来更改颜色。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

接下来,我们将插入更多线条的复制图层。这些图层副本没有高斯模糊和颜色减淡模式。用色相/饱和度(Ctrl+T)改变线条颜色,并用自由变换路径(Ctrl+T)来移动。如果需要,就用蒙版将线条的边缘进行修整。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

下一步,再插入一个线条图层的副本,然后点击图层面板下方的添加图层样式,勾选外发光。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

有外发光效果的线条就会是下图这样的:

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

将刚才做出来的线条进行复制,并将它移动到图中显示的位置(使用Ctrl+T)。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

新建一个图层,选择柔边圆笔刷,颜色设置为白色(在选项中将透明度设置为30%)。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

使用笔刷在画布上画出一些浅色的部分:

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

把这个图层的混合模式设置为叠加。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

新建一个图层,选择柔边圆笔刷,颜色设置为黑色(透明度——20%)。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

将画布的边角画暗一些。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

在图层面板底部点击创建新的填充或调整图层,点击曲线,像图中显示的这样对图层进行微调。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

这样我们就得到这样的效果:

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

再次点击创建新的填充或调整图层,选择色相/饱和度。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

将色相滑块向左拖动一点。

Photoshop设计炫丽的抽象光线背景教程,PS教程,站长图库

将这些线条图层放在一个群组里(按住Ct

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

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

相关文章

  • PHP8.1新特性大讲解之array_is_list功能
  • Photoshop制作立体效果的草莓艺术字
  • react中less不起作用怎么办
  • ThinkPHP6中env环境变量的使用
  • 网站地图设计的五个技巧
  • 总结分享一些基于jQuery的前端面试(含移动端常见问题)
  • Photoshop设计立体效果的网站推荐图标
  • Photoshop简单调出怀旧色调
  • IIS7.5开启GZIP压缩
  • 总结laravel中$request获取请求信息用法

文章分类

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

最近更新的内容

    • 教你一招搞定mysql中的sql_mode设置
    • 那些你不知道的Photoshop冷知识技巧
    • Javascript怎么禁止事件冒泡
    • 分享Laravel整合Bootstrap4的完整方案
    • Photoshop技巧教程:解读13条PS高级使用技巧
    • PhotoShop制作逼真的墙面粉笔字效果
    • 7B2主题美化之右上角投稿美化+加上搜索
    • Thinkphp5如何实现图片、音频和视频文件的上传功能
    • Photoshop制作圆形炫彩LOGO教程
    • Photoshop制作洁白的云朵艺术字教程

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

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