前一段時間接了個任務......
畫Gif
但是,我壓根就不會呀!o(╥﹏╥)o......
簡直枉費藝術生身份并給插畫行業扯後腿。
首先問度娘,但網上教程也不詳細,概念模糊。
還好,我們公司制作部的小姐姐制作表情包有一手:
如下圖
讓我膜拜倆小時順便拖一拖工作時間!
(ps:幀數中每一幀都是靜止的圖象,快速連續地顯示幀便形成了運動的假象,因此高的幀率可以得到更流暢、更逼真的動畫,動畫制作的話一般有8幀 16幀 24幀/s)
但是gif不必深究這些,重要動作連貫的同時,不跑型即可。
而且本期課程也不想講太過複雜化,咱們一起設計點兒簡單的gif表情包。
首先要求,能動就行。
雖然前面講的很多,但是沒有預熱的教程是沒有靈魂的。
接下來要講重點,今天要教大家:
1. 表情包繪畫(ps 線條優化)
2. 幀數的線條如何穿插(基礎 進階)
表情包繪畫之PS篇
首先打開課本某一頁,并用靈魂畫師的技術畫下一幅草稿,如果敢在PS直接作圖有自信的大神請忽視。
Ennnnnn.....
然後打開ps,然後創建個240X240像素@300ppi大小的畫布,并把圖片拖入進去,拉至合适大小,并調整一下不透明度。
有興緻的同學可以順便調個背景顔色,我喜歡綠色,因為保護眼睛。
Ctrl shift alt N 創建個新的圖層。
然後開始勾線啦,按住R可以旋轉畫布,找到合适順手的位置進行勾線。
PS:
2、記得按照當初想法,把要動的地方進行拆分,比如我想讓腦袋歪一下,眼睛眨一下,然後背後拿出一朵花。那麼我就分成三個部分。腦袋加頭發一部分,五官一部分,身體一部分。
表情包繪畫之線條優化有些人可能闆繪線條不太好,那麼我可以推薦PS鋼筆工具進行描線,或者拉入sai中進行制作。
在sai中先調整原畫的不透明度,并建立鋼筆圖層。
把鋼筆圖層拉到最上面。記住分層也要有頭部,身體和五官三個層哦。
Sai裡面鋼筆工具比較強大,點擊曲線工具進行勾線,勾完後Esc切斷。
按着ctrl在線段之間可以添加點并可以拖動點,alt的話是減少點。
繪制完成後導入PS中進行加工。
Ps:sai中鋼筆工具确實是手殘黨克星,但是有空自己做着玩最好練習手繪線條,熟練後手繪速度比鋼筆工具快很多,并且繪畫會有一種透氣感。(不像我一般都是塊圖,導緻畫線條後幹巴巴的,麻麻賴賴的,一點兒都不圓潤。TAT~)
現在把這三個圖層是面部邊緣線,内線和頭發,現在合并成一個圖層。然後開始繼續畫另外兩個圖層,身體和五官。
因為五官現在有對稱性,所以有些睿智(偷懶)的同學就知道怎麼複制眼睛,并翻轉了。
全部完成後把這三個分成一個文件夾内并複制并改名為第一幀:
GIF制作之基礎篇首先我們調整下第一幀的不透明度:
然後打開組2,ctrl 頭部和五官,然後按下ctrl T進行旋轉頭部。
記得找到中心點!!!比如說頭部運動的話,以肩膀為軸心,就可以找到較為合理的運動軌迹。
然後複制最後一幀,取名中間幀1,然後把第一幀前面的眼睛點掉,把最後一幀不透明度調整百分之30。
把中間幀五官的眼睛擦除,讓他秀麗的五官變得不完整,并重新建立一個新的圖層,名曰眼睛2:
接下來要注意眼睛的線,我想讓他眨動一下下,如果想感覺和諧的話,以中間線偏上一點點,一幀上眼皮先動,然後下眼皮微微一動。
上眼皮畫完後,在眼睛上方加兩條線,顯示眼眶,這樣省的畫完後畫面有些空蕩蕩的。
最後的話,你就會看到一個死魚眼,别急,電視機中翻白眼的圖很多都是這樣的。(PS:女神從不閉眼)
然後重複之前的動作,複制中間幀1,把最後一幀前的眼睛點掉。調整不透明度30,把中間幀2中眼睛擦除,中間過程就不仔細講了哈,這是考驗你們有沒有做筆記的關鍵時刻。
然後在中間幀2中,畫上閉上的眼睛。
然後窗口時間軸,點擊時間軸左下角的三個點點切換個窗口。
在時間軸右上角點擊那幾個杠杠,新建幀,有幾個圖就點幾下,點擊第一幀時找到第一幀的文件夾,後續幀數和文件夾依次對應。
調整下方時間,比如眨眼睛很快,就點擊下方秒數調整為無間隔,要想動作流暢0.1是最好的。
然後先播放看一下效果:
(動次打次,動次打次)
GIF制作之進階篇
這個GIF現在有些太快了,接下來要添加一些其他動作,比如手中鮮花,從背後拿出來。
先隐藏時間軸,咱們繼續。
複制中間幀2,起個名中間幀3,然後把中間幀2調整不透明度百分之30。
這次咱們要處理的是胖胖的身體~
把領帶以下擦除。在中間幀3創建兩個新圖層,花和花色。
然後把花朵先上色,同時畫出環抱的樣子。因為花有綠色,我就把背景改成了藍色的了。
下面要注意一些細節,因為人物動态有些微微側身,為了畫面和諧,在線條處理上有一丢丢改變,其實幅度不大。
現在讓他把花抱在懷裡,看起來甜蜜蜜的。
然後把花隐匿掉,複制中間幀3,命名中間幀2.5,同時把中間幀3的不透明度調整為百分之30.
現在就開始制作2和3之間的穿插幀啦。
把2.5的身體擦除掉~
這是圖解2.5幀的運動軌迹,左手從背後轉過來,然後右手有一定幅度的運動。同時身體輕輕歪斜一點點。
現在就可以進行制作2.5幀啦,按照運動軌迹繪制~ 如下圖:
接下來複制圖層2.5.重新命名。Ennnnnn.....随便起名吧,懶了。現在要繪制2.5和3中間的穿插幀。
因為花也是有運動軌迹的,所以這次要有3和2.5的花,同樣也是半透明度。新建幀中胖胖的身體依然擦掉。
這幀過度的時候可以畫兩根速度線哦~
接下來就是預覽了,步驟前面講過,現在調整一下時間後看一看效果:
後續就是上色啦,上色這個步驟就不多說了,反正也不難,上色的過程中順便處理下線條問題。
比如線條不太好,有髒東西,包括圖案遮擋等。
接下來講解下怎麼添加字體,我們老大曾經問我你做的圖有沒有版權問題,我說:
我的是自己寫的好麼,隻有我告别人侵權,甚至我自己都寫不出倆一樣的字體!
首先在第一幀建立個文字圖層,然後右鍵混合選項,添加個白色描邊。
接下來就開始寫字了。
寫字的畫有兩種方式,一種是全部寫完,然後複制粘貼到每一組,另一種是寫一個字,然後複制到下一組,再寫一個字,依次寫完,這樣就會有一個字一個字蹦出來的效果了。我這邊直接選擇第一種啦。
我寫的字依舊這麼的飄逸......
然後把藍色背景删掉,接下來是導出啦,導出的地方在這裡,一開始制作gif的萌新很不好找~
接下來一起看看效果吧~
我先跟大家一起回顧一下今天的課程,首先進行線條制作,然後用一些複制,旋轉等手法和技巧,進行其他幀制作。注意一些運動軌迹,和自行調整每幀的運動間隔。
最後進行上色,并導出。
本期課程就到這裡,謝謝大家,如果有不懂的地方,請在下方留言。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!