911T/920T~TOSHIBA 画面デコ(主題)設計教學

話說在過年前幾天買了920T給自己及女王之後
對這隻手機的研究就開始步入走火入魔的不歸途
最近開始漸漸有人提到画面デコ這項功能
這玩意兒跟SE的Themes creator比起來便利性十分不足
但發揮的自由度就讓Themes creator只能在後面吃灰塵了
另一個可惜的地方是只支援8bit 256色階會讓一般照片失真的很嚴重

患了懶人病的我以及天生公主病的女王都沒時間去設計這種東西
(其實是想坐享別人成果加上沒有美術天份...)
只好發揮業餘三腳貓翻譯功夫發表一篇關於画面デコ的設計說明文章
內容中圖片部份及一些注意事項是參照原文說明書
其它大部份都是用我的思維去解釋,不周的地方還請多多見諒


先整理出幾項說明書上提及在開始設計前需要注意的重要事項:

1.設計前請考慮清楚顏色的協調性(請發揮美感)
2.設計前請先確認模板上各個部位與手機相對應的位置(作了老半天若是發現做錯地方...)
3.編輯時請利用模版上的色盤擷色(滴管)功能來選色,透明色色號為"R:G:B#cc00FF"
(色盤上從上數第3行,從左數第6個,詳見下圖)
PhotoShop色票套入檔(.act)200802/mobile01-93acef22efd3bfe9f2c3834b41ee033f.zip
4.存檔時請保存為8 bit的png無交錯.標準壓縮檔格式,檔名勿超過32個字元,並且勿參雜/;:*?"<>|.這些符號
5.模板上若要加入貼上圖片,請先將該圖檔轉換為256色

6.官方唯一指定軟體為Adobe PhotoShop(原因不明)
911T/920T~TOSHIBA 画面デコ(主題)設計教學


首先介紹画面デコ所提供的三種模板
三塊模板套入後各會對應不同的區域,之後會詳細介紹

911T/920T~TOSHIBA 画面デコ(主題)設計教學

請先下載官方提供的模版(已與原始設定有些小小差異)
附加壓縮檔: 200802/mobile01-fdbfe9ea2021b2cef910dd1d1bac4950.zip

911T/920T~TOSHIBA 画面デコ(主題)設計教學
模板裡有許多的小方塊,這就是可編輯範圍,紫色部分就是透明色
你可以在裡頭直接塗塗改改剪剪貼貼,畫成什麼,手機裡就會對應顯示什麼
但說明書上並沒有提及有色塊編輯範圍邊緣的綠線有什麼作用
也沒有說明色塊與色塊之間的間距是多少
所以我建議直接在模板上修改或是開啟相同規格大小的新檔編輯完畢後貼上
色塊無圖樣欲留空白的地方記得填入透明色
圖樣的邊緣也要適當地框描出白線,這樣圖示與桌布重疊時也會較易辨識

911T/920T~TOSHIBA 画面デコ(主題)設計教學

911T/920T~TOSHIBA 画面デコ(主題)設計教學

第一集

首先來介紹圖示模板的部份
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(1)是進入選單時選取的功能所顯示的數字項目圖示,從上到下分別為大中小三種字體
(2)則是選取,也分成大中小三種字體
對應部位如下:(1當然就是對應1,2即是2...以此類推,說明書上圖例換成中文小寫,也挺屌)
911T/920T~TOSHIBA 画面デコ(主題)設計教學
詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(3)是選擇複數核取時的圖示"Check Box",從左到右為大中小三種
(4)則是操作單數核取,也分大中小三種
對應部位如下:(每一對的左邊為已核取,右邊為未核取)
911T/920T~TOSHIBA 画面デコ(主題)設計教學
詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(5)是天線圖示(看圖說故事,不用我多說了吧)

詳細規格如下
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(.6)是電量圖示

詳細規格如下
911T/920T~TOSHIBA 画面デコ(主題)設計教學



當整塊模板都依自己喜好修改完成後
即可另存為png 8bit 256色無交錯格式的圖檔,再將副檔名改為"tsbi1"
再來就將模板存在本體的画面デコ資料夾
或是存在記憶卡的"PRIVATE/MYFOLDER/TS_Folder/Gamendeko"中後
再複製或移動到本體的"画面デコ"資料夾
如此一來即可在該資料夾手動選擇套入(大概很多人以為存進去就自動套入了)
有二種手動套入方式
1.設定/ディスプレイ設定/画面表示設定/画面デコ(有二個)/本体/画面デコ/XXX.tsbi1/選擇/設定/
(Settings/Display/Main Screens/Deco(有二個)/Phone Memory/XXX.tsbi1/Select/Assign/Yes)

2.データフォルダ/画面デコ/XXX.tsbi1/選擇/メニュー/画面デコ設定/Yes
(Data Folder/Gamendeco/XXX.tsbi1/Select/Menu/Gamendeco/Yes)

天線變串丸子+電量變茶杯tsbi1
附加壓縮檔: 200802/mobile01-01f0b24f8ddb4ff3ed055523e4117d56.zip

第二集

緊接著來介紹視窗模板
911T/920T~TOSHIBA 画面デコ(主題)設計教學
看起來很複雜,實事上也很複雜
但只要真的瞭解相對應的部位,設計起來也會事半功倍
因為本模板主要重點是放在目錄->子目錄->子子目錄->確認畫面
只要善用縮放圖片尺寸設計起來會快很多
從這裡開始,也才是真正發揮手機一般設定裡變更字體顏色功能的時侯
在沒讀完說明書的視窗模板之前,我一直認為手機裡改字體顏色那個功能很廢
記得設計配色前請多加留意可搭配的字體顏色

(1)Title Icon~12宮格目錄進入後上面那條橫槓
所對應的部位如下,依手機所設定的字體也分大中小三種:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(2)Guide Icon~選單下方的功能說明提示部位
所對應的部位如下,分成單行及複數行二種
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(3)Pop Up Window~彈跳視窗(例如選擇くーまんの部屋時跳出的確認視窗)
所對應的部位如下,分成上中下三部份,中部會依行數自動填滿上部與下部之間
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(4)Option Menu Window~目錄裡的功能選項視窗
所對應的部位如下,依字體也分大中小三種,每種又分成五個部分
(常用功能需選擇"設定/一般設定/サブメニュー履歷/表示する"才會開啟)
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(5)通知圖示~OK.NG.警告.Wait四種狀態的提示視窗小圖示
所對應的部位如下,依字體分(大=中).(小)二種
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(6-1)選單圖示列背景~
所對應的部位如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(6-2)選單背景
所對應的部位如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(6-3)選單快捷鍵列背景~快捷鍵說明書翻譯為Soft Key
所對應的部位如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(6-4)選單快捷鍵按鈕
所對應的部位如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(6-5)選單中央鍵~說明書翻譯為CP Key(大概是Center Panel吧)
所對應的部位如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(7)對話框視窗
所對應部位如下,依字體分(大=中).(小)二種並分三個部位,中部會依行數自動填滿上部與下部之間:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(8)對話框按鈕
所對應部位如下,依字體分(大=中).(小)二種,各自又分長短二款
911T/920T~TOSHIBA 画面デコ(主題)設計教學
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(9)月曆背景
所對應部位如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(10)對話框用捲動指示圖示
所對應部位如下,依字體分大中小三種,各自又分向上.向下.中間三種:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(11)Scroll Bar~捲動軸
對應部位及構成圖如下,依字體分大中小三種,並分成捲動軸棒5塊及外框3塊
911T/920T~TOSHIBA 画面デコ(主題)設計教學
911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:
911T/920T~TOSHIBA 画面デコ(主題)設計教學

(12)全螢幕模式背景
對應部位如下,切換全螢幕模式就大概會知道是指何處
開啟關閉方式"設定/ディスプレイ設定/ワイド表示設定/待受表示ON"
911T/920T~TOSHIBA 画面デコ(主題)設計教學

時常切換全螢幕的使用者設計前需連同"(6-2)選單背景"一同列入考慮
設計不當將造成畫面不協調(如下圖)

911T/920T~TOSHIBA 画面デコ(主題)設計教學

詳細規格如下:

911T/920T~TOSHIBA 画面デコ(主題)設計教學


寫到這裡花了我不少時間
也不知道這篇文章到底對大家受不受用
第三塊模版的說明就先視大家反應後再看看要不要補完
大家讀到這裡,相信很多已經有下載日文画面デコ說明書的使用者也大概能夠看得懂後面的部分在寫些什麼了
還沒下載說明書的也可以下載來看看=>画面デコ 日文版製作說明書
希望大家都能可以快樂的製作出令人驚艷的画面デコ來造福大家
版大真是太辛苦了
這麼細節又專業的教學都寫得出來~
小弟實在配服配服~!!!

另外我的photo impact 沒辦法在存成png選項中選擇8bit
請問版大是用photoshop嗎~
我是用PhotoShop沒錯
不過其實萬物皆可畫的萬能"小畫家"也能用
順便見識一下小畫家有多猛
你用PhotoImpact沒8bit選項的話
可以試著稍微修改一點點可辨識的部份直接存png檔
套入手機試看看修改的部份有沒有成功
看完上述...只能說那個小畫家實在太猛了~
有點無言...
不過感謝大大的教學~
快點來變妝一下我的911t
希望樓主或其它大大能po上檔案(不是png, 而是直接tsbi/tsbw/tsbt), 因本人實完全不懂用photoshop, 如他日學會方法定必分享報答!
fjoarfra wrote:
希望樓主或其它大大能...(恕刪)


幫你把官方提供的示範模板改好副檔名了
與原廠設定相差不是很大
在美工達人尚未出現先加減撐著用吧...

附加壓縮檔: 200802/mobile01-ec19921b76e4372f78f929b51c064ff4.zip
謝謝大大po上檔讓我解悶, 因本人Window是英文的, Photoshop又不慬用, 網日文的教學我實在一知半解呢...
我也來提供檔案

雖然不是自己做的^_^

看到jerkmania很熱心 的提供檔案 還有教學

(自己也偷學了很多)

請記得把檔案名稱後面的.png副檔名(預覽圖片用)刪除喔


黑魂篇 記得把文字顏色 都調成白色喔





















都把他壓縮 放在附加檔案內嚕

附加壓縮檔: 200802/mobile01-0a5235a92b3021a3129cce0b705494b0.zip
請問815t是否用一樣方法呢 謝謝^^"
請教大大不好意思
我做完之後可以放到手機裡有顯示但等到當我要點他放大來看時他就說此檔無法播放
想請教一下大大的photoshop是使用哪種版本?會有差嗎?
文章分享
評分
評分
複製連結

今日熱門文章 網友點擊推薦!