微博上九宫格gif动图是怎么做出来的 微博上九宫格gif动图是怎么做出来的？
\u5fae\u535a\u4e0a\u4e5d\u5bab\u683cgif\u52a8\u56fe\u662f\u600e\u4e48\u505a\u51fa\u6765\u7684\u5236\u4f5c\u52a8\u56fe\u7684\u6b65\u9aa4\u5982\u4e0b\uff1a
\u9996\u5148\u9009\u597d\u4e00\u5f20\u56fe\uff0c\u628a\u5b83\u7f16\u53f7\u4e3a1\u56fe\uff08\u4e3a\u52a8\u56fe\u7684\u7b2c\u4e00\u5f20\u663e\u793a\u56fe\u7247\uff09\uff1a
\u7136\u540e\u5728\u9009\u597d\u4e00\u5f20\u56fe\uff0c\u628a\u5b83\u7f16\u53f7\u4e3a2\u56fe\uff08\u4e3a\u663e\u793a\u7b2c\u4e00\u5f20\u540e\u8df3\u51fa\u6765\u7684\u56fe\u7247\uff09\uff1a
\u7d20\u6750\u51c6\u5907\u597d\u4e86\uff0c\u5c31\u8981\u4e0a\u5de5\u5177CS6\uff08\u4ee5\u4e0b\u7b80\u79f0PS\uff09\u4e86\uff0c\u4e5f\u5c31\u662fPhotoshop\u7684\u6700\u65b0\u7248\u3002
\u4e0b\u9762\u4e0a\u5177\u4f53\u6b65\u9aa4\u4e86\uff1a
\u7b2c\u4e00\u6b65\uff1a\u6253\u5f00PS\uff0c\u5c061\u56fe\u62d6\u5165\u754c\u9762\u4e2d\u3002\u6216\u8005\u76f4\u63a5\u7528PS\u6253\u5f001\u56fe\uff0c
\u7b2c\u4e8c\u6b65\uff1a\u70b9\u51fb\u72b6\u6001\u680f\u7684\u56fe\u5c42\uff0c\u65b0\u5efa\u4e00\u4e2a\u56fe\u5c42\uff0c\u7136\u540e\u5c062\u56fe\u5d4c\u5165\u8fd9\u4e2a\u65b0\u5efa\u7684\u56fe\u5c42\u3002
\u7b2c\u4e09\u6b65\uff1a\u5728\u72b6\u6001\u680f\u7684\u7a97\u53e3\uff0c\u8c03\u51fa\u65f6\u95f4\u8f74\uff0cCS6\u4e4b\u524d\u7248\u672c\u7684PS\u5bf9\u5e94\u7684\u662f\u8c03\u51fa\u52a8\u753b\u3002
\u7b2c\u56db\u6b65\uff1a\u70b9\u51fb\u521b\u5efa\u5e27\u52a8\u753b\uff0c\u5efa\u7acb\u4e24\u5e27\u753b\u9762\u3002\u4e0b\u8fb9\u680f\u7ea2\u6846\u5904\u4e3a\u590d\u5236\u5efa\u7acb\u65b0\u5e27\u3002\u6ce8\u610f\uff0c\u5efa\u7acb\u54ea\u4e00\u5e27\u5c31\u70b9\u5f00\u53f3\u4fa7\u8fb9\u680f\u56fe\u7247\u7684\u5c0f\u773c\u775b\u3002
\u7b2c\u4e94\u6b65\uff1a\u8bbe\u7f6e\u5e27\u52a8\u753b\uff0c\u9009\u62e90.1\u79d2\uff0c\u91cd\u590d\u6b21\u6570\u4e00\u6b21\uff0c\u4f20\u64ad\u5e27\u4e3a1\u5e27\u3002\u5982\u56fe\u793a\uff1a\u7b2c\u516d\u6b65\uff1a\u5728\u72b6\u6001\u680f\u6587\u4ef6\uff0c\u50a8\u5b58\u4e3aWeb\u6240\u7528\u683c\u5f0f\uff0c\u8bb0\u5f97\u4e00\u5b9a\u8981\u662f\u8fd9\u4e2a\uff0c\u4e0d\u5f97\u662f\u5176\u4ed6\u7684\uff0c\u5426\u5219\u4e0d\u80fd\u8fbe\u5230\u6548\u679c\u3002
\u7b2c\u4e03\u6b65\uff1a\u50a8\u5b58\u65f6\u4fdd\u5b58\u683c\u5f0f\uff0c\u753b\u9762\u50cf\u7d20\u7684\u8c03\u6574\uff0c\u5b98\u65b9\u662f\u8981\u6c42\u50cf\u7d20\u4e0d\u5f97\u9ad8\u4e8e450\u00d7450\uff0c\u5efa\u8bae\u5728400\u00d7400\u4ee5\u4e0b\u3002\u7136\u540e\u4fdd\u5b58\u5373\u53ef\u3002
\u56fe\u7247\u5236\u4f5c\u597d\u540e\u5c31\u662f\u4e00\u4e2aGIF\u7684\u95ea\u56fe\u4e86\uff0c\u5728\u684c\u9762\u70b9\u5f00\u8fd9\u5f20\u56fe\u7247\u4f1a\u4e0d\u505c\u7684\u95ea\u52a8\u3002\u4e4b\u540e\u4e0a\u4f20\u5fae\u535a\uff0c\u597d\u4e86\uff0c\u81f3\u6b64\u95ea\u56fe\u5236\u4f5c\u5b8c\u6210\u3002
\u5236\u4f5c\u52a8\u56fe\u7684\u6b65\u9aa4\u5982\u4e0b\uff1a
\u9996\u5148\u9009\u597d\u4e00\u5f20\u56fe\uff0c\u628a\u5b83\u7f16\u53f7\u4e3a1\u56fe\uff08\u4e3a\u52a8\u56fe\u7684\u7b2c\u4e00\u5f20\u663e\u793a\u56fe\u7247\uff09\uff1a
\u7136\u540e\u5728\u9009\u597d\u4e00\u5f20\u56fe\uff0c\u628a\u5b83\u7f16\u53f7\u4e3a2\u56fe\uff08\u4e3a\u663e\u793a\u7b2c\u4e00\u5f20\u540e\u8df3\u51fa\u6765\u7684\u56fe\u7247\uff09\uff1a
\u7d20\u6750\u51c6\u5907\u597d\u4e86\uff0c\u5c31\u8981\u4e0a\u5de5\u5177CS6\uff08\u4ee5\u4e0b\u7b80\u79f0PS\uff09\u4e86\uff0c\u4e5f\u5c31\u662fPhotoshop\u7684\u6700\u65b0\u7248\u3002
\u4e0b\u9762\u4e0a\u5177\u4f53\u6b65\u9aa4\u4e86\uff1a
\u7b2c\u4e00\u6b65\uff1a\u6253\u5f00PS\uff0c\u5c061\u56fe\u62d6\u5165\u754c\u9762\u4e2d\u3002\u6216\u8005\u76f4\u63a5\u7528PS\u6253\u5f001\u56fe\uff0c
\u7b2c\u4e8c\u6b65\uff1a\u70b9\u51fb\u72b6\u6001\u680f\u7684\u56fe\u5c42\uff0c\u65b0\u5efa\u4e00\u4e2a\u56fe\u5c42\uff0c\u7136\u540e\u5c062\u56fe\u5d4c\u5165\u8fd9\u4e2a\u65b0\u5efa\u7684\u56fe\u5c42\u3002
\u7b2c\u4e09\u6b65\uff1a\u5728\u72b6\u6001\u680f\u7684\u7a97\u53e3\uff0c\u8c03\u51fa\u65f6\u95f4\u8f74\uff0cCS6\u4e4b\u524d\u7248\u672c\u7684PS\u5bf9\u5e94\u7684\u662f\u8c03\u51fa\u52a8\u753b\u3002
\u7b2c\u56db\u6b65\uff1a\u70b9\u51fb\u521b\u5efa\u5e27\u52a8\u753b\uff0c\u5efa\u7acb\u4e24\u5e27\u753b\u9762\u3002\u4e0b\u8fb9\u680f\u7ea2\u6846\u5904\u4e3a\u590d\u5236\u5efa\u7acb\u65b0\u5e27\u3002\u6ce8\u610f\uff0c\u5efa\u7acb\u54ea\u4e00\u5e27\u5c31\u70b9\u5f00\u53f3\u4fa7\u8fb9\u680f\u56fe\u7247\u7684\u5c0f\u773c\u775b\u3002
\u7b2c\u4e94\u6b65\uff1a\u8bbe\u7f6e\u5e27\u52a8\u753b\uff0c\u9009\u62e90.1\u79d2\uff0c\u91cd\u590d\u6b21\u6570\u4e00\u6b21\uff0c\u4f20\u64ad\u5e27\u4e3a1\u5e27\u3002\u5982\u56fe\u793a\uff1a\u7b2c\u516d\u6b65\uff1a\u5728\u72b6\u6001\u680f\u6587\u4ef6\uff0c\u50a8\u5b58\u4e3aWeb\u6240\u7528\u683c\u5f0f\uff0c\u8bb0\u5f97\u4e00\u5b9a\u8981\u662f\u8fd9\u4e2a\uff0c\u4e0d\u5f97\u662f\u5176\u4ed6\u7684\uff0c\u5426\u5219\u4e0d\u80fd\u8fbe\u5230\u6548\u679c\u3002
\u7b2c\u4e03\u6b65\uff1a\u50a8\u5b58\u65f6\u4fdd\u5b58\u683c\u5f0f\uff0c\u753b\u9762\u50cf\u7d20\u7684\u8c03\u6574\uff0c\u5b98\u65b9\u662f\u8981\u6c42\u50cf\u7d20\u4e0d\u5f97\u9ad8\u4e8e450\u00d7450\uff0c\u5efa\u8bae\u5728400\u00d7400\u4ee5\u4e0b\u3002\u7136\u540e\u4fdd\u5b58\u5373\u53ef\u3002
\u56fe\u7247\u5236\u4f5c\u597d\u540e\u5c31\u662f\u4e00\u4e2aGIF\u7684\u95ea\u56fe\u4e86\uff0c\u5728\u684c\u9762\u70b9\u5f00\u8fd9\u5f20\u56fe\u7247\u4f1a\u4e0d\u505c\u7684\u95ea\u52a8\u3002\u4e4b\u540e\u4e0a\u4f20\u5fae\u535a\uff0c\u597d\u4e86\uff0c\u81f3\u6b64\u95ea\u56fe\u5236\u4f5c\u5b8c\u6210\u3002
首先选好一张图，把它编号为1图（为动图的第一张显示图片）：
然后在选好一张图，把它编号为2图（为显示第一张后跳出来的图片）：
素材准备好了，就要上工具CS6（以下简称PS）了，也就是Photoshop的最新版。
下面上具体步骤了：
第一步：打开PS，将1图拖入界面中。或者直接用PS打开1图，
第二步：点击状态栏的图层，新建一个图层，然后将2图嵌入这个新建的图层。
第三步：在状态栏的窗口，调出时间轴，CS6之前版本的PS对应的是调出动画。
第四步：点击创建帧动画，建立两帧画面。下边栏红框处为复制建立新帧。注意，建立哪一帧就点开右侧边栏图片的小眼睛。
第五步：设置帧动画，选择0.1秒，重复次数一次，传播帧为1帧。如图示：第六步：在状态栏文件，储存为Web所用格式，记得一定要是这个，不得是其他的，否则不能达到效果。
第七步：储存时保存格式，画面像素的调整，官方是要求像素不得高于450×450，建议在400×400以下。然后保存即可。
图片制作好后就是一个GIF的闪图了，在桌面点开这张图片会不停的闪动。之后上传微博，好了，至此闪图制作完成。
把那张图做成gif图，图片第一帧显示你想在没点开时呈现的效果，最后一帧设置成你想在点开后看到的效果。
微博和微信的九宫格大都是通过这种方式实现的，你还可以通过调整九张图片的顺序来实现不同的预览效果。
绛旓細鎵撳紑寰崥锛岀偣鍑诲睆骞曚笅鏂圭殑鈥+鈥濆彿 閫夋嫨鏂囧瓧銆備笉瑕侀夋嫨鎷嶆憚鎴栬呯浉鍐岋紒锛侊紒鍙兘閫夋嫨鏂囧瓧銆傞暱鎸夊乏涓嬭鐨勫浘鐗囥備竴瀹氳闀挎寜锛侊紒锛佺偣涓涓嬬殑璇濆氨娌℃硶鍙涔濆鏍銆傝繖鏃跺欎細鑷姩鍑虹幇浣犵殑鐩稿唽锛岄夋嫨浣犳兂瑕佸彂甯冪殑鍥剧墖锛岀偣鍑 杩欐椂鍊欏氨浼氬嚭鐜颁綘閫夋嫨鐨勫浘鐗囷紝骞朵笖甯︽湁涔濆鏍 璋冩暣鍥剧墖鍒颁綘鎯宠鐨勪綅缃紝鍙充笂瑙掔‘瀹 缂栬緫浣...
绛旓細闇瑕佲滀竴閿涔濆鏍鈥濈浉鍏宠蒋浠舵墠鑳藉畬鎴愩1.鎵撳紑App Store锛屽湪鎼滅储妗嗛噷杈撳叆鈥滀竴閿節瀹牸鈥滱pp锛2.涓嬭浇App锛3.鎵撳紑杞欢锛岄夋嫨鎯宠鍋氭垚涔濆鏍肩殑鍥剧墖锛岀敓鎴愪箣鍚庝繚瀛樺嵆鍙
绛旓細寰崥鍙戝浘鍒涔濆鏍姝ラ濡備笅銆1銆侀夋嫨涓寮犻渶瑕佷笂浼犵殑鍥剧墖锛屽皢鍏舵墦寮骞跺鍒跺埌鐢诲浘杞欢涓2銆佷娇鐢ㄧ敾鍥捐蒋浠朵腑鐨勫壀瑁佸伐鍏凤紝灏嗗浘鐗囧壀瑁佹垚3琛3鍒楃殑涔濆鏍笺3銆佹寜鐓у壀瑁佸嚭鏉ョ殑涔濆鏍奸『搴忥紝浠庡乏鍒板彸銆佷粠涓婂埌涓嬩緷娆″皢涔濆紶鍥剧墖淇濆瓨鍒版湰鍦般4銆佺櫥褰曞井鍗氾紝鍦ㄥ彂甯冩柊寰崥鏃堕夋嫨涓婁紶鍥剧墖锛岄夋嫨鍒氭墠淇濆瓨鍒版湰鍦扮殑涔濆紶...
绛旓細鎶婇偅寮犲浘鍋氭垚GIF鍥锛屽浘鐗囩涓甯ф樉绀轰綘鎯冲湪娌＄偣寮鏃跺憟鐜扮殑鏁堟灉锛屾渶鍚庝竴甯ц缃垚浣犳兂鍦ㄧ偣寮鍚庣湅鍒扮殑鏁堟灉銆寰崥鍜屽井淇＄殑涔濆鏍澶ч兘鏄氳繃杩欑鏂瑰紡瀹炵幇鐨勶紝浣犺繕鍙互閫氳繃璋冩暣涔濆紶鍥剧墖鐨勯『搴忔潵瀹炵幇涓嶅悓鐨勯瑙堟晥鏋溿
绛旓細浠ヤ笅鏄叿浣撹В鍐虫柟娉曪細1銆佹墦寮杞欢锛岄夋嫨鍙充笂瑙掔殑銆愬啓寰崥銆戙2銆侀暱鎸夊鍥剧殑鍥剧墖绗﹀彿锛岃璁颁綇鏄暱鎸夈3銆佽嚜鍔ㄨ繘鍏ョ浉鍐屽悗锛岄夋嫨鑷繁鎯宠鍒囧壊鐨勫浘鐗囥4銆佺偣鍑荤Щ鍔ㄥ拰缂╂斁杩樿兘鏇存敼鍒囧壊鐨勫ぇ灏忥紝鐒跺悗鐐瑰嚮鍙戝竷鍗冲彲銆傛柊娴井鍗氾紝鍚庢洿鍚嶄负“寰崥”锛屾槸涓浗钁楀悕绀句氦濯掍綋骞冲彴锛屼簬2009骞8鏈堟帹鍑恒傜敤鎴峰彲浠ラ氳繃...
绛旓細缂栬緫瀹屾瘯鍚庯紝鍒繕浜嗕繚瀛樻瘡涓寮犳垚鍝侊紝鎸夌収椤哄簭鍙戝竷鍒版湅鍙嬪湀鎴寰崥锛屼綘鐨勬湅鍙嬩滑浼氭儕鍙逛簬浣犵殑鐢ㄥ績涓庡垱鎰忋傛渶鍚庯紝鏃犺鏄嚜鎷嶇殑鐢滅編鐬棿锛岃繕鏄鏅殑缁濈編鎹曟崏锛屾垨鏄埍璞嗙殑娴锋姤鍚堟垚锛岄兘鍙互鎴愪负浣涔濆鏍鏁呬簨鐨勪富瑙掋傚氨杩欐牱锛岀敤杩欎釜鏈夎叮鍙堢編瑙傜殑涔濆鏍奸暱鍥撅紝璁╂瘡涓鏉″姩鎬侀兘鏁ｅ彂鍑虹嫭鐗圭殑榄呭姏锛岃浣犲湪绀句氦濯掍綋鐨...
绛旓細浠ヤ笅鏄叿浣撹В鍐虫柟娉曪細1銆佹墦寮杞欢锛岄夋嫨鍙充笂瑙掔殑銆愬啓寰崥銆戙2銆侀暱鎸夊鍥剧殑鍥剧墖绗﹀彿锛岃璁颁綇鏄暱鎸夈3銆佽嚜鍔ㄨ繘鍏ョ浉鍐屽悗锛岄夋嫨鑷繁鎯宠鍒囧壊鐨勫浘鐗囥4銆佺偣鍑荤Щ鍔ㄥ拰缂╂斁杩樿兘鏇存敼鍒囧壊鐨勫ぇ灏忥紝鐒跺悗鐐瑰嚮鍙戝竷鍗冲彲銆傛柊娴井鍗氾紝鍚庢洿鍚嶄负鈥滃井鍗氣濓紝鏄腑鍥借憲鍚嶇ぞ浜ゅ獟浣撳钩鍙帮紝浜2009骞8鏈堟帹鍑恒傜敤鎴峰彲浠ラ氳繃PC銆佹墜鏈虹瓑...
绛旓細闀挎寜鍙戝浘鐨勯偅涓浘鏍囷紝灏辨垚浜涔濆鏍褰㈠紡鐨勶紝杩欐椂鍊欐坊鍔犱竴寮犲浘鐗囦細缁欎綘鍒嗘垚涔濇牸銆傝嚦浜庣偣寮浼氬彉鎴愪笉鍚岀殑鍥惧氨涓嶇煡閬撲簡
绛旓細鍥炵瓟锛氬叾瀹炴槸璁捐鎴愪竴寮犳鏂瑰瀷鐨鍥鹃噷,鐒跺悗閫氳繃鍒囩墖鐨勬柟寮忓垏鎴9鍧楀悓澶у皬鐨,鍙戝竷鏃舵敞鎰忎竴涓嬮夋嫨鐨勯『搴忓氨OK浜嗐
绛旓細寰崥鍒囧浘姝ラ锛1.銆愬啓寰崥銆戠櫥褰曚釜浜哄井鍗氳处鍙凤紝鍦ㄩ椤靛彸涓婅鐐光滐紜鈥濋夋嫨鈥滃啓寰崥鈥濓紝寮濮嬩笅涓姝ワ紝杩欑鏂规硶鏈绠鍗曘2.銆愰暱鎸夊浘鏍囥戞壘鍒板乏涓嬭娣诲姞鍥剧墖鐨勬寜閽紝闀挎寜姝ゅ浘鏍囷紝鍦ㄥ嚭鐜扮殑鐣岄潰涓夋嫨鎯宠鍒涔濆鏍鐨勫浘鐗囥3.銆愬垏涔濆鏍笺戦夊ソ鍥剧墖涔嬪悗锛屽嵆鍙繘鍏ョЩ鍔ㄥ拰缂╂斁椤甸潰锛岃皟鏁翠節瀹牸鍥剧墖澶у皬鍜屼綅缃紝鐐...
