本帖最后由 toushi0505 于 2021-7-29 09:42 编辑
為了活動特別寫的原創首發教程～
實在很不會寫教程，去年好不容易擠出東西寫，這次也同樣不知道自己能寫什麼，
於是就來寫寫製作牌子時用的一個簡易小技巧＝＼＼Ｗ＼＼＝
銀用的版本是Photoshop CC 2018。
本教程是「使用Photoshop時間軸製作動態粒子效果」，
要製作稱號牌、勳章、動態簽名/海報/卡片等都能使用。
★基礎步驟：
１．打開Photoshop，建立一個合適大小的空白檔案，
這裡為了方便講解，用黑底呈現更加清楚。
[查看图片]
２．新增一個「圖層」。
命名為粒子Ａ。（圖層請隨自己使用習慣來命名即可～）
[查看图片]
３．開啟「筆刷」。
先設一個20像素的白色筆刷。（這裡的筆刷大小亦隨自己喜好來試即可。）
[查看图片]
４．在粒子Ａ的圖層上自由作畫～
要隨機點還是規律點都看自己需求。
[查看图片]
５．再設一個比步驟３．還小一些的筆刷。
這裡是設為10像素的白色筆刷。
[查看图片]
６．同樣在粒子Ａ的圖層上作畫，
特別留意的是，可以跟20相素的粒子
交錯，視覺效果較好，不重疊也會讓大小粒子較為分明。
畫完後，開啟「時間軸」（鼠標左鍵點框框一下即可）。
[查看图片]
７．如圖，開啟時間軸之後，就能看到粒子Ａ的時間軸了。
接著，點一下旁邊的「＞」，可以看到更細節的內容。
[查看图片]
８．點擊「位置」這項前方的小圈圈，等於為他建立了一個
視訊時間軸。
[查看图片]
９．這理想要製作個15秒的小動畫，因此把可調整的那條紅線移至15秒的位置。
接著，對粒子Ａ上的粒子進行移動，這裡是由右至左移動。
移動完之後，可以發現PS把剛才移動的動作記住了，並自動建立一個在15秒的節點。
（此步驟等於是
幫他設動作的起點＆終點，也可以做更多移動，來建立更多節點。）
[查看图片]
１０．
設定時間軸的長度。（即圖中紫色那條，等於是設定小動畫的時間長度）
鼠標左鍵拖曳一下時間軸就能進行。
長度設定完後播放預覽下，查看是不是自己想要的效果。
[查看图片]
１１．確認沒問題之後進行存檔，
由於這張圖是動態的，輸出時需存成GIF檔。
檔案→儲存為網頁和裝置用，
調整完相關設定後直接按「儲存」。（這裡是直接預設值，沒做其他調整。）
[查看图片]
[查看图片]
[查看图片]
１２．成品：由於只設15秒，移動超快速XD
[查看图片]
★循環效果步驟：
１．重複前述基礎步驟１．至５．。
請留意，這次是
要畫滿整個畫布喔！
筆刷也能做更多的大小變化，來豐富整個畫面，這裡增加了像素15的白色筆刷。
而這部分，為了跟前述做個分別，把圖層命名為粒子Ｂ的來繪製。
[查看图片]
２．接著，
讓原畫布之外的地方也填充些粒子。
最簡便的方法就是畫滿整個畫布後，根據自己喜好移動一下粒子Ｂ圖層，
（本教程是進行左右平均移動，也可以試著只往左移動多一點或只往右多一點～）
移動出有空白的地方，繼續在左／右的空白處填充粒子。
[查看图片]
[查看图片]
３．畫完後，再把粒子Ｂ的圖層整個往右移動，
移動至整個畫布是滿滿粒子的狀態，但左邊不能留太多空白。
如圖，可看出粒子Ｂ圖層的所有範圍。
[查看图片]
４．調整粒子Ｂ圖層完後，開啟「時間軸」。
[查看图片]
５．與前述基礎步驟相同，點一下旁邊的「＞」，再點擊「位置」這項前的小圈圈。
[查看图片]
６．這次要製作個60秒的小動畫，因此把紅線移至60秒的位置。
接著，對粒子Ｂ上的粒子進行移動，這裡同樣是由右至左。
跟基礎步驟不同的是，
移動至整個畫布是滿滿粒子的狀態，但右邊不能留太多空白。
[查看图片]
７．移動完後，PS自動建立了一個在60秒的節點。
接著，
設定時間軸的長度。
長度設定完後播放預覽下，看是否為想要的效果。
[查看图片]
８．確認沒問題之後一樣進行存檔。操作同前述基礎步驟１１．。
[查看图片]
９．成品：這次粒子看起來就有
循環的視覺效果了W
[查看图片]
★本教程之應用：
１．
稱號牌實際成品：
[查看图片]
小恭牌子上的動態粒子，就是銀自己用這方式畫出來噠，然後再調整下透明度，完成～
２．若不想自己手動畫，亦能
找合適的素材，例如圈圈、星星、愛心、雪花等等，
按照此教程的方式移動素材，就能做出相應的動態效果了。
３．
移動方式是各式各樣的，本教程是以左右為主，
可以自由試著上下移動，甚至是斜的移動都可以，就看想要什麼動態效果。
４．粒子方面，本教程簡單以一個圖層做移動，
想做得更精細，其實可以
同像素的粒子就建一個圖層。
以本教程為例，即分別建立10像素、15像素、20像素3個圖層，
然後分別對每個圖層進行設定，例如：
（１）相同的出發時間＆結束時間；
（２）不同的出發時間＆結束時間；
（３）相同的出發時間、不同結束時間；
（４）不同的出發時間、相同結束時間；
（５）其中兩個速度較快，剩下一個速度較慢等，諸如此類的變化。
本教程為原創教程，
轉載請註明：原創教程 BY toushi0505@tsdm，並附上本帖網址。
