用Photoshop设计产品背景科技光点底纹

  这篇PS打造科技光点底纹教程个人觉得是一篇非常不错的入门实例教程,难度一般,适合刚刚开始学习PS的朋友们学习。推荐到飞特和朋友们一起分享学习了。

  先来看看最终的效果图:


  TIPS:注意,本文是介绍制作戒指后面的背景纹理,而非戒指!

  第1步

  首先将背景色染成黑色。然后新建一个图层,填充为中性灰,具体步骤是在编辑>填充中选择50%灰色。


  第2步

  重新将前景色设置为黑色,转到滤镜库,选择半调图案,设置如下,就能创建出一排排略有模糊的黑白点。


  第3步

  通过上述了滤镜得到的黑白点有点模糊,可以用色阶来调整。在色阶对话框中,缩小输入色阶滑块的距离增加对比度,模糊就消失了,点变得又圆又好。


  第4步

  在这个点的图层下面新建一个图层,仍然填充为中性灰。然后点击点图层激活它,转到通道面板,按住ctrl,在RGB通道的缩略图上单击,将白色点载入为选区。


  第5步

  转到图层面板,直接按delete删除白色点,下面的灰色点就会显现出来。然后取消选区。


  第6步 为了增加点的深度,在点图层的图层样式中应用一个斜面和浮雕,参数设置如下。单击确定后将这次和下面的灰色层合并。 第7步 接下来的步骤是将点图案做成略微升起的桌面视图,可以通过自由变换来实现。为了保证

  第6步

  为了增加点的深度,在点图层的图层样式中应用一个斜面和浮雕,参数设置如下。单击确定后将这次和下面的灰色层合并。


  第7步

  接下来的步骤是将点图案做成略微升起的桌面视图,可以通过自由变换来实现。为了保证只应用透视,按住ctrl抓取右上角点,笔直向下拖动,左上角的处理方法是一样的,最后按回车应用透视。


  第8步

  为这个图层增加图层蒙版,首先应用一个垂直渐变,营造平滑的淡出效果;接着再在水平方向上隐藏两边的像素,如图。


  第9步

  降低图像的不透明度为50%。你可以利用色相/饱和度面板的着色功能为这个网点增加色彩,灰色也是不错的选择。


  第10步

  置入要显示的元素,将它放在正中间的位置。复制一次,将其填充为黑色,这是因为我们要利用这个图层制作它的投影。


  第11步

  将复制层自由变换后放在网点上面。


  第12步

  应用9像素的高斯模糊后将阴影不透明度改为50%左右,这样便可以看到一些网格了。

分类:

  • PS图片处理
时间: 2024-10-27 14:12:55

用Photoshop设计产品背景科技光点底纹的相关文章

PS打造科技光点底纹

先来看看最终的效果图: TIPS:注意,本文是介绍制作戒指后面的背景纹理,而非戒指! 第1步 首先将背景色染成黑色.然后新建一个图层,填充为中性灰,具体步骤是在编辑>填充中选择50%灰色. 第2步 重新将前景色设置为黑色,转到滤镜库,选择半调图案,设置如下,就能创建出一排排略有模糊的黑白点. 第3步 通过上述了滤镜得到的黑白点有点模糊,可以用色阶来调整.在色阶对话框中,缩小输入色阶滑块的距离增加对比度,模糊就消失了,点变得又圆又好. 第4步 在这个点的图层下面新建一个图层,仍然填充为中性灰.然后

分享47个很棒的 Photoshop 网页背景设计教程

漂亮的背景可以让网页增色不少,今天这篇文章要与大家分享的是50个非常有用的 Photoshop 网页背景设计教程,感谢那些优秀的设计师分享这么好的教程,赶紧为你的网页设计一个漂亮的背景吧. Abstract Kaleidoscope Poster – Photoshop CS5 Abstract Starfield Background – Photoshop CS5 Create Abstract Valentine's Day Card Create Awesome Abstract Neb

PhotoShop制作奇特X光片骨骼特效文字教程

这次为大家带来国外优秀文字特效处理教程:Photoshop打造X光透射骨骼文字特效.如下面最终效果图所示,作者很巧妙地利用骨头表现X光透射效果, 打造得非常像X光片效果,这篇教程主要是利用调整图层和混合模式将X光的效果设计出来. 在练习过程中,各位可以根据自己的设计需要调整光线效果,添加其他的特效.. 下面马上看看作者是怎么设计的! photoshop教程最终效果图 Step 1 首先打开Photoshop,新建一张画布,设置画布的尺寸为2560×1600,接着在新建画布的背景图层中按Shift

在Photoshop中创建一个光质感网页设计

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的

PS网页设计教程XXI——在Photoshop中创建一个光质感网页设计

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的

Photoshop制作2014彩色光丝连写字

光丝字最简单的方法就是用1像素的颜色描边,然后降低图层不透明度,再大量复制,移动,叠加得到密集的光丝效果.后期加强边缘及局部效果即可. 最终效果 <点小图查看大图> 1.新建一个1024 * 700像素的文件,背景填充黑色.先保存下图所示的文字素材,然后用PS打开,文件为PNG格式,直接拖到新建的文件里面,文字颜色可以任意. <图1> 2.按Ctrl点击图层面板中文字缩略图载入文字选区,如下图. <图2> 3.保持选区,新建一个图层,选择菜单:编辑 > 描边,宽度

Photoshop CS6背景橡皮擦工具使用教程

1. 打开一个图像文件.如下图所示: 如果需要,请阅读Photoshop CS6打开文件. 2. 在工具箱中选择"背景橡皮擦工具" .如下图所示: 如果需要,请阅读Photoshop CS6工具箱. 3. 如果只是使用画笔的默认属性,可以省略这一步,直接操作下一步. 如果需要设置画笔的各种属性,请先阅读背景橡皮擦工具的工具选项栏,然后再操作下一步. 4. 将光标放在背景图像上,光标会变成圆形,圆形中心有一个十字线.如下图所示: 在擦除图像时,Photoshop会采集十字线位置的颜色,并

Photoshop降低背景饱和度调色教程分享

给各位Photoshop软件的使用者们来详细的说说降低背景饱和度调色教程. 教程分享: 第一步:确定整体色调 我想要整体的背景呈现一种"墨色"的感觉,因此后期色相尽量偏向青蓝.首先要做的是压低饱和度和明度,利用蒙版工具,先单独调树叶的部分,每个部分都按需调不一样的数值,才更有层次感.     第二步:调整背景的大面积红色 同样利用"色相/饱和度"工具,选择图层蒙版,单独对背景的红色进行调整.(可以用吸管工具识别你想要调整的颜色)   第三步:调整裙子显眼的红色 因为

photoshop网格背景简易制作教程

给各位photoshop软件的使用者们来说说网格背景简易的制作教程. 教程分享:   废话不多说,开始干... 1,ctrl+n新建画布,按照如下图片设置(请忽略掉我是一个强迫症)   2,给画布填充任意一个颜色,既然你和我较真,我就用吸管工具选取和那张图片同样的背景色吧.   3,接下来干什么呢?画布建好了,当然是要画网格了,怎么画...........这就是教程开始的地方了,我们用定义图案的方法来完成网格绘制.所以,继续新建一个画布文档(50*50),如下图所示.   4,给我们的新画布填充