Photoshop打造超简洁的光束壁纸

好的设计不一定要追求复杂,只要善于构图,即使用最简单的线条也能做出极佳的视觉效果。如下面的教程:作者用的元素不多,一点过渡色块,再加上几个线条和一些小点,出来的效果也很绚丽。最终效果

Photoshop打造超简洁的光束壁纸

1、新建一个文档,将背景以十六进制色号为2a3b4d的颜色填充,或者你自己喜欢的任何颜色。

Photoshop打造超简洁的光束壁纸
 
2、使用选择工具或者路径工具,绘制你自己钟意的曲线,或者画一个类似上图所示的形状。我一般就用心形曲线的一侧,用白色填充。(当然,这是新的一层)。

Photoshop打造超简洁的光束壁纸

3、右键点击图层(注意这里点击的是图层缩略图),选择图层像素。点击眼球图标将图层变为不可见。然后新建一层,继续保留选区,采用白至白色透明渐变,使用线性渐变工具,进行拖动,如上图。

Photoshop打造超简洁的光束壁纸

4、遵循以上步骤你可以得到类似上图所示的结果。

Photoshop打造超简洁的光束壁纸
 
5、新建一层,建立一个白色透明的径向渐变,然后将图层混合模式设置为叠加模式(这个很关键,保证了光线和背景色之间的统一性),将填充度设置为50%左右,使其与背景色融合。

Photoshop打造超简洁的光束壁纸

6、现在回到光线图层,右键点击图层,并复制多个图层,然后使用crtl+T快捷键将这些图层随你所愿进行旋转,缩放,(这点很重要,保证了所有的光线都具有一定的形状统一性,产生延续的感觉)直到达到获得上图所示的类似效果或者你期望中的效果。

Photoshop打造超简洁的光束壁纸

7、将最初的那个白色心形图层设为可见图层,载入选区,然后点击方向键,使选区向右移动,则选区外将有一条细线条,将多余部分删掉,只留下一条细线条。

Photoshop打造超简洁的光束壁纸
 
8、和前面使用的变形方法一样,复制图层,使用ctrl+T进行变形,旋转,缩放,直到这些线和你之前做的变形图层匹配。

Photoshop打造超简洁的光束壁纸

9、使用低不透明度的橡皮擦工具擦拭这些线条,使其与背景色有退色融入的感觉,将所有的线条图层模式设置为颜色减淡漠式,并降低不透明度,你看着合适就好。

Photoshop打造超简洁的光束壁纸

10、你应该可以得到类似于上图的效果,接下来我们用减淡工具在光线中心区域加一些强光。

Photoshop打造超简洁的光束壁纸
 
11、使用CTRL+A选择整个区域,并且使用CTRL+SHIFT+C或者你自己设置的快捷键来完成复制合并图层操作。这是一个可以将所有图层的所有元素合并成一个图像以后并复制下来的操作。 12、使用CTRL+N创建一个新文档,并且粘贴已经复制的图像,现在你就可以在新文档中的新图层中进行减淡操作了,这样会方便些。选择新文档中的图层,点击图层样式。我们现在将通过使用一个上图所示的内阴影效果,制造出黑色的边缘,以使图中能有光晕的效果。

Photoshop打造超简洁的光束壁纸

13、你应该可以得到类似于下图所示的效果。

Photoshop打造超简洁的光束壁纸

14、下面我们可以再来一个拓展设计,首先把做好的图放到PS中,来做“抽象光线”。点击减淡工具,选择一个质地柔软的笔刷就想上图所示的那样,设置减淡范围为高光。

Photoshop打造超简洁的光束壁纸

15、现在你可以在图像层上使用大大小小的笔刷。点得越多, 点就越亮。我喜欢使用[ 和] 键调整笔刷的大小,然后在同一个点用越来越小的笔刷一指点下去,这样就会让他看起来像一个星星在发光。

Photoshop打造超简洁的光束壁纸

最终效果:

Photoshop打造超简洁的光束壁纸

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3216375.html

(0)
上一篇 2025年4月1日 12:51:18
下一篇 2025年2月28日 13:43:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Photoshop制作柔美的蓝色曲线光束壁纸

    本教程重点介绍一些曲线的妙用,如曲线光带及曲线线条等的组合运用。在操作的时候需要配合好背景,把曲线按照一定的规律复制,适当控制好曲线的大小及透明度。做出一系列非常有层次感的曲线,再渲染一下高光,装饰一些星光元素,即可看到非常梦幻的效果。最终…

    2025年4月1日 编程技术
    100
  • Photoshop 一张简洁的新年贺卡制作方法

    本教程的贺卡以文字设计为主。作者设计的非常简洁,背景部分没有太多的装饰,仅用了一些淡淡的图案。文字部分则非常讲究。字体排版及设计的非常不错。总体看上去简洁大气。最终效果 1、选择“文件/新建”菜单,打开“新建”或者Ctrl+N对话框 名称为…

    2025年4月1日 编程技术
    100
  • Photoshop 柔美简洁的彩带壁纸

    效果图中的彩带看上去是连在一起的,不过制作的时候需要分段来完成。每一段的色调和透明度也有区别。为了体现彩带的透明质感,局部需要用蒙版来调整不透明度。来源:PS联盟 作者:Sener效果图中的彩带看上去是连在一起的,不过制作的时候需要分段来完…

    2025年4月1日 编程技术
    100
  • 分享自己写的第一个html网页

    今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助。 一、先来为大家简单普及以下html   (1)、html英文即:hypertext markup language  中译 : 超文本标记语言   (…

    编程技术 2025年4月1日
    100
  • 对CSS知识的简单介绍

    1、CSS定义 css 指层叠样式表 (cascading style sheets),是一种样式表语言,用来描述 html 或 xml(包括如 svg、xhtml 之类的 xml 分支语言)文档的呈现。css 描述了在屏幕、纸质、音频等其…

    2025年4月1日
    100
  • 详细介绍NW.js基本使用

    nw.js (原名 node-webkit)是一个基于 chromium 和 node.js 的应用运行时,通过它可以用 html 和 javascript 编写原生应用程序.这篇文章主要介绍了nw.js 简介与使用,需要的朋友可以参考下 …

    2025年3月31日
    100
  • linux下tomcat的使用方法简介

    这篇文章主要介绍了linux下tomcat常用操作,需要的朋友可以参考下 假设tomcatlinux在/usr/local/tomcat7 启动tomcat cd /usr/local/tomcat7/bin./startup.sh 登录后…

    编程技术 2025年3月31日
    100
  • css盒模型简介

    盒模型 1 盒子中的区域 盒子的主要属性: width 宽度,css中width指的是内容的宽度,而不是盒子的宽度。 height高度 ,css中Height指的是内容的高度,而不是盒子的高度。 padding 内边距 border 边框 …

    编程技术 2025年3月29日
    100
  • Bootstrap 3之美02-Grid简介和应用_html/css_WEB-ITnose

    本篇主要包括: ■  Grid简介■  应用Grid■  Multiple Grids     Grid简介 Bootstrap中,把页面分成12等份,这就是所谓的Grid。 立即学习“前端免费学习笔记(深入)”;   在Bootstrap…

    编程技术 2025年3月28日
    100
  • 20款时尚的 WordPress 简洁主题【免费下载】_html/css_WEB-ITnose

      在这篇文章中,我们收集了20款时尚的 wordpress 简洁模板。wordpress 是最流行的博客系统,插件众多,易于扩充功能。安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单易用。如果你想快速创建一个电子商务网站…

    编程技术 2025年3月28日
    100

发表回复

登录后才能评论