Piskel簡易的線上手繪動畫設計軟體,能製作出具有像素畫(Pixel)風格的動態影像。使用方法非常簡單~只需要開啟網頁後直接在影格裡繪圖,利用每個插畫的些許差異,產生移動、跑步或眨眼睛的動作,串聯成一段具有故事性的動畫。包含速度、尺寸大小與影格數皆能自訂,非常有彈性的一款免費動畫製作程式。除了網頁版之外,也有Windows、Mac電腦版。
♦更多製作動畫懶人包:免費8款動畫製作軟體(Win,Mac,線上版)
Piskel手繪動畫製作網站
♦由此前往網頁:Piskel線上手繪動畫製作網站
♦免安裝可攜帶版:Piskel手繪動畫設計軟體(Windows)
♦Mac OS:Piskel手繪動畫製作工具 下載(Mac)
♦其他版本:Piskel Create animations (Linux)
Piskel線上手繪動畫網站 使用教學
▼前往Piskel網站,使用左方的挑選喜歡的畫筆工具,開始在編輯區繪圖~
▼在第二個之後的影格,只要稍微修改一下圖片的細節即可產生動作。右上為預覽區,可檢視看看動畫的效果與影格切換的速度是否滿意。
▼到「Preference」的「Background」裡設置透明的背景;「Resize」畫布尺寸設定。完成後「Export」選擇匯出成GIF、PNG格式。
▼製作的範例如下圖↓ 有點小XD,在繪製之前別忘了先調整影像的尺寸(囧)。
更多好用的工具
♦讓照片變復古遊戲風格:線上8bit圖片產生器
♦畫有翻書效果的創意動圖:FlipAnim線上「手繪動畫」製作軟體
♦在照片&影片中製作超酷的動態文字:Legend – Animate Text文字動畫App
♦圖片加入音樂、文字:免費影片剪輯軟體App
♦利用「拖拉」素材,來設計動畫:Animaker免費線上動畫製作軟體
♦更多好用工具:免費畫插畫軟體
Ten articles before and after
《GIF動圖製作App》將影片轉GIF檔,或把多張照片、LIVE連拍變成動畫!(iPhone、Android) – ig 網頁版
IGTV影片專屬頻道,Instagram新功能教學!上傳更長的直向全螢幕影片,創作更棒的視頻,跟粉絲們互動吧。 – ig 網頁版
《1010!》超上癮遊戲App,玩法訣竅、高分技巧、攻略訣竅 線上交流。iOS/Android – ig 網頁版
iPhone自訂小工具App-Top Widgets 萬能小組件 教學!桌布和鎖屏排版。 – ig 網頁版
Pencil2D免費 2D 手繪動畫製作程式教學,支援點陣圖編輯,可匯出有聲影片檔&GIF。(Mac、Win、Linux) – ig 網頁版
在Instagram個人檔案放多個網站,一次分享好幾個超連結Linktree(教學) – ig 網頁版
iPhone鈴聲設置助手App-將任何歌曲、抖音神曲、影片聲音、錄音檔變成手機鈴聲。(iOS) – ig 網頁版
拍照取字-OCR文字掃描辨識App,將圖片轉成文字!方便複製、編輯與分享。(Android、iOS) – ig 網頁版