进阶篇!如何用PS和AI制作闪耀多彩的动态霓虹效果
进阶篇！如何用PS和AI制作闪耀多彩的动态霓虹效
果
作者: 一网学最后更新时间：2015-11-26 13:38:31 小编：平时做多了静态的字体效果，来做点不一样的，今天教大家如何用Photoshop和Illustrator来制作炫酷的动态霓虹灯效果。内附许多技巧，可以算是一篇进阶的教程，文章比较长，请同学们耐心看完。一起让画面动起来！
效果图：
一、在AI里画草图
1. 首先呢~打开你的AI，然后用椭圆工具画一个圆，描边：5pt。
2. 打上文字，这里使用的是Darwin字体，没有的可以用相似的字体哦~
3. 然后我们去对象>变换>斜切，倾斜角度：-10°，角度：90°。
4. 现在我们要把文字处理成空心字~选择工具选择字，然后右键>创建轮廓，清除文字填充颜色，描边为5pt。
5. 画一个小圆，然后用剪刀工具去掉小圆的一部分~在描边里选择3点圆形，双击3点圆形，更改大小为5pt。
6. 复制刚刚制作好的图形，放置在空白位置，看上去像是是月球坑洼的表面~
7. 选择构成行星的圆，然后复制CMD+C，粘贴 CMD+F，放置在最上层。按住ALT键的同时拉伸和挤压形状，从而形成周围的行星环，然后复制形状，稍微缩小哟~
8. 画板上的某个位置绘制一个椭圆，使用直接选择工具然后向上拖动顶点，拉伸形状~拉伸拉伸它~
9. 从钢笔工具组使用转换锚点工具删除手柄，留下一个尖点。然后描边改成5pt圆点。
10. 为了构建一个简单的火箭，我们再来添加其他形状~使用对齐面板中的居中对齐，集中所有的元素。
11. 再对这个火箭形状复制两次，然后适当缩小放大，放置如下图所示：
12. 目前有许多相互重叠的路径，为了达到更好的霓虹灯效果，我们再来对其进行一些细节处理。选择主行星圆圈，对象>路径>偏移路径。输入3毫米~
13. 右键点击所产生的偏移路径上，点击建立参考线。确保参考线可见( CMD+; ) 并锁定参考线 (CMD+Alt+; )。
14. 使用剪刀工具剪断行星路径与两个外圆环的相交处。使用智能参考线（CMD + U）可以很容易地看到。
15. 因为字母P超过了行星的轮廓，所以我们要取消组合文本或进入隔离模式，选择“p”字母，然后加3毫米偏移路径~
16. 字母P需要单独创造参考线。右键单击并选择释放复合路径，然后在打开主轮廓引导之前删除碗的内侧部分。
17. 裁剪掉行星环穿过字母P的路径，然后删除不想要的部分路径。
18. 接下来用相同的方式处理其他相交路径。但对于圆环的下段，文本将需要修改，以允许环可以围绕地球~
19. 取消其他文本元素的组，然后在第一个和最后一个字母添加偏移路径，建立参考线。记得要释放p的复合路径，才能建立参考线~
20. 我们要使用这些新的参考线来剪断的相互交叉的路径，并删除周围的重叠的任何路径~
如何使用photoshop制作GIF动态动画
如何使用PHOTOSHOP制作gif动画 步骤 photoshop是图像处理软件，不是动画专业制作工具，但其提供的动画组件用来制作GIF这类片断动画还是非常简单快速的。这里做一例子说明吧。 工具/原料 ?photoshop ?图片 方法/步骤 1.打开photoshop后，将需要成为动画的部分分图层制作出来。如图中所示，图层2 是绿色小汽车，也是我们要制作成动画的唯一一个活动的组件，所以我们根据需要直接复制多个该图层： 2.然后，再根据动画场景需要将各个动画组件放置在相应位置，并根据需要适当修改。 如图中头尾的小汽车相应的剪切过，中间转变处小汽车也有适当旋转：
3.好了，我们再单击“窗口”菜单，选择“动画”命令： 4.可以看到窗口底部打开了“动画”面板：
5.动画是以帧为单位来显示的，可能通俗理解为一个帧也就是PS的一个图层。所以每 个帧只需要显示相应的图层上的图片即可。这里是先制作第一帧，只要动画最开头的只显示半辆汽车的图层，其它所有图层都隐藏掉。注意不会变的底层（图层1）在所有的帧上都不要隐藏掉： 6.第一帧制作完毕后，单击“动画”面板下面工具栏上的“复制所选帧”按钮新建帧 （也就是动画片断）：
7.和第一帧一样，在新建的帧上仅保留需要的显示的图层及不变的底层即可： 8.重复前一步操作，分别新建多个帧，并分别设置要显示和隐藏的图层即可：
9.帧制作完成后，我们再对各帧设置合适的播放时间： 10.制作完成后，单击“文件”菜单，选择“存储为Web和设备所用的格式”命令：
11.在弹出的“存储为Web和设备所用的格式”窗口中选择格式为“Gif”： 12.最后再单击“存储”按钮保存动画：
用PS制作下雨飘雪的动态图片举例
用PS制作下雨飘雪的动态图片举例. 例1.Photoshop制作下雨的动画效果 方法1：通过像素化→点状设置来实现下雨的效果 ①. 打开一张图片. ②. 按D键(默认前景色). ③. 窗口→动作→创建新动作,名称→下雨 . ④.复制图层,在新图层上:滤镜→像素化→点状化单元格大小→ 3；点状化越大雨就越大，点状化越小雨就越小. ⑤. 图像→调整→阈值 255（小词条：阈yù值又称阈强度，是指释放一个行为反应所需要的最小刺激强度，低于阈值的刺激不能导致行为释放；阈值根据情况而定）. ⑥.将图层模式改为滤色：右键→混合选项→混合模式→下拉菜单中选→…或通过图层→图层样式→混合选项→…或通过图层样式的按钮调出的对话框中选→…（图层改为“滤色”这一点很重要！） . ⑦. 滤镜→模糊→动感模糊, 角度76,距离22,确定；距离越大雨夜就越大，距离越小雨就越小 . ⑧. 滤镜→锐化→锐化（可以进行两次锐化或进一步锐化）. ⑧.点窗口→动作→点停止播放;然后点播放选定动作(实际是复制了图层，也可以手动复制)3次(这样就有了4个下雨图层) （图层交替进行“自由变换”的水平翻转和垂直翻转或按方向作一定的平移，方向可稍作偏移，因为下雨方向并不是完全固定的，这样效果更好；变换可以添加杂色和动感模糊之间）. ⑨. 打开动画,复制动画帧3个（此时共4个）；在第一帧上关闭上面3个层的眼睛,只留背景和图层1的眼睛;第2帧关闭图层1的眼睛,打开图层1副本的眼睛;第3帧关闭图层1副本的眼睛,打开图层1副本2的眼睛;第4帧关闭图层1副本2的眼睛,打开图层1副本3的眼睛.在选择全部帧，设时间为0.2秒. ⑩.最后在存储为web所用格式里存储为gif文件. 方法2：通过添加“杂色”制作下雨效果 ①.打开素材，比如我选用的是一副荷花图. ②.打开动作面板，如果ps里面没有动作窗口的，在最上面的工具栏里点击窗口→勾选动作→这样动作面板就有了. ③.在动作面板里新建动作，创建新动作，命名为"下雨". ④.回到图层面板，新建图层，填充为黑色. ⑤.然后对新建的图层1进行以下操作：滤镜→杂色→添加杂色（数量25%，高斯分布，单色）. ⑥.图层1继续执行滤镜→模糊→动感模糊（-55，25）. ⑦.将图层1的混合模式(点图层1按右健,点混合选项)，改为滤色（图层改为滤色这一点很重要！）. ⑧.找到动作面板－停止动作，执行动作播放三次（三角形的是播放），图层面板中会自动新建图层2，图层3，图层4（也可以通过复制或新建的方法来得到图层，但每个图层都要注意进行⑤⑥的设置；图层交替进行“自由变换”的水平翻转和垂直翻转或按方向移动，效果更好，翻转插在⑤⑥之间进行，即添加杂色和动感模糊之间）. ⑨.打开动画窗口，复制5帧. ⑩.回到图层面板，先隐藏所有图层（就是关掉图层前面的眼睛）。 点击帧1同时点击图层面板中的图层1前的小眼睛：显示背景与图层1（关闭其它图层）；点击帧2同时点击图层面板中的图层1前的小眼睛：显示背景与图层1（关闭其它图层）；
如何用ps制作动态图片精品
【关键字】情况、方法、文件、认识、透明、建立、发现、位置、关键、需要、速度、调整首先让大家认识下图标 第一个是大家经常用到的，打开PS的图标。而第二个就是做动态图片需要的图标。 当然你也可以在已经打开PS的情况下按键盘上的SHIFT+CTRL+M这个快捷键来进行PS和IR（就是PS自带的那个可以做图的软件，我们通常教它IR）之间的转换。如图： 首先打开我刚才告诉你的IR软件，不会打开IR的可以1楼的帖子。打开后先不要着急，选择“窗口”－－之后看看里面有个“动画”看看这个有没有被勾选上，一般第一次打开都不会被勾选。如果没有勾的话将其勾选上，具体如图：
这时你可以看见在屏幕的左下角出现了如下图所出现的东西，这是我们在制作动画时所需要的。如图： 现在我们可以正式开始制作了。 首先新建，如果不会就按键盘上的CTRL+N。 图片的大小自己选择。 我建的是250×150的一个透明的文件
首先你脑子里要清楚你需要做的图片有级帧，也就是说需要有几个动作。比如我现在做的这个需要依次显示4个字，那么就是4个动作，相应的也就是4张图片。 首先看下图，先点击红色方框内的“创建新图层”按钮，需要几张图片自己就点几下。我需要4张，我就点3下（因为已经有了一张）。 之后点击下图中红色方框内的“复制当前帧”，在动画栏里的帧数等于你
自己刚才建立图片的张数。 也就是说有几张图片就需要有几帧，如图： 下图中红色方框代表你当前选中（编辑）的图层，所以这个图层在这里的背景是蓝色的，而绿色方框内的“眼睛”表示当前你所能看到的图层，当然你也可以全部选择，这样你就能将这个图片上的所有图层全部看到。（如果想要看到哪个层，就点击下想要看到的那个层前面“眼睛”的位置）如下图： 最关键的一步：当然也要选择好“动画栏”里的那个帧（被选中的那一帧会有个蓝色的方框，如下图），就是说你需要这张图片显示在哪一帧帧，就选中哪一帧，这时要注意的就是不能将上图中的“眼睛”全部点开（也就是说只能有一张或几张图的你能看见，其他的是看不见的），也就是
【PS教程】动态LOGO的制作方法
【PS教程】动态LOGO的制作方法 LOGO, 教程, 动态, 制作 1、打开psotoshop，在“文件”里打开一张你准备使用的图片，最好是JPG格式的静态图片，同时注意图片的选取要有作为 LOGO 图标的价值，这就看个人眼光了。如下图。 2、 图片的上方如果显示是“索引”字样，就必须用“图象”——“模式”——改为“RGB颜色”，否则很多功能无法使用。 如果直接就显示为RGB，那就不必改了。如下图。 3、然后选择工具栏的“裁切工具”，裁切一个88*31大小的图片，图片切得大了就继续切，切到合适为止，切得小了就重来。这里裁切的尺度是80*31。如下图。
（或者可以用矩形工具选取一个88831的区域，再新建一个空白图片粘贴上去） 4、在这个例子里图片宽度不够，裁切出来的大小是80*31，应该放大为88*31。如下图。 二、加入文字 在 LOGO 中显示的一般是网站名称和地址，这里以本论坛名称“天空之城”和地址“https://www.360docs.net/doc/4912683051.html, ”为例。做
LOGO 最主要的是用各种显示的方法突出文字信息，以给人深刻和良好的印象。下面就举例介绍一下几种常用的文字变换的显示方法：滑行效果、模糊效果、渐变效果、打字效果、颜色过渡效果、闪光效果。其他效果就需要自己慢慢摸索学习了。滑行效果 ：字体从旁边慢慢滑行出来的效果。 1、在工具栏选择文字工具——文字工具的样子的大写的“T”，在合适的地方输入文字，一般 LOGO 的文字格式是默认的宋体，12号大小，去掉锯齿。如下图。 字体常用的特效有投影、描边、模糊等，这里的例子用白色字体，绿色描边。进入特效设置的方法是在右下角的图层上用右键点出“混合选项”，如下图。 2、简单介绍一下这几种效果的使用方法。点击“投影”字样（而不是点击它前面的选框），把投影选项中的“距离”“大小”改为1，“角度”改为150或120，“不透明度”自己定——不透明度是指投影颜色的深浅，在“混合模式”后面的
卷轴动态图片PS制作教程[1]1
先来看有轴、底纹背景动画的效果： 制作方法： 一. 复制主景 1.1 打开要制作的图片，编辑好画布大小(注意宽度和高度不要过大，因为制作出的动画帧数很多，文件会非常大的)。按“Ctrl+A”全选，“Ctrl+C”复制。 1.2 新建文件，宽度要比刚编辑好的图片大两倍以上，比如，460px要设置到1000px 左右;高度也要大的点，比如，200px要设置到300px左右。按“Ctrl+V”粘贴刚刚复制的图片进去(注意，要粘贴居中，这样才方便制作后的裁剪)。
1.3 回到刚编辑的图片，点击菜单“图像——画布大小”，选择像素，设置宽度到原来的1/2，比如，460设置到230，定位如图。
全选、复制再粘贴到新建文件中，重命名为“主景-左”。再回到刚编辑的图片，按 “Ctrl+Shift+Z”两次取消历史记录，点击菜单“图像——画布大小”设置如图。 全选、复制再粘贴到新建文件中，重命名为“主景-右”。移动主景左右两张图与“图层1”图重合，如示意图。
先保存一个备份文件“备份1.psd”，后面的例子会用到。 二. 绘制轴 2.1 新建图层重命名为“外轴-左”，按住“Ctrl”键点击“主景-左”图层“载入选区”，选择“矩形选框工具”——“从选区减去”，减去右边的选区，如图。
设置好前景色和背景色，选择“渐变工具”——“对称渐变”，对选区进行渐变。 2.2 按“Ctrl+J”复制一层，按“Ctrl+T”自由变换，设置宽度和高度百分比值，如图。
重命名图层为“主轴-左”。选择“圆角矩形工具”并设置选项参数。在主轴上下两端画出路径，然后建立选区并进行渐变。
如何用ps制作动态图片
首先让大家认识下图标 第一个是大家经常用到的，打开PS的图标。而第二个就是做动态图片需要的图标。 当然你也可以在已经打开PS的情况下按键盘上的SHIFT+CTRL+M这个快捷键来进行PS和IR（就是PS自带的那个可以做图的软件，我们通常教它IR）之间的转换。如图： 首先打开我刚才告诉你的IR软件，不会打开IR的可以1楼的帖子。打开后先不要着急，选择“窗口”－－之后看看里面有个“动画”看看这个有没有被勾选上，一般第一次打开都不会被勾选。如果没有勾的话将其勾选上，具体如图：
这时你可以看见在屏幕的左下角出现了如下图所出现的东西，这是我们在制作动画时所需要的。如图： 现在我们可以正式开始制作了。 首先新建，如果不会就按键盘上的CTRL+N。 图片的大小自己选择。 我建的是250×150的一个透明的文件
首先你脑子里要清楚你需要做的图片有级帧，也就是说需要有几个动作。比如我现在做的这个需要依次显示4个字，那么就是4个动作，相应的也就是4张图片。 首先看下图，先点击红色方框内的“创建新图层”按钮，需要几张图片自己就点几下。我需要4张，我就点3下（因为已经有了一张）。
之后点击下图中红色方框内的“复制当前帧”，在动画栏里的帧数等于你自己刚才建立图片的张数。 也就是说有几张图片就需要有几帧，如图： 下图中红色方框代表你当前选中（编辑）的图层，所以这个图层在这里的背景是蓝色的，而绿色方框内的“眼睛”表示当前你所能看到的图层，当然你也可以全部选择，这样你就能将这个图片上的所有图层全部看到。（如果想要看到哪个层，就点击下想要看到的那个层前面“眼睛”的位置）如下图： 最关键的一步：当然也要选择好“动画栏”里的那个帧（被选中的那一帧会有个蓝色的方框，如下图），就是说你需要这张图片显示在哪一帧帧，
用PS制作飘雪的动态图片举例.
用PS制作飘雪的动态图片举例 方法1：通过像素化→点状设置来实现雪花飘的效果 ①.首先打开一幅图，“ctrl+J”复制（或右键复制）一个副本. ②.下面就来制作雪花效果，在菜单栏对副本层 执行滤镜：像素化→点状化(点状化决定“雪 花”的大小），如图设置参数： ④. 接下来，我们来调整副本的阈值，在菜单栏中 执行图像→调整→阈值→调整参数（比如255），观 察图像，直到点状分布均匀即可，如图： ⑤.将图层模式改为滤色：右键→混合选项→ 混合模式→下拉菜单中选→…或通过图层→图 层样式→混合选项→…或通过图层样式的按钮 调出的对话框中选→…（图层改为“滤色”这一 点很重要！注意透明度等项目的设置.） ⑥. 感觉还不像雪，没关系，继续往下做，对副本 层执行滤镜：模糊→动感模糊，根据图片调整参 数，距离越“雪花密度”也就越大，距离越小“雪 花密度”就越小 . (注意：角度决定雪花下落的方向，角度是飘向 方向与水平线的夹角，要有雪花飘的感觉，角度 可以小些；取距离决定雪花的大小，如果距离很 大，就成了下雨效果了). ⑦.将图像最大化显示，按“ctrl+T”键，显示变化框，按住“shift”键可等比例放大图像（可向任意方向拉伸，假如是向左飘雪，我觉得可向右下45°等比例拉伸，其动画效果更明显，拉伸的大小也决定着“雪花”的大小，要制作大雪可以“尽量”拉大些.）. ⑧.在菜单栏中执行窗口：动画，弹出动画面板，动画就是要在这个面板制作完成的；处于动画面板，点击复制当前帧. ⑨.确认副本层为当前图层，用移动工具将其拖到右上角与背景层右上角对齐(因为是向左下方向飘雪，因此这一点比较重要，直接涉及到飘雪的方向是否符合逻辑)，可以借助方向键精确调整. ⑩.点击过渡帧，设置过渡帧数目（帧数多，动画过渡平滑，反则反之; 过渡帧数目数目设置为10-15帧较合适，时间设置为0.15-0.25之间更符合“飘雪”的慢动感.）
如何用Photoshop制作动画图片
如何用Photoshop制作动画图片 只要是photoshop6.0以上的就自带ImageReady 应该很多朋友还没有运用到这个，今天介绍的就是2个结合一起用的 也许这样的图片很多软件都可以，但是下了PS当然就要多用拉 先找到你要做的原图 第一步： 启动photoshop，并打开需要的两幅图！ 第二步： 点击图象大小 会弹出修改框，修改宽度和高度的像素。注意下面红线里的约束比例！要改成非比例的大小就把勾点去！然后将两副图片的大小调一致！ 第三步 很多JPG格式的图在photoshop8.0里锁定的，所以双击图层里的背景项，会弹出一个选项框，选择好~将背景变为图层！（同理，另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片，所以改另一副图先点击一下） 第四步 选择左边工具条上面左边的工具！ 然后点住一幅图片将它拖至另一副图片里！ 这时在图层里应该是有两个图层！ 将两个图片根据画面的大小对对好~按保存！ 第五步： 这时启动ImageReady，打开你刚保存的图片，这时应该显示两个图层！ 第六步： 在动画工具条里点击“复制当前帧”。复制后，在动画里会显示有两个帧！ 第七步： 点击动画工具里的“过度...”按扭！ 点击后会出现过度对话框！在“要添加的帧数”里选择你希望的帧数，默认是5，这里我们选择4，然后点击“好” 这时下面动画栏里会显示有6个帧！ 第八步 这时看看图层里的当前图层是否为上面的图，不是的话点击来改变当前图层！（注意有兰色条显示的就是当前图层！） 选择好当前图层后，点击动画栏里第二个帧！ 点中后第二帧应该是兰色的！ 然后在图层栏那边改透明度！将其从100%改为80% 第九步 接着选择第三个帧 将其不透明值改为60% 第十步： 同样的方法点击第4帧！将其不透明值改成40%。
ps如何在视频中截取动画视频转gif动画的制作方法photoshop动态图制作
Ps如何在视频中截取动画，视频转gif动画的制作方法， Photoshop动态图制作。 导言：互联网或者自媒体，还有网页设计人员，经常会用到gif动画制作，比如网页中嵌入视频比较复杂，如果做成一些短动画那就简单多了。而且文件也不会太大，缺点就是没有声音，画面有限。那么我们用Ps如何快速把视频做成动态图哪？ 说明：制作动画还有很多其他方法，这里只介绍如何用Photoshop来制作，仅供参考！视频教程讲解首先我们先有一个视频 视频素材可以自己用手机或者其他摄影设备录制，也可以在录屏录下来。本人平时制作视频教程都是用会声会影录屏，也就是Corel ScreenCap X9这个软件，安装会声会影的时候一般都会一起安装上。 开始制作动画，导入PS点击文件菜单>导入>视频帧到图层选择要制作的视频，在打开的将视频导入图层对话框中进行三个操作。1、勾选制作动画2、勾选限制为每隔，并输入限制的帧数这个是一个关键操作，根据你截取的视频的长度，选择合理的帧数，其实就是在视频中每隔多少帧截取一张图片，连贯起来就是动画了。3、在右侧视频预览窗口中，滑动下方的两个对半的三角形滑块，选择所要的视
频片段。 设置动画导入图层后，我们打开时间轴面板，选择所有帧，设置一个合理的时间间隔。还有需要注意的就是看看时间轴面板的左下方的播放模式是不是永远，不是的话自己改一下，不然动画不是一直播放的。导出动画在设置好动画后，点击文件菜单>导出>存储为Web所用格式。（Photoshop版本不同，菜单位置有一点区别）在打开的存储为Web格式对话框中选择gif格式，最好是选择256的品质，下方还可以改变图片大小，左侧下方可以预览文件大小，设置好后保存就可以了。效果完成
ps下雨动态效果制作
ps下雨动态效果制作 陈柳斌2013年4月27日 教学课时：２课时 教学目的：让学生从传统处理图片的模式中得到提升，知道能在PS中也能得到动态效果；让学生懂得在PS中制作下雨动作。 教学难重点：动作的记录，动画的设置。 一、教学过程： 1.找到一幅素材，复制到图层1，并将图层1重命名为：下雨素材。 2.执行“窗口——动作”，打开“动作”面板，新建动作，重命名为：下雨动作，快捷键为：F2.第二个动作为红色状态，表示当前动作处于录制之中。下面所有的操作步骤将被录制到“下雨动作”之中，直到单击第一个“停止/播放记录”按钮。 3.回到图层面板，按住CTRL键，载入“下雨素材”图层的选区，新建图层1，填充为黑色。 4.执行“滤镜——杂色——添加杂色”，参数设置如下：数量：20;点击高斯模糊，点击单色。 5.执行“滤镜——模糊——动感模糊”，设置参数如下：角度：63;距离：30 6.按下ctrl+D取消选区，将图层1的混合模式设置为滤色。 7.单击动作面板的第一个“停止/播放记录”按钮，停止动作录制。 8.连续按两次我们上面录制动作设定的快捷键：F2，将播放两次动作，得到图层2和图层3.
9.执行“窗口——时间轴”，打开“时间轴”面板，将第一帧延迟调为：0.07秒，同时在图层面板关闭图层2和图层3前面的眼睛，隐藏图层。 10.单击“复制所选帧”，关闭图层1和图层3前面的眼睛，隐藏图层。 11.再次单击“复制所选帧”，关闭图层1和图层2前面的眼睛，隐藏图层。 12.执行“文件——存储为web和设备所用格式”，选择GIF格式，单击右下方的“存储”按钮，将制作的下雨效果动画输出保存即可。 二、学生练习，教师巡回辅导。 三、课后反思 通过本节课的学习，同学们能够根据实列在PS中制作下雨动作。学生做出的作品还是比较满意，并且能够在其他的实例中得以应用。但是，在动画的设置方面还有一定的欠缺，今后在这方面要加强教学力度，让学生多加练习，达到更好的效果。
ps实用教程制作风车转动gif动态效果动画
PS实用教程制作风车转动GIF动态效果动画 PhotoShop制作风车转动GIF动态效果动画教程 来自：admin 10小时前| 阅读原文 教大家用PhotoShop制作一个风车转动的GIF动态效果，从风车制作到动画都有详细过程，喜欢的同学可以学习一下! 效果图： 素材： 1.新建 2.打开一张素材，拖入文档中，CTRL+T调整到适当大小。 3.隐藏素材图片，画一个矩形，在右侧增加一个锚点
4.用直接选择工具，选取右上角的锚点，右键--删除锚点 5.点亮素材图片图层前面的眼睛，CTRL+回车，把路径转换成选区 6.路径转换成选区后，CTRL+J复制选区为新图层，然后删掉原来的素材图层，得到如下图 7. 在图层2，用椭圆选框工具，画一个圆，移动位置如下图，移好后按shift+ctrl+i反选，再按CTRL+J 复制选区为新图层(得到图层3)。 8.图层3，按住ctrl+鼠标左键点击图层3(透明区域)，把图层3截入选区。 9.打开渐变编辑器，调出如下渐变。
10.在图层3的选区中拉出一个渐变，CTRL+D(取消选择)。 11.回到图层2，用椭圆选框工具画个椭圆，右键--羽化15，确定。 12.按CTRL+U打开色相/饱和度，把明度调到-64，确定。 13.选中图层2和图层3，按CTRL+E合并图层，现在风车叶子的一片就算做好了。 14.CTRL+T，把中心点拖到左下角。 15.在上方角工具条度输入90，它就会以左下角为中心
向右旋转90度，然后按一下回车。 16.按快捷键shift+ctrl+alt，再按字母T 三下，就会得到三个旋转过的图层，把四个风车叶子图层合并。 . 17.CTRL+T，从左边和上边标尺处各拖出一条辅助线到风车中心点(如果没有辅助线，请选CTRL+R,显示辅标尺)，形成十字，中心点相交。 18.新建一层，画一个小圆形，填充红色，中心点对齐。 19.再画一个更小的圆形，填充黄色，移至中心，如图。 20.用矩形选框工具(快捷键M)，拉一个一像素的选框，在黄色圆形的中间，纵横分别删去选中部分，呈现十字形。
PSCS4制作动态图片详细步骤
A . C trl+N Ctr ∣÷ S Bridge B 浏览⑹”. A?+Ctrl+O 打幵为??? AIUShift+CtrkO 打开沟智肓勢象，” ??mτ文件E ? 共享珈卿■“ Device Cenltral Ctrll+W 关 Alt÷CtrtτW 黄PS 并转到Bridge... Shift+Ctri*W MS ⑸ CtrkS CU^l i-‰-l ? t PS CS4制作动态图片 注意：因上传文档不能是?mht 格式，所以在Word 中看不到效果图的动态效果，请下载后自 行另存为“单个网页”后用浏览器打开就可以看到效果图了。 e Fr F 效果图 制作步骤: 1、打开你想要用来制作动态效果的图片 ■ I 文件｛F) I 裝辑旧 图像⑴ 图层(LJ 选挥⑸ 辭 E 分忻阿 3D(C PS CS4制作幼态囹片用比 τ, Wofd 97-2003 Dotument Γ,doc) T Word DOCUment (?docx) Wafd MaErD^EnabIfrd DXJCU ment (*udocm) WOTd 97-2003 DOCIJment (*.doc} WOrd TernPIate UdertX) Word MaCro-Enabled TEfTlPiatE [*,dotrπ) WOfd 97-2003 TelnPIate [B .dotj PDF (*pdθ XP l ζ Dftg b ∣ i me: /P*: Iors >: Single FiIe Web Page(B r nnht A -mhtml) ?tfe□ Kage V -∏ photoshop设计漂亮的流光字GIF动画图片签名字，个性签名字设计教程实例，PS入门与实例，本教程介绍用PS制作最为基础的GIF动画。制作的时候我们先要构思好动画展示效果。然后把用一组图片来显示动画的过程。再用IR把图片转成动态效果即可。最终效果 1、新建一个400 * 100像素的文档，背景选择白色，参数设置如下图。 2、设置前景色为细喜欢的颜色，这里设置为蓝色：#0091FC。 3、选择文字工具，在属性 栏设置字体和字号，如下图，然后在画布上打上想要的文字。 4、设置前景色为白色，给文字添加图层样式--渐变叠加。调成图层样式面板，设置如下图。 注意设置完后不要点图层样式面板的确定。 如果图层样式面板挡住了画布，把画板移到一边，露出画布，鼠标放到画布上，按下鼠标左键不放，慢慢向左拖动，你发现了什么？对，流光在向左移动，好，继续向左拖动，知道看 不见流光位置，现在点确定。 5、选择菜单：窗口> 动画，调出动画面板（其它PS版本可直接点工具面板下面的IR进 入IR操作），如果时间轴模式，点转换为帧模式按钮，转换为帧模式。 设置延迟为0.15秒，循环北京佳尚财税http://101.1.28.35/次数为永远，点击复制帧按钮，复 制一帧。 选择帧2，在文字图层上双击渐变叠加，调出图层样式面板。 在画布上按下鼠标左键向右拖动，知道流光在字的右边消失为止，确定后。按住Shift 键不放，点击第一帧，把两个真都选中，点击过渡动画帧按钮，设置添加帧数为3，确定后。 点击播放按钮，查看一下效果。 6、选择菜单：文件> 储上海凯迪财税http://101.1.20.46/存为Web和设备所用格式，格式为GIF。最后要提醒的是，在点击储存后，还会弹出一个警告框，如果用CS3一定要看清楚确定按钮在哪，如果点到取消文件将不会被保存。 用photoshop制作gif动画图片指导 只要是photoshop6.0以上的就用自带ImageReady ，先找到你要做的原图，然后第一步： 启动photoshop，并打开需要的两幅图！ 第二步： 会弹出修改框，修改宽度和高度的像素。注意下面红线里的约束比例！要改成非比例的大小就把勾点去！然后将两副图片的大小调一致！ 第三步 很多JPG格式的图在photoshop8.0里锁定的，所以双击图层里的背景项，会弹出一个选项框，选择好~将背景变为图层！（同理，另一幅图片也这么做。但注意在photoshop里通过点击图片来改变当前编辑的图片，所以改另一副图先点击一下） 第四步 选择左边工具条上面左边的工具！然后点住一幅图片将它拖至另一副图片里！这时在图层里应该是有两个图层！将两个图片根据画面的大小对对好~按保存！ 第五步： 这时启动ImageReady，打开你刚保存的图片！ 第六步： 在动画工具条里点击“复制当前帧”，复制后，在动画里会显示有两个帧！ 第七步： 点击动画工具里的“过度...”按扭！点击后会出现过度对话框！在“要添加的帧数”里选择你希望的帧数，默认是5，这里我们也选择5，然后点击“好” 这时动画栏里会显示有7个帧！ 第八步 这时看看图层里的当前图层是否为上面的图，不是的话点击来改变当前图层！（注意有兰色条显示的就是当前图层！）选择好当前图层后，点击动画栏里第二个帧！点中后第二帧应该是兰色的！然后在图层栏那边改透明度！将其从100%改为80% 第九步 接着选择第三个帧将其不透明值改为60% 第十步： 同样的方法点击第4帧！将其不透明值改成40%。 点击第5帧，将其不透明值改成20% 第十一步： 点击第1帧，点击“选择帧延迟时间”点击后会弹出个菜单！选择0.2秒延迟后，第1帧下面会变为0.2秒。当然可以根据你的喜好改变。 第十二步： 点击第7帧，和上面一样延迟0。2秒 第十三步： 点击“播放”按扭。就可以看到效果了 第十四步： 多张GIF动态图片合成为单张图片(用PS) 先来看看效果 原图有： 合成后的效果： 用到的工具：photoshop（我用的版本是CS3，其他版本类似），你的耐心和细心。 需要的材料：你想合成的原图GIF动态图片若干，可能需要的背景图片一张。 下面来讲解具体步骤： <1>导入GIF动画到photoshop 说点废话，尝试过用photoshop打开GIF图片朋友可能知道，直接打开的话只能打开动画的一帧，失去了动态性，图层面板中也只有一个图层。 这里就需要用到导入。具体操作为：文件—导入—视频帧到图层 这时就会弹出如图这样一个载入窗口： 不过这是正常情况下，也许你弹出的会是这样一个东东： 解决方案也很简单，自然是下载安装QuickTime 7.1以上的版本，下载地址百度一下一大把，如果你实在懒得搜，文末我也附上了下载地址，不过是要付 银子的哦。 正确安装QuickTime后，载入窗口也打开了，下一步自然是寻找你硬盘上的GIF图片，一步步找到了你存放GIF的文件夹，这时候你“惊喜”的发现，里面居然没有你的GIF图片，莫要惊慌，这也是正常现象，原因我解释不了，对策我倒是知道，你应该知道你的GIF图片的名称吧，比如说是1.GIF，那你就在文件名那栏手动输入1.GIF，然后单击载入，出来这样一个窗口 按图上这样选好，确定！ ok，大功告成，导入GIF动画成功。（鼓掌） <2>合成GIF动画 经过上一步我罗里啰嗦的诱导，相信你已经成功将GIF图片导入PS了，那现在就要开始我们的重头戏了，导入GIF图片后，图层面板呈现出这样一种状态： 没错，就是动画的每个帧占据了一个图层，这正是我们想要的结果。这时候你也发现原本会动的图片这时候也是死的不会动的，那，这也是正常的。（怎么什么都正常—_—``） 单击PS最上方的菜单栏窗口-动画如图 就会打开这么个东东 你点一下下面那排中类似播放的按钮，GIF就会动了（哇，so神奇~）（白痴—_—``） PS制作旋转的发散光芒效果的GIF动画教程 最终效果 1. 新建文件500*500PX，RGB，分辨率为72PX，背景为白色的文件。如图1-1 2. 在背景图层填充黑色。在画布横纵向分别拉参考线到画布中间位置。如图2-1 3. 新建图层1，工具箱中的矩形选框工具，画一长方形，并填充RGB黄。取消选区。并自由变换。如图3-1 ，取消自由变换。 4. 再次自由变换，把图层1的中心点转移到参考线的中心交点上。如图4-1。并设置变换属性：角度为8度。如图4-2。取消选择。 5. 按复合键shift+ctrl+alt+T，复制并变换图层1。如图5-1。合并除背景图层外的所有图层，命名图层1。 [attach]0[/attach] 6. 新建图层2，把图层1载入选区。选择—反向。填充自选前景色。取消选择。如图6-1。在图层2上，图层—图层样式—混合选项—高级混合。如图6-2。 [attach]0[/attach] 7. 复制图层2，生成图层2副本。编辑—变换—水平翻转。如图7-1。 8. 复制生成图层2副本2，Ctrl+T，设置属性：角度为-1度。如图8-1，效果如图8-2 9. 复制图层2副本2，Ctrl+T，设置属性：角度为-1度。按此方法。复制到图层2副本7（根据自己图像而定）。效果如图9-1： 10. 拖入中间图像，生成图层3。如图10-1。 11. 跳转到Imageready。设置动画（可根据自己的图层而定）。 a．第1帧，打开所以图层的眼睛。 b．第2帧，关上图层2副本7的眼睛。 c．第3帧，关上图层2副本6的眼睛。 d．第4帧，关上图层2副本5的眼睛。 e．第5帧，关上图层2副本4的眼睛。 f．第6帧，关上图层2副本3的眼睛。 g．第7帧，关上图层2副本2的眼睛。 h．第8帧，打开图层2副本2的眼睛。 i．第9帧，打开图层2副本3的眼睛。 j．第10帧，打开图层2副本4的眼睛。 k．第11帧，打开图层2副本5的眼睛。 l．第12帧，打开图层2副本6的眼睛。 m．点第1帧，按住shift键，点最后1帧，设置延迟时间为0.1秒(设置延迟可根据自己的喜欢而定)。 [attach]0[/attach] 12．保存为Gif格式。 原文出处 用PS制作下雨的动态图片举例. 方法1：通过像素化→点状设置来实现下雨的效果 ①. 打开一张图片. ②. 按D键(默认前景色). ③. 窗口→动作→创建新动作,名称→下雨 . ④.复制图层,在新图层上:滤镜→像素化→点状化单元格大小→ 3；点状化越大雨就越大，点状化越小雨就越小. ⑤. 图像→调整→阈值 255（小词条：阈yù值又称阈强度，是指释放一个行为反应所需要的最小刺激强度，低于阈值的刺激不能导致行为释放；阈值根据情况而定）. ⑥.将图层模式改为滤色：右键→混合选项→混合模式→下拉菜单中选→…或通过图层→图层样式→混合选项→…或通过图层样式的按钮调出的对话框中选→…（图层改为“滤色”这一点很重要！） . ⑦. 滤镜→模糊→动感模糊, 角度76,距离22,确定；距离越大雨也就越大，距离越小雨就越小 . ⑧. 滤镜→锐化→锐化（可以进行两次锐化或进一步锐化）. ⑧.点窗口→动作→点停止播放;然后点播放选定动作(实际是复制了图层，也可以手动复制)3次(这样就有了4个下雨图层) （图层交替进行“自由变换”的水平翻转和垂直翻转或按方向作一定的平移，方向可稍作偏移，因为下雨方向并不是完全固定的，这样效果更好；变换可以添加杂色和动感模糊之间）. ⑨. 打开动画,复制动画帧3个（此时共4个）；在第一帧上关闭上面3个层的眼睛,只留背景和图层1的眼睛;第2帧关闭图层1的眼睛,打开图层1副本的眼睛;第3帧关闭图层1副本的眼睛,打开图层1副本2的眼睛;第4帧关闭图层1副本2的眼睛,打开图层1副本3的眼睛.在选择全部帧，设时间为0.2秒. ⑩.最后在存储为web所用格式里存储为gif文件. 方法2：通过添加“杂色”制作下雨效果 ①.打开素材，比如我选用的是一副荷花图. ②.打开动作面板，如果ps里面没有动作窗口的，在最上面的工具栏里点击窗口→勾选动作→这样动作面板就有了. ③.在动作面板里新建动作，创建新动作，命名为"下雨". ④.回到图层面板，新建图层，填充为黑色. ⑤.然后对新建的图层1进行以下操作：滤镜→杂色→添加杂色（数量25%，高斯分布，单色）. ⑥.图层1继续执行滤镜→模糊→动感模糊（-55，25）. ⑦.将图层1的混合模式(点图层1按右健,点混合选项)，改为滤色（图层改为滤色这一点很重要！）. ⑧.找到动作面板－停止动作，执行动作播放三次（三角形的是播放），图层面板中会自动新建图层2，图层3，图层4（也可以通过复制或新建的方法来得到图层，但每个图层都要注意进行⑤⑥的设置；图层交替进行“自由变换”的水平翻转和垂直翻转或按方向移动，效果更好，翻转插在⑤⑥之间进行，即添加杂色和动感模糊之间）. ⑨.打开动画窗口，复制5帧. ⑩.回到图层面板，先隐藏所有图层（就是关掉图层前面的眼睛）。 点击帧1同时点击图层面板中的图层1前的小眼睛：显示背景与图层1（关闭其它图层）；点击帧2同时点击图层面板中的图层1前的小眼睛：显示背景与图层1（关闭其它图层）； 动态图无处不在，一般我们可以通过搜索与下载获得。但这些远远不能满足我们的需求。今天，灬无言讲些简单实用的动态图制作与编辑的方法。。 一、搜索获取动态图 简单提几个，类似网站还有很多。 1、百度图片 搜索“关键词+动态或gif”，如搜索“可爱动态”或“可爱gif”。 2、通过“soogif”来搜索 搜索“关键词”即可，反正都是动态图了。 3、通过“giphy”搜索 搜索“cute”。 二、动态图制作 1、将一些流媒体在线视频，利用“soogif在线gif工具”来制作动态图。 2、ScreenToGif、ShareX等软件进行电脑屏幕录制。 ScreenToGif录制如下图。 除了录制外，还可以将mp4等格式的视频制作成gif。只需要将视频文件拖入编辑状态的ScreenToGif中。 ShareX录制如下图。 3、PS制作动态图。 最简单的就是添加一行动态的字，当然也可以添加更多特效。 PS打开图片 > 每写一个字添加一帧 > 文件 > 存储为Web所用格式 > 预设选为gif > 存储。然后根据需要更改每一帧的时间。 4、AE制作动态。 简单的动态特效，打关键帧加特效等等。 三、动态图编辑 1、ScreenToGif。只需要将动态图拖入编辑状态的ScreenToGif中。 a）减少帧来减少图片的体积，但相应会降低图片的清晰度。 编辑 > 删除或减少帧计数。减少帧的同时，动态效果会太快而看不清，增加每一帧的时间，让动画变慢。 b）调整动态图大小。 调整动态图的两种方式：一是直接调整图片大小，二是截取图片的部分。 今天教你玩转PS时间轴，让你全面认识PS时间轴工具，附上一个超简单的颜色动画实例，十分钟就可以学会，来收！ 首先要了解的是PS有5种类型的图层按顺序依次为像素图层、调整图层、文字图层、形状图层以及智能对象。而对应的时间轴里面，各种类型的图层都有对应时间轴的动作属性，如图所示： 可以得知所有的动作属性有：位置、不透明度、样式、图层蒙版位置、图层蒙版启用、变换、文字变形、矢量蒙版位置、矢量蒙版启用。 名称描述 位置：像素图层中元素移动的位置，也可以理解成位移，它不包含旋转和缩放，并且对形状图层无效。 不透明度：图层的透明度，而调整填充则无效。 样式：图层样式，产生动画的是各种样式参数变化（即颜色、角度、大小、不透明度等参数）。 图层蒙版位置：暂不描述。 变换：动作最多的一个属性，其中包含移动、缩放、旋转、斜切、翻转，因此很多情况下需要把图层类型转换为智能对象才能做。 矢量蒙版位置：形状图层中元素移动的位置。 制作一个动画的基本步骤 1，创建一个500px×500px的画布，调出时间轴面板（窗口—时间轴）， 点击创建时间轴按钮，等一下！！！因为当前只有一个图层，所以最好先新建一个图层再点击这个按钮，当然如果是要做背景透明的可以直接点击（事实上要做透明背景的只需隐藏背景图就行了），否则在制作动画的时候会有很繁琐的事等着你。 额外话： 本人建议，当你要做一个设计的时候，新建带背景图层的文件（切图及少部分特殊的情况下可以新建透明背景的~），保留原生态纯正的背景图层，当你不需要的时候可以隐藏。否则，就算你新建一个背景图层，加上任何锁定，并且把它改为同样的ID，它始终不是纯正的背景图层，聪明的你看字体就知道啦。 2，做一个颜色变化的动画PS制作白光划过文字动画GIF
用photoshop制作gif动画图片指导
多张GIF动态图片合成为单张图片(用PS)
PS制作旋转的发散光芒效果的GIF动画教程
用PS制作下雨的动态图片举例
动态图制作与编辑的几种简单方法
PSD教程：轻松制作GIF动画之一基础篇