Home Web Front-end PS Tutorial Photoshop制作仿若仙境云雾飘飘的gif动态图片

Photoshop制作仿若仙境云雾飘飘的gif动态图片

Jun 01, 2016 pm 02:26 PM
gif photoshop

这篇教程是向脚本之家的朋友介绍Photoshop制作仿若仙境云雾飘飘的gif动态图片方法,教程制作出来的效果非常地漂亮,难度也不是很大,推荐到脚本之家,喜欢的朋友可以跟着教程一起来学习

这一节,我们来学习运用Photoshop制作云雾飘飘的动画。

Photoshop制作仿若仙境云雾飘飘的gif动态图片

工具/原料

电脑 ps软件

说明:小编使用的Photoshop CS6软件,大家使用软件不同,制作云雾飘动的方法是一样的哦!

制作云雾飘动步奏:

1、打开ps的软件,双击灰色部分打开我们的素材图片。如果打开的图片过大,可以右键单击名称部分,找到图片大小,将宽度设置小一点就可以了,这里小编设置的是600。小编的素材图片来源于网络,在此表示感谢。

Photoshop制作仿若仙境云雾飘飘的gif动态图片

2、新建一个空白图层,现在菜单栏中的滤镜—渲染—云彩。

Photoshop制作仿若仙境云雾飘飘的gif动态图片

3、选择菜单栏中的编辑—自由变换,或者直接使用快捷键Ctrl+T,先将云彩向左拖动放大,再将云彩向右拖动放大,是云彩左右拖动都可以盖住风景图片。

Photoshop制作仿若仙境云雾飘飘的gif动态图片

4、选中图层1,将图层1的混合模式设置为滤色,如下图所示:

Photoshop制作仿若仙境云雾飘飘的gif动态图片

5、选择菜单栏中的窗口—时间轴,我们打开时间轴面板,将第一帧设置为云彩最左边,再新建一帧选择移动工具,向左拖动云彩时其到最右边。(注意:云彩一定要覆盖画面。)

Photoshop制作仿若仙境云雾飘飘的gif动态图片

6、将第一帧的时间设置为0.1,第二帧的时间也设置为0.1;再选中第一帧,找到时间轴下面的过渡动画帧。

Photoshop制作仿若仙境云雾飘飘的gif动态图片

7、点击过渡动画帧,这里设置要添加的帧数为80,点击确定。(注意:我们选择的过渡帧越多,过渡就越自然,做出来的效果就越逼真。)

Photoshop制作仿若仙境云雾飘飘的gif动态图片

8、添加了80帧过渡帧后,我们可以点击下面的播放观看下效果。

Photoshop制作仿若仙境云雾飘飘的gif动态图片

动画导出:

1、动画制作好后,我们需要将动画导出来。选择菜单中的文件—存储为web所用格式,选择GIF,再点击储存,保存到桌面中。(注意:这里一定是点击储存。)

Photoshop制作仿若仙境云雾飘飘的gif动态图片

2、大家保存到桌面后,如果观看动画,是用网页打开哦!让我们看下最终的效果图。

Photoshop制作仿若仙境云雾飘飘的gif动态图片

以上就是Photoshop制作仿若仙境云雾飘飘的gif动态图片方法介绍,希望能对大家有所帮助!

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

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

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)

What are the permanently free photoshopcs5 serial numbers? What are the permanently free photoshopcs5 serial numbers? Jul 06, 2023 am 10:00 AM

What are the permanently free photoshopcs5 serial numbers?

Solution: Fix keyboard shortcuts not working in Photoshop Solution: Fix keyboard shortcuts not working in Photoshop Sep 22, 2023 pm 03:17 PM

Solution: Fix keyboard shortcuts not working in Photoshop

How to deal with blurred scanned documents How to deal with blurred scanned documents Jan 05, 2021 pm 03:09 PM

How to deal with blurred scanned documents

Which company does photoshop belong to? Which company does photoshop belong to? Jul 20, 2022 am 11:47 AM

Which company does photoshop belong to?

Adobe Photoshop official web version AI generated fill and generate extended image tools Adobe Photoshop official web version AI generated fill and generate extended image tools Sep 29, 2023 pm 10:13 PM

Adobe Photoshop official web version AI generated fill and generate extended image tools

Which company developed photoshop? Which company developed photoshop? Jul 08, 2022 am 11:34 AM

Which company developed photoshop?

What tools do you use to draw paths in photoshop What tools do you use to draw paths in photoshop Mar 19, 2021 pm 05:11 PM

What tools do you use to draw paths in photoshop

Using Python to convert MP4 and GIF formats is incredibly easy! Using Python to convert MP4 and GIF formats is incredibly easy! Apr 12, 2023 pm 07:58 PM

Using Python to convert MP4 and GIF formats is incredibly easy!

See all articles