search
HomeWeb Front-endPS TutorialPhotoshop设计制作闪亮的青色透明水珠

水珠制作思路及过程并不复杂,制作之前,我们需要找一些水珠素材参考一下,把高光及暗部的构造了解清楚,这样制作的时候就快很多。 最终效果

Photoshop设计制作闪亮的青色透明水珠
<图1>

1、新建一个800 * 600像素的文件,选择渐变工具,颜色设置如图2,然后由左下角向右上角拉出图3所示的线性渐变作为背景。

Photoshop设计制作闪亮的青色透明水珠
<图2>

Photoshop设计制作闪亮的青色透明水珠
<图3>
 
2、新建一个组,用椭圆选框工具拉出下图所示的椭圆选区,羽化1个像素后给组添加图层蒙版,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图4>

3、在组里新建一个图层,选择渐变工具,颜色设置如图5,拉出图6所示的径向渐变作为背景,中心位置可以用减淡工具稍微涂亮一点。

Photoshop设计制作闪亮的青色透明水珠
<图5>

Photoshop设计制作闪亮的青色透明水珠
<图6>

4、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化20个像素后填充蓝紫色色:#B8D5F5,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图7>
 
5、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化20个像素后填充淡青色:#B8F5F5,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图8>

6、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化15个像素后填充同上的青色,混合模式改为“颜色减淡”,不透明度改为:50%,效果如下图。

Photoshop设计制作闪亮的青色透明水珠
<图9>

7、新建一个图层,用椭圆选框工具在水珠的左下角拉出下图所示的椭圆选区,羽化20个像素后填充同上的淡青色。

Photoshop设计制作闪亮的青色透明水珠
<图10>

8、新建一个图层,同上的方法给右侧填充淡青色,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图11>
 
9、新建一个图层,同上的方法给左右两侧加上蓝紫色,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图12>

10、新建一个图层,用钢笔勾出左下角中间部分的高光选区,羽化10个像素后填充淡青色:#B3FDFE,取消选区后添加图层蒙版,用黑色画笔把右侧过渡擦出来,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图13>

11、新建一个图层,用钢笔勾出顶部的暗部选区,羽化20个像素后填充暗青色:#2F8A97,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图14>

12、新建一个图层,同上的方法给左下角部分增加一些高光及暗部,效果如图15,16。

Photoshop设计制作闪亮的青色透明水珠
<图15>

Photoshop设计制作闪亮的青色透明水珠
<图16>
 
13、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充白色,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图17>

14、新建图层,同上的方法再多增加一些暗部及高光,增加水珠的细节,过程如图18 - 22。

Photoshop设计制作闪亮的青色透明水珠
<图18>

Photoshop设计制作闪亮的青色透明水珠
<图19>

Photoshop设计制作闪亮的青色透明水珠
<图20>

Photoshop设计制作闪亮的青色透明水珠
<图21>

Photoshop设计制作闪亮的青色透明水珠
<图22>
 
15、新建图层,同上的方法再渲染一些白色高光,如图23,24。

Photoshop设计制作闪亮的青色透明水珠
<图23>

Photoshop设计制作闪亮的青色透明水珠
<图24>

16、创建曲线调整图层,把整体稍微压暗一点,参数及效果如下图。

Photoshop设计制作闪亮的青色透明水珠
<图25>

Photoshop设计制作闪亮的青色透明水珠
<图26>

17、在背景图层上面新建一个图层,用椭圆选框工具拉出下图所示的选区,羽化15个像素后填充暗青色作为投影,如下图。

Photoshop设计制作闪亮的青色透明水珠
<图27>

最后调整一下细节,完成最终效果。

Photoshop设计制作闪亮的青色透明水珠
<图28>

以上就是Photoshop设计制作闪亮的青色透明水珠的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Statement
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
Photoshop's Core Function: Image Editing and ManipulationPhotoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationPhotoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessPhotoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

Photoshop for Photographers: Enhancing and Retouching ImagesPhotoshop for Photographers: Enhancing and Retouching ImagesApr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

Accessing Photoshop: Methods and AvailabilityAccessing Photoshop: Methods and AvailabilityApr 24, 2025 am 12:07 AM

Photoshop can be obtained by purchasing a permanent license or subscribing to CreativeCloud. 1. Purchase a permanent license for long-term use, no monthly payment, but no latest updates are available. 2. Subscribe to CreativeCloud to access the latest version and other Adobe software, and you need to pay a monthly or annual fee. The choice should be based on frequency of use and requirements.

What Photoshop Does Best: Common Tasks and ProjectsWhat Photoshop Does Best: Common Tasks and ProjectsApr 23, 2025 am 12:06 AM

Photoshop is specialized in image editing, layering and masking, digital painting and a variety of design applications. 1) Image editing and repair: remove defects and adjust color and brightness. 2) Layers and masks: non-destructive editing and creation. 3) Digital paintings and illustrations: create art works. 4) Practical applications: graphic design, web design and digital art creation.

Using Photoshop: Creative Possibilities and Practical UsesUsing Photoshop: Creative Possibilities and Practical UsesApr 22, 2025 am 12:09 AM

Photoshop is very practical and creative in practical applications. 1) It provides basic editing, repairing and synthesis functions, suitable for beginners and professionals. 2) Advanced features such as content recognition fill and layer style can improve image effects. 3) Mastering shortcut keys and optimizing layer structure can improve work efficiency.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools