Contents ...
udn網路城邦
Photoshop---CS3--寫字動畫的製作方法..
2009/01/09 09:15
瀏覽4,957
迴響15
推薦126
引用0


前一陣子有位朋友問我寫字動畫如何製作??
那時我沒寫字動畫製圖概念..

這二天就先依自己所想,先製作出第一張較簡易的寫字圖,
但並不是自己想要的感覺..
隔天突然開竅一樣,做出第二張是自己要的感覺嘍!

*************************

我這二天做出二種寫字動畫..

1.這是較為簡易的動畫



2.這是寫字動作比較仔細的動畫




*****************

第一個圖的動畫製作方法較簡單..

1.先開一個新檔..尺寸隨意

2.準備一張用來寫字的圖片(羽毛.筆...等)

3.一個字一個圖層..

4.字都打好後,開始跟動格做配合,移動寫字(羽毛.筆...等)圖片

5.注意圖層眼睛打開的配合,
第一動格...羽毛和第一圖層的眼睛要打開,
第二動格...羽毛和第一.二圖層的眼睛要打開,
以此類推

*************************

第二個圖片的製作方法..

1.先開一個新檔..尺寸隨意

2.先準備一張用來寫字的圖片(羽毛.筆...等)

3.把字都先打好...
做細部分解..一直重覆COPY原打好字的圖層,
再一個個圖層刪字

自己用筆刷工具一筆一筆寫出字來(一個圖層一個筆劃)




4.刪字的方法..可用圖示或橡皮擦功能皆可刪字



5.第一格動格和圖層的搭配方法,寫字圖片圖層眼睛都要打開,
但位置都要移動..才會像在寫字...



6.第二格動格和圖層的搭配方法,寫字圖片圖層眼睛都要打開,
但位置都要移動..才會像在寫字...




yen98.01.09

*****************

Ps:這教學我只做寫字動畫部份..其它圖片及外框..
請有興趣學習這動畫字的朋友們自行變化組合...

我的外框是用photoimpact軟體做出來的...

請問會製圖的朋友們...

我一直都有個疑問..
不知為何我用photoshop或photoimpact做出來的透明圖都會有白邊,
如何才可呈現透明無白邊的圖呢??

請懂的朋友有空時可以指導我一下嗎?
在此先說聲謝謝嘍!

白邊意思如圖:



有誰推薦more
迴響(15) :
15樓. ♥ yen ♥
2009/03/10 08:33
去白邊的方法找到了
在cs3做存檔時...如圖示的地方用滴管找出邊緣相近色..
白邊不見了...


14樓. 多情醉愛
2009/01/30 02:10
拜訪您!

一直在找這教學!太好囉~但...

photoshop或photoimpact的軟體

請問有免費的下載點嗎?

有..但要慢慢找喔!

♥ yen ♥2009/01/30 10:24回覆
13樓. Brick
2009/01/16 11:41
白邊
我一直都有個疑問..
不知為何我用photoshop或photoimpact做出來的透明圖都會有白邊,
如何才可呈現透明無白邊的圖呢??

請懂的朋友有空時可以指導我一下嗎?
在此先說聲謝謝嘍!
=========================
出現有白邊,緣自於可能使用了某種自動摳圖的辦法.由於那個自動摳圖都是依賴某種算法,去判定邊界象素.所以在色彩值介乎50%的地方,四捨五入地摳(擦)去或保留的結果.如果你極大地放大那些「白邊」,就可以看得出它們並不是白色,而是某種中間色。

解決之道,就是要根據不同圖片的色彩特性,選擇不同的摳圖方法,例如通道法,抽出濾鏡法,顏色碼法等等,有時可能要幾種方法聯合或交替使用。

如果是別人已摳完的圖片,那只好采去手工的辦法,逐象素地擦除啦。先新建一個與原圖一樣大小的新圖,用油漆桶潑上一種醒目的深色。把待擦的圖拖到此圖上並對齊。放大幾倍圖,然後選橡皮擦工具,設寬為1象素,不透明度100%,逐一檢視那白邊的各象素,視其色彩決定是否擦除該像素(要細心)。中間可隨時縮回原大,來觀察效果。滿意後刪除底圖,將上面圖那個存儲成新檔即可。

謝謝Brick的解說,

朋友們提供的方法.---我會一一去做test研究..

**************

因我的圖都是用Photoimpact---先設計好邊框(用透明背景方式),

再到cs組圖做動畫...

所以都沒想到要用去邊或摳圖的功能...

♥ yen ♥2009/01/17 08:30回覆

12樓.
2009/01/15 15:20
PHOTOSHOP
因為你去背沒有去干凈才會有白白的邊。

我在photoimpact...組圖框時都是用透明背景..

再到photoshop做動畫時..還是用透明背景..

外框的花圖我是直接套用photoimpact邊框..

所以沒有用到去背的方法..

***************

妳的意思是....這樣作完圖還是要做去背動作嗎???

因白邊一直是我作圖的困擾..有在test方法,

但還沒捉到方法...

♥ yen ♥2009/01/16 08:09回覆

11樓.
2009/01/12 23:01
試試

噢!!啾啾!!講解的好清楚,我看我來回家試試好了

看看結果如何??不會再來請教你好了!!

謝謝你如此細心的教學分享!!

現在我會做寫字圖後..我就想研究字型了..

以前都只會用常用那些,

看見朋友的動圖字--有的都好特別又有線條美感..

看得很心動...'

喵喵這麼聰明..很快學得會得啦!

♥ yen ♥2009/01/13 07:58回覆
10樓. 小帥哥~女人可以這樣過日子
2009/01/12 01:39
製做的非常辛苦

可是對沒有做過的人來說還是非常難的

所以電腦書都是圖文一起來

現場教學 錯了馬上可以指正

所以巨匠還有好多電腦補習班能存在的原因

有時做動畫...除了要請朋友教以外,

還要先在腦子中轉一下,

感覺一下應如何做??

有時想了去做後..錯了,是很有挫折感的,

但有時又因做錯了..反而研究出另一個作圖的方法,

雖做的過程時有挫折產生,

但喜悅及驚喜還是很多的...

唯有動手做...知難處..才會珍惜學習的機會..

我的製圖心得...

♥ yen ♥2009/01/12 08:56回覆
9樓.
2009/01/11 23:15
宝貝曾想过...

是否可以將白邊設背景色

但 如果是小圖檔就很難和大家分享

只能做作品素材方面的參考 ...


曾想甘脆這麼做好了加上背景色或圖..

但在這地方..我還是想多TEST學習,

在網路上還是有不少沒有底色的動態圖..

我只要一開始做圖,腦子一直有個執著點在打轉..

就是我做的圖---我希望可以融合在每一個背景色或圖中..

大概跟我潛意識中想呈現出來的個性有關..

♥ yen ♥2009/01/12 09:05回覆
8樓. 彣瑄
2009/01/11 19:48
感謝辛苦分享!

彣瑄也是喜歡用語法來製作!

用新的軟體要下載!一來會增加電腦ㄉ負擔!

其次因為如果做不出來就會想打瞌睡耶!哈哈!

農曆過年快到了!祝 Yen 新年快樂!天天開心!


..⌒☆♥ 星星小築 ♥☆⌒..♥ 施比受更有福喔! ♥

我是愛玩..看朋友們動畫做的美時,

總想試著學看看..

不過作圖除了技巧要會..

還要有靈感...

玩語法還是我的最愛..

♥ yen ♥2009/01/13 07:51回覆
7樓.
2009/01/11 17:05
厲害

我覺得『讚啦』!  (笑)

雖然自己仍覺得有些複雜,但學會後就變自己的了,是吧?


對...重點在學會了就是自己的...

慢慢學..只要有影格動畫及圖層的配合概念..

很快就可以學會了...加油喔!

♥ yen ♥2009/01/11 19:48回覆
6樓. 九江華顏
2009/01/11 14:35
辛苦唷~
好仔細滴教學~部落格有妳存在真是幸福呀^^

http://www.game6.cc/iframe.php?id=187 玩看看唷~
謝謝星戀的網站分享..等下用兒子們相片做成拼圖.. ♥ yen ♥2009/01/11 17:02回覆