Photoshop制作玻璃球效果(转)

2023-10-29 15:20

本文主要是介绍Photoshop制作玻璃球效果(转),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Photoshop制作玻璃球效果(转)[@more@]

  现在,各种各样的类玻璃材质大行其道,几乎每个Photoshop的教学网站上都会看到诸如“PS制作玻璃按纽”之类的文章。今天,我们也来赶赶流行,做些漂亮的玻璃球。

  1. 在Photoshop中新建一个文档,大小为256×256像素,RGB模式,白色背景。设置前景色为RGB(255,211,38),背景色为RGB(57,0,0),新建图层1,按住Shift键,用椭圆选框工具选择一个正圆形。选择径向渐变工具,设置渐变为从前景色到背景色。从选区的中下部分向上做出渐变,如图01所示,取消选择。

1143914062_ddvip_3514.jpg

图01

  尽管在选取选框时,我们已经选择了消除锯齿选项,但做出渐变之后,我们发现在球体的边缘还是会有一些锯齿。为了消除这些锯齿,我们可以载入图层1的选区,反选,将选区羽化1像素,连续删除两次,取消选择。这样,你会发现球体的边缘比刚才光滑了。

  2. 下面,我们用图层叠加的方法来表现玻璃球内部的情况。复制图层1 ,将副本命名为hardlight。从名称你就能猜到,这一层的图层混合模式为强光,在编辑菜单中选择变换,将图层垂直翻转;

  再次复制图层1,将副本层移动到顶端,命名为lighten,将图层混合模式设为亮光,不透明度为50%;

  复制lighten层,将副本层命名为Color Burn ,将混合模式设为颜色减淡,这样,我们的图像就如图02一样了。

1143914062_ddvip_6986.jpg图02

  3. 现在我们要减去一些多余的红色部分。载入图层1的选区,反选,羽化12像素,将选区向上移动2像素,分别在lighten层和Color Burn层中删除3~4次,直到球体的底部完全为黑色。这跟上一步的渐变有很大关系,渐变位置不同,最后形成的图像会有很大差异。也许上一步中你的渐变非常理想,那就不用这一步的调整工作了。(图03)

1143914062_ddvip_959.jpg图03

  4. 接下来,我们为球体增加底部的反光效果。在Color Burn层上新建图层2,选择直径大小为65像素的柔化笔刷,将前景色设为白色,在球体的中下部点击一下,如图04所示,将图层的不透明度降低为65%。这一层可被看作光线从球体透出的效果。

1143914062_ddvip_1698.jpg图04

  我们继续来加强这种效果。载入图层1的选区,确定当前工具为选框工具,按住Shift键,点击键盘上的方向键,将选区向上移动30像素,然后按Ctrl+J,将图层2的图像复制到图层3中。再选择移动工具,将图层3向下移动10像素,将图层3的不透明度减低到55%,用模糊滤镜组中的模糊滤镜稍加模糊。(图05)

1143914062_ddvip_5534.jpg图05

  5. 我们再来为球体的顶部添加反光。在顶部新建图层4,载入图层1的选区,复位色板,用从白色到黑色的线性渐变填充选区后,取消选择。用变形工具,将图层4变形,如图06的形状,将图层的混合模式设为屏幕(即Photoshop7.0中的滤色模式),用模糊滤镜稍稍模糊。(图07)

1143914062_ddvip_4833.jpg图06 1143914062_ddvip_1968.jpg图07

  6. 现在我们来制作球体顶部的反光。在图层4的下面新建图层5,载入图层1的选区,用半径为1像素的羽化命令柔化选区,选择画笔工具,还用刚才的画笔,用白色在球体的中上部点击一下,注意画笔的边届要超过球体的边缘。取消选择,将图层混合模式设为柔光。

  在图层5上新建图层6,选择更小一些的画笔,如直径大小为35像素,在刚才落笔的地方点击。这样可以加强反光的效果。(图08)

1143914062_ddvip_8300.jpg图08

  7. 是否觉得这样的球体太单调了些?我们可以通过纹理图层为球体的内部添加丰富的纹理效果。选择Color Burn层,在其上新建图层7,将其命名为texture。你可以有很多种选择来添加纹理,这里介绍一种。

  选择渲染滤镜中的云彩滤镜,用前景/背景色渲染图层。需要的话,可以再用分层云彩再渲染几次。然后用自动色阶命令,调整画面的对比。接着,打开扭曲>玻璃滤镜,将扭曲度设为9,平滑度为3,纹理类型为小镜头,缩放为200%;载入图层1的选区,连续运用球面化滤镜两次,将选区内的图像球面化,反选,删除多余图像后取消选择。将图层的混合模式设为叠加。

  有很多时候,云彩滤镜的效果不太令人满意,你可以自由的在这个层之上再用其他渲染方式或是滤镜做出纹理,将这两个纹理都设为叠加模式,分别减低不透明度会取得很好的效果。像我们这个例子,除了玻璃滤镜的渲染外,我还加了一个分层云彩的图层,叠加出来的效果就比较理想了。有时,将图像做反相处理,也会有意想不到的收获。(图09)

1143914062_ddvip_7280.jpg图09

  8. 想要加上简单的阴影的话,就复制图层1,将图层1副本移动到图层1之下,用黑色填充不透明区域。应用半径为2.0像素的高斯模糊滤镜,稍加模糊。再复制这一层,向下合并,就形成了最简单的阴影效果。(图10)

1143914062_ddvip_5764.jpg图10

  到这里,我们的玻璃球还只能算是一个半成品。如果想让它更漂亮,下面还有一些不可错过的步骤。

  9. 反光效果:也许你会决定奇怪,前面我们已经做过了两次反光效果,为什么还要做呢?这是为了进一步增加球体内部的细节。这次我们用一种比较特别的方法,打开一副图片,最好是亮度比较高的图片,将其图像大小定为200×200像素大小。按Ctrl+A选择图像,把它粘贴到我们刚才的文档中,放置在texture层之上,图像会被自动对齐到文档正中。

  在这里,你选择的图片亮度越高,效果就越好。所以,有很多窗户的居室图片是很好的选择,因为这些图片会有很好的光线。

  选择我们刚才粘贴进来的图层,对它做去色处理,只保留图像的明暗。然后对它做球面化处理,简单的去除边角。将图层自由变形,缩小到比球体稍微小上一点,如图11所示,然后载入纹理层的选区,羽化3像素,反选后,删除3~5次,取消选择,并将图层的混合模式设为变亮,不透明度降低为15%。最后,用USM滤镜锐化,将数量设为150%,半径为0.5像素,阈值为0,使因缩小而模糊的图像清晰起来。(图12)

1143914062_ddvip_1189.jpg图11 1143914062_ddvip_3995.jpg图12

  10. 现在,我们来制作立体的阴影效果。选择我们刚才制作的阴影层,即图层1副本层,将其复制,对副本2层应用半径为4像素的高斯模糊。然后用变形工具中的缩放,按住Alt键,将变形框向中间收缩,并将整个变形框向下移动。确定变形,将图层的不透明度降低为65%。这样我们就得到了真实的阴影。(图13)

1143914062_ddvip_3835.jpg图13

  11. 下面这一步,是表现球体透光的关键。在刚才所制作的阴影层上新建一层,用直径35~50像素的柔化画笔,确定前景色为白色,在球体下面点击一下。画笔的中心大概位于3D阴影的边缘处。(图14)

1143914062_ddvip_4543.jpg图14

  12. 最后,我们先来为玻璃球制作一个简单的背景。选择背景层,设置前景色为RGB(255,211,38),背景色为RGB(57,0,0),选择径向渐变工具,将渐变方法为从前景色到背景色,尽可能的从画布中心向边角拖动鼠标,做出渐变。(图15)

1143914062_ddvip_8467.jpg图15

  打开杂色滤镜,为画布添加杂色,设置杂色数量为3,高斯分布,单色;然后从艺术效果滤镜组中选择绘画涂抹滤镜,设置画笔大小为10,锐化程度为20,画笔类型为简单;最后用USM滤镜锐化,设数量为100%,半径为0.5,阈值为0,这样,我们就得到一副简单的背景图像。(图16)

1143914062_ddvip_7324.jpg图16

  你可能会觉得我们刚才制作的球体底部的光亮有些画蛇添足的意思,那么试着将这一层的图层混合模式设为叠加,不透明度减低到75%,你就不会觉得它是多余的了。(图17)

1143914062_ddvip_2153.jpg图17

  13. 到这里,我们的球体可以算是基本上完成了。不过我们还可以对它进行加工,使它更为完美。如果你觉得球体周围的黑色过重,挡住了透射效果,那么我们就来处理它。选择背景层,载入图层1的选区,用扩展命令将选区向外扩展10像素,按Ctrl+J,将选区图像复制到新层中。

  将这一层移动到texture层之上,载入图层1的选区,向内收缩4像素,清除选区内图像,取消选择。将图层缩小到原来大小的80~90%。(图18)

1143914062_ddvip_4914.jpg图18

  载入图层1副本的选区,羽化2像素,反选,删除,取消选择。这时,我们的图像看起来更像一个玻璃按纽。(图19)

1143914062_ddvip_6721.jpg图19

  最后,将这一层的混合模式设为强光,不透明度降低到25%。这个球体才真正的完成了。(图glass)

1143914062_ddvip_9085.jpg图glass

  14. 现在,试着关闭一些图层,看看图像会出现哪些变化。在这个教程里,我们使用了大量的图层混合模式,这些混合模式使图像发生不可思议的变化。如果你关闭一些,或是改变其中一些的混合模式,那么你所创作的就不会仅仅是一副图像了。举个例子,下面这张图里,我关闭了不同的图层,效果是很明显的。如果再使用调整图层的话,那变化就更多了。(图20)

  1143914062_ddvip_2788.jpg图20

  用不同的纹理来代替现有的纹理层,这样会使你的图像丰富多彩。你也可以把它当作玻璃按纽来使用。关闭背景层,按Ctrl+A,再从编辑菜单中选择合并拷贝命令。这样,所有的可见图层都被复制到剪贴板中。选择新文档,粘贴,重定大小就可以了。

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10752043/viewspace-949538/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/10752043/viewspace-949538/

这篇关于Photoshop制作玻璃球效果(转)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:https://blog.csdn.net/csd3176/article/details/100200762
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/301546

相关文章

使用WPF实现窗口抖动动画效果

《使用WPF实现窗口抖动动画效果》在用户界面设计中,适当的动画反馈可以提升用户体验,尤其是在错误提示、操作失败等场景下,窗口抖动作为一种常见且直观的视觉反馈方式,常用于提醒用户注意当前状态,本文将详细... 目录前言实现思路概述核心代码实现1、 获取目标窗口2、初始化基础位置值3、创建抖动动画4、动画完成后

uniapp小程序中实现无缝衔接滚动效果代码示例

《uniapp小程序中实现无缝衔接滚动效果代码示例》:本文主要介绍uniapp小程序中实现无缝衔接滚动效果的相关资料,该方法可以实现滚动内容中字的不同的颜色更改,并且可以根据需要进行艺术化更改和自... 组件滚动通知只能实现简单的滚动效果,不能实现滚动内容中的字进行不同颜色的更改,下面实现一个无缝衔接的滚动

Java实现图片淡入淡出效果

《Java实现图片淡入淡出效果》在现代图形用户界面和游戏开发中,**图片淡入淡出(FadeIn/Out)**是一种常见且实用的视觉过渡效果,它可以用于启动画面、场景切换、轮播图、提示框弹出等场景,通过... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细

使用animation.css库快速实现CSS3旋转动画效果

《使用animation.css库快速实现CSS3旋转动画效果》随着Web技术的不断发展,动画效果已经成为了网页设计中不可或缺的一部分,本文将深入探讨animation.css的工作原理,如何使用以及... 目录1. css3动画技术简介2. animation.css库介绍2.1 animation.cs

Flutter实现文字镂空效果的详细步骤

《Flutter实现文字镂空效果的详细步骤》:本文主要介绍如何使用Flutter实现文字镂空效果,包括创建基础应用结构、实现自定义绘制器、构建UI界面以及实现颜色选择按钮等步骤,并详细解析了混合模... 目录引言实现原理开始实现步骤1:创建基础应用结构步骤2:创建主屏幕步骤3:实现自定义绘制器步骤4:构建U

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用