Home Web Front-end PS Tutorial Photoshop 漂亮的彩色气泡效果

Photoshop 漂亮的彩色气泡效果

Jun 01, 2016 pm 02:36 PM
photoshop

本教程主要是利用图层样式来制作气泡效果。大致方法:先用选框工具拉出正圆选区,填充颜色把填充改为0,然后设置图层样式,制作出简单的气泡,再适当加点高光,效果就出来了。 来源:UCD博客 作者:不详
本教程主要是利用图层样式来制作气泡效果。大致方法:先用选框工具拉出正圆选区,填充颜色把填充改为0,然后设置图层样式,制作出简单的气泡,再适当加点高光,效果就出来了。
最终效果
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果  
1、新建文件背景色为黑,新建一个图层,用椭圆选框工具拉一个正圆选区,然后填充白色,把填充改为:0%,然后取消选区,创建图层调出图层样式,参数及效果如下图。
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果  
2、新建层,调出正圆选区填充白色,把填充改为:0%,双击图层调出图层样式做发光效果。。
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果
3、新建层选择笔刷,做颜色反光效果。
Photoshop 漂亮的彩色气泡效果  
4、新建层做第二个气泡,方法同上,加图层样式如图。
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果
Photoshop 漂亮的彩色气泡效果  
5、做出不同颜色很多气泡如图。
Photoshop 漂亮的彩色气泡效果
6、用笔刷在背景层上新建一层刷上颜色,完成最终效果。
Photoshop 漂亮的彩色气泡效果

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do I use Photoshop for creating social media graphics? How do I use Photoshop for creating social media graphics? Mar 18, 2025 pm 01:41 PM

How do I use Photoshop for creating social media graphics?

How do I prepare images for web use in Photoshop (file size, resolution, color space)? How do I prepare images for web use in Photoshop (file size, resolution, color space)? Mar 13, 2025 pm 07:28 PM

How do I prepare images for web use in Photoshop (file size, resolution, color space)?

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively? Mar 13, 2025 pm 07:35 PM

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?

How do I calibrate my monitor for accurate color in Photoshop? How do I calibrate my monitor for accurate color in Photoshop? Mar 13, 2025 pm 07:31 PM

How do I calibrate my monitor for accurate color in Photoshop?

How do I use Photoshop's video editing capabilities? How do I use Photoshop's video editing capabilities? Mar 18, 2025 pm 01:37 PM

How do I use Photoshop's video editing capabilities?

How do I prepare images for web using Photoshop (optimize file size, resolution)? How do I prepare images for web using Photoshop (optimize file size, resolution)? Mar 18, 2025 pm 01:35 PM

How do I prepare images for web using Photoshop (optimize file size, resolution)?

How do I create animated GIFs in Photoshop? How do I create animated GIFs in Photoshop? Mar 18, 2025 pm 01:38 PM

How do I create animated GIFs in Photoshop?

How can I master advanced selection techniques in Photoshop (e.g., Select and Mask)? How can I master advanced selection techniques in Photoshop (e.g., Select and Mask)? Mar 12, 2025 pm 02:07 PM

How can I master advanced selection techniques in Photoshop (e.g., Select and Mask)?

See all articles