吴忠军 - ps如何做动画

2023-10-15 09:10
文章标签 动画 ps 吴忠军

本文主要是介绍吴忠军 - ps如何做动画,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1116042-20180103191759846-1311648276.jpg

ps如何做动画
听语音
|浏览:136255|更新:2012-04-19 11:01|标签:ps
ps如何做动画
1
ps如何做动画
2
ps如何做动画
3
ps如何做动画
4
ps如何做动画
5
ps如何做动画
6
ps如何做动画
7
分步阅读
photoshop除了做平面设计以外还可以做动画,用的就是ps中的imageready功能。我们今天的目标是给大家示范一下ps如何做动画,下面就是一个动画的gif,也是我们今天要做的。

ps如何做动画
步骤/方法
1
首先我们打开三个素材,一个是美女照片,一个是闪电,一个是乌鸦。
ps如何做动画
ps如何做动画
ps如何做动画
2
在工具栏找到拖动工具,点击选中这个工具。
ps如何做动画
3
将雷电拖动到美女的图片里。
ps如何做动画
4
按ctrl+t,我们打开了自由变换工具,看到雷电这个图层已经被一个矩形包围。我们拖动这个矩形的边框可以任意的改变图片的形状。拖动雷电图层,完全覆盖美女图层。
ps如何做动画
ps如何做动画
5
在图层面板中,我们选择混合模式为变亮。
ps如何做动画
6
变亮后的效果就是这样了。
ps如何做动画
7
和步骤3一样,同样地方法吧乌鸦拖进来。
ps如何做动画
8
在工具栏选中多边形套索工具
ps如何做动画
9
将乌鸦选中。方法是连续用鼠标点击,鼠标点击一次就形成一个锚点,直到最后形成一个闭合的圈。
ps如何做动画
10
在菜单栏上找到选择——反选。这个工具可以帮助我们把乌鸦以外的没用的部分选中,只有选中了我们才能删除呀。
ps如何做动画
11
按delete键删除多余的部分。
ps如何做动画
12
接着在图层面板中设置混合模式为正片叠底。图中所示的位置就是混合模式,点击它就可以看到一个下拉菜单。选择正片叠底就好了。
ps如何做动画
13
正片叠底以后,我们看大乌鸦已经没有了背景色。
ps如何做动画
14
按快捷键ctrl+t,打开自由变换工具,我们在矩形框外面绕着中心点拖动,就能改变乌鸦的倾斜角度。设置成如下所示的样子,然后我们按回车键,这样就完成了对乌鸦的设置。
ps如何做动画
15
在工具栏找到imageready选项,点击它就可以打开imageready,这个工具就是给ps做动画的。
ps如何做动画
16
在imageready中,我们点击窗口——动画,这样就调出了动画窗口。
ps如何做动画
17
这就是打开的动画窗口,这个窗口类似于flash中的动画窗口。
ps如何做动画
18
我们点击下面的这个复制工具,就能将当前选中的帧进行复制。连续复制4个帧。
ps如何做动画
ps如何做动画
19
选中第一帧,然后再图层面板中隐藏乌鸦这个图层,也就是点击图层缩略图左边的眼睛的标志,下面标出了这个标志。现在还不是乌鸦出场的时间。同样隐藏闪电图层。
ps如何做动画
20
第一帧就是这样样子了。
ps如何做动画
21
第二帧要显示闪电,也就是说要点击眼睛的位置,使得眼睛标志出现。
ps如何做动画
22
第二帧的样子就是如此。
ps如何做动画
23
重复步骤21,只不过是在第三帧上操作。
ps如何做动画
24
在第四帧上重复步骤22.
ps如何做动画
25
接着再复制五个帧,也就是连续点击这个复制按钮,五次。这五个帧是为了做美女的淡出效果
ps如何做动画
26
我们设置第五帧的美女图层不透明度为92%。
ps如何做动画
27
同样设置第六帧为76%
ps如何做动画
28
第七帧不透明度为38%
ps如何做动画
29
第8帧不透明度为20%.第九帧的不透明度为0
ps如何做动画
30
这样形成了从第五帧到第九帧的淡出效果。接着点击复制按钮,我们要制作乌鸦的滑翔了。连续复制七个帧。
ps如何做动画
31
第十帧,我们点击乌鸦图层的眼睛标志,让乌鸦出场。
ps如何做动画
32
鼠标拖动乌鸦的位置,使得乌鸦只是露出一个脑袋。
ps如何做动画
33
设置第十一帧乌鸦向下飞出来一点。
ps如何做动画
34
同样地方法我们设置10帧到16帧,乌鸦的路径就是从上到下。
ps如何做动画
35
最后点击这个播放的按钮,可以预览效果。
ps如何做动画
36
点击文件——将优化结果储存为,就可以保存一个gif格式的动态图片。

转载于:https://www.cnblogs.com/wuzhongjun/p/8185278.html

这篇关于吴忠军 - ps如何做动画的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/216738

相关文章

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验(UX)是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时,提供良好的用户体验(UX)是至关重要

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo

动画AnimationDrawable、转动

现实开发中:很多地方都用到 点击动画的特效; 本案例本人做了三个关于“动” 画 的效果; 先上图: 总体图: A: B: 1:点击图片按钮,效果是:图片闪动; 通过在xml中定义:标签:animation-list来实现点击动画的效果;  是否循环标签:oneshot ;   时间间隔标签:duration ; 要显示的图片标签:drawable ;

13 transition数组的动画使用

划重点 动画:transitiontransition-group :数组动画数组的 添加 / 删除 豆腐粉丝汤 清淡又健康 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><me

12 动画transition的使用2

划重点 Vue 动画:transition / transform在动画周期中执行动动画(上一篇是通过动画样式控制动画) 清蒸扇贝 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><

【H2O2|全栈】关于Photoshop | PS(4)

PS的一些杂谈(亖) 目录 PS的一些杂谈(亖) 前言 准备工作 图形工具 基本属性 混合选项 形状图层  文字工具 基本属性 进一步变化文字 组和图层 UI设计案例  预告和回顾 后话 前言 这一篇博客我将会写一下图形工具和文字工具有关的内容,涉及到锚点调节路径、自由变换和混合选项等内容。在本篇博客看完之后,是可以设置一些简单的LOGO和UI图标的。