当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop动画教程:制作小溪潺潺流水动态效果

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop动画教程:制作小溪潺潺流水动态效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 613 ::
收藏到网摘: n/a

01、 新建文档,设置参数(见01图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
01

02、 前景色设定为黑色,调整画笔大小,按住【Shift】键,在图层上端画出一条横线(见02-1图);选取横线,按【Ctrl+T】键,将横线适当下移,按【Enter】键确定(见02-2图);按住【Ctrl+Shift+Alt】键,连续点按【T】键,将图层复制满为止(见02-3图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
02-1

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
02-2

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
02-3

03、 用【矩形选框工具】将纹理选取,依次打开【编辑-定义图案-图案名称】,保存图案(见03-1 — 03-3图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
03-1

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
03-2

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
03-3

04、 打开一张图片并复制副本。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
04

05、 点按工具箱下边的【以快速蒙版编辑】,用画笔在副本层上涂抹有水的部分(见05图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
05

06、 再次点按【以快速蒙版编辑】,依次打开【选择-反向】或按【Ctrl+Shift+I】键(见06图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
06


07、 按【Ctrl+J】保存并复制(见07图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
07

08、 打开图层面板,点按下方【添加矢量蒙版】(见08图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
08

09、 依次打开【编辑—填充—图案】,填充纹理图案,将河水1旋转90度。分别选取河水1、2图层,点按方向键2—3 次将河水1图层向左或右移动;点按方向键2—3 次将河水2图层向上或下移动(见09图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
09

10、 点按蒙版左边的小锁,断开链接,选取蒙版层(见10-1图)。依次打开【窗口—动画】,设定时间轴模式,预设参数(见10-2图);将时间轴拖至左端,点击【图层蒙版位置】左边的小时钟为纹理新建1个关键帧(见10-3图);随后将时间轴拖至右端(见10-4图);接下来将纹理分别向不同的方向适当拖动,直至合适位置松开鼠标,届时,右端自动增加1个关键帧(见10-4图)。注:河水1向左移动;河水2向下移动。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
10-1

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
10-2

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
10-3

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
10-4

11、 储存动画(见11-1—11-2图)。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
11-1

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
11-2

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网
11-3 纹理运行轨迹。

12、 最终效果。

Photoshop动画教程:制作小溪潺潺流水动态效果_软晨学习网