0

0

PS利用图层样式制作漂亮的立体感紫色玻璃心形

PHP中文网

PHP中文网

发布时间:2016-06-01 14:27:51

|

1684人浏览过

|

来源于php中文网

原创

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

1、打开photoshop,新建一个文件。设置如下图,像素长宽比选择:方形像素。保存文件并命名为adv reflective clear style.psd。在工作过程中要记得经常按ctrl+s保存和更新文件。

ps利用图层样式制作漂亮的立体感紫色玻璃心形

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

ps利用图层样式制作漂亮的立体感紫色玻璃心形
 
3、单击左侧栏中的“图案叠加”。点击图案右侧的小三角,调出图案选项,在选项设置中,选择“艺术表面”“小列表”,然后在图案列表选项中选择“石头”模式。

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

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

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

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

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

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

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

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

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

ps利用图层样式制作漂亮的立体感紫色玻璃心形

ps利用图层样式制作漂亮的立体感紫色玻璃心形

ps利用图层样式制作漂亮的立体感紫色玻璃心形

ps利用图层样式制作漂亮的立体感紫色玻璃心形
 
10、选择自定义形状工具(u),在选项栏中点击打开自定义形状选择器,它会打开自定义形状弹出面板。单击面板右侧的设置按钮,选择小缩览图,然后选择“常春藤2”的形状。

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

ps利用图层样式制作漂亮的立体感紫色玻璃心形

ps利用图层样式制作漂亮的立体感紫色玻璃心形

相关专题

更多
ip地址修改教程大全
ip地址修改教程大全

本专题整合了ip地址修改教程大全,阅读下面的文章自行寻找合适的解决教程。

33

2025.12.26

压缩文件加密教程汇总
压缩文件加密教程汇总

本专题整合了压缩文件加密教程,阅读专题下面的文章了解更多详细教程。

18

2025.12.26

wifi无ip分配
wifi无ip分配

本专题整合了wifi无ip分配相关教程,阅读专题下面的文章了解更多详细教程。

46

2025.12.26

漫蛙漫画入口网址
漫蛙漫画入口网址

本专题整合了漫蛙入口网址大全,阅读下面的文章领取更多入口。

91

2025.12.26

b站看视频入口合集
b站看视频入口合集

本专题整合了b站哔哩哔哩相关入口合集,阅读下面的文章查看更多入口。

283

2025.12.26

俄罗斯搜索引擎yandex入口汇总
俄罗斯搜索引擎yandex入口汇总

本专题整合了俄罗斯搜索引擎yandex相关入口合集,阅读下面的文章查看更多入口。

370

2025.12.26

虚拟号码教程汇总
虚拟号码教程汇总

本专题整合了虚拟号码接收验证码相关教程,阅读下面的文章了解更多详细操作。

35

2025.12.25

错误代码dns_probe_possible
错误代码dns_probe_possible

本专题整合了电脑无法打开网页显示错误代码dns_probe_possible解决方法,阅读专题下面的文章了解更多处理方案。

25

2025.12.25

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

72

2025.12.25

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
SciPy 教程
SciPy 教程

共10课时 | 0.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.6万人学习

CSS教程
CSS教程

共754课时 | 16.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号