Android 台灣中文網

標題: 秀一下自己做的line主題(半成品)更新一些圖檔位置 [打印本頁]

作者: darcy0044    時間: 2013-5-8 11:29
標題: 秀一下自己做的line主題(半成品)更新一些圖檔位置
本帖最後由 darcy0044 於 2013-5-8 22:11 編輯

這是自己第一次做line主題,沒有美化基礎,幾乎翻了論壇所有教學,也參考了別人很多作品,在此先謝謝各位大大~~

經過自己嘗試,終於。。。。誕生了一個半成品  ,由於個人沒什麼審美水平,完全出自個人愛好,所以主題素材有點雜亂, ,改了這個主題之後發現,安卓版line的主色調背景都是由很多小色塊組成的,不能用圖直接改替換不然會變形(個人感覺),先秀一下:

對話框及訊息傳送:

                               
登錄/註冊後可看大圖


好友搜尋:

                               
登錄/註冊後可看大圖


好友資料選項:

                               
登錄/註冊後可看大圖


其他選項:

                               
登錄/註冊後可看大圖


動態訊息主選單:

                               
登錄/註冊後可看大圖


好友添加選項:

                               
登錄/註冊後可看大圖


貼圖選擇:

                               
登錄/註冊後可看大圖


聊天選項:

                               
登錄/註冊後可看大圖


另外:請教一下各位大大,這個主題沒改到的色塊我不知道要怎麼改和改哪裡,把顏色都改了那圖標就會不見,整個就是一個顏色,看不到字也看不到圖標,請知道的大大教我一下,感恩哦~

Ps:由於未完成,所以暫不分享。
    主題用到的素材均來自論壇及其他網站,如原作者不愿請及時告知,我會做出修改,謝謝!



補充(有朋友問這幾個背景分別是那幾個檔,現回覆一下,需要的可以記下來):

其他選項背景:v2_btn_option_bg.9.png,這個圖檔是每一個選項一個背景,最後組成了整個背景,所以用的時候要考慮它的整體性,可以參考:

                               
登錄/註冊後可看大圖


其他選項第二格:v2_img_gnb_bg.9.png,這個也是每個選項一個背景也是主選單背景,一共四個(好友、聊天、動態、其他),最後組成一整幅。

                               
登錄/註冊後可看大圖


貼圖選項頂欄:v2_img_top.9.png,這個圖檔是頂欄完整的背景,沒有分選項。

                               
登錄/註冊後可看大圖


其他選項第一格:v2_img_topbar_bg.9.png,這個背景跟主選單(好友、聊天、動態、其他)的頂欄背景是同一個。

                               
登錄/註冊後可看大圖


id搜尋背景:v2_bg_pattern_01.png,新裝的line登入時選擇驗證登陸也是這個背景。

                               
登錄/註冊後可看大圖


這些圖是樓主亂拼的,大大們可以根據自己的愛好做更漂亮的,o(╯□╰)o樓主發得有點混亂,希望大家能看懂,阿門~
作者: fxckboy    時間: 2013-5-8 11:31
超強的

超可愛~~~

期待完整版 出現
作者: kimo1234    時間: 2013-5-8 11:32
太強了!! 期待完整版
作者: baby9420    時間: 2013-5-8 11:33
頭香.......粉可愛唷~    女性朋友們.一定粉愛低喔!     
期待中!!
作者: darcy0044    時間: 2013-5-8 11:43
謝謝大家~~我有點懶~在做這個主題前我連製圖軟件都不會用,噗~所以這個的完整版。。。。我也不知道什麽時候才會出生
作者: judy~    時間: 2013-5-8 12:23
卡哇依~光半成品就好愛唷
大大,加油!你可以的
作者: 艾琳琳    時間: 2013-5-8 12:43
很可愛~期待你的分享
作者: 李翊銓    時間: 2013-5-8 12:59
不錯捏!! 蠻可愛的
作者: shelley0418    時間: 2013-5-8 13:27
好厲害!!
超可愛的!!!
作者: 小慧~    時間: 2013-5-8 13:28
大大很厲害喔,加油,確期待你的作品喔…
作者: 殘楓月影    時間: 2013-5-8 13:30
算是改的很徹底了

應該也花很多時間在製圖上面...


作者: 朋一瓶    時間: 2013-5-8 14:58
好可愛好可愛 期待期待 加油喔喔
作者: tmdfvm748    時間: 2013-5-8 19:40
本帖最後由 tmdfvm748 於 2013-5-8 19:43 編輯

提供你一些位置
第一張圖的右上角背景
v2_btn_topbar_01_nomal.9.png
v2_btn_topbar_01_pressed.9.png

第二張圖的左上角背景
v2_btn_topbar_02_nomal.9.png
v2_btn_topbar_02_pressed.9.png

倒數第三張(加入好友)
v2_bt_friend_bg.9.png

有pressed的都是按下時的圖示

其它左上角右上角都是共用的


作者: yeouchia    時間: 2013-5-8 19:54
半成品 就夠漂亮了   要是女生一定愛死了
作者: s0929070806    時間: 2013-5-8 20:00
請問版主
其他選項的 第一格 與 第二格 跟整塊的背景.與最後兩張圖的聊天選項背景.貼圖選項 這幾個是哪個圖檔名稱呢..?
作者: father859    時間: 2013-5-8 20:06
版主
我覺得對話框
顏色可以改成淺粉紅色和淺藍色
這樣可以分出對方以及我方

作者: qqwer2003    時間: 2013-5-8 21:16
很棒!!!!很完美:)辛苦啦
作者: destiny70207    時間: 2013-5-8 21:27
果然是細心的人!!
一定要封你神人的職稱才行^^

作者: darcy0044    時間: 2013-5-8 21:46
tmdfvm748 發表於 2013-5-8 19:40
提供你一些位置
第一張圖的右上角背景
v2_btn_topbar_01_nomal.9.png

謝謝大大~我來記下來,本來我打算用我自己笨人的方法,把那個顏色的全改了,哈哈
作者: tmdfvm748    時間: 2013-5-8 21:53
darcy0044 發表於 2013-5-8 21:46
謝謝大大~我來記下來,本來我打算用我自己笨人的方法,把那個顏色的全改了,哈哈 ...

這種事我幹過了XDDD
所以我知道~"~
分享出來
才不用一堆人走這麼多冤枉路
作者: darcy0044    時間: 2013-5-8 21:55
s0929070806 發表於 2013-5-8 20:00
請問版主
其他選項的 第一格 與 第二格 跟整塊的背景.與最後兩張圖的聊天選項背景.貼圖選項 這幾個是哪個圖 ...

看到大家喜歡很開心,謝謝大家,拍謝之前出門了,才回來,我把那幾個檔發到我帖子後面,你可以找看看。

作者: darcy0044    時間: 2013-5-8 22:25
darcy0044 發表於 2013-5-8 21:55
看到大家喜歡很開心,謝謝大家,拍謝之前出門了,才回來,我把那幾個檔發到我帖子後面,你可以找看看。
...

噗~這個真的是技術性問題,其實模糊倒不會,因為圖片我都有做大一點,被壓小顯示反而有不一樣的效果,有圖案的圖片我都是憑感覺做的,會拼起來的圖就不要做太大,像那四個主菜單的背景,我那個圖片是100*100的,從顯示看高度有被壓下來,所以要它不變形可能需要更小。
作者: ssss5275    時間: 2013-5-9 13:21
可以趕快發表嗎!好想用喔
作者: popolovepink    時間: 2013-5-9 14:20
版主妳做的很粉Q耶~ 好期待妳的完整版喔><!!! 加油!!!! 耶~
作者: 劉小娃    時間: 2013-5-9 14:43
素才好可愛~是女孩兒都會喜歡的~

好棒 期待唷!
作者: t870018    時間: 2013-5-9 15:02
好可愛喔~~~~~ 版主作的超棒!!!!!  
版主加油~~~~~~~
作者: sarbird    時間: 2013-5-9 19:35
請教樓主是直接以大圖檔作為底圖嗎?我試著解開這些背景圖,
他們幾乎都是.9的透明檔,都是一小小解析度的色塊,靠著填入像素擴展,
要做出樓主那種花紋,又要適用於所有解析度的手機,
圖檔是不是會變形?....

作者: wow9964le    時間: 2013-5-9 20:13
請問大大
我知道.9結尾的圖都需要用這個軟體draw9patch.bat畫黑線
可是 如果像是大大 四個選項那種背景的話 應該要怎麼畫黑線呢?
我試過都會變形耶 請大大指點~
作者: tmdfvm748    時間: 2013-5-9 20:24
本帖最後由 tmdfvm748 於 2013-5-9 20:30 編輯
wow9964le 發表於 2013-5-9 20:13
請問大大
我知道.9結尾的圖都需要用這個軟體draw9patch.bat畫黑線
可是 如果像是大大 四個選項那種背景的 ...


其實.9只是提供給你一個不會失真的方式
不一定要經過nine patch處理
只要圖素夠大
而你的圖能符合他的放大方式
直接小畫家裁一裁也可以用
也不需要擔心失真的問題

不知道這樣說你懂意思嗎@@


                               
登錄/註冊後可看大圖

例如這張推播框的背景
我就無視nine patch格式
直接以小畫家裁剪出一張500*100跟一張500*300的圖片
就直接完成了
它會放大沒錯
但是因為我的圖夠大
而且符合他的放大因素
所以放大失真的情況減少很多

至於像素要幾乘幾才符合放大的因素
才不會有失真的情況
這個就需要個人去試了

作者: wow9964le    時間: 2013-5-9 20:41
tmdfvm748 發表於 2013-5-9 20:24
其實.9只是提供給你一個不會失真的方式
不一定要經過nine patch處理
只要圖素夠大

所以意思是說不一定要存成.9的PNG檔
只要存成PNG檔也可以嗎?

那這樣做出來是不是有可能在其他機型上使用的話會有失真的狀況?
作者: tmdfvm748    時間: 2013-5-9 21:04
wow9964le 發表於 2013-5-9 20:41
所以意思是說不一定要存成.9的PNG檔
只要存成PNG檔也可以嗎?

存成png後
前面還是要手動補個.9
因為程式圖的是****.9.png
如果沒補上.9的話
程式讀不到圖就會當掉了

至於失真的話
不適合用太過細緻的圖
圖也不能用太小張
有的圖不要照原始檔的尺寸去做
可以大於它
這樣遇到大尺寸的平板時
也不容易出現失真的情況
但是也要注意太大反而會遇到被壓縮的情況
一樣會失真
所以我習慣是以7吋平板去做美化的標準
畫面壓縮到5吋的手機時
感覺也不太明顯
作者: darcy0044    時間: 2013-5-9 22:11
sarbird 發表於 2013-5-9 19:35
請教樓主是直接以大圖檔作為底圖嗎?我試著解開這些背景圖,
他們幾乎都是.9的透明檔,都是一小小解析度的 ...

那些圖片我都沒有理它是不是9,就把圖做大點,然後去替換,我發現文檔名有bg的大部份都是什麽的背景,至於大小會不會變形,其實會,因為很合適的尺寸我還沒找出來,貼圖欄的背景640*76不會變形,可以試試,主選單頂欄那個因為兩邊的色塊是分開的,所以可以做短一點,不然太長會被壓短,圖片就會變形
作者: darcy0044    時間: 2013-5-9 22:24
所有要用圖片去換的背景一定不要用圖案很細膩的圖來做背景,除非你找到了很合適的圖檔尺寸,不然一旦被壓小就很難看(我試好幾次的結論),我現在修改大部份都是用格子或者類似的圖,因為很多圖檔都是小色塊組成的,你用的圖片不一定會是整個版面的背景,有可能是哪一個小色塊的,所以如果圖太複雜最後拼起來會很混亂(個人意見,僅供參考,哈哈~)
作者: bigyiuse    時間: 2013-5-9 23:46
destiny70207 發表於 2013-5-8 21:27
果然是細心的人!!
一定要封你神人的職稱才行^^

+1~~
太棒了!!!連小圖內的背景圖都想到了真的好厲害喔~
作者: 張雅雅    時間: 2013-5-10 00:23
很厲害了!且背景顏色也漂亮!
很好看!
作者: wow9964le    時間: 2013-5-10 22:47
感謝樓主darcy0044和tmdfvm748這位大大的教學
我已經學會了
在我自己手機上試驗成功 但其他的就不知道了
希望以後有機會能互相學習囉
作者: zax1130    時間: 2013-5-10 23:57
真的好可愛喔! 非常期待完成品喔!
真的很用心的美化~
作者: 19800302    時間: 2013-5-11 18:13
讚喔~可愛感謝你的分享
作者: 喜愛美樂蒂    時間: 2013-5-11 20:30
期待期待~好可愛喔~有我喜歡的美樂蒂
大大辛苦了^^
作者: sky814cit    時間: 2013-5-13 20:45
wow!!!比我做的還好耶 我目前也是半成品只是我做了更糟QAQ!
值得學習!!!
作者: hstu82    時間: 2013-5-15 16:55
超可愛的~好期待完成品呢..加油
作者: 朋一瓶    時間: 2013-5-15 20:37
什麼時候要推出鴉 一直好期待
作者: 26882038    時間: 2013-5-15 21:32
好厲害   好漂亮
作者: sarbird    時間: 2013-5-26 16:36
請問版大,在動態消息的位置,點選最上方的「動態消息」之後,底部會出現三個選項,
分別是「主頁」、「開放範圍」、「說明」,想要修改這三個圖示的底圖,不知道該提取
哪幾個檔案,版大知道嗎?謝謝。
作者: dekdmooben    時間: 2013-5-29 02:21
超強的

超可愛~~~

期待完整版 出現
作者: as8803181    時間: 2013-6-20 12:07
太厲害了  
作者: vicky2003    時間: 2013-6-20 20:04
可以請問你是用什麼程式做的嗎???謝謝^^
作者: butter8208    時間: 2013-6-21 01:52
謝謝分享 感謝大大 讚讚讚
作者: 123123789789    時間: 2013-6-21 17:01
darcy0044 發表於 2013-5-8 11:43
謝謝大家~~我有點懶~在做這個主題前我連製圖軟件都不會用,噗~所以這個的完整版。。。。我也不知道什麽時候 ...

請問要用什麼軟體製作?!
可以跟我說一下嗎?!
作者: orzlp    時間: 2013-6-21 21:29
好可愛~期待可以有完整版~~~
超喜歡粉粉的^^
看了心情都好了起來呢!!
版大很厲害呢~~~
作者: 花絲姬    時間: 2013-6-22 13:56
超喜歡的!!!希望能分享Q_Q
自己努力做主題都失敗嗚嗚
作者: ming11th    時間: 2013-6-27 21:54
本帖最後由 ming11th 於 2013-6-28 18:41 編輯

請問一下大大
id搜尋的圖片(兩個娃娃)要改哪個檔
謝謝!

v2_bg_pattern_01.png
登錄/註冊後可看大圖