Home Web Front-end PS Tutorial Photoshop 五颜六色的可爱气泡制作方法

Photoshop 五颜六色的可爱气泡制作方法

Jun 01, 2016 pm 02:36 PM
bubble

最终效果
Photoshop 五颜六色的可爱气泡制作方法
1、新建一个600 * 600像素的文件,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变。
Photoshop 五颜六色的可爱气泡制作方法
<图1>
Photoshop 五颜六色的可爱气泡制作方法
<图2>  2、按Ctrl + R 调出标尺,拉两条相交的参照线,如下图。
Photoshop 五颜六色的可爱气泡制作方法
<图3>
3、新建一个图层,选择椭圆选框工具,以参照线交点为圆心,按住Alt + Shift 键拉一个正圆选区如下图。把前景颜色设置为:#439AFC,选择画笔工具,画笔不透明度设置为:10%左右,然后在正义的底部涂上淡淡的蓝色调,如下图。
Photoshop 五颜六色的可爱气泡制作方法
<图4>  4、保持选区,新建一个图层,用白色画笔把边缘涂上淡淡的白色,如下图。
Photoshop 五颜六色的可爱气泡制作方法
<图5>
5、保持选区,新建一个图层,用不同的颜色把边缘涂上彩色,大致效果如下图。
Photoshop 五颜六色的可爱气泡制作方法
<图6>
6、新建一个图层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化2个像素后填充橙色。
Photoshop 五颜六色的可爱气泡制作方法
<图7>  7、新建一个图层,用钢笔勾出下图所示的选区,填充颜色:#DAAA46,顶部用橡皮擦点透明效果。锁定图层后用不同的颜色涂上彩色,效果如图9,10。
Photoshop 五颜六色的可爱气泡制作方法
<图8>
Photoshop 五颜六色的可爱气泡制作方法
<图9>
Photoshop 五颜六色的可爱气泡制作方法
<图10>


    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 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 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 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