Home Web Front-end PS Tutorial Photoshop让喷泉的水花动起来

Photoshop让喷泉的水花动起来

Jun 01, 2016 pm 02:34 PM

本教程介绍水花的动态图制作方法。大致原理:把素材图片复制多份,然后用扭曲滤镜中的海洋波纹滤镜对各图层进行波纹处理,把原图中的水花扭曲一点位置。每一层的参数需要有一点变化,然后连贯起来就看以看到逼真的动态效果。 原图

Photoshop让喷泉的水花动起来

最终效果

Photoshop让喷泉的水花动起来
 
1、打开原图素材,CTRL+J 七次,总共有八个图层。

Photoshop让喷泉的水花动起来

2、选中最上面的图层(图层1副本6),进入快速蒙版,用画笔涂抹水面和喷泉。

Photoshop让喷泉的水花动起来

3、退出快速蒙版,执行 选择---反向, 选择—羽化2像素。不要取消选区。

Photoshop让喷泉的水花动起来
 
4、对图层1副本6执行:滤镜---扭曲---海洋波纹,大小2,幅度2; 图层1副本5执行:滤镜---扭曲---海洋波纹,大小3,幅度2;
图层1副本4执行:滤镜---扭曲---海洋波纹,大小4,幅度2;
图层1副本3执行:滤镜---扭曲---海洋波纹,大小5,幅度2;
图层1副本2执行:滤镜---扭曲---海洋波纹,大小6,幅度2;
图层1副本执行:滤镜---扭曲---海洋波纹,大小7,幅度2;
图层1 执行:滤镜---扭曲---海洋波纹,大小2,幅度2;
背景执行:滤镜---扭曲---海洋波纹,大小2,幅度2;



Photoshop让喷泉的水花动起来

5、执行 窗口---动画---从图层建立帧。

Photoshop让喷泉的水花动起来
 
6、把所有帧的时间都设为0.1秒。预览满意后,执行 文件---存储为Web和设备所用格式。

Photoshop让喷泉的水花动起来

7、调整图像大小(以利上传),优化,保存为Gif 格式,完成最终效果。

Photoshop让喷泉的水花动起来

最终效果:

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

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

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

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

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

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

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

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

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

How do I prepare images for print using Photoshop (resolution, color profiles)? How do I prepare images for print using Photoshop (resolution, color profiles)? Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

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

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

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

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

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

The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

See all articles