像素畫動畫教程:超級馬裡奧角色待機位移動畫

2020-12-14 教你畫像素畫

像素畫動畫教程:超級馬裡奧角色待機位移動畫

題圖:hexcode

摘要:像素畫動畫教程:超級馬裡奧角色待機位移動畫

關鍵詞:像素畫,動畫,遊戲角色待機

學習動畫最快速的方法是逐幀看動畫片。小時候在電視上看動畫片,覺得很神奇。長大了才知道動畫片其實就是一張一張的畫連續播放產生的視錯覺。謎底揭開以後,就開始苦惱製作動畫片成本高昂,然後發現了Flash,做動畫效率提高了不少。不過逐幀動畫依然成本很高,然後有了元件動畫和骨骼動畫,每一次新技術的產生,都會降低動畫片的製作成本。不過最終還是回到像素畫的原點。如果你喜歡像素畫,也喜歡動畫,可以跟著這個系列的教程一起學習。上一篇我們了解了FC超級馬裡奧遊戲中使用動畫類型理論,今天我們來實踐一下,理論聯合實踐,就可以幫助我們快速學會動畫的製作技能。

1、學習方法:模仿

人類最熟悉的學習方法就是模仿,新生兒會模仿父母,學生會模仿老師。每一門技術和手藝都是這樣代代相傳。網際網路誕生之後,很多人開始看網上的教程自學,文字、圖片、視頻變成了老師。

雖然開發超級馬裡奧的宮本茂沒有辦法來給我們上課,但是他留下的作品可以。那麼我們就來模仿超級馬裡奧做一個自己的遊戲角色。

2、變成自己喜歡的角色

如果你有已經設計好的角色,就可以直接將角色轉畫為16X16像素的像素畫角色。如果沒有,則可以找一個知名的電影角色或者動漫角色,我選擇超人,找一張能看到超人全身的圖片。

然後對照FC版馬裡奧,畫出16X16像素的超人。如果你覺得不知道怎麼辦,可以直接在馬裡奧的基礎上修改。

1、尺寸為16X16像素,3個顏色;

2、改變衣服褲子鞋子的顏色;

3、去掉帽子、大鬍子和大鼻子;

4、加上紅披風。

瀏覽器版本過低,暫不支持視頻播放

3、位移動畫

位移動畫是指只需要簡單移動就可以製作出來的動畫。現在超人角色的站立幀已經畫好了,製作待機動畫只需要簡單位移即可。

1、第1幀:站立幀;

2、第2幀:用選框工具選中腿部以上的角色向下移動1像素;

3、第3幀:用選框工具選中腿部以上的角色再向下移動1像素;

4、複製第2幀到第4幀

連續播放,4幀角色待機動畫就做好了!為了更耐看,我額外製作了披風和劉海的跟隨動畫,跟隨動畫在之後的教程中再詳細介紹。

總結

1、學習和模仿超級馬裡奧角色,畫出自己的角色;

2、使用位移動畫技巧,製作角色待機動畫。

完。

本帳號系網易新聞-網易號「各有態度」籤約帳號

相關焦點

  • 像素畫動畫教程:超級馬裡奧
    像素畫動畫教程:超級馬裡奧摘要:像素畫動畫系列教程:超級馬裡奧關鍵詞:像素畫,動畫,超級馬裡奧FC超級馬裡奧本教程是像素畫動畫教程系列第一篇,遵循從易到難的原則,新手也可以理解掌握,如果你發現哪一期教程看不懂
  • Skazdal像素畫教程:遊戲角色動作設計
    Skazdal像素畫教程:遊戲角色動作設計本文共493個字,閱讀大約需要2分鐘。本文首發於教你畫像素畫。摘要:Skazdal像素畫教程:遊戲角色動作設計關鍵詞:像素畫,遊戲角色,動畫題圖:gas13像素畫動畫就是連續播放的一張張像素畫。能夠畫出單張的像素畫,也就具備了製作像素畫動畫的能力。那麼如何製作出流暢的像素畫動畫呢?看看法國像素畫家Skazdal的方法。
  • Zak Amana像素畫教程:爆炸動畫
    摘要:Zak Amana像素畫教程:爆炸動畫 關鍵詞:Zak Amana,像素畫教程,爆炸動畫 法國像素畫家Zak Amana製作的爆炸動畫視頻教程。
  • 像素畫電子遊戲開發教程:遊戲場景Tile#G03
    摘要:像素畫電子遊戲開發教程:遊戲場景Tile#G03  關鍵詞:像素畫,遊戲開發,遊戲美術,遊戲場景Tile,原理  本文共1042個字,閱讀大約需要3分鐘。  本文首發於教你畫像素畫。介紹  像素畫電子遊戲開發教程內容靈感來自coursera同名課程Pixel Art for Video Games。希望對想用像素畫開發遊戲的小夥伴有幫助。  #G03第三篇主題是遊戲場景Tile,上一篇#G02介紹遊戲場景設計原理。
  • 像素畫新手教程:怎樣開始畫像素畫?
    作者:Pedro Medeiros教你畫像素畫編譯出品摘要:這是一篇關於如何開始製作像素畫的小文章,適合那些想開始或從未畫過像素畫的人。現在我將介紹像素畫基礎知識,如何創建文件,設置畫布大小以及使用顏色。前言在畫像素畫之前,請記住:像素畫只是一種藝術媒介,類似油畫,鉛筆,雕塑或馬賽克藝術。要製作出色的像素畫,要能夠製作出精美的畫面。
  • 超級瑪麗:馬裡奧搞笑動畫,幽靈馬裡奧兄弟
    超級瑪麗:馬裡奧搞笑動畫,幽靈馬裡奧兄弟 2020-11-17 09:56
  • Suguru.T像素畫教程:像素畫原創畫法
    摘要:Suguru.T像素畫教程:像素畫原創畫法 關鍵詞:Suguru.T,像素畫教程,原創 撰文&編輯:像素餘 教你畫像素畫首發 | 公眾號 pixelart 本文共745個字
  • 《超級馬裡奧:奧德賽》感恩節新外觀 變身聖誕老人和像素馬裡奧
    《超級馬裡奧:奧德賽》感恩節新外觀 變身聖誕老人和像素馬裡奧 2018-11
  • 像素畫遊戲場景設計教程:坦克大戰遊戲場景設計
    像素畫遊戲場景設計教程:坦克大戰遊戲場景設計摘要:分析和學習坦克大戰遊戲場景設計入門關鍵詞:像素畫,坦克大戰,遊戲場景設計Namco《坦克大戰》(日語:バトルシティー,英語:BattleTile默認的標準尺寸是16X16像素,因為早期計算機性能很差,絕大多數FC遊戲的場景Tile尺寸都是16X16像素,有時候角色也是16X16像素。不只是FC遊戲,其他主機遊戲,街機遊戲,手機遊戲的遊戲場景,都可以截圖保存,然後用Aseprite打開,設置網格尺寸,查看隱藏的Tile。
  • 忍者神龜3曼哈頓計劃:8bit像素畫遊戲美術開發技術揭秘
    摘要: 忍者神龜3曼哈頓計劃:8bit像素畫遊戲美術開發技術揭秘關鍵詞:像素畫,忍者神龜,角色設計,遊戲美術本文共874個字,閱讀大約需要2分鐘。這個遊戲製作精良,角色攻擊動作也非常流暢,明顯感覺檔次比同類遊戲高了很多。學了像素畫和動畫之後,才知道原來忍者神龜3的角色動作幀數遠比一般的8bit遊戲多!已經接近SNES的水平,只是顏色數還是很低。忍者神龜3角色動作角色待機不再是1幀不同的神龜擁有不同的待機動作。少則2幀,多則5幀。
  • 由《小黃人》公司負責製作,《超級馬裡奧》動畫電影讓人期待
    去年四月份的時候,博士和大家分享了文章《<我的世界><超級馬裡奧>齊上陣,那些值得期待的遊戲電影》,講述了外媒爆料《超級馬裡奧》動畫電影計劃於2022年上線開播。這讓粉絲們欣喜不已,大家都期待可以在大銀幕上看到馬裡奧兄弟。
  • 《超級馬裡奧兄弟》動畫電影進展順利
    任天堂已經證實,新動畫電影《超級馬裡奧兄弟》電影的製作「進展順利」。目前尚不清楚該項目是否和2018年首次提及的動畫電影為同一項目,但是二者有著引人注目的相同點:馬裡奧的創作者宮本茂擔任聯合製片人。此外,曾為我們帶來《卑鄙的我》和《小黃人》的Chris Meledanri認為,二者很可能是同一個項目。
  • 像素畫格鬥遊戲角色動作:雙截龍3
    像素畫格鬥遊戲角色動作:雙截龍3本文共835個字,閱讀大約需要2分鐘。本文首發於教你畫像素畫。摘要:像素畫格鬥遊戲角色動作:雙截龍3關鍵詞:雙截龍,紅白機,橫版,格鬥,像素畫1991年2月上市的雙截龍3 羅塞塔之石(Double Dragon 3: The Rosetta Stone)是紅白機經典橫版過關格鬥像素畫遊戲,美術和動畫效果都非常出色,支持雙人同玩。
  • 像素畫零基礎新手教程:傑克貓
    摘要:像素畫零基礎新手教程:傑克貓關鍵詞:像素畫,零基礎,傑克貓,新手,教程本文共482個字,閱讀大約需要2分鐘。本文首發於教你畫像素畫。1、觀察簡化,然後畫出形狀聽說傑克貓很受歡迎,我們來以傑克貓為例講解像素畫形狀畫法。
  • 超級有愛,日本粉絲製作《艦隊Collection》像素動畫
    他們有的會去開發遊戲模組,有的會去寫相關小說,今天博士要介紹的這位粉絲,他做了一部動畫來表達自己對遊戲的愛!一位叫做「オオバコ」的日本玩家,花了兩年的時間親自製作了長達近2小時的原創《艦隊Collection》動畫,有特色的是:這部動畫是以像素的形式呈現的,其角色的精細度、角色設定的掌握以及角色數量,都讓人讚嘆不已。只有骨灰級玩家才能製作出這樣的動畫!
  • 《超級馬裡奧製造2》所有角色死亡畫面合集
    18183首頁 《超級馬裡奧製造2》所有角色死亡畫面合集 《超級馬裡奧製造2》所有角色死亡畫面合集 來源:網絡 作者
  • Moho教程 | 從添加骨骼到實現角色完整的動畫效果!
    前兩周一直給大家介紹如何給角色添加骨骼,相信看過之前教程的小夥伴已經學會了哈~這周包子將給大家分享讓添加完骨骼的角色真正動起來,從頭回顧一下之前演示過的內容。教程中將用一個位圖機器人做演示,會相對簡單一些,小夥伴們可以直接在Moho裡導入位圖,按照包子的教程操作起來。
  • 像素畫高級教程:壽司的畫法
    摘要:像素畫高級教程:壽司的畫法 關鍵詞:像素畫,日料,壽司 撰文&編輯:三二 教你畫像素畫首發 | 公眾號 pixelart 本文共614個字,閱讀大約需要2分鐘。
  • Suguru.T像素畫教程:像素畫AA手工抗鋸齒
    摘要:Suguru.T像素畫教程:像素畫AA手工抗鋸齒  關鍵詞:Suguru.T,像素畫教程,AA,手工抗鋸齒  撰文&編輯:像素餘  教你畫像素畫首發 | 公眾號 pixelart  本文共806個字,閱讀大約需要2分鐘。
  • Suguru.T像素畫教程:像素畫明暗上色細節刻畫
    摘要:Suguru.T像素畫教程:像素畫明暗上色細節刻畫 關鍵詞:Suguru.T,像素畫教程,小狗,細節刻畫 撰文&編輯:像素餘 教你畫像素畫首發 | 公眾號 pixelart