PS制作GIF动态图片实例详解

1、效果图2、素材论坛W∙ MtMVUWHCOM3. PS里打开•用C套索工具喺『仿制图章"等工具，去掉原图中的音符。

然后，打开动画而板（时间轴），单击箭头所指小三角＞文档设呂＞设定时间及帧数。

这里设为2秒，毎秒25帧4、用^快速选择工具"选中人物手部5. CtrI+J∙得到图层2,如图示。

卜•來用“矩形选框工具”在图中选一个合适对象用作覆孟与原图对应的区域6、ctrl÷J,得到图层3：移动工具"厂 将图层3置于原图手部位置，调整至合适，然后参考图示，移动参考点至红色箭头所指处.逆时针旋转9度左右，使手看起来有种抬起的感 觉。

HMRfiJBθ787%(m⅞l v RGB∕8)∙[JnW正*0:8813 (25.0OfPS)0诜"V 不AM ιoα% >计论坛&> Z £12ΛΛΛΛC □»»-Y: & 21 a w： 100.00% t H: I(XM»%不am IOlm0:8813 (25.0OfPS)o注n7、接卜來给图层2添加蒙版，设前景色为黑色，用“画笔工涂去手部多余部分。

完成后•合并图层2和3•并命名为“变换的左手S8、再次用。

快速选择工flΛ选择唱片，注意唱机的针头——属性模式为“添加到选区=2・Iij a 式：正第V 不am ： ∣oσ% > √ aιBlPffflJi O 787% (β⅛ 2 !SJgrfc∕8)∙e¾⅞( ¾wi⅞ ) ⅝0:00813 (25 00⅛s)W 注甘7<7.4⅝√Φ SOOtfM X 375 (72 ») ► <S1«≡W不ΛftR: 100%>全部选中对象后.按住ALT键选择针头，可减去针头选区。

9、0、CtrI+J,得到复制对象图层后，将它命名为片SkC w Q QiΞ0sw∙a . JI ⅞辺t⅜二653% (BeLRGB∕8)φ珈_________ 二mr M TΛWt: ιoα% >βs □ z + a ent ： wo% >费朗左手.Io 然后单击红框处，添加图层样式>渐变叠加——打开渐变拾色器S 渐变效果和混合模式参考图示，其它默认Z 7莎I・ EW*<βWW 00⅛M∙3O 193%(心比 RGB/8) •«7& 100%► O 注" ■&片£1正*V 不a«® ∣oo% > H? □ z + a矽 A 0∙ J 1 ?T⅛>θ∙∣txR⅝M0⅞ppO 八0:8813 (25 00> Z 支事的左募►+∙I∙∙0<u ∙∙ • •・<x∙z ∙ <Ll ・ Λτ√∙ u ・ G d uMPfffie O 300% (NDt RGB∕8)φ*≡Azn□ z ÷ aG式盘合SdK认□Si□外Ibt □内发尤□御面和浮■□ W≡Λ□E□ ΛΛ 匚IWW加CfflMfioC »34i 合am：不a>wt(D:am：WW:超度独：.Cf⅜角St V ◎与81展时齐<DQs∑>J 1∞ %I设■力⅝u⅜a⅝ ［复@力數认<n J[IHt 映理)二1EWHOOIa片10、新建图层，选择“自定义工只S参考图中红框所示，依次绘制出各种音符。

11、接上步。

绘制时，距离町拉人，町边绘制边改变方向，使其看起來人小和方向呈不 规则状。

（由于操作失误，很抱歉漏掉了两个步骤，这里兄弟用文字详述一卜J 截图中图层2, 在编辑绘制完音符后，添加图层样式>渐变叠加——参数设It 按图示;然后，cħl+J,复制一 层，打开图层样式编辑窗，在渐变条右侧勾选“反向”。

这样就使两个音符图层的色彩看起来 不完全一样了。

锻后，在它们各口的卜方分别新建一个图层，分别合并变为普通图层即町。

V不建舷：wo% ∙V不Am too* >芋βfr ,H!B∙∙/UHH COfIK “ Ba eUQWFfEBClO 0%(BjBai l:□z+ B*1片・«41• ASAnOOroO813 (25.0OfPS)0 0(W ItfV 1920f OICr tJ J ' I0 Ma> t B⅝2____________ ∙j50θ∙t <J?5»«(72DOi) 2 ∕⅛∙ α J “彳记杵为图层命名看到编辑好的手臂、唱片和音符等四个图Ξmcy)A9(WIifSA加419• ■・]""(B)叼与KM対齐(DΛ≡ΛttUfi」IMttΛKUΛM^BsOlOO*(SSZ RGB∕8)∙12、将“小音符图层"缩小并改变一下方向。

好了,关闭背景图层预览卞效果。

我们可以►+∙Z∙Q √√∙√∙ ∙∙<Λ√√∙E √.^ 2τ∙*∙α∙ 0a Q层。

13、按图示，将人小音符图层位宣向左卜•移动，使它们右侧正好处在喇叭I I 处。

卜•來的工作 就是要让音符看起来是从喇叭里飘出来的。

当然，蒙版是最佳选择，为便于操作和控制，给 这个图层先编组。

方法是，单击^小音符层匕再按住Ctrl 键单击“人音符层匕然后，鼠标将 它们拖至箭头所指处的呛J 建新组”按钮召苫n uμn44 加□ 0iW4Λ:IEfg[正*V不am ； I （Xm ►• MH∙Λ≡Λ 加IBe O 110% （小■行，RGB∕Θ） •E]Xτ3E∙S^ P 4丄4匕3 ：√-∙∙<l √√∙κ√.⅛^τ√√.t⅛I B Γ∙I B ⅛I ⅛y ∕⅛∙ a 0∙ J “彳14. 用C 套索工具=（羽化一 2参考图示）在喇叭出丨I 和音符显示的区域画出选区。

对 于新手，这里需要提示下，上面说了，这个选区内是可见的区域，选区外，自然就是被隐藏 的区域了。

• ⅛>□ 0*MtΛ: m V[≡L RGB∕8) ∙• ST<72 pc) »90 91*M(∏∣4≡)0:8813 (25.0OfPS)0注ttH SMVURNCOII・«y≡V不AfML I(Xm >«19： □ Z ÷ Ay ∕⅛ α 0∙ j』⅜15. 接上步，单击面板卜方蒙版按钮为组添加蒙版——黑色为隐藏、白色为显示一观察蒙版缩览图。

P ∙」・"o ∣稚g 1UBB *： -G 14! Λ, (nJ :516、蒙版既然有此用途，那就继续蒙版「乎图层”如果加个黑色蒙版不也能把『•隐藏起按住ALT 键•单击蒙版按钮一町以快速为图层添加一个C 隐藏全部”的蒙版。

P ・ J心/ p ∣ Wt ：⅛pΓj EMfeteaSc toto.∕√∙ te∙<<L.z√lJ∙乂J∙ T・ *・ a ・y Wo Q " ■17、至此 前期工作准备完毕。

卜图为时间轴一些操作选项，红框侈［色）为呛J 建和清除帧" 按钮和与之对应的操作位置和结果;绿框中的按钮为^添加关键帧”，黄蓝线为标示，供参考。

图中，按我们的设想，根据各图层所起的作用，为它们分别创建关键帧，同时，设定它们各 自的初始帧状态。

比如「唱片帧”己设置好图层样式「人小音符”的初始动作是淡出.所以.日足罵性QSO 100% （≡棧的左羊.Bn*/8） •Wt ： 2 A0:8:01:23 (25.00 ⅛>s)V ei JeI JtilIfcGGaarf!0 i£tt[o[θ将它们的不透明度设为0初∙ < Kι⅛Jfi)18、大概了解了时间轴的操作，我们正式开始编辑动画。

第一步，先从“小音符始;我们设想的效果是让它从喇叭飘出，并在飘动中渐渐隐去，单击卩卜音符层S首先编紺“不19、将时间指示器移至时间轴的二分Z—处，把不透明度设为100.20. 将时间指示器移至时间轴的末端，再次将不透明度设为0、这个动作的过程是，从无到有，再到无<81 I MW}∣⅞H ∣)A ∙51≡ I正*T«5： □ z ÷ a∣oo% >o不≡m o 阴"腹位■SffMMSaM炉 PP l) ►0:00:01«) (25.0OfPS)02P<f<000不≡m O SVMfSl 观M 启用 固Ql Tiβ<βO WK41KlV21、然后，编辑“小音符叩勺“位置“。

第-•帧的位豐是设置好的，将时间指示器移至末端，“移动工附把“小音符懒至窗【I的右上方.参考图示。

这个动作过程是.从喇叭里出来，到右上角停止DVli^正X• »«•歳赍σ⅞ppo eα田足虜性咖O6β∙3%M>■育∙RGB∕8) ∙«5 ：□ z + a<S11 α片A •≡wn..大””不迓舷:［西■22、第二步，编辑“人音符S原理和思路同上，但是，让它快点，同时，变换一卜方向效果可能会更好。

（第一帧为初始关键帧，开始制作时已添加，卜•面不再赘述）还是从不透明度开始,时间指示器返回开始位■单」广人音符层S时间指示器移至时间轴的五分之处更改不透明度为100、：(72 PP)01:0Of 09■苻 闽TMK6冃氏□ z + a卜<fi l«XΛTJ..■充：100%>23.卜來，时间指示器移至时间轴的五分之二处，更改不透明度为0、同时，移动图层位置至窗I I右侧图示处。

这个动作过程是，用比“小音符”少一半多的时间从喇叭飘出，由无到令，再到无的运动至当前位置0:00:00:20 (25 OOfB)A •XΛΠ∙..m iEBl正冨V不邊■ α片24.这个效果就这样了，再來一遍A慢，好在町以复制——框选C大音符"下的所刈关键帧（变为黄色），然后在某个帧上单击右键＞拷贝关键帧。

正IC M 不am.∖o‰>：□ ✓÷ Λ♦充山00% •500 0：□κ∑a LP? PP)►大∏ξ)Ql O El v2> Iτ¾⅜⅝€6冃式«1片•效臬・A≡4)ntfil25.卜來，右移时间指示器至图中位置，在某个帧上单击右键＞粘贴关键帧，这样,-λ音符FJ以在设定的时间内运行两遍•当然，速度肯定会快于“小音符S≡>y不遷極：咗>26、好了，音符完成，第三步是编辑唱片。

设想是让它正时针旋转，时间指示器返回开始位置。

单击“唱片层S再双击红框所示处的“渐变為加Q图层样式编辑窗I I打开一特别提醍注总红框内“角度选项”的设旦为90度SM⅜¾x375a⅝(72pp ∣) ► 10:00:00:00 (25 OOfPo mIi^屯合5:款认 □SS 初眄阀Ho□外发丸 □内心"面耐■□ w⅛β□»e □ ΛΛ口独色金加F6 (SI②“式>•三 »<81・L_ J 大"~iτr ιι∏∣∣H ∣ •匚_JnHl⅜¾jwn⅜. I [ * 位桶 U值27.时间指示器移至时间轴的四分Z -处，双击红框所示处的C 渐变⅛i(Γ>-角度”旋转至0度，确定D QeIK性∙PJdO31X% 唱比 RGB∕8)∙ men κ28. 时间指示器移至时间轴的四分Z 二处，双击红框所示处的《渐变⅛ΛlΓ>-角度”旋转至-90度.确定轉式 屯含5：欧认 □Si□内朗■ □»x* □内賞丸Ct4⅛W4∙□■衲W O 丸澤C>Mt4Jβ D S<4tt□»aC≡CZZΓ⅞⅞⅜ B!Il Q@1KnPSde 3n% Ina 比 RGB /8)∙R9层無K抵含5:tt 认 □Si □内朗■ □外发丸 □内賞丸□ t4SW4MCJW«ttW □ΛΛ □∣HLM rrwSM加□ Bκ3IB <dSHI0 fχl6不≡m29、以此类推，巫复以上操作，卜來是180度，再下來，又回到0度这样, 此操作使这个角度渐变形成了一个从0度到0度无间断的正时针旋转效果EWM力皿OBhft (≡A 名】。