在PS中创建透明玻璃质感的心形

  图层样式因为它本身的灵活性和可编辑性所以用途很广。另一个优点是它们是可重复使用。创建一个复杂的样式后,您可以将它保存,留着以后在其他图像上使用它。此外,如果我们将多个图层样式结合在一起,也可以创造出一些复杂又美观的图层效果,而且它仍保持了每个组件的可编辑性。所以,如果你是刚学习photoshop或者是使用了一段时间,但仍想更多的了解图层样式,还有如何有效的操控它们。 那么这个教程超级适合你哦。

  老规矩,先看最终效果:


  步骤1

  打开photoshop,新建一个文件。设置如下图,像素长宽比选择:方形像素。保存文件并命名为Adv Reflective Clear Style.psd。在工作过程中要记得经常按Ctrl+S保存和更新文件。


  步骤2

  双击背景层打开图层对话框。更改名字“Gradient bg(渐变BG)”,并单击“确定”。双击“渐变BG”图层打开图层样式对话框,然后选择左边选项栏的渐变叠加。创建一个径向渐变,单击渐变编辑器添加渐变色,具体设置如下。


  步骤3

  单击左侧栏中的“图案叠加”。点击图案右侧的小三角,调出图案选项,在选项设置中,选择“艺术表面”“小列表”,然后在图案列表选项中选择“石头”模式。然后将不透明度降低到10%,因为我们只需要一点点的石头质感就好。再次点击渐变叠加的图层效果,改变其混合模式为正片叠底,将两种图层效果混合在一起。接下来我们要添加内发光,可以让背景更吸引人。


  步骤4

  内发光是从内边向里发散。我们用这个内发光做一个从边缘开始向内的暗色渐变的效果。设置如下图:混合模式为正片叠底,颜色为RGB(115,17,112),大小为199像素。


  步骤5

  为了做出背景中圆点的效果,我们首先要创建一个自定义的形状,并将其保存为图案。然后,我们会用这个圆点形状生成背景圆点的图案效果。创建一个新文件对它进行以下设置:


  步骤6

  创建一个新的空白层(按Ctrl + Shift + N)。选择椭圆选框工具,在选项栏中单击样式下拉菜单并选择固定大小。然后宽度和高度设置为45px。点击画布的左上角建立一个圆形选区。如果前景色背景色不是黑白色,按D键来改变前景色和背景色为黑色和白色。然后按(Alt + Backspace)为选区填充黑色,Ctrl + D取消选区。同时选中选区层和背景层,选择移动工具,然后在选项栏中单击垂直居中对齐和水平居中对齐按钮。现在删除背景层,因为不需要它了。然后编辑>定义图案,给它命名为“circle_45px”。这种图案就被保存为新的图案了。


  步骤7

  在原文件里创建一个新的空白层,用白色填充。双击图层打开图层样式选项框,选择图案叠加,单击左侧的小三角下拉图案选项,选择“circle_45px”,在该图层上你可以用移动工具随意拖动它,位置满意后你可以点击确定。当然你也可以选择编辑>填充,形成圆点铺满背景的效果,两者的不同之处就是,填充后的图层不像图层样式中图案叠加的那个图层那样是可移动的。但问题是在空白的图层上添加图案叠加后,不会引起任何变化,所以要记得先给图层填充颜色。


  步骤8

  在图案层下方新建一个空白层,合并这个空白层和图案层。现在这个图案层就变成了一个普通的图层,也不能在对它的图层样式进行编辑了。重命名合并层为“圆图案扭曲”。现在我们要用到滤镜里的扭曲,因为我们要做出一个边缘柔和的3D凸起,柔和的边缘我们可以通过羽化来实现。首先我们创建一个大圆选区,选择椭圆选框工具。按着Shift + ALT从图像中心向外拖动一个完美的圆。如果圆位置不合适,不要松开shift+alt键,再同时按着空格键,就可以拖动定圆到你要的位置。当然你也可以画圆之后再拖动选区到合适位置。如下图所示:


  步骤9

  保持选区存在,从上方选项栏中点击选择>修改>羽化,羽化值为50像素。然后点击滤镜>扭曲>球面化,数量为100%,模式为正常,点击确定。现在你可以看到在图像中间凸起。改变“圆图案扭曲”层的混合模式为叠加,降低图层的不透明度为20%。黑色点看着有点暗,不怕,我们选择图像>调整>反相,效果出来了,是不是很赞。


  步骤10

  选择自定义形状工具(U),在选项栏中点击打开自定义形状选择器,它会打开自定义形状弹出面板。单击面板右侧的设置按钮,选择小缩览图,然后选择“常春藤2”的形状。单击并拖动鼠标创建新的常春藤形状图层。改变工具为移动工具(V)。同时选中该层和圆图案扭曲层,在选项栏中选择垂直居中对齐和水平居中对齐。把常春藤形状调整到中心位置。


  步骤11

  按Ctrl点击“常春藤2”层载入选区,关闭该层的可见性。按Ctrl + Shift + N创建新图层,填充“50%灰色”。命名图层为“玻璃(Plastic)层”。双击打开图层样式对话框,我们开始完成主要的玻璃层效果。在混合选项部分,降低填充值为0%,使玻璃层变透明。


  步骤12

  我们用斜面和浮雕,给图像添加高光和阴影。选择斜面和浮雕,具体设置如下图,其中方法为平滑,高光模式为线性减淡(增加),阴影模式为颜色减淡。在阴影的设置项中,高光模式选择线性减淡(增加)混合模式比滤色模式有更强的高光效果。阴影模式使用颜色减淡是来模拟在该形状边缘的光线穿过透明物体的效果。斜面和浮雕效果显现出形状的轮廓和浮雕效果,这个效果定义了它的边缘或斜肩。点击等高线,在弹出的面板中选择高斯曲线。


  步骤13

  选择内发光,具体设置如下图,其中混合模式选择变暗,方法为柔和。


  步骤14

  选择外发光,创造一种光是从外面照射过来的效果。我们用它来创建一个暗影外做出边缘对比更明显。设置如下图,混合模式设置为颜色加深。用添加较暗的颜色来衬托图像的亮度变化。


  步骤15

  选择内阴影,为形状边缘添加一个影子。具体设置如下图,混合模式为正片叠底。


  步骤16

  添加投影,投影一般是落在物体后面的影子。但这里的投影不是为了创造影子。它在这里的目的是为了创造明亮的光线,使光线看起来像要穿透这个透明物,设置如下图,混合模式为线性减淡(增加)。


  步骤17

  选择光泽,为形状添加光泽度。具体设置如下图,其中混合模式为颜色减淡,等高线为“环形-双”曲线,将不透明度降低到15%。这步是为了做出形状表面的反光效果,这里的颜色减淡可以使反光更明亮,而且“环形-双”曲线的变化很微妙,可以产生很好的效果。


  步骤18

  基本的样式现在已经完成了。我们把这个图层复制两次,它们放在一起产生的效果会更好。现在打开样式面板(窗口>样式),面板右下角选择创建新样式,在弹出的对话框上为它命名。单击确定保存样式供以后使用。详细见下图所示:


  步骤19

  右键点击“玻璃”层,选择复制图层。重命名复制的图层为“玻璃高光”。双击图层打开图层样式对话框,取消除了斜面和浮雕、光泽以外所有的图层样式。对斜面和浮雕进行如下设置。


  步骤20

  现在点击光泽样式,设置如下。等高线还是环形–双,但是这一次使图像呈现更高的透明度。


  步骤21

  这是完成后的“玻璃高光“层。


  步骤22

  复制“玻璃高光“图层并重命名为“玻璃光泽”。双击图层打开图层样式对话框。斜面和浮雕面进行如下设置。


  步骤23

  下面是投影的设置,目的是加深效果。


  步骤24

  这是完成后的“玻璃光泽”层。


  步骤25

  玻璃的整体效果已经做好了。但是我们需要稍微调整一点点。选择“玻璃光泽”层,在最上方图层按Ctrl + Shift + Alt + E创建一个副本合并的图层。这个操作称为盖印可见图层,这使得所有可见层复制并合并到一个新层。重命名为“上反光”。复制层并将它重新命名为“底层反光”。拖动并把它放到“玻璃样式”层的下方。降低“底层反光”的不透明度为40%,混合模式为正片叠底。降低“上反光”不透明度降低到50%,改变混合模式为叠加。下面是效果图。


  步骤26

  现在我们创建高光点,我们可以在“上反光”层上新建一个空白图层,然后用柔边画笔去绘制高光点。但我们用的是另一种更精确的方法,这将产生一个更好的效果。首先关闭“圆图案扭曲”层、“上反光”层和“底层反光”层的可见性。然后点击“玻璃光泽”层上,按Ctrl + Shift + Alt + E创建一个盖印图层。重命名复制合并后的图层为“高光点”层,并将它拖动到“上反光”层上方。然后,选择”图像>调整>去色”去除所有的颜色信息。然后“图像>调整>色阶”,对其进行如下图设置。我们的原则是将除了高光区以外的部分都变成黑色。


  步骤27

  改变图层混合模式为“线性减淡(添加)”。这可以检测出准确又清晰的高光区域,线性减淡(添加)移除了图像中的黑色,保留了白色高光区。然后ctrl+J复制“高光点”层。重命名复制的图层为“高光模糊”,将它拖到了下面的“高光点”层。然后滤镜>模糊>高斯模糊,半径为5像素,产生一个柔软的模糊版本的“高光点”层。


  步骤28

  按Ctrl 并单击“常春藤2“形状图层,将其载入选区。在“圆图案扭曲”层上创建一个新的空白层,重命名为“影子”。用黑色填充,双击打开图层样式对话框。套用如下图的投影设置,并降低图层不透明度为50%,填充为0%。


  步骤29

  恭喜您,透明的玻璃质感的心型效果已经完成了,下图是最后效果图。

 


分类:

  • PS入门教程
时间: 2024-08-29 07:14:04

在PS中创建透明玻璃质感的心形的相关文章

PS制作超炫超质感的心形火焰

今天要翻译的这个教程效果很炫,在做的时候希望大家不要只是按照步骤一步步做,思路很重要,体会了这个思路,后面做东西就会举一反三,第二次翻译教程,希望心情大家愉快.原创翻译,转载请注明出处:永艾视觉设计(http://www.qdyongai.cn),谢谢. 用到的素材: 1.混凝土纹理 2.火焰素材 3.阿拉丁神灯 4.心的内部光的素材 同样一开始我们先来看一下这个教程的最终效果图.如下图: 步骤一:新建一个文档,大小是1920 x 1080,下载上面的混凝土纹理到本地机器上,就像我们在前面那个教

如何在PS中创建双重曝光效果

         如何在PS中创建双重曝光效果          双重曝光的效果不仅仅是受摄影师欢迎,是一个艺术家和设计师都可以使用它来创建酷抽象艺术品的技术.在现实世界中,你可以看到许多专辑封面以及受欢迎的电视剧标题中都使用这种效果.今天我们要学习在Photoshop中模仿这种传统的效果. 分类: PS入门教程

excel表格中怎么绘制一个漂亮的心形图?

excel表格中怎么绘制一个漂亮的心形图?   1.首先插入一个爱心 2.边框填充为无轮廓 3.格式-形状填充-渐变-其他渐变 开发绘制excel表格"> 4.填充-渐变填充,类型选择路径,渐变光圈这里有一个×删除渐变光圈的按钮,如图,先点击2次 5.颜色先填充白色 6.如图,点击+添加渐变光圈的按钮,然后颜色设置红色 7.如图,拖动渐变光圈的停止点按钮,现在爱心变成如图所示的样子 8.我再添加2次的渐变光圈,然后调整停止点按钮,爱心如图

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

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

photoshop绘制透明玻璃质感长圆形按钮

最终效果图 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右半圆向右移动30像素,结果如图01. 图01 2. 选取两半圆中空间,填充色#003366结果如图02. 图02 3. 选择Select/Load selection,ok后选择Se

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

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

PS网页设计教程XXII——在PS中创建单页复古网页布局

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

PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局

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

透明玻璃质感长圆形按钮制作技法

按钮|透明 1. 在Photoshop5.5(或者更高版本)中建立新文件120x80 大小, RGB模式Contents,设为Transparent( 透明 ),layer1填充为白色,上加一层,建立40x40 的圆形,放在页面中心填充色#003366,然后将其从中心分解开,左右各20像素,左半圆向左移动30像素,右半圆向右移动30像素,结果如图01. 图01 2. 选取两半圆中空间,填充色#003366结果如图02. 图02 3. 选择Select/Load selection,ok后选择Se