Photoshop制作可爱的表情包GIF动画教程
今天这篇好文通过两个简单的案例，小动画和动态表情包制作，带同学们一起来详细认识下PS做逐帧动画的工作流程和基础技能。喜欢的朋友一起来学习吧。
从理论上来说，PS的帧动画属于“逐帧动画”的范畴，利用的依然是人眼的“视觉暂留”现象，首先来“高大上”地Look一眼它的定义：
简单说，就是在每一帧上“绘制”动画的分解动作，然后把所有帧按序列排列播放，就能看到完整的动作了，最后在保存的时候选择gif格式，这就是一个完整的作品了。当然，gif只是格式，说到本质做的还是动画。而这里的“绘制”呢，既可以是利用软件的智能自动化如过渡、关键帧、补间动画等(不同软件采用的算法不同)，也可以用画笔、钢笔、形状工具绘制，或者更可手绘每一帧的内容。所以，如果小伙伴正好是手绘达人，那直接手绘出分镜就是极好的了。
在PS中，帧动画要在“时间轴”面板上完成(CS5及之前的版本叫做“动画”面板，CS6及CC各版本均叫“时间轴”面板。)，打开PS之后，如果没有看到该面板，可以按如图所示操作，点击“窗口”，然后在下拉菜单中点击“时间轴”即可打开，一般显示在软件底部。
案例一：位移动画
Step 1
我们首先用一个位移动画来了解下利用PS“过渡”功能制作“帧动画”的方法。按如图所示，新建文件，名称“位移运动”，430*430px，72ppi，透明背景，点击确定。
Ctrl+N，新建文件
选择圆角矩形工具，绘制一个圆角矩形，作为动画的主体。
点击PS底部的“时间轴”面板，激活它，然后按如图所示点击选择“创建帧动画”。PS：“创建视频时间轴”留作以后在介绍，我们先从帧动画快速上手喽。
Step 2
到现在，已经可以看到时间轴面板上有了一帧内容了，我们暂且不说，先来观察下这个面板，从以下截图可以看到，它的操作区域主要在两个框线部分，看起来好像很复杂滴样子，好多功能键，我们先不逐一介绍它们，而是通过案例来一点点感受它们，感受动画的魅力。
绛旓細鏈寮濮嬫槸鎸囩敤鍦ㄤ俊灏剧殑琛ュ厖鍐呭锛岀敤鐨勪篃鏈変簺娉涙硾浜嗭紝鍑℃槸琛ュ厖璇存槑閮藉彲浠ョ敤銆傚彟澶栧拷鐣ヤ袱涓偣锛堝嵆ps锛夛紝涔熷彲浠ョ悊瑙ｄ负photoshop锛堝浘鍍忓鐞嗚蒋浠讹級鐨勭缉鍐欍傚湪闈㈠浣犵殑鐢峰弸鐨勬椂鍊,浣犳槸鐖辨儏娓告垙涓殑鏂颁汉鍚楋紵 杩樻槸锛屼綘鍑轰簬寰堝缇烇紝浣犳案杩滀笉鐭ラ亾璇ユ庝箞鍋氭垨鑰呰锛屽鑷磋浠栨绘槸鎷傝绂诲紑?鍥犱负浣犱笉鐭ラ亾濡備綍琛ㄨ揪鑷繁!
绛旓細銆傚埌Photoshop鐩綍鐨凚rushes鏂囦欢澶逛腑閫夋嫨*.abr銆傚師鏉ヨ繖閲岃繕鏈夎繖涔堝鍙埍鐨涓滆タ銆33.鐢诲嚭涓涓紓浜殑鏍囪,鎯冲湪浣滃搧涓噸澶嶄娇鐢?濂藉姙,鐢ㄥ绱㈠伐鍏烽夊ソ瀹,鍦˙rushes鐨勫脊鍑鸿彍鍗曚腑閫夆滃偍瀛樼敾绗斺︹,鐒跺悗鐢ㄧ敾绗斿伐鍏烽変腑杩欎釜鏂扮瑪澶粹︹︽湅鍙,鎯冲仛灞呭鍠锋秱鍚?34.濡傛灉鎯抽夋嫨涓や釜閫夋嫨鍖哄煙涔嬮棿鐨勯儴鍒,鍦ㄥ凡鏈夌殑浠绘剰涓涓夋嫨鍖哄煙鐨...
绛旓細涓眹璁捐锛堝崱閫氬舰璞¤璁″叕鍙革級瑙ｇ瓟锛氳繎骞存潵锛岄殢鐫鍗￠氱敾椋庣殑娴佽锛岃秺鏉ヨ秺澶氱殑浜哄紑濮嬩娇鐢ㄧ數鑴戜笂鐨勫崱閫氬舰璞¤蒋浠舵潵鍒朵綔鑷繁鐨勮悓绯诲舰璞°備互涓嬫槸涓浜涘父鐢ㄧ殑鍗￠氬舰璞¤蒋浠跺拰鐗圭偣浠嬬粛銆Photoshop锛歅hotoshop浣滀负涓氬唴鏈寮哄ぇ鐨勫浘鍍忕紪杈戝櫒涔嬩竴锛屾彁渚涗簡澶ч噺鐨勫浘鍍忓鐞嗗拰缂栬緫鍔熻兘銆傚湪缁樺埗鍗￠氬舰璞℃椂锛屼綘鍙互浣跨敤鍏跺己澶х殑娑傛姽绗斿埛...
绛旓細濡備綍浣跨敤PS鍒朵綔绠娲佺殑鍥炬枃鎺掔増 PS鏄钩闈㈠埗浣滆蒋浠,閭ｄ箞浣犵煡閬撳浣曞揩閫熺殑鍒朵綔绠娲佺殑鍥炬枃鎺掔増涔?涓嬮潰鎴戜滑璺熺潃浠ヤ笅鍥炬枃姝ラ鏁欑▼,瀛︿範涓嬪埗浣滅殑鏂规硶銆 宸ュ叿/鏉愭枡 Photoshop 鍥剧墖绱犳潗 涓銆佺疆鍏ユ柊鍥剧墖 01 鎵撳紑PS杞欢,閫氳繃鈥淐trl+N鈥濆揩鎹锋柟寮,鍒涘缓涓涓柊鐨勭┖鐧芥枃妗ｃ 灏哄澶у皬璁句负:720*1280(鍒嗚鲸鐜:300鍍忕礌/鑻卞) 02 鍦ㄦ枃浠...
绛旓細缇庡浘绉绉鐢辩編鍥剧綉鐮斿彂鎺ㄥ嚭,鏄竴娆惧厤璐瑰浘鐗囧鐞嗚蒋浠,涓嶇敤瀛︿範灏变細鐢,姣擜dobePhotoshop绠鍗曞緢澶氥傚浘鐗囩壒鏁堛佺編瀹广佹嫾鍥俱佸満鏅佽竟妗嗐侀グ鍝佺瓑鍔熻兘,鍔犱笂姣忓ぉ鏇存柊鐨勭簿閫夌礌鏉,鍙互璁╀綘1鍒嗛挓鍋氬嚭褰辨ゼ绾х収鐗,杩樿兘涓閿垎浜埌鏂版氮寰崥銆佷汉浜虹綉銆丵Q绌洪棿銆傝鏄兂涓嬭浇鍦ㄦ瑙勭殑甯傚満涓嬭浇銆 鏈洖绛旂敱鐢靛瓙鏁扮爜鍒嗙被杈句汉 姹鐞 鎺ㄨ崘 涓炬姤...
绛旓細]Photoshop鍒朵綔闆ㄩ洩鐜[/URL] [URL= ]鐢≒hotoshop鍒朵綔绮剧編鏃跺皻鐨勭敺澹〃[/URL] [URL= ]PHOTOSHOP淇ˉ鐓х墖鐨勪竴鑸柟娉昜鏂囧瓧鐗圿[/URL] [URL= ]娆х編鏁堟灉绛惧悕鍒朵綔[/URL] [URL= ]褰╄壊鎶界嚎鏁堟灉[/URL] [URL= ]Photoshop鎵撻犵幆寮忕绛綶/URL] [URL= ]photoshop鍒朵綔绌跨嚎瀛梉/URL] [URL= ]Photoshop缁樺埗瓒呭己鎵嬫満[/...
绛旓細浠ヤ笅p鍥捐蒋浠堕兘鏈鍙埍鐨璐寸焊锛氱編鍥剧绉 缇庡浘绉绉鐢辩編鍥剧綉鐮斿彂鎺ㄥ嚭锛屾槸涓娆惧厤璐瑰浘鐗囧鐞嗚蒋浠讹紝涓嶇敤瀛︿範灏变細鐢紝姣擜dobe Photoshop绠鍗曞緢澶氥傚浘鐗囩壒鏁堛佺編瀹广佹嫾鍥俱佸満鏅佽竟妗嗐侀グ鍝佺瓑鍔熻兘锛屽姞涓婃瘡澶╂洿鏂扮殑绮鹃夌礌鏉愶紝鍙互璁╀綘1鍒嗛挓鍋氬嚭褰辨ゼ绾х収鐗囷紝杩樿兘涓閿垎浜埌鏂版氮寰崥銆佷汉浜虹綉銆丵Q绌洪棿銆傛嫾绔嬪緱 銆婃嫾绔嬪緱銆 ...
绛旓細銆傚埌Photoshop鐩綍鐨凚rushes鏂囦欢澶逛腑閫夋嫨*.abr銆傚師鏉ヨ繖閲岃繕鏈夎繖涔堝鍙埍鐨涓滆タ銆33. 鐢诲嚭涓涓紓浜殑鏍囪,鎯冲湪浣滃搧涓噸澶嶄娇鐢?濂藉姙,鐢ㄥ绱㈠伐鍏烽夊ソ瀹,鍦˙rushes鐨勫脊鍑鸿彍鍗曚腑閫夆滃偍瀛樼敾绗斺︹,鐒跺悗鐢ㄧ敾绗斿伐鍏烽変腑杩欎釜鏂扮瑪澶粹︹︽湅鍙,鎯冲仛灞呭鍠锋秱鍚?34. 濡傛灉鎯抽夋嫨涓や釜閫夋嫨鍖哄煙涔嬮棿鐨勯儴鍒,鍦ㄥ凡鏈夌殑浠绘剰涓涓夋嫨鍖哄煙...
绛旓細寮鍚柟寮:鍚姩Photoshop 6.0,鐒跺悗鎸変綇鈥淐trl+Alt鈥濋敭,鐐瑰嚮鈥淗elp鈥濊彍鍗曚腑 鐨勨淎bout Photoshop鈥︹,杩欐椂鍏充簬瀵硅瘽妗嗕腑浼氬嚭鐜颁竴鍙鍙埍鐨澶х數鐚傝屽鏋滀綘涓嶆寜 浣忊淐trl+Alt鈥,鐩存帴鐐瑰嚮鐨勮瘽,鍏剁粨鏋滄槸涓嶇浉鍚岀殑銆 Photoshop cs3褰╄泲鍐呭:绾㈣壊姘存櫠铔,鍙埍灏忕尗鍜,Bruce Fraser澶村儚 寮鍚柟寮:鍚姩Photoshop cs3,鎸変綇Crt...
