Gif後續-loading等待不枯燥
Hello，大家好
我是小桃紅
越來越多動圖出現在我們生活中的時候，慢慢發現我們已經從一個讀圖時代開始走向了一個動圖的時期，相對於文字，我們更關注圖像；相對於靜止的圖像，慢慢的發現，動畫更加的吸引我們。
在等待網頁載入的時候，那個簡單的loading……已經無法再滿足我們的審美了。
文字的枯燥和乏味，讓小桃紅又燃起了對GIF的熊熊烈火。
【1】GIF的生成方式
在PS裡面的兩種GIF生成方式【創建幀動畫】和【創建視頻時間軸】裡面，幀動畫一直是我比較偏愛的，因為他的簡單粗暴和直接，讓我們可以更快的去實現所想要的動作，就像是一個定格動畫的時間導軌，直接的增刪，可以非常直觀的展示出每一個畫面，所以今天的演示依然是從【創建幀動畫】發散出來的，關於一個loading的思考
【2】 常見的一些loading展示形式
我們經常會見到一些很小的等待載入的gif，
在圖形勻速而有規律的變化中，我們的等待變得有趣起來，甚至有點不那麼期待頁面的載入速度，而是會專心的去看動畫下面的劇情了。也許這就是動圖的魅力吧，枯燥和乏味換了一個角度，竟然讓我們多了期待。
【3】動圖其實很簡單
不排除很多複雜的gif製作過程中用到了AE和Flash，其實PS也可以滿足我們對於GIF的小小期待，而且步驟，其實也是非常的簡單易行。
所以，萬萬沒想到的第一步，依舊是，打開PS。
之後的第二步，是動手創造的環節，首先去製作一個等待的原型。
然後，要思考一個問題：「我要用什麼樣的方式吸引人的眼球呢」---旋轉or移動or閃爍，根據不同的呈現方式，去判斷下一步，該要做些什麼。
比如，我選擇了旋轉：
確認旋轉的角度，盡量讓角度是可以被360°整除的數字，來確保旋轉歸位後，動畫不會卡頓，我選了旋轉30°。
之後，這是一個偷懶的階段，粗略計算一下在旋轉幾次的時候圖片會與原圖重合（也就是歸位）就對原圖層，複製幾個，
旋轉30°，對每一個圖層進行旋轉，在上一個圖層的基礎上旋轉30°
這個時候，準備工作又結束了，可以進入正題----編輯動作
依舊是點擊【創建幀動畫】（想不到吧）
第一幀，是原圖的樣子
創建第二幀，把顯示的內容進行一下編輯，顯示旋轉了第一個30°的圖層，第三幀顯示旋轉了第二個30°的圖層，第四個第五個第n個，以此類推……
每一個關鍵幀做好了之後，可以來測試一下旋轉效果
當然如果覺得需要過渡幀，也可以嘗試增加一個看看
當然如果是需要透明的圖，記得整體選中，把底圖隱藏掉
之後又是一個大快人心的時刻了，保存！！！
點擊【文件】-【導出】-【存儲為Web所用格式（舊版）】或者快捷鍵【ctrl+shift+alt+s】
去設置GIF的參數，之後存儲
感覺十分簡單快捷毫不複雜，甚至還有點小激動的時候，一個新的loading動畫就這樣誕生了。
突然想起很久很久以前，好朋友要編程，找我要一張loading的圖，當時的我十分無知，在PS里打了一個loading，然後發了一個png給他。
時至今日，我有點明白了當時為什麼他眼神中有一種不像感謝，卻說不清的內容。
那個內容應該是在問我，你沒學會做GIF？
小桃紅·敬上
當然除了loading的動畫，我們還可以做很多事情的，不信你看
不是所有教程都好用
不如關注小桃紅
這個Loading和摩天輪都分享出來了
記得來拿哦！
※再也不怕記不住那些易混的快捷鍵了
※管好你的嘴，別讓它毀了你的職業生涯
※你只會求PPT模板，卻不知道Word樣式模板有多強
※我不會Ae，卻用PPT做著動態二維碼
※學會這招，1分鐘做出高顏值的Excel圖表
TAG:壹周傳媒文化有限公司 |