0

0

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

PHP中文网

PHP中文网

发布时间:2016-06-01 14:33:24

|

1812人浏览过

|

来源于php中文网

原创

本教程制作过程虽然复杂,不过思路很好理解。我们只需要用喷溅笔刷或素材,按照心形的轮廓刷上笔刷。然后把得到的喷溅心形多复制几层,分别设置好图层样式,把颜色及水珠质感设置出来即可。

 最终效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

1、新建1024*768的画布,分辨率72DPI,使用自定义形状工具做一个心形图案。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
2、插入不同的飞溅素材,适当的变换和旋转,使之成为心形,每个图层的图层混合模式均为正片叠底,这样可以显现出背景的心形。如下图所示同样的飞溅素材使用了两次,只是适当的拉伸、移动和倒置。点这里下载所有喷溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

3、和上述步骤一样,插入不同形状的飞溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

4、选中所有的飞溅素材,将其转换为智能对象。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

5、所有的飞溅素材图层将转换成一个智能对象图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
6、新建色阶调整层、黑白调整层,执行滤镜----模糊、表面模糊,相关参数设置如下图所示。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

模糊参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

色阶参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

黑白参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
7、将智能对象图层和调整图层合并,将得到一个黑白的飞溅图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

8、消除白色背景,选择---色彩范围,用吸管吸取白色背景并移除。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

9、图示的即为消除白色背景后的图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

10、添加渐变叠加的图层样式。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
11、复制飞溅素材图层,对第一层添加调整图层。投影:正片叠底;内阴影:正常;斜面和浮雕:内斜面,平滑;等高线:线性;光泽:线性光;渐变叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
12、对飞溅素材图层副本添加以下混合选项,斜面和浮雕:内斜面,光滑,等高线手工调整;等高线:线性;光泽:线性光;图案叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
13、在最下面的飞溅素材图层和背景图层之间新建一个图层,在画布中间用柔化画笔做一个300像素的圆斑。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

14、复制圆斑图层,至于上方,对于圆斑使用自由变换工具拉伸,并移动到图示位置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

15、返回心形背景图层,添加渐变叠加,填充为0。渐变叠加:叠加,线性。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
16、保持心形图层可编辑,对于飞溅素材图层载入选区(CTRL+单击),对心形图层添加蒙版并载入选区。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

17、合并除背景图层和圆斑图层之外的所有图层,不透明的调整为25%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

18、复制合并后的图层,放在背景图层之上,通过自由变换工具垂直翻转并增大尺寸,执行:编辑---变化---垂直翻转,图层混合模式为柔光,不透明的35%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

19、接下来创建一条光带。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

20、为了创建这个光带,使用1像素的两个画笔,底部填充粉色/透明的横向渐变映射,顶部填充黑色至暗紫色。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
21、顶部的粉红色椭圆斑点用300像素,圆度12%的柔角笔刷创建。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

最后加上装饰文字,完成最终效果。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

稿定AI社区
稿定AI社区

在线AI创意灵感社区

下载

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
AO3官网入口与中文阅读设置 AO3网页版使用与访问
AO3官网入口与中文阅读设置 AO3网页版使用与访问

本专题围绕 Archive of Our Own(AO3)官网入口展开,系统整理 AO3 最新可用官网地址、网页版访问方式、正确打开链接的方法,并详细讲解 AO3 中文界面设置、阅读语言切换及基础使用流程,帮助用户稳定访问 AO3 官网,高效完成中文阅读与作品浏览。

60

2026.02.02

主流快递单号查询入口 实时物流进度一站式追踪专题
主流快递单号查询入口 实时物流进度一站式追踪专题

本专题聚合极兔快递、京东快递、中通快递、圆通快递、韵达快递等主流物流平台的单号查询与运单追踪内容,重点解决单号查询、手机号查物流、官网入口直达、包裹进度实时追踪等高频问题,帮助用户快速获取最新物流状态,提升查件效率与使用体验。

20

2026.02.02

Golang WebAssembly(WASM)开发入门
Golang WebAssembly(WASM)开发入门

本专题系统讲解 Golang 在 WebAssembly(WASM)开发中的实践方法,涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化,以及典型应用场景(如前端计算、跨平台模块)。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

10

2026.02.02

PHP Swoole 高性能服务开发
PHP Swoole 高性能服务开发

本专题聚焦 PHP Swoole 扩展在高性能服务端开发中的应用,系统讲解协程模型、异步IO、TCP/HTTP/WebSocket服务器、进程与任务管理、常驻内存架构设计。通过实战案例,帮助开发者掌握 使用 PHP 构建高并发、低延迟服务端应用的工程化能力。

3

2026.02.02

Java JNI 与本地代码交互实战
Java JNI 与本地代码交互实战

本专题系统讲解 Java 通过 JNI 调用 C/C++ 本地代码的核心机制,涵盖 JNI 基本原理、数据类型映射、内存管理、异常处理、性能优化策略以及典型应用场景(如高性能计算、底层库封装)。通过实战示例,帮助开发者掌握 Java 与本地代码混合开发的完整流程。

4

2026.02.02

go语言 注释编码
go语言 注释编码

本专题整合了go语言注释、注释规范等等内容,阅读专题下面的文章了解更多详细内容。

62

2026.01.31

go语言 math包
go语言 math包

本专题整合了go语言math包相关内容,阅读专题下面的文章了解更多详细内容。

55

2026.01.31

go语言输入函数
go语言输入函数

本专题整合了go语言输入相关教程内容,阅读专题下面的文章了解更多详细内容。

27

2026.01.31

golang 循环遍历
golang 循环遍历

本专题整合了golang循环遍历相关教程,阅读专题下面的文章了解更多详细内容。

33

2026.01.31

热门下载

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

精品课程

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

共18课时 | 5.1万人学习

10分钟--Midjourney创作自己的漫画
10分钟--Midjourney创作自己的漫画

共1课时 | 0.1万人学习

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

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