想DIY手機做不出的「動態」貼圖嗎? 覺得LINE拍貼功能太陽春嗎? 只要用AI illustrator,3分鐘就能完成一張生動的LINE照片動態貼圖!
前言
標題不是誇飾法,因為這篇教學真的是為了一位70歲阿嬤而寫的。 廖婆婆雖然已經當阿祖了,但是她不僅會用FB、LINE、 Messenger,竟然還是名Youtuber!追蹤者比老師還多(汗顏
廖婆婆說她學習力比較差, 希望我們盡量用最簡單方式教她做動態貼圖, 因為她的孫子會做靜態貼圖, 所以她想做出比他孫子更厲害的「動態」貼圖。 最後,阿嬤很開心地告訴我們,她一個下午就做完了!
如果你曾經有想自製照片貼圖的念頭, 如果你覺得你的學習能力不會輸給阿嬤, 那你為何還不趕快跟著教學試試看?
事前準備:
電腦、illustrator、8張照片
下載試用版illustrator
因為我們只需1個晚上就可以做完貼圖了,所以下載試用版來使用即可。
下載點:1.官方免費試用版下載點、2.免安裝試用版本下載點
下載後照著步驟指示安裝即可。
照片去背
投稿一組Line貼圖,必須完成至少8張圖,再從8張中挑出2張主要圖片與聊天室標籤。
LINE規定照片必須去背,我們可以利用免費服務 BackgroundBurner一鍵去背。
去背完後,就可以開始使用AI製作動態貼圖了!
貼圖製作教學:
1.開新檔案
打開illustrator軟體後,選擇[檔案] > [新增],
[寬度]輸入[320],[高度]輸入[270],[單位]選擇[pt],[方向]選擇[橫向]。
完成後,我們就設定好符合Line貼圖規定的尺寸。
再點開[進階]的標籤,確定[色彩模式]為[RGB]、[點陣特效]為[螢幕72dpi]。
最後按下[確定]。
2.開啟去背照片
再選擇[檔案] > [開啟舊檔],
點選視窗左邊[工具列]的[選取工具]。
點選照片後,按下[Ctrl+C]複製照片。
3.將照片貼入新檔案
選擇[剛剛開啟的檔案分頁] > 按[ctrl+V貼上],
點選視窗左邊[工具列]的[選取工具]。
點選照片出現藍框後,即可調整圖片到你要的位置大小角度。
PS.中間白色框框內才會顯示在貼圖中,可將照片不需要的地方放在灰色區塊內剪裁掉。
4.輸入貼圖文字
點選視窗左邊[文字工具],然後再空白處輸入貼圖文字。
5.更改顏色字體大小
點選視窗左邊[選取工具],然後點選文字出現藍色外框。 上方即可更改[字體顏色外框色、字體樣式、字體大小]等等。
6.繪製對話框裝飾
為了讓效果更美觀,我們可以幫文字加個簡易對話框效果。 點選視窗左邊[形狀工具],按住右鍵切換成[橢圓形工具]。 然後在空白處拖曳出橢圓形,讓橢圓蓋住文字。
7.更改物件順序
畫完後,要將對話框移動到文字下方。 點選視窗右邊[圖層面板]。 然後拖曳將文字與橢圓形的順序對調。
到這邊,貼圖動畫的第一張圖就完成了!
接下來要製作第二張,兩張連續播放就可以變成動畫。
8.複製出第二張貼圖
找到視窗右邊[圖層面板],按住[圖層1]然後拖曳到下方[新增圖層按鈕],就會快速複製出一個圖層,點選新圖層前方的[眼睛符號]暫時關閉顯示,方便編輯原本的第一張貼圖。
9.編輯第一張貼圖動畫
點選視窗左邊[選取工具],按住[Ctrl+A全選]出現藍框後,按[方向鍵下四次],讓所有物件移動,做出動畫效果。
Ps.按方向鍵4次用意是做出[移動動畫], 你可以將此步驟改成[放大縮小、旋轉、變換顏色]...等 就能變化應用出各種動畫效果!
10.預覽動畫效果
快速重複點選[眼睛符號],就可以簡單預覽動畫效果。
到這邊,動態貼圖製作就算是完成了!
接下來要將兩張貼圖,分別輸出成不同圖片PNG檔案,之後才能組合成動畫。
11.先轉存出第一張貼圖
將第二圖層[關閉顯示],視窗上方列[檔案 > 轉存 > 轉存為...],檔名輸入[1.png],格式選擇[png],勾選[使用工作區域] 與 [全部],按[轉存]。
然後確認解析度是[螢幕72ppi],背景色是[透明],按[確定]。
12.再重複轉存第二張貼圖
反過來,先將第二圖層[打開顯示],再將第一圖層[關閉顯示],視窗上方列[檔案 > 轉存 > 轉存為...],檔名輸入[2.png],格式選擇[png],勾選[使用工作區域] 與 [全部],按[轉存]。
13.合成APNG檔
請參考本文 APNG檔製作教學:Pngyu壓縮 + APNG Assembler製作
14.製作主要圖片與聊天標籤
最後,別忘記還要做出主要圖片與聊天標籤。
動態貼圖[主要圖片] 的尺寸是 [240 X 240], [聊天標籤]的尺寸是 [96 X 74],照著前面教學重新製作即可,也可以複製其他張完成的原始檔縮放到適合大小。
到這邊,所有貼圖需要的檔案就全部完成啦!
15.申請帳號與上傳
最後,我們只要申請帳號並且將貼圖檔案上傳即可,
請參考本文跟著設定即可 LINE貼圖上架帳號申請教學一篇搞定!
接下來只要等待審核通過就可以開心的跟親朋好友分享自己的貼圖了!
趕快一起幫寶寶、情侶、個人、寵物、結婚,製作出獨一無二的紀念照片動態貼圖吧!
想親手打造無價紀念?了解入門照片動圖課
想超速實現自創角色貼圖夢?了解進階角色動圖課
延伸閱讀
【3分鐘搞定LINE動態貼圖教學】by AI×AE超音速創作法