p.s.以下整理出來的討論文已刪除了一些非必要的內容.不過所有key point都保留下來了.
最近已經爆肝,不想再爆肺(廢),所以就不step by step教學了.如果有人真的需要step by step的話,等以後我有空的時候再寫好了.
=======
主題: Re: L大想知道為什麼嗎?
時間: 2006-10-18 14:51
很簡單的測試:
先開一個透明底新圖檔(例如161x30之類),拉一個中空框,整個圖層複製五次(就像之前教學中做紅魚那樣).這六個框在六個圖層中會疊在同一座標上,然後切到不同圖層為框指定不同顏色(用筆刷或充填都行).然後分別存成六個png檔,再丟到uga中,刪掉原來多出來的第一格,調整有方框的那六格的秒差....再加入主題中,上手機檢查效果. <===如果這最基本的東西你試成功了,接下來可以練習改變方框的寬度或形式,來做其他的變化.
剛剛我自己隨手用upi的文字動畫特效試做了幾個透明框bar,非常遺憾地,
在upi中直接存成gif後,把這個gif加入主題再丟上手機,根本不需要再進uga中修改就可以用,而且中間完全透明沒有任何問題....不過有幾種特效倒是因為效果的關係,直接引用送上手機會有一些白邊,但基本上都是完全ok沒問題的.
========
主題: 大致是醬子,再不懂的話我也沒辦法了.... :p
時間: 2006-10-19 01:28
這個範例請看下面說明:
============
主題: Re: 大致是醬子,再不懂的話我也沒辦法了.... :p
時間: 2006-10-20 16:07
1.以[燈塔]為例,動態物的重點是燈塔而不是灰藍色的裝飾框(如標示,你可以不要做,但放上手機後就會只看到右邊有一個動態燈塔在轉呀轉,有點怪)~另一個大前題是,你燈塔的每一格png位置一定要對準,檢查座標對到絕對準才行.
2.灰藍色裝飾框的確不會(也不可能是)是透明的,但灰藍框和燈塔以外的部分就是"沒有任何東西"(中空)是也.
動態的Highlight不一定是棒狀物,但每一格動態區的形狀(或框,或矩形,或圓形,或星星,或小花....)都必須是一模一樣的大小,否則就會有白邊.我做的範例,在我的手機上跑起來都是中空的(例如燈塔,也不會有白邊.試想我會弄一個有問題的sample讓自己出糗嗎,當然是至少在我的手機上看,是100%沒問題沒毛邊的);但最後配圖說隨手弄的那一例,注意看在紅色區顏色變化在跑動的部分,其實嚴格來說應該是邊框中,游動的橫線與橫線之間那裡原則上是要透明才對吧,但gif跑起來那裡的透明度就會消失變成白色...但整個矩形中央(維持原透明基底處)仍是中空的不會有任何問題.
我新作的蝴蝶動態BAR
明明就是用同一個底框
複製蝴蝶
再用圖層管理員一個一個存
位置是一模一樣
但是還是有白邊~
我猜是因為有的形狀的關係吧?
(我自己推測的~!!今天回家試試看在跟你報告~!)
那個蝴蝶框的毛邊應該是因為upi的關係而與外形無關.
大概(?)是在[可愛大小姐](專做炸醬麵娃娃的一個女生)的討論串裡有討論過,kuru大大提供的方法是,在套索後用內擴/外擴一點(1 pixel)來修正邊緣白邊的問題.<---有效,但我個人覺得並不是絕對好用,所以我多半是純手工去修掉那白邊.
大家沒公開提過但事實上真正造成那白邊的原因是,你用upi去做圖時,在極多時候,圖形的邊緣其實有用到透明色,但一般人太信任upi而肉眼也經常無法直接看出那些透明色的雜點,但送進uga包成gif後,所有透明色雜點的透明度都會消失,就會形成毛邊.不用懷疑,你可以重新檢查你蝴蝶bar每一畫格的原始png,非常非常仔細的看,或是將之與非白色的基底合併看看--如果邊緣有透明色雜點的話,與非白色的基底一合併使透明度消失後就會立刻現形.
==============
主題: Re: 補充
時間: 2006-10-20 18:19
(1)我在之前的回帖中曾說過的:
原帖在: http://www.mobile01.com/topicdetail.php?f=127&t=126383&p=6
因為網頁是白色底所以看不出效果,你把它抓下來丟到themes creator或uga中就可以看出透明度了.(不過這只是個隨手做的sample,所以角角有點白邊就沒再修了.)
==>所謂角角有白邊,是灰藍框的四個圓弧角那裡有點白邊,原因就如上一訊息中所說的,在upi中拉框貼進來時,圓弧角有透明色雜點偷懶沒修掉造成的,這和形狀及有沒有對齊無關.
(2)至於你問的:
所以PNG的透明底存成GIF的時候不管是在包含在動畫框的裡面
或是旁邊...都是不可能會存在的吧~!
這樣不管怎樣都是不透明的囉?
△只有純粹保留透明基底的地方,才會產生"中空"效果.
△如果你所謂的透明底是指你拉一個xx形(例如圓角矩形)然後打透明度的話(例如你在海膽君裡做的那種bar),那麼做成gif後,原本設成xx%透明度的地方就一定不會透明.這在之前帖子中早就一再強調過了.
btw,在燈塔的例子中,雖然灰藍裝飾框和小燈塔是落在不同區域中,但實際上那是一個tricky的做法:
gif會自動擴大對動態區的認定,而在每一畫格中把[灰藍框+小燈塔]一併視為動態區.好好的仔細想一下這是什麼意思....[灰藍框+小燈塔]不是仍依規則落在固定的區域上嗎,所以最後包成gif後就是[灰藍框+小燈塔]以外的地方完全透明中空,且該動的地方會動.好好仔細想一下吧.
動態gif的特性/規則就是這樣.你不follow它的既定規則,就做不出理想的動態效果--只有你去配合它,不可能是你想做什麼而它來配合你,就醬.
=========
主題: Re:最後一次補充
時間: 2006-10-20 19:04
以那個舊例來說
不是應該是要先做好底框
再加到每一個gif的畫格裡
這樣子底框在存成gif檔的時候
不是也會變成不透明嗎?
請你確實地跟我這麼做:
(1)在uga中開一個169x55的透明基底新檔 (即k618中tab的highlight)
(2)把下面這個你自己提供的小方塊燈塔gif直接拖進uga的畫格區,然後刪掉多餘的空白格(第一格)
(3)對每一畫格使用對齊工具,齊中再齊右,使小燈塔落在畫格右手邊的固定位置上(如果你不會用對齊工具也沒關係,就直接讓小燈塔留在畫格的左上角)
(4)存一個uga檔當備份,以便日後以此為基礎再做其他的修改來測試效果.
再存一個gif檔,隨便找個k618的主題將之加入,送上手機看看結果(如果你不相信themes creator的話).
以上應該是沒問題才對....(如果還有問題就問題大了....) ^_^
==== 討論結束 (因為受文者天資聰穎已經會了 ^_^ ) ======
至於[扭扭熊]所用到的動態bar,如果大家把gif的畫格拆開來看可能會昏倒....怎麼那麼扯啊....
呃...yep,就是醬....但key point是,手指或扭扭熊的動態落點並不在固定區域,一定會有白底,所以在設計這個主題時,用photo impact的橡皮圖章蓋桌布時,就刻意做出白色的區域....如此一來動態bar中多餘的白色塊就可以巧妙的掩飾掉了. :) [註]
另外,最近又有一個小心得和大家分享:
在做動態bar時常常會有白邊對吧,上面曾大致提過kuru大說的[將框選區縮小/外擴]的技巧,以及我個人經常在upi中純手工修掉...不過,在uga中有個修白邊的終極工具,只要你有耐心,應該是沒有什麼動態框的白邊/雜點修不掉的吧!!!
這個超級好用的修圖框選工具在此:
特別好用的是框選[不透明區域]可以讓你很快檢查出會不會有白邊,以及[讓選取區變成透明]可以絕對且輕易地修掉任何不要的畫素!!!
不過[讓選取區變成透明]有一個小限制,就是用魔術棒一口氣框太大區域時就沒辦法順利清掉多餘的透明色點,這時你要分區去框才行....總之大家自己多試幾次就會有心得了. ^_^
以上. ^_^
+---------------------+
[註]其實「手指或扭扭熊的動態落點並不在固定區域,一定會有白底」這類的東西
只要稍微動一下大腦就可以輕易解決---當然,它還是會因動態gif的特性而有所侷限啦.
下面是一些例子: (在左手邊的是實際效果的截圖,而右手邊的則是搭配的gif圖)
<== [
]
<== [
]當然還有其他的很多種做法,只要把握住相關要領,應該不會很難才對.剩下的就是拼個人巧思了. ^_^
太華麗了啦
