• 3

SE主題比賽 - LHT的"高科技"教學文

SE主題比賽 - LHT的"高科技"教學文
首先, 謝謝大家的票和下載,
現在跟大家分享一下這個主題的製作方法,
由於我不小心把檔案都刪除掉了, 所以現在這分享文是重新再造的

所需軟件:
Adobe Photoshop
Sony Ericsson Themes Creator

1: 動態背景
這個主題用最多時間製作的就是這個動態背景,
這個動態圖是用 Photoshop造出來的,

首先要造的就是那些在背後動的那些條,

先拉一條線
SE主題比賽 - LHT的"高科技"教學文

然後拉一個粗一點的
SE主題比賽 - LHT的"高科技"教學文

再造一個三角形
SE主題比賽 - LHT的"高科技"教學文

把三角形放在這裏 (下面也要喔)
SE主題比賽 - LHT的"高科技"教學文

造完後就應該像這樣, 把剛才造的Group起來
(點選那些圖層後, rightclick>Convert to Smart Sbject [中文版的不知是甚麼…])
SE主題比賽 - LHT的"高科技"教學文

然後再rightclick>Duplicate Layer [總之就是復製剛才的圖層了], 然後再放在下面, 兩個圖形要連起來喔
SE主題比賽 - LHT的"高科技"教學文

好了, 先開一個240X320的, 把剛才造的再Group成Smart Sbject, 放在這裏, 要圖形的上半部份
SE主題比賽 - LHT的"高科技"教學文

下一步就是加效果了, right click那圖層>Blending Options,
Fill 要設定成0%, [Fill 跟 Opacity 是不同的, Fill是改圖形的透明度, 不會影響套在那圖層的效果, 而Opacity就會連果都一起影響, 簡單來說, 現在有一個圖形, 有加效果, 如果 Opacity 設成0%時, 甚麼都會看不到, 但如果是 Fill 設成0%的話, 只會看到那些效果]

Fill 和 Opacity 可在這裏設定
SE主題比賽 - LHT的"高科技"教學文

在 Blending Options 裏, 設一個比較淺色的 Stroke, 而 Stroke 的大小為 1px, 而 Inner Glow 和 Outer Glow 的顏色就設成和Stroke 的顏色一樣, 而不透明度設成大約 50% 就可以, 大小就設成大約 3px 就行了
Color Overlay 的顏色就設成比較深色, 不透明度方面就設成 75% [可以按 New Style 來把效果存起來喔]
SE主題比賽 - LHT的"高科技"教學文

加效果後就會變成這樣
SE主題比賽 - LHT的"高科技"教學文

下一步就是復製圖層了[rightclick>Duplicate Layer], 再把那些圖層改變大小和不透明度 (Opacity), 就變成這樣了, 別忘了現在看到的應該是圖形的上半部份喔
SE主題比賽 - LHT的"高科技"教學文

下一步, 我就加了 01 的 logo, 再套上相同的效果 [不透明度(Opacity)設定成100%]
SE主題比賽 - LHT的"高科技"教學文

下一步, 我就造了一個這樣的圖形[中間空的圓形, 加兩條線, 再Group 成 Smart Object]
SE主題比賽 - LHT的"高科技"教學文

再復製圖層 [rightclick>Duplicate Layer], 和改變方向 [Edit>Rotate Canvas>]
SE主題比賽 - LHT的"高科技"教學文

再加一些字, 每一個都要在同一位置, 造數個不同的, 例如01那個就要造多三個, 分別是10,00和11
SE主題比賽 - LHT的"高科技"教學文

下一步就是打開Animations的面板了[Windows>Animations]
SE主題比賽 - LHT的"高科技"教學文

再按這個按鍵 [Duplicates selected frames]
按一下就好了, 按了後, 會出現兩個一樣的frame
SE主題比賽 - LHT的"高科技"教學文

現在就選後面的那個frame, 再選剛才那些條的圖層, 再每一條往上垃 (要按著keyboard的Shift鍵), 拉到看起和之前一樣的位置
SE主題比賽 - LHT的"高科技"教學文

拉完了
SE主題比賽 - LHT的"高科技"教學文

拉完後, 先點選前面的frame, 再按這個(記著要設成 Forever, 如果設成 Once 的話, 動一次就會停下來)
SE主題比賽 - LHT的"高科技"教學文

會有一個視窗出現, 在frames to add打你要加的frame數目, 愈大, 那些條就動得就愈慢
SE主題比賽 - LHT的"高科技"教學文

按OK後, Photoshop就會自動把那些條弄到好像不停往上動了
SE主題比賽 - LHT的"高科技"教學文

下一步就是在每一個 frame 把不要的設成看不到, 就好像在這裏有4個圖層(00, 01, 11, 10), 現在只要01這個, 只要把那些小眼睛按走就行了
SE主題比賽 - LHT的"高科技"教學文

SE主題比賽 - LHT的"高科技"教學文

動態圖到此為止, 記得把最後那個frame delete掉, 不然動態圖就會在交接的位置停多一下,
另外值得一提的是, 在電腦看的動態圖會比在手機上為順暢

Save 的方法: File>Save for web, 再選 GIF
SE主題比賽 - LHT的"高科技"教學文

SE主題比賽 - LHT的"高科技"教學文

2: 其他
下一步就是弄bar了
先看一下這個大小
SE主題比賽 - LHT的"高科技"教學文

然後在Photoshop中開一個相同大小的
SE主題比賽 - LHT的"高科技"教學文

弄的方方法和之前弄那些條一樣, 這次我拉了兩個長方形和兩個三角形, 再Group成Smart Object
SE主題比賽 - LHT的"高科技"教學文

再套上效果
SE主題比賽 - LHT的"高科技"教學文

要記著要把背景按走喔, 不然就不透明了
SE主題比賽 - LHT的"高科技"教學文

Save 成PNG-24, 不然又不透明了…
SE主題比賽 - LHT的"高科技"教學文

加到 Theme Creator 就會像這樣, 其他的bar 也是這樣造, 我造一個就算了
SE主題比賽 - LHT的"高科技"教學文

突然有奇想, 把 bar 改成亮面的, 看起來還不錯, 所以造了第三代了… (亮面才是王道)
SE主題比賽 - LHT的"高科技"教學文

順便教一下亮面要怎樣造:
先復製圖層[rightclick>Duplicate Layer], 再把那效果設成只有 Color Overlay, 白色, 再設不透明度50%, 然後把下面一半delete,

再之後:
按這個
SE主題比賽 - LHT的"高科技"教學文

按這個
SE主題比賽 - LHT的"高科技"教學文

選這個
SE主題比賽 - LHT的"高科技"教學文

往下拉一下
SE主題比賽 - LHT的"高科技"教學文

成形了
SE主題比賽 - LHT的"高科技"教學文

3.0 分享
SE主題比賽 - LHT的"高科技"教學文

SE主題比賽 - LHT的"高科技"教學文

SE主題比賽 - LHT的"高科技"教學文

240X320新版 (下面有三個按鍵 例:W910i, K850i)
附加壓縮檔: 200712/mobile01-a140f6aeb4aef9783f61e05f7095a1d5.zip

240X320舊版 (下面只有兩個按鍵 例:T650i, K800i)
附加壓縮檔: 200712/mobile01-7c9f4d1d597628d65cff93425d35a44f.zip

176X220 (例:K610)
附加壓縮檔: 200712/mobile01-0209b1304478cbb8d76ba74290f989c5.zip

176X220 (例:K750)
附加壓縮檔: 200712/mobile01-63bb27643d16079ebfa7507f2a2b7235.zip

1.0 在這
2.0 在這

謝謝觀看
PS:本文享文用了6小時製作
2007-12-05 0:43 發佈
好用的教學文章,原來CS3也有這種好用的功能~



看來我的7.0也可以退休了~

感謝LHT大大的分享文章,學了不少東西~

感謝~
雖然LHT大po了完整的教學文,
但小弟看不懂英文啦>"<
然後又沒用過photoshop,
真是有點霧煞煞,
不過有些圖解的地方還是大致上有懂,
原來這個動態圖檔是這麼來的,
真厲害呀!
不過不知道有沒有哪位大大能用photoimpact從新教學一次呢= =?
做人做的好,單身單到老!
學到很多東西.
受用無窮,感激不盡.
真是受益良多呢
感謝LHT大大分享這麼好看的主題
我對PHOTOSHOP真的不熟

雖然知道它有許多特效~上手的話,效果會很好
卻一直躇蹴不前

好好研究一下
LHT大...恭喜囉
我一直以為您是用Flash製作的動畫呢!太厲害囉
而且我還超喜歡您黑白的那個主題...很有質感呢
moomoos wrote:
LHT大...恭喜囉
我一直以為您是用Flash製作的動畫呢!太厲害囉
而且我還超喜歡您黑白的那個主題...很有質感呢


也恭喜你了
你的主題我也超喜歡,
也要感謝你的教學文,
原來可以這樣造動畫,
我一開始也有試過用Flash製作動畫,
可是用Flash直接匯出成GIF,
效果不好,
所以就沒用了
LHT - lamhotak -
這個主題真的很好看,科技感有出來,配色我也很喜歡!

看了這篇文章,功力又增進了,希望哪一天也能自己做個什麼主題來,感謝大大!
哎~我只會PI
Photoshop功能似乎不少~
但我還是先摸熟PI再說嚕

教學文寫的不錯哦!
應該讓許多人感動吧
  • 3
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?