RSS订阅
你的位置:首页 » PS鼠绘教程 » 正文

Photoshop鼠绘质感的玻璃透明心形效果

选择字号: 超大 标准 CZLOGO 发布于2020-01-05 属于 PS鼠绘教程 栏目  0个评论 187人浏览

教程分为两个大的部分:背景和水晶心形。背景先用渐变色填充,然后填充自制图案,再用滤镜等做一些变形处理;心形部分制作稍微复杂一点,用到多个图层,分别控制高光、暗部、细节等,用图层样式来完成。

最终效果

photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

3、单击左侧栏中的“图案叠加”。点击图案右侧的小三角,调出图案选项,在选项设置中,选择“艺术表面”“小列表”,然后在图案列表选项中选择“石头”模式。

然后将不透明度降低到10%,因为我们只需要一点点的石头质感就好。再次点击渐变叠加的图层效果,改变其混合模式为正片叠底,将两种图层效果混合在一起。接下来我们要添加内发光,可以让背景更吸引人。

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

6、创建一个新的空白层(按Ctrl + Shift + N)。选择椭圆选框工具,在选项栏中单击样式下拉菜单并选择固定大小。然后宽度和高度设置为45px。点击画布的左上角建立一个圆形选区。

如果前景色背景色不是黑白色,按D键来改变前景色和背景色为黑色和白色。然后按(Alt + Backspace)为选区填充黑色,Ctrl + D取消选区。同时选中选区层和背景层,选择移动工具,然后在选项栏中单击垂直居中对齐和水平居中对齐按钮。现在删除背景层,因为不需要它了。然后编辑>定义图案,给它命名为“circle_45px”。这种图案就被保存为新的图案了。

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

7、在原文件里创建一个新的空白层,用白色填充。双击图层打开图层样式选项框,选择图案叠加,单击左侧的小三角下拉图案选项,选择“circle_45px”,在该图层上你可以用移动工具随意拖动它,位置满意后你可以点击确定。

当然你也可以选择编辑>填充,形成圆点铺满背景的效果,两者的不同之处就是,填充后的图层不像图层样式中图案叠加的那个图层那样是可移动的。但问题是在空白的图层上添加图案叠加后,不会引起任何变化,所以要记得先给图层填充颜色。

Photoshop设计质感的玻璃透明心形效果,PS教程

8、在图案层下方新建一个空白层,合并这个空白层和图案层。现在这个图案层就变成了一个普通的图层,也不能在对它的图层样式进行编辑了。重命名合并层为“圆图案扭曲”。

现在我们要用到滤镜里的扭曲,因为我们要做出一个边缘柔和的3D凸起,柔和的边缘我们可以通过羽化来实现。首先我们创建一个大圆选区,选择椭圆选框工具。按着Shift + ALT从图像中心向外拖动一个完美的圆。如果圆位置不合适,不要松开shift+alt键,再同时按着空格键,就可以拖动定圆到你要的位置。当然你也可以画圆之后再拖动选区到合适位置。如下图所示。

Photoshop设计质感的玻璃透明心形效果,PS教程

9、保持选区存在,从上方选项栏中点击选择>修改>羽化,羽化值为50像素。然后点击滤镜>扭曲>球面化,数量为100%,模式为正常,点击确定。

现在你可以看到在图像中间凸起。改变“圆图案扭曲”层的混合模式为叠加,降低图层的不透明度为20%。黑色点看着有点暗,不怕,我们选择图像>调整>反相,效果出来了,是不是很赞。

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

10、选择自定义形状工具(U),在选项栏中点击打开自定义形状选择器,它会打开自定义形状弹出面板。单击面板右侧的设置按钮,选择小缩览图,然后选择“常春藤2”的形状。

单击并拖动鼠标创建新的常春藤形状图层。改变工具为移动工具(V)。同时选中该层和圆图案扭曲层,在选项栏中选择垂直居中对齐和水平居中对齐。把常春藤形状调整到中心位置。

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

12、我们用斜面和浮雕,给图像添加高光和阴影。选择斜面和浮雕,具体设置如下图,其中方法为平滑,高光模式为线性减淡(增加),阴影模式为颜色减淡。

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

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

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

Photoshop设计质感的玻璃透明心形效果,PS教程

Photoshop设计质感的玻璃透明心形效果,PS教程

标签:

请输入你的在线分享代码

猜你喜欢

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

站长推荐的文章
最新评论