html 透明玻璃效果,PS教程：制作透明玻璃效果（一）
今天给大家带来的是制作透明玻璃的教程，这个教程对于光的效果制作有难度，但是只要你有好的分析方法，我想这个PS教程对你不会有什么难度。让我们开始吧。
最终效果图：
素材下载：
第一步：
把“木纹”下载下来，直接就在上面开工，因为它的用处是背景，也不会编辑它。所以不需用新建，但是在其它的设计制作中，大家还是要习惯性的CTRL+J。
然后我们使用圆角矩形工具，圆角为“10”。拉出一个矩形来。
现在我们双击矩形图层。命名为“玻璃”，双击添加样式， 具体的地方我就不在图上画了，大家自己仔细看下：
-投影：
-内阴影：
-斜面与浮雕：
这是3个样式以后的效果：
然后我们继续添加样式：
-光泽：
-颜色叠加：
-渐变叠加：
-图案叠加，图案素材在上面那个压缩包里面：
-描边：
做完以后效果是这样的：
第二步：
现在我们来制作玻璃的高光部分，这是在黑色背景下面的效果。
新建一个背景图层，填充黑色
我们先做边框的反光效果，这里需要用到光的投射知识，这里我就不多说了，学过美术的应该都知道，菜鸟们就跟着学下，然后自己去翻阅下相关知识。
我们先把玻璃的图层复制，命名为“光1”，把填充改成“0”，然后选择图层-右键-删除图层样式。然后双击此图层添加样式。就会做出下面的效果。
下面这几步很关键，希望大家能看得空。
我们将“光1”图层复制，命名为“光2”，然后用选取工具，按图下辅助一层，然后将它命名为“边1”，然后在复制“边1”一次，命名为“边2”，将其隐藏，等下用。
现在我们用选取工具删除“光2”的左边一部分。下面是把“边1”隐藏起来的效果。
然后选择“边1”，然后添加蒙板，用渐变工具做个虚实效果。怎么拉我就不多说了。太简单了。
然后将“边2”的眼睛点开，同上用渐变工具做个虚实效果。把透明度调成：40%。
然后我们选择“光2”图层，也是用蒙板的方法：
然后在“光2”图层上选取右边一块，如下：
用蒙板做出的效果是：
上面还有一块我这就不写了，相信做了上面几步，这一步已经毫无难度了。就是在“光2”上面，选取，然后删除，在蒙板。。。。
做完这几步后的效果是：
最后我们将这几个图层合并，合并前可以先把他包一个文件夹里，把图层都选中，然后CTRL+G，然后在拖到面板下方的复制，在CTRL+E合并，将原有的包隐藏就可以了：
然后将此文件命名为“边框”，双击次图层添加一个外发光。
这边框的反光最后一步就是用加深和减淡工具，插出高光来：
这里可能会有人把黑色背景取消掉，发现边框和外发光是黑色的，这里没事，后面那一步我们会告诉大家怎么做
今天就先到这，写了3个多小时，太累了，可能会有些细节没写出来，希望大家见谅，如有问题可以新浪@经典设计网
html 透明玻璃效果,PS教程：制作透明玻璃效果（一）相关推荐
- 计算机电脑水晶字制作图片,电脑技巧收藏家photoshop技巧Photoshop教程:制作透明水晶字（3）...
Photoshop教程:制作透明水晶字(3) 步骤3 设置"颜色叠加" 跟着进行第二步的设置.用鼠标选中[图层样式]对话框左边的"颜色叠加"选项,然后在选项区域 ...
- ps如何制作点阵图效果
ps如何制作点阵图效果应该怎么做呢,下面为大家上图: 一:新建文档 输入您想要的文字,这里我输入的是www.hanjue.cc(汉爵团购): 二:将图层文字删格化 三:选择滤镜--像素化--马赛克 数 ...
- 如何怎么样讲图片调成半透明效果#ps教程#ps学习#ps抠图
如何怎么样讲图片调成半透明效果#ps教程#ps学习#ps抠图
- php气泡效果,ps绘制漂亮透明的泡泡效果
今天说说如何用ps绘制漂亮透明的泡泡效果,做法简单,想学的朋友可以看下: 1.首先打开PS软件,新建500x400的图层(大小自定,好操作就行),然后填充蓝色,如下图! 2.新建图层1,选择" ...
- ppt怎么把图片做成翻书效果_PPT怎么制作翻书效果？PPT制作翻书效果教程
PPT是我们经常使用的幻灯片制作软件,制作的幻灯片可以进行播放.那么为了使PPT内容更加的丰富.生动,我们可以在制作PPT的时候添加一些动画效果,今天小编要教的大家的是PPT中的翻书动画效果,有兴趣的 ...
- php 动态替换视频图片,用PS将bmp图片制作出漂亮的动态视频效果-PS教程
平时可以利用不同格式的图片制作出很多不同的效果,这里用比较少用的黑白bmp格式的图片来结合图片素材制作出漂亮的视频效果.这种制作方法也很实用,可以结合不同的图片来制作出不一样的效果.下面就来具体操作一 ...
- ppt怎么把图片做成翻书效果_ppt如何制作翻书效果 ppt翻书效果怎么制作
相信说起PPT,很多的网友经常都会使用到,无论是工作党还是学生党,经常都会使用到PPT进行会议演示吧,而PPT中有非常多的繁杂的各种制作效果,其中有一个翻书效果,好多网友都表示不知道怎么制作,那么下面 ...
- html5 打字机效果,使用JavaScript制作打字机文本效果
我们在看电影时经常能够看到一些炫酷的打字机效果,用于显示一些地名或剧情简介.我们在网页中也能够实现类似的效果,目前网上已经有很多打字机效果的插件,如轻量级响应式jQuery打字机特效插件和逼真的js打 ...
- html5实现立体照片墙效果,利用css制作3D照片墙效果
利用css制作3D照片墙,具体代码如下所示: 无标题文档 以上代码是准备工作,在html代码的body主体中放了一个div,里面包着你想要显示在照片墙上的照片,数量可以任意.接着开始着手写样式. bo ...
- 【有利可图网】PS教程：图片切割效果制作
人像分割效果,感兴趣的朋友让我们一起来学习吧. 先看看效果图 1.首先我们还是老样子,将素材拖拽进PS,CTRL+J复制一层 2.接下来我们在最上方新建一个图层,填充灰色 3.好的,然后我们点击矩形工 ...
最新文章
- oracle数据库Sys密码策略,Oracle数据库加固之密码策略解析
- java集合(1)-概述
- 用英语描述计算机操作,操作系统的英文介绍
- Spring Boot系列教程六：日志输出配置log4j2
- 支持ipv6类型的ddos测试工具thc-ipv6
- 【Tools】OBS Studio录制视频教程
- Oracle -- rollup函数
- 腾讯敏感词汇大全_腾讯数平精准推荐 | OCR技术之识别篇
- 谷歌浏览器帮助用户在安装前识别不受信任的扩展
- 经典对抗攻击Deepfool原理详解与代码解读
- 1076: 三位数求解
- 2019正睿Day1题解
- 微信公众号开发相关问题
- SpringMVC框架 获取前台传过来的数组并解析
- 阮一峰 / ES6 数组的解构赋值
- Invalid default value for
- WIN10 Redis安装与使用
- 操作系统的启动过程详解
- 为 repo ‘AppStream‘ 下载元数据失败 错误：为 repo ‘AppStream‘ 下载元数据失败
- python:中文词法分析（LAC）