創作內容

7 GP

不知道軌跡怎畫嗎 靠smearFX吧(基礎篇)

作者:澪音│2020-03-05 14:22:46│巴幣:14│人氣:162
大家好這邊是2年沒發新文章,但是越來越往美術接近的碼農
趁著今年的三把火又燒起來最近又再開始努力了,來把一些自己用過的一些在圖像上的軟體寫個介紹,也方便哪天我火熄了 又燒起來有地方可以回顧一些東西怎用...


今天就先來介紹這個小軟體

smearFX

這是作者在itch.io的頁面,如果不方便使用的話steam上也可以購買,該作者還有專門做效果特效用的Pixel FX Design和視覺特效用的JuiceFX

這系列的共通點都算是為了像素圖或著說偏小圖形用的圖片軟體,算是非常方便給獨立開發去使用,關於JuiceFX之後我也會做介紹。

至於
Pixel FX Design我也是買很久了 但還是不太會使用所以可能要更之後才會些了



正文開始
就一區一區的開始介紹吧


這程式一打開就是這樣的介面,這完全是作者風格另外2個軟體也是差不多的操作介面,左上畫面中的釘版是內建預設的圖形
先簡單介紹中間功能,其他在操作使用中一起介紹
  • 檔案存取/圖形模擬
    先從這邊由上往下開始介紹吧
    上面三個NEW/SAVE/LOAD,這三個基本上是專給這軟體使用的
    NEW:是直接整個重新回第一張圖的狀況
    SAVE:是儲存這個專案(.smfx) 看這副檔本也知道大概就只有這軟體能讀了
    LOAD:讀取.smfx 專案
    RESIZE:調整畫面大小 預設是128*128 比較不方便的是就是只能正方形
    IMPORT:這個最重要了,你畫的或你要做效果的圖都是從這邊輸入,介面等下介紹
    SIMULATE:這個是在左上 LIVE 畫面模擬一次
    RENDER:在右上的 RESULT 畫面中呈現輸出後的結果
    箱子EXPORT:這個是輸出一組分解動作的"圖"
    GIF EXPORT:這個是輸出一張GIF動圖

  • 操作說明
    1. 滑鼠左鍵可以直接拖拉那些bar設定數值
    也可以直接右鍵點一下該條bar的數字後可以直接輸入,用滑鼠中建可以直接回到預設值

    2. 在右半邊的曲線圖,左鍵可以拖拉圓點跟方點位置,在線上右鍵可以增加節點(方點)來做曲線的變動

    對...基本上這軟體用不到鍵盤...


接下來其他的東西我們就邊做邊說明吧XD
首先我們先IMPORT我們要做的圖片


左邊幾個控制選項要注意 他不是控制你的圖,是控制你要做的FRAME(圖片中白色方框的那個),有被框到的地方才會IMPORT進去。

offser基本上是位移,雖然它內建最高才64,但你圖片很大的話,你其實可以要用滑鼠拖曳到要的地方,不過還是建議你都知道要用哪張的就剪裁一下吧

再下面幾個控制項我們從第二張圖看,雖然示範是用成2格frame但是要注意,他在IMPORT進去後實際上是只看的到第一格,你做的特效他是從第一格覆蓋到最後一個
以圖中的示範來說,我這樣進去只會看到第一個方框,我開始模擬後最後的徒行會停在第二個方框...

簡單來說會變成這樣的圖形

左上是第一個frame,最右下就是結束的frame有沒有看到它變成上面第二個方框的圖了,對於平常有在做動圖的應該是知道我在說啥...我也不太會講所以希望這樣能夠理解

所以已示範的狀況其實這樣設定就好了
當然如果你是要一整組的frame中 其中幾個部分要做特效就需要做調整當然就可以直接輸入整組,這之後會簡單說到,但我可能就先不會示範,那有點進階(?)

講了老半天終於可以進入正題了

先從最基本的...左上的LIVE畫面開始說
現在這畫面是右下的3個選項全開的狀態

齒輪:開關顯示畫面左上的詳細資訊
放大鏡(?):畫面縮放回X1 (現在這是Zoom x3 所以按下去會變回x1)
白球:顯示該圖形的位置和要操控的十字中心點,變形和角度變換都會從那個十字中心點開始動作

另外在這畫面滑鼠右鍵可以改變圖形位置,同時下面的Initial State(初始狀態)中的X/Y就會跟著改變了,一樣按滑鼠中間可以回到預設狀態(X:0/Y:0)

再來就是跟這畫面息息相關的
Initial State(初始狀態),也可以當作第一個FRAME的圖
這邊的設定值會直接顯示在上面的LIVE畫面

X/Y
上面也說了是開始位置,不想用拉的話可以在這邊慢慢調整,最大就+-128
也可以畫面開很大,然後用滑鼠拖曳去突破限制...,不過還是有其他問題 等下再提

Angle(角度):角度 就大家知道的角度 逆時鐘轉 0~360

Scale X/Y :單純方向的變形

Skew X/Y :這比較難懂一點(?),他是歪斜的方向變形相對於Scale的單一方向調整這邊會有明顯的右上左上之類的歪,動這邊通常是畫面開始動你就會眳蘚感覺的調整這邊的結果

像這樣簡單調整一下,就已經有個小成果可以看了
這還只是單純調整角度而已,我還沒讓他有其他動作呢


Movement這邊相對於Initial State就比較抽象一點,但簡單來說他這邊設定的數值其實就是代表說這動圖最終會達到的位置和變形。

以上面那張成果動圖來說可以看到我只調整了angle,初始是90,最後變動180,就是代表初始圖形轉成90度角,然後最終會角度變化180度,雖然因為我初始狀態有調整變形所以可能看起來沒這麼的180度。

但也可注意到,我
Movement其他數值都沒動到我已整張圖的結果實際上只變了角度其他動作都沒變,所以Movement這邊的數值比較像是變動率而不是單一的數值。

這邊也說一下上面說的X/Y位置問題,我上面說過畫面其實能開很大超過128雖然初始位置可以直接拖拉來放置任何位置,但是變動量的大小是不變的 還是只有+-128...所以你不管開多大位置變動最多就是128...

所以我們就來動一下
初始狀態就維持上面那樣,調整了一下movement的數值的最終成果就是下圖

都調整好後也可以按下"RENDER"來看一下成果如何,RENDER後本來空空的RESULT應該就會開始有畫面再一直動了


一直動你覺得眼花的話可以按那個方塊就能暫停了,那個其實就是撥放鍵能撥放的時候是三角型的
右邊那個兩個相反的標誌是逐格撥放可以讓你自己一個一個點看他是如何動作的
齒輪跟放大鏡的功能同LIVE那個畫面。

到這邊都好了,你也覺得不錯了就可以先用SAVE保存這個專案,方便之後還要修改,然後也可以用箱子EXPORT輸出下面這張

至於GIFEXPORT 我上面都已經輸出2張給你看了阿XD


另外就是這個輸出的gif不知為和都會因為不同網站有所差異,同樣的圖我在p網跟推特上傳,或著巴哈上傳都有明顯的一點差異甚至跟在軟體上跑出來流暢度都有差異。

至此這軟體最簡單的部分差不多講完了剩下的其他東西放到第二篇吧不然這篇感覺已經太長了

然後我想先來說說我個人目前用起來的感覺

對於從來沒認真栽培過自己的畫圖的我來說,最近畫靜態圖還好,但是想到要畫一些武器軌跡或著一些東西的旋轉特效,實在還是非常困難的事,當然因為人眼視覺暫留的關係其實是也不用畫的這麼細...但是最主要的是我連想出軌跡的是困難的,所以這軟體真是滿方便的,還能輸出分解圖真不想全用也可以只拿部分幾張來使用

第二就是接下來包含會在第二篇說到的,再搭配旁邊的曲線控制,其實這一張圖可以做到還滿複雜的動作,而不是上面示範單純的向下揮,但這也意味著你如果要靠這軟體做出個可能做得出來的複雜動作...他要調整的東西我個人是覺得也是很耗時間的,當然真的畫不出來的話有個工具可以大致表現一下也是很OK的

第二篇請點這


引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4706993
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

7喜歡★ym40101 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【自製遊戲】 公會報代單... 後一篇:不知道軌跡怎畫嗎 靠sm...

追蹤私訊切換新版閱覽

作品資料夾

colanncolann
【繪圖創作】【優嵐】2024生日賀圖 2024/4/3 https://home.gamer.com.tw/creationDetail.php?sn=5910498看更多我要大聲說昨天23:55


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】