Skinner4moto Basic Tutorial

2. Unzip skinner4moto_v0.2.9b.rar จะ ได file ตางๆ ดังนี้

ผมพยายามจะแกะการใชงาน โปรแกรม Skinner4moto โดย การอานจาก Web ตางๆ รวมทั้งทดลองดวยตัวเอง ถามี ผิดตรงไหน หรืออยากเสริม เพิ่มเติม ชวยแนะนําดวยครับ ขั้นตอนการติดตั้งโปรแกรม

1. File ที่ใช คือ skinner4moto_v0.2.9b.rar และ E398zip

4. ลาก file E398.s4mi ไปทับ file skinner4moto.exe

3. Unzip file E398zip จะได file E398.s4mi

6. เลือก model เปน E398 และถาอยาก เปลี่ยน โปรแกรมทีใ่ ชในการแกไข ไฟลรูป (GIF) เลือกปุม “select extern GIF editor”

5. เปด skinner4moto.exe เลือก option

หลังจากติดตั้งเรียบรอยมาเริ่มกันเลย •เปด file skin (*.ski) ซึ่งอันนี้ผมเปด moto skin •จะมี folder ใหมคอื “gifs” เกิดขึ้นมา ใน folder skin นั้น •ใน folder “gifs” นี้มีไฟลรูปทั้งหมด 339 ไฟล ผมพยายามลองเปลี่ยนที่ละไฟล แลวลองสังเกตดูวา เปนรูป ของสวนไหนใน Skin

ไฟล 5.gif ขนาด 159*21 เปนรูปแถบเลือกรายการขนาดเล็ก เทาที่สังเกตจะเกิดในเมนูทมี่ ีไอคอน ดังภาพ

ไฟล 7.gif ขนาด 39*39 เปนรูปแสดงนาฬิกาแบบ analog

ไฟล 38.gif ขนาด 169*52 เปนรูปแสดงแถบเลือกรายการขนาดใหญ

ไฟล 46.gif ขนาด 176*197 เปนรูปแสดงหัวขอบน หนา Main menu เฉพาะแบบ icon view เทานัน้ Main menu เแบบ list view จะไมใช ไฟล 46.gif

ไฟล 47.gif ขนาด 45*45 เปนรูปแสดงกรอบ icon ที่ถกู เลือก

ไฟล75.gif ขนาด 169*21 เปนรูปแถบเลือกรายการขนาดเล็ก อื่นๆที่ไมไดใชรูป 5.gif

ไฟล 87.gif และ 88.gif ขนาด 11*13 เปนรูป ลูกศร ขณะกดปุมเพิ่มลด ความสวางหนาจอ

ไฟล 91.gif และ 92.gif ขนาด 11*13 เปนรูป ลูกศร ขณะยังไมกดปุมเพิ่มลด ความสวางหนาจอ

ไฟล 89.gif และ 90.gif ขนาด 19*19 ยังหาไมเจอวาเปนรูปไหน

ไฟล 93.gif และ 94.gif ขนาด 19*19 ใน Memory meter ของสมุดโทรศัพท และ battery meter

ไฟล 95.gif และ 96.gif ขนาด 16*15 ใน Memory meter ของสมุดโทรศัพท ใน battery meter และ ในการปรับความสวางหนาจอ

ไฟล 99.gif 100.gif 101.gif และ102.gif ขนาด 13* 7 ใน Volume และ ใน Sensitivity ของ Rhythm light

ไฟล 103.gif และ 104.gif ขนาด 23*12 เปนรูประดับของ Volume และ Sensitivity

ไฟล 107.gif และ 108.gif ขนาด 1*10 เปนขีดเริ่มตน และสิ้นสุดของแถบสีเขียว

ไฟล 109.gif ขนาด 1*10 เปนแถบสีเขียวตรงกลางระหวาง 107.gif และ108.gif รูปนี้ทดลองเปลี่ยน 107.gif และ 108.gif เปนสีขาว จะเห็นวา จุดเริ่มตน และสิ้นสุด ของแถบสีเขียวเปนสี ขาว

ไฟล 110.gif 111.gif และ 112.gif ขนาด 1*10 หายังไมพบวาเปนสวนไหน

ไฟล 113.gif 114.gif และ 115.gif ขนาด 1*10 หายังไมพบวาเปนสวนไหน

ไฟล 116.gif และ 117.gif ขนาด 1*10 เปนขีดเริ่มตน และสิ้นสุดของแถบสีน้ําเงิน

ไฟล 118.gif ขนาด 1*10 เปนแถบสีน้ําเงินตรงกลางระหวาง 116.gif และ117.gif

ไฟล 120.gif ขนาด 5*10 เปนขีดแสดงการเลนเพลง เกิดขึ้นในกรณี file เสียงเปน MIDI

ไฟล 433.gif ขนาด 156*42 เปนรูป แถบบน ของหนาตาง ลักษณะดังรูป

ไฟล 434.gif ขนาด 156*1 เปนรูปสวนกลางของหนาตาง ลักษณะดังรูป

ไฟล 435.gif ขนาด 156*3 เปนรูปสวนขอบลางของหนาตาง ลักษณะดังรูป

ไฟล 458.gif ขนาด 172*43 เปนรูปของสวนบนหนาตาง ลักษณะดังรูป

ไฟล 459.gif ขนาด 172*4 เปนรูปสวนกลางของหนาตาง เดียวกับ 458.gif

สวนอื่นของ Skin ทีใ่ ช ไฟล 458.gif และไฟล 459.gif เหมือนกัน

สวนอื่นของ Skin ทีใ่ ช ไฟล 458.gif และไฟล 459.gif เหมือนกัน

ไฟล 477.gif ขนาด 172*68 ไฟล 482.gif ขนาด 172*21 ไฟล 483.gif ขนาด 172*1 และ 509.gif ขนาด 164*43 หายังไมพบวาเปนสวนไหน

ไฟล 532.gif ขนาด 172*3 ไฟล 534.gif ขนาด 172*4 ไฟล 549.gif ขนาด 172*106 และ 573.gif ขนาด 1*1 หายังไมพบวาเปนสวนไหน

ไฟล 496.gif ขนาด 172*26 และไฟล 497.gif ขนาด 172*4 เปนหนาตางสวนบน และสวนกลาง ของ หนาตางที่แสดง icon ตางๆ

สวนอื่นของ Skin ทีใ่ ช ไฟล 496.gif และไฟล 497.gif เหมือนกัน

ไฟล 522.gif ขนาด 144*153 เปนรูปหนาตางที่ไมมีขอบลาง ไฟล 538.gif ขนาด144*156 เปนรูป หนาตางทีม่ ีขอบลาง

ไฟล 610.gif ขนาด 176*21 หาพบวาเปนหัวหนาตางของโปรแกรม File changer

ไฟล 621.gif ขนาด176*21 เปนรูปหัวหนาตางทีม่ ีขอบลาง ถูกใชหลายหนาตางมากดังรูป

หนาตางอื่นๆทีใ่ ช ไฟล 621.gif

หนาตางอื่นๆทีใ่ ช ไฟล 621.gif

หนาตางอื่นๆทีใ่ ช ไฟล 621.gif

ไฟล 611.gif 612.gif 614.gif และ 615.gif ขนาด 19*19 หายังไมพบวาเปนสวนไหน

ไฟล 622.gif 623.gif 624.gif และ 625.gif ขนาด 19*19 หายังไมพบวาเปนสวนไหน

ไฟล 626.gif และ 627.gif ขนาด 19*19 เปนปุมดานขวาดังรูป ขณะกด และไมกด

ไฟล 622.gif และ 625.gif ขนาด 19*19 เปนปุมดานซายดังรูป ขณะกด และไมกด

ไฟล 630.gif และ 631.gif (ดานซาย) สวน 634.gif และ 635.gif (ดานขวา) ขนาด 78*22 เปน Soft key ซาย-ขวา ขณะกด และไมกด

ไฟล 652.gif และ 664.gif ขนาด 78*22 แทนที่ปุม Soft key ซาย-ขวา ขณะไมมี function ตอไป

ไฟล 632.gif และ 633.gif ขนาด 20*22 เปนปุมระหวาง soft key ซาย-ขวา ขณะกด และไมกด

ไฟล 674.gif เปนปุมที่ไมมี function ตอไป และ 675.gif เปน animation ของปุมกด

ไฟล 685.gif และ 689.gif ขนาด 46*46 เปนปุมคิดเลข ขณะกด และไมกด

ไฟล 717.gif ถึง 719.gif เปนการแสดงปุมคิดเลขที่ใช

ไฟล 690.gif ถึง 702.gif ขนาด 38*21 เปนปุมตัวเลข ของเครื่องคิดเลข ขณะไมกด สวนไฟล 703.gif ถึง 715.gif ขนาด 38*21 เปนปุมตัวเลข ของเครื่องคิดเลข ขณะกด

ไฟล 720.gif ขนาด176*63 เปนพื้นที่การแสดงผลของเครื่องคิดเลข สวน 720.gif ขนาด 17*17 เปน function หนึ่งของเครื่องคิดเลข

ไฟล 750.gif ขนาด 6*1 เปนสวนกลางของแถบ scroll bar ที่เปน background ไฟล 751.gif และ 752.gif ขนาด 6*5 เปนสวนบน และลาง

ไฟล 753.gif ขนาด 6*1 เปนสวนกลางของแถบ scroll bar ไฟล 754.gif และ 755.gif ขนาด 6*5 เปนสวนบน และลาง

หนาอืน่ ๆทีใ่ ช ไฟล 750.gif ถึง 755.gif เทาทีสังเกตจะเปนหนา ที่ยังตองมีการเลื่อน ขึน้ ลงเพื่อ แสดงรายการตอไป และเปนหนาที่แสดงเต็มจอ

ไฟล 756.gif ถึง 758.gif ขนาดเหมือน 750.gif ถึง 752 gif เปนรูป สวนกลาง สวนบน และ สวนลาง ของแถบที่ไมมีการเลื่อน รายการขึ้น-ลง และเปนหนาที่แสดงเต็มจอ

หนาอืน่ ๆทีใ่ ช ไฟล 756.gif ถึง 758.gif

ไฟล 771.gif ขนาด 6*1 เปนสวนกลางของแถบ scroll bar สีน้ําเงิน ไฟล 772.gif และ 773.gif ขนาด 6*5 เปนสวนบน และลาง พบในหนาตางไมเต็มจอ

ไฟล 774.gif ขนาด 6*1 เปนสวนกลางของแถบ scroll bar สีเขียว ไฟล 775.gif และ 776.gif ขนาด 6*5 เปนสวนบน และลาง พบในหนาตางไมเต็มจอ

ไฟล 777.gif ถึง 779.gif ขนาดเหมือน 750.gif ถึง 752 gif แสดงแถบตางๆดังรูป

หนาตางอื่นๆทีใ่ ช ไฟล 777.gif ถึง 779.gif

รูปที7่ 90.gif ถึง 942.gif แสดง Icon ทั้งหมดทีใ่ ช 3 ขนาดคือ ขนาดเล็ก 15*15 ขนาด กลาง 33*33 และขนาดใหญ 41*41 ขนาด 41*41 เปน Icon ที่ถูกเลือก ขนาด 33*33 เปน Icon ที่ยังไมถูกเลือก

ตารางสรุป Icon ทั้งหมด แสดงไดดงั นี้

ขนาด 15*15 เปน Icon ที่อยูใน List view

รูป

แสดง

ขนาด 41*41

ขนาด 33*33

ขนาด 15*15

Themes (ไมนาจะไดใช)

892.Gif

841.Gif

790.Gif

Alarm Clock

893.Gif

842.Gif

791.Gif

Sounds

894.Gif

843.Gif

792.Gif

Bluetooth Link

895.Gif

844.Gif

793.Gif

Browser Setup

896.Gif

845.Gif

794.Gif

Calculator

897.Gif

846.Gif

795.Gif

Call divert

898.Gif

847.Gif

796.Gif

Camera

899.Gif

848.Gif

797.Gif

Car Setting

900.Gif

849.Gif

798.Gif

รูป

แสดง

ขนาด 41*41 ขนาด 33*33 ขนาด 15*15

Quick Menu (ไมนาจะไดใช)

901.Gif

850.Gif

799.Gif

Connectivity

902.Gif

851.Gif

800.Gif

Date Book

903.Gif

852.Gif

801.Gif

(ไมนาจะไดใช แตรูปเหมือนกับ Browser ) 904.Gif

853.Gif

802.Gif

Dialing service

905.Gif

854.Gif

803.Gif

Engineering

906.Gif

855.Gif

804.Gif

Fixed Dial

907.Gif

856.Gif

805.Gif

Game & application

908.Gif

857.Gif

806.Gif

Go To URL

909.Gif

858.Gif

807.Gif

รูป

แสดง

ขนาด 41*41

ขนาด 33*33

ขนาด 15*15

MotoMixer (ไมนาจะไดใช)

918.Gif

867.Gif

808.Gif

Headset

910.Gif

859.Gif

809.Gif

IM (ไมนา จะไดใช)

911.Gif

860.Gif

810.Gif

In-Call setup

912.Gif

861.Gif

811.Gif

Initial Setup

913.Gif

862.Gif

812.Gif

(ไมนาจะไดใช)

914.Gif

863.Gif

813.Gif

Java Setting

915.Gif

864.Gif

814.Gif

Ring styles

916.Gif

865.Gif

815.Gif

Browser

917.Gif

866.Gif

816.Gif

รูป

แสดง

ขนาด 41*41

ขนาด 33*33

ขนาด 15*15

Messages

919.Gif

868.Gif

817.Gif

Multimedia

920.Gif

869.Gif

818.Gif

Network

921.Gif

870.Gif

819.Gif

Personalize

922.Gif

871.Gif

820.Gif

Phone Status

923.Gif

872.Gif

821.Gif

Phone book

924.Gif

873.Gif

822.Gif

Pictures

925.Gif

874.Gif

823.Gif

Quick Dial

926.Gif

875.Gif

824.Gif

Radio (นาจะไดใชตอนตอ วิทยุจากภายนอก)

927.Gif

876.Gif

825.Gif

รูป

แสดง

ขนาด 41*41

ขนาด 33*33

ขนาด 15*15

Recent Call

928.Gif

877.Gif

826.Gif

Security

929.Gif

878.Gif

827.Gif

Setting

930.Gif

879.Gif

828.Gif

Shortcuts

931.Gif

880.Gif

829.Gif

SIM Applications

932.Gif

881.Gif

830.Gif

(ไมนาจะไดใช)

933.Gif

882.Gif

831.Gif

Stored Pages

934.Gif

883.Gif

832.Gif

Sync

935.Gif

884.Gif

833.Gif

Tools

936.Gif

885.Gif

834.Gif

รูป

แสดง

ขนาด 41*41

ขนาด 33*33

ขนาด 15*15

Videos

937.Gif

886.Gif

835.Gif

Voice Records

938.Gif

887.Gif

836.Gif

Web Access

939.Gif

888.Gif

837.Gif

History

940.Gif

889.Gif

838.Gif

Web Session

941.Gif

890.Gif

839.Gif

Web Shortcuts

942.Gif

891.Gif

840Gif

โดยปกติ ในโปรแกรม Skinner4moto จะไมไดบอกวา icon แตละรูป หมายถึง อะไร ดังรูป แตอานใน http://www.modmymoto.com/forums/showthread.php?t=10054

เราสามารถ ทําให โปรแกรมบอกไดวา icon แตละรูปหมายถึงอะไรโดยการเปลี่ยน File SkiList ไดดังนี้

1. Download ไฟล SkiList.zip แตกไฟลแลวจะได SkiList.CSV 2. เปด folder โปรแกรม Skinner4moto เปด folder ยอย Data จะไดหนาตางดังรูป

3. นําไฟล SkiList.CSV ที่ Download มาแทนที่ตัวเดิม

เปดโปรแกรม Skinner4moto ใหม รูป Icon ก็จะแสดงชื่อดวย

ไฟล 943.gif ถึง 947.gif ขนาด 33*33 เปนไฟลแสดง Ring style ทีใ่ ชอยู ขณะ กดเพิ่ม-ลด Volume ที่ปุมดานขางของมือถือ

หนาตางที่แสดง 943.gif ถึง 947.gif

ไฟล 948.gif ถึง 953.gif ขนาด 33*33 เปนไฟลแสดงประกอบในหนาตาง ตางๆดังรูป

ไฟล 954.gif ถึง 971.gif ขนาด 33*33 เทาที่เคยเห็นนาจะเปนตัวแสดงตอนใชโทรศัพท บางอัน ตั้งแตใชโทรศัพทมายังไมเคยเห็นเลย ถาใครเจอตอนไหน รบกวนชวยแจงดวยครับ

ไฟล 972.gif 973.gif และ 975.gif ถึง 979.gif ทัง้ หมดขนาด 33*33 ยังหาไมเจอวาเปนสวนไหน

ไฟล 1002.gif ขนาด 18*15 และ 1013.gif ถึง 1014.gif ขนาด 78*22 ยังหาไมเจอวาเปนสวนไหน

ไฟลทั้งหมด ขนาด 33*33 เปนไฟลแสดงประกอบในหนาตาง ตางๆดังรูป

ไฟลทั้งหมด ขนาด 33*33 เปนไฟลแสดงประกอบในหนาตาง ตางๆดังรูป

ไฟลทั้งหมด ขนาด 33*33 เปนไฟลแสดงประกอบในหนาตาง ตางๆดังรูป

ไฟลทั้งหมด ขนาด 33*33 ยังหาไมพบวาเปนสวนไหน

สวนที่ยังหาไมพบทั้งหมดถาหาเจอ แลวจะมา แกไขใหใหมนะครับ

3. จากนั้น ใหกด Save เพื่อ บันทึกเปน file skin ตัวเดิม หรือ Save as เปนชื่อ skin ใหม 2. กอนจะ save ถา click เครือ่ งหมายถูกตรงนี้ เปนการ save แบบ Light-Skin คือ ไม รวม Icon เขาไปดวย ถาไม 1. หลังจากที่รูเกือบหมดแลววา click ก็เปน skin แบบเต็ม ไฟล *.gif ตางๆ มีขนาดเทาไร และเปนตําแหนงไหนใน Skin เราก็สามารถนํารูปทีข่ นาด เทากัน มาแทนโดย copy เขาไป ใน folder gif และแทนที่รูปเดิม

นอกจากนี้ เรายังสามารถ Import สี จากSkin อื่น หรือ รูปทีอ่ ยูใน folder gif ทั้งหมดจากSkin อืน่ หรือรูปที่อยูใน folder gif ทั้งหมดจาก skin ที่มขี นาดหนาจออื่น เชน 240*320แลว resize ใหเขากับขนาด E398 (176*220)ไดดวย โดยใช Function Import คลิกที่ Import จะพบกับหนาตาง ใหเลือกวาจะ Import อะไร หลังจากเลือกไดแลวจะมี หนาตางใหเลือก ไฟลที่ตอ งการ import จะเปนไฟล *.ski

1. Import Skin/MODs อันนี้ไมแนใจวาใชทําอะไรไดบาง แตหลังจากเปด Skin Moto แลวลอง import Skin XYMoto ปรากฏวาทั้ง รูปใน Folder Gifs และ สี กลายเปน Skin XYMoto หมดเลย เลยไมแนใจวาFunction นี้ ตางจากการใช Open Skin ธรรมดา อยางไร 2.. Import Colors from Skin อันนี้ใช Import สีจาก skin หนึ่ง ไปอีก Skin หลังจาก เปด Skin Moto แลวลอง import สีจาก Skin XYMoto ปรากฏวาสีตางๆกลายเปน Skin XYMoto หมดเลย ดังรูป

สีของ Skin Moto เดิม

สีของ Skin Moto หลังจาก Import color จาก Skin XYMoto

3. Import Pictures from Skin อันนี้ใช Import ไฟลรูปจากFolder gifs ทั้งหมด จาก skin หนึ่ง ไปอีก Skin หลังจากเปด Skin Moto แลวลอง import สีจาก Skin XYMoto ปรากฏวารูปตางๆกลายเปน Skin XYMoto หมดเลย ดังรูป Icon กลายเปนของ XYMoto ซึ่งสีจะออนลง Soft keys กลายเปนของ XYMoto แตสี ตัวหนังสือยังเปนสีเดิมคือสีขาว

4. Import Colors from Skin (Resize) อันนีใ้ ช Import ไฟลรูปจากFolder gifs ทั้งหมด จาก skin หนึ่ง ไปอีก Skin ซึ่งมีขนาดตางกัน หลังจากเปด Skin Moto แลว ลอง import รูปจาก Skin Nokia_V3X (240*320) ปรากฏวารูปบางรูปมีขนาดลดลง เพื่อเขากับขนาด Screen 176*220 แตผมก็ยังไมไดลอง Install ลงเครือ่ งนะครับ นอกจากนี้ยังพบวา ยังมีบางรูปไมเปลี่ยน ก็ไมแนใจวาเปนเพราะอะไร

1. การเปลี่ยนโครงของSkin ผมจะลองเลาการเปลี่ยนโครงของ Skin ซึ่งผมหมายถึง ไฟลใน Folder Gifs ที่หลังจาก เราใช Skinner4moto เปด Skin ขึ้นมาแลวจะมี Folder Gifsเพิ่มขึ้นมา ซึ่งโครงที่ผม หมายถึงคือ ไฟล 5.gif ถึง 779.gif (อาจจะไมทุกไฟล) โดยผมจะแบงขั้นตอนดังนี้ 1.1 เลือกสีที่จะทําโครง Skin 1.2 จัดกลุมรูปตางๆ ตามสี หรือ ตามรูปราง เพื่อใหงา ยตอการปรับแตง 1.3 เตรียมไฟลรูปตามขนาดตางๆ และสีที่เลือกไว 1.4 Copy ไฟลรูปที่เตรียมไวแทนที่ไฟลเดิม 1.5 ปรับแตงสวนอื่นๆ และสีของ font

1.1 การเลือกสีโครงของSkin ผมวาขั้นตอนนี้ สําหรับผมตอนแรกๆทีค่ ดิ จะทํา Skin คอนขางยาก เพราะตองใชหัว ทางดานศิลป พอสมควร แตหลังจากไดทําการศึกษา ไฟลจาก folder Gifs ที่ผานมาก็ ทําใหรูสึกงายขึ้นอีกหนอย เพราะพอจะมองออกวาแตละหนาตาง ที่เกิดขึ้นใน Skin มี ลักษณะ และใชไฟลไหน เพราะเทาทีดแู ลว ตัว Skin Moto ประกอบไปดวยสีที่เห็นชัดๆ 5-6 สี แลวแตจะแบงอาจ เหลือแค 3 กลุมหลักๆคือ น้ําเงิน เขียว และสีของพื้นหลัง(background) สีฟาเขม สีเขียวออน สี background พื้นโปรง

สีฟาออนพื้นหลัง สีฟากลาง สีเขียว

ที่นี้มาถึงคําถามวา จะใชสีอะไรดี ถึงจะดูสวยและเขากัน ผมลองเปดไปตาม Web ตางๆ หรือ โปรแกรมตางๆ เพื่อที่จะดูการเลือกใชสีที่สวยๆ ตัวอยางดังนี้ อาจใชสีนี้แทนสีน้ําเงินของ Skin Moto

อาจใชสีนี้แทนสีเขียวของ Skin Moto

อาจใชสีนี้เปนพื้นหลังได

อาจใชสีนี้แทนสีน้ําเงินของ Skin Moto

อาจใชสีนี้เปนพื้นหลังได

อาจใชสีนี้แทนสีเขียวของ Skin Moto อาจใชสีนี้แทนสีน้ําเงินของ Skin Moto

อาจใชสีนี้แทนสีเขียวของ Skin Moto

อาจใชสีนี้เปนพื้นหลังได

อาจใชสีนี้แทนสีน้ําเงินของ Skin Moto

อาจใชสีนี้แทนสีเขียว ของ Skin Moto

อาจใชสีนี้เปนพื้นหลังได

อาจใชสีนี้แทนสีน้ําเงิน ของ Skin Moto อาจใชสีนี้แทนสีเขียว ของ Skin Moto อาจใชสีนี้แทนสีน้ําเงิน อาจใชสีนี้แทนสีเขียว สีพื้นหลังอาจใชสีนี้แตทาํ ใหออ นลงหนอย

อาจใชสีนี้เปนพื้นหลังได

อาจใชสีนี้แทนสีน้ําเงินของ Skin Moto

อาจใชสีนี้เปนพื้นหลังได

อาจใชสีนี้แทนสีเขียวของ Skin Moto อีกอยางหนึ่งนะครับ ถาเราเตรียมเลือกสีของfont ไวเลยก็ดคี รับ เทาที่สังเกต Font ของ Skin moto มีสีที่เห็นหลักๆคือ น้ําเงิน กับ ขาว

อาจจะเลือกแทน สีน้ําเงิน สีเขียว และพื้นหลัง อาจจะเลือกให Font

อีกอยางนะครับ สีที่เห็นอาจดูสวยแตพอเอาเขาโทรศัพท แลวอาจแตกตางจากที่เห็นก็ได อาจจะ ทดสอบสีโดยการลองเปลี่ยนบางรูปเขาโทรศัพทกอนก็ไดครับ สีที่เห็นคือที่ผมลองทดสอบดู คือผมชอบสีโทน ออนๆครับ เชน เหลือง สม เทา

1.2 การ จัดกลุมรูปตางๆ ตามสี หรือ ตามรูปราง ผมวาเพื่อจะใหงายตอการสรางรูป ตางๆ ใน Folder gifs นาจะมีการจัดกลุมรูปที่มีลักษณะคลายกัน และสีคลายกันเพื่อจะไดงายตอการเปลี่ยน ผมสรุป กลุมตางๆของรูปไดดังนี้

1.2.1 กลุมหัวของหนาตางเทาที่สังเกตวาไดใช มี 5 รูป สีน้ําเงินทั้งหมด 176*197 156*42

172*43

172*26

176*21

รูปที่ 46.gif มีความพิเศษกวา รูปอื่นเพราะเห็นในรูปมีแตสีฟาแตจริงๆมันยาวลงไปถึงขางลาง ซึง เฉพาะสีฟามีขนาด 176*22 ผมไดทดลองเติมสีพื้นเปนสีเหลือง ปรากฏวาขณะที่เลื่อนไปรอบๆจะเกิด แถบเปนรอยที่เลื่อนไป ถาอยางนั้นคงเปลี่ยนแคสีน้ําเงินแลวกัน

176*197

ขนาดของหัวหนาตางที่กวางสุดคือ 176 ยาวสุดคือ 43 ผมไดใชโปแกรม ตัดแตงภาพทําการตัด ใหไดขนาด ดังกลาว แลวทําการ resize ใหไดตาม หนาตางทั้ง 5 ขนาด ซึ่งสวนทีต่ ัดมีการ ตรงนีม้ ีการทําสีใหเหลื่อมๆกันดูสวยดี ถาใหไปแตงสีเองคงทําไมเปน

1.2.2 กลุม Soft key มี 3 สวนคือ ซาย ขวา และกลาง

78*22

78*22

78*22

78*22

20*22 78*22

78*22

ซาย

กลาง

ขวา

รูป Soft key ทั้งหมดที่ยังไมกดปุม ผมใชรูปเดียวกับที่ทํา หัวของหนาตาง มา resize สวนทีก่ ดปุมผม ปรับรูปเดิมใหสีออนลง ปุมกดตรงกลาง แลวแตจะปรับครับ

1.2.3 กลุมพื้นหลัง เทาที่สังเกตวาไดใช มี 3 รูป สีฟาออนและขอบน้ําเงิน พื้นหลังของหนาตาง 434.gif จะมีขอบลางลางคือ 435.gif ดวย สวน 459.gif และ497.gif เปนขนาด เดียวกันใชรูปเดียวแทนกันได

156*1

156*3

172*4

172*4

นอกจากนี้ยังมี หนาตางอีก 2 แบบ ซึ่งรวม หัวหนาตาง พื้นหลัง และขอบลาง ดังรูป 144*43 38 144*153

144*156

88*27

ขนาดโดยประมาณ

144*3

อันนี้ผมใชการวางรูปซอนกัน สวนระยะตางๆเปนการประมาณโดยการ crop รูป แลวดู Size อีกอยาง ที่อาจทําลําบากคือ ระยะระหวาง หัวหนาตาง กับ ชวงกลองตรงกลาง ซึ่งประมาณไดหาง 38

1.2.4 กลุมของแถบเลือก เทาที่สังเกตวาไดใช มี 3 รูป สีเขียวทัง้ หมด

159*21

169*52

169*21

ก็ทําเหมือน กับที่แลวๆมาครับ สวนผม จะใชรูปนี้ ซึ่งตัดมา แลว resize แทน

1.2.5 กลุมของแถบเลื่อน สีน้ําเงิน มี 4 ชุด

750.gif 777.gif 771.gif 756.gif

751.gif 778.gif 772.gif 757.gif

752.gif 779.gif 773.gif 758.gif

ขนาด 6*1 เหมือนกันหมด

ขนาด 6*5 เหมือนกันหมด

ขนาด 6*5 เหมือนกันหมด

1.2.6 กลุมของแถบเลื่อน สีเขียว มี 2 ชุด

753.gif 7747.gif

754.gif 775.gif

755.gif 776.gif

ขนาด 6*1 เหมือนกันหมด

ขนาด 6*5 เหมือนกันหมด

ขนาด 6*5 เหมือนกันหมด

1.2.7 กลุมอื่นๆ ที่เหลือ เชน ระดับของ battery, เสียง, เครือ่ งคิดเลข เปนตน ก็ลองเปลี่ยนตามสะดวกนะครับ ผมเองก็คงไมไดเปลี่ยนทั้งหมดซึ่งคงตองใชเวลามากพอสมควร บางรูปผมก็ใชของ Skin อื่นๆที่เห็น วาเขากันได แตโดยหลักๆผมใช สีเทา แทนสีน้ําเงิน และสีเหลือง แทนสี เขียว จุดอื่นๆทีน่ าจะเปน ประโยชนคือ รูป 720.gif สําหรับเครื่องคิดเลขนี้ขนาด 176*63 แตแยกเปนสองสวน คือ 176*41 และ 176*22 ผมใช สองรูปมาตอกัน 176*41 ใชแทนสีน้ําเงินแต เติม คลิบนิดหนอย

ใชแทนสีเขียว แตมี การไลเกลี่ยสี ซึ่งถูก แตงมาจากตั้งแตแรก

176*22

1.3 การ เตรียมไฟลรูปตามขนาดตางๆ และสีที่เลือกไว ผมใชโปรแกรม Photoshop CS ในการตัดแตงรูปทั้งหมด ซึ่งผมก็ใชเปนแคสวนพื้นฐาน เทานั้นครับ เชน ปรับสีรูป ตัดรูป ซึ่งก็อาจใชโปรแกรมอื่นแทนก็ไดครับ หรือถาจะให งายๆ ผมก็ดูวารูปไหน ของ skin ไหนที่ผมชอบ ก็ copy มาแทนเลยครับ Skin ที่ผมทํา ตัวแรกนี้ก็ใชบางสวน ของ skin XYMoto แลวมาปรับแตงสีครับ โดยสวนตัวชอบสี ออนๆของ Skin นี้ ครับ

1.4 การ Copy ไฟลรูปที่เตรียมไวแทนที่ไฟลเดิม หลังจากเตรียมรูปตางๆครบแลว ก็เขาขั้นตอนที่เคยเลาไปตอนแรก ครับ คือเปด file Skin ที่จะปรับเปลี่ยน แลว Copy file ที่ทํามา ลงไปแทนที่ใน Folder gif แลว Save file เปนอันเสร็จขั้นตอนนี้

1.5 การปรับแตงสวนอื่นๆ และสีของ font มาถึงจุดนี้ ผมมีความรูสึกวา คนทีท่ ํา skin ใหเราได download นี่คงมีความพยายามสูงมากเลย เพราะสําหรับผม กวาจะเลือกสีที่คิดวาเขากันไดก็ใชเวลานาน แลวยังตองมาลองทดสอบสีลงมือถือ อีก เนื่องจากตอนแรกเห็นวาสวย แตพอลงมือถือกลับดูไมคอยสวยเลย หลังจากนัน้ ตองมาสรางรูป ขนาดตางๆอีก ถาทําครั้งแรกแบบผม คงใชเวลานานเหมือนกันกวาจะรูวาอะไร เปนอะไร หลังจากเปลี่ยน file ใน folder gif ในสวนแรกแลวผมก็ไดสีลักษณะดังรูป ซึ่งก็ยังตองมีการปรับแตง สวนตางๆใหถูกใจอีก (พอดีทําการเปลี่ยน wallpaper ดวย เพื่อใหเขากับสีของสวนอืน่ )

เริ่มโดยเปดโปรแกรม Skinner4Moto โดยตอนแรกจะดูสวนนี้กอน ซึ่งเปนตัวแสดง Preview การปรับ เบื้องตน

แสดง กรอบของ แตละรูป

แสดง หรือ ไมแสดง ปุมกด joystick

แสดง รูปขณะโยก joystick ไปทิศตางๆ

แสดง ตําแหนงชิด ซาย หรือกลาง ของ Date และ Operator แสดง นาฬิกา แบบ เข็ม หรือ ตัวเลข และปรับ ชั่วโมง และนาทีการแสดง ผลได

กดปุม Screenshot จะเปนการ บันทึกหนาจอไวใน Folder Screenshot ของโปรแกรม skinner4Moto ซึ่งถากดปุม Dir ก็จะเปนการเปด Folder Screenshot คลิกเพื่อ preview ขณะกด ปุม softkey ซาย-ขวา และ ปุมกลาง

มาดูสวนนี้ตอ ตัว wallpaper เปนตัวที่เราจะใชเลือก เพื่อเปลี่ยน wallpaper ของเราโดยการคลิกที่ Choose pic แลวเลือกรูปขนาด 176*220 ซึ่งเปนนามสกุล *.bmp, *.gif และ *.jpg ถัดมาเปน background color เมือ่ คลิกที่ตวั Color จะมีหนาตางใหเลือกสี Transparency เปนตัวเลือกระดับความโปรงใส ของสี ตั้งแต 0-255 ไลจากทึบสุดไป ใสสุด ผม ลองเปลี่ยน เปนสีเขียวเขม พบวาหนาที่เปลี่ยนไป คือ หนา standby ที่ไมมี wallpaper และหนา ของการเขียน และอาน message (เทาทีเจอ)

Operator Font, Date Font และ Clock Digital จะมีสว นที่ปรับไดเหมือนกันดังนี้

อันนี้ยังไมทราบ

การปรับตําแหนงของ Operator, Date และ Clock บนหนาจอ ตรงนี้ขณะปรับ ควรใหแสดง Margin (คลิกที่ Show margin) เพราะถากรอบของแตละสวน เกิดการซอนกัน อาจเปนเหมือนดังรูป

การปรับสีของ Font และความ โปรงใส การขีดเสนใต Font ที่ลองดูจะไม เห็นความเปลี่ยนแปลงในหนาตาง Preview แต หนาจอจริงจะมีเสนใต สีดําดวย การปรับสีของขอบนอก Font และความโปรงใส เทาทีลองดู เห็นการเปลี่ยนแปลงเฉพาะ Color outline 1

นาฬิกาหายไปครึ่งหนึ่ง เนื่องจากไปซอน กับกรอบของ Date และ Operator

Clock analog จะมีสวนทีป่ รับไดดังนี้

การปรับสีของเข็มนาฬิกา สีเงา ความโปรงใส และความยาว ของเข็มสั้น และเข็มยาว การปรับตําแหนงของนาฬิกา

การปรับขนาดความกวาง ยาวของนาฬิกา ขนาด ปกติของหนาปทมนาฬิกาคือ 39*39 เปนรูปที่ 7.gif แตพอดีผมชอบนาฬิกาขนาดใหญเลย หาขนาด 71*71 มาแทน และตองมาปรับขนาดทีน่ ดี้ วย รวมทั้งตองปรับขนาดความยาวของเข็มทั้งสองดวย อยาลืม เอาเครื่องหมายที่ Lock size ออกดวยครับ

การปรับสีของ Soft buttons font จะมีสวนที่ปรับไดดังนี้

ปรับสีไดเหมือนเดิม

Soft button font normal สี ของตัวหนังสือ soft button ทั้ง ซายและขวา ขณะไมกดปุม

Soft button font pressed สี ของตัวหนังสือ soft button ทั้งซายและขวา ขณะกดปุม

การปรับตําแหนงของตัวหนังสือ Soft buttons ทั้งซายและขวา มีสวนที่ปรับไดดังนี้ Links = ชิดซาย Zentriert =กลาง Rechts = ชิดขวา

ตําแหนงของ Soft button ในการปรับ ตําแหนงมี 4 อยาง

ตัวอยางการปรับตําแหนง ตัวอยางการปรับตําแหนง Soft button font left normal Soft button font right เปนแบบ Zentriert (กลาง) normal เปนแบบ Rechts (ชิดขวา)

การปรับตําแหนงของ Soft buttons ทั้งซาย ขวา และปุมกลาง แบบไมกด และกดปุม ซึ่งเปนรูปที่ 630.gif ถึง 675.gif ที่ไดเคยอธิบายไปแลว ซึ่งผมไมคิดทีจ่ ะปรับในสวนนี้

การปรับตําแหนงของ Joystick ทัง้ ขึ้น ลง ซาย ขวา ซึ่งผมไมคิดทีจ่ ะปรับในสวนนี้ การปรับตําแหนงสวนตางๆ ควรระวังรูปซอนกันดวย ซึ่งอาจทําใหการแสดงผลหนาจอไมสมบูรณ ควรใชการ แสดงเสนกรอบ (Show margin) ในการปรับตําแหนงประกอบดวยครับ

การปรับสีของ font ในหนาตางที่เปนแบบ List view ทั้งแบบ ตัวหนังสือธรรมดา(normal) และ ตัวหนังสือที่ถูกเลือก (highlighted) Highlighted Normal

สวนตรงนี้ปรับแลวไม เห็นความแตกตาง แบบนี้ไมใช list view เปนแบบ Icon view

การปรับสีของ font ในหนาตางที่เปนแบบ Icon view ทั้งแบบ ตัวหนังสือธรรมดา(normal) และ ตัวหนังสือที่ถูกเลือก (highlighted) Normal Highlighted

การปรับสีของ Title-Main menu Icon view เปนหนา main menu แบบ Icon เทานัน้

Title-Menu เปนการเปลี่ยนสี font ของหัวหนาตางที่มลี ักษณะไมเต็มจอ และหัวหนาตางของ menu ยอย แบบ List view

ไมรวมถึง Main menu ที่เปน list view ไมรวมถึง menu ยอย ที่เปน Icon view

Volume window font เปนการเปลี่ยนสี และปรับตําแหนงของ สวนของการปรับระดับเสียง เฉพาะ การปรับโดยกดปุมขึ้น ลง ดานขางมือถือ

หนาที่เขาไปปรับผาน menu ring styles ไมใช

สีของ font ในหนาตางที่ Popup ขึ้นมากลางหนาจอ เปลี่ยนทีน่ คี่ รับ

หนาตางลักษณะนี้ไมใชครับ

สวนนี้ก็พอจะรูแลวนะครับวาสวนไหนปรับอยางไร แตแคสวนนี้ก็ยังไมสามารถปรับสี ทั้งหมดได เฮอ !!! รูสึกเหนื่อยเหมือนกัน ทําไม Moto แยกสวนการปรับไดเยอะขนาดนี้ ผมรูสึกวามีอะไรอีกเยอะ มาก ในการใชโปรแกรมนี้ แตคิดอีกแงก็ดีครับ ปรับไดละเอียดมากเลย คงจะมีอะไรใหเรียนรูอีกเยอะ

สวนตอมาที่ปรับสีไดคือ บริเวณนีค้ รับ

คลิกที่ colors ก็จะเปนรายการสีทั้งหมด อยากเปลี่ยนสีของรายการอะไรก็คลิกที่แถวนัน้ แลวคลิกตรง color เพื่อเปลี่ยนสี

รายการสีทั้งหมด ซึ่ง บางสวนเราก็ไดทําการ ปรับแตงไปแลวจากที่ทํา กอนหนานีใ้ นหนาตาง Grouped elements

เพิ่งเจอ ขอสังเกตใหม คือ Row ใน Skinner4moto ที่ Download มาจากตางที่กนั มีหมายเลขไม เหมือนกันครับ เชน Row 59 ซึ่งไมมใี น อีกอัน แตรูสึกวาชื่อที่บอกความหมายแสดง มีเหมือนกัน ผมจะ อางจาก skinner4moto_v0.2.9b แลวกัน skinner4moto ที่บอกวามีการ update icon map จาก modmymoto

skinner4moto_v0.2.9b ที่ download จาก E398mod

อันเดียวกัน

Row 71 เปนสี Background ของหนาตางทีม่ ีลักษณะเต็มจอ

Row 68 สี Background ของ หนาตางทีม่ ีลักษณะไมเต็มจอ และ หนาตางที่เกิดขึ้นทับกับ background ของ Row 71

Row 72 เปนสีตัวหนังสือทีป่ อนขอความ ขอความที่สงมา และวัน วันที่ ของ date book แตที่แปลกคือ ใน month view ไมเปลี่ยนสีของวันเสาร อาทิตย แต week view เปลี่ยนสีวันเสารอาทิตยดวย

Row 73 เปนสีตัวหนังสือขณะที่ปอนขอความที่ถูก highlighted และ วันที่ ของ date book ที่ถูก highlighted

สําหรับ Row ที่ column I ไมมีคําบรรยายผมขอขามไปกอนนะครับ เพราะเดายากวาเปนสีสวนไหน

Row 76 เปนสี วัน และวันที่ ของ วันปจจุบัน Row 82 เปนสีตัวหนังสือ แสดง ชวงวันที่ แบบ week view และหัวของ message

Row 84 เปน background ของวันทีถ่ ูกเลือก และ highlighted ของ การปอนขอความ

Row 96 เปนสีของ background ของการปอนวันที่ และเวลา สวนที่ถูกเลือกเปนสีเดียวกับ Row84

Row 97 เปนสี วัน ที่ไมใชวันปจจุบัน และไมใชวันที่ถูกเลือก

Row 100 เปนสีของเสนในการเขียนขอความ และอื่นๆ

Row 101 เปนสี ของเสนทีถ่ ูก highlighted เลือก อาจจะมองเห็นยาก แตถาขยายจะเห็น

Row 102 เปนสีของ cursor การปอนขอความที่กระพริบอยู

มี 2 สี ครับ แตอีกสี เห็นเปนสีเขียวออนๆ ยังหาไมเจอครับ

Row 104 และ 105 เปนสี ของเสน gridlines ถาเปน month view Row 105 เปนสีทั้งแนวตั้ง และนอน ถาเปนแบบ week view Row 105 จะเปนแนวตั้ง สวน Row 104 จะเปนแนวนอน

Row 106 เปนสี background ของหัว date book ทั้งแบบ week view และ month view Row 107 เปนสี background ของวันปจจุบัน ทั้งแบบ week view และ month view

Row 146 เปนอันสุดทายทีม่ คี ําอธิบายใน column I (จริงๆก็มีอันอืน่ อีกแตก็ไดปรับไปแลวทีห่ นาตาง ของ Grouped element) แตยังหาไมเจอวาเปนสีสวนไหน ขอเอาไวกอน อยากไปดูชองอื่นๆ กอน ที่ เปลี่ยนสี font ตรงหัวหนาตางซึ่งยังไมไดมคี ําอธิบายใน column I จะลองไปหาใน column H ตอไป

Row 660 เปนสีตัวหนังสือของหนาตางลักษณะดังรูป Row 690 เปนสีตัวหนังสือของหัวหนาตางของ menu ยอยที่เปน ICON เทานัน้

สวน Row 691 และ 692 ที่บอกวาเปน outline ของ row 690 ดูแลวยังไมเห็นวามีขอบตัวหนังสือ

Row 715 เปนสีตัวหนังสือของหนาตางลักษณะดังรูป Row 716 และ 717 ที่บอกวาเปน outline ของ row 715 ดูแลวยังไมเห็นวามีขอบตัวหนังสือ

Row 732 เปนสีตัวหนังสือของหนาตางลักษณะดังรูป Row 733 และ 734 ที่บอกวาเปน outline ของ row 732 ดูแลวยังไมเห็นวามีขอบตัวหนังสือ

Row 790 เปนสีตัวหนังสือของหนาตางลักษณะดังรูป ดูแลวยังไมเห็นวามีขอบตัวหนังสือ

ดูแลวยังไมเห็นวามีขอบตัวหนังสือ Row 927 เปนสีตัวหนังสือของตัวเลขใน เครื่องคิดเลข Row 1175 เปนสีตัวหนังสือของหนาตางลักษณะดังรูป

Row 403 เปนสีตัวตัวเลขของระดับ หนาตางลักษณะดังรูป

ตอนนี้สีตา งๆไดถูกเปลี่ยนไปเกือบหมด แลวครับ แตยังมีบางสวนยังไมทราบวาเปลี่ยนตรงไหนครับ ทั้งๆที่เปลี่ยน column I และ H ทีม่ ีคําอธิบายไปหมดแลว ที่เหลือก็มีแตคําอธิบายวา” all kinds of color (Total 98 member)” และ ไมมีคําอธิบาย ยังไมรูวาเปลี่ยนตรงไหน

เนื่องจาก สีที่ผมพบวายังไมสามารถเปลี่ยนไดในหนาตางที่กลาวมาแลว คือสีขาวของตัวหนังสือในกลุม ของหนาตาง Multimedia สีน้ําเงิน และดําของ Background ของหนาตาง Multimedia สีน้ําเงินของ ตัวหนังสือ และสีเขียวออนของ cursor ที่กระพริบเวลากรอกขอความ ผมจึงลองเปลี่ยนเฉพาะสี น้ําเงิน ขาว และเขียวออนเทานัน้ ในสวนของ คําอธิบายวา” all kinds of color (Total 98 member)” และ ไมมีคําอธิบาย และRow ไหนที่เปลี่ยนแลวไมสามารถสังเกต ถึงการเปลี่ยนแปลง ผมก็ขอไมพูดถึง Row 74 เปนสีของตัวหนังสือของในกลุมของ การเลนเพลง กลอง และภาพ

Row 99 เปนสีของ Background ของหนาตาง Multimedia การเลนเพลง กลอง และภาพ

Row 132 เปนสีของ ตัวหนังสือสําหรับวัน เสาร อาทิตย

Row 347 เปนสีของ ตัวหนังสือของ battery และ memory meter

Row 98 เปนสีของ cursor อีกสีหนึ่งที่กระพริบเวลากรอกขอความ (ในทีส่ ุดก็หาเจอ)

ในที่สุดผมก็สามารถเปลี่ยนสีได (นาจะ)ทั้งหมดแลว นอกนัน้ ก็ไมเห็นจะมีสวนไหนอีกแลว ยกเวนสวนที่ อยูใน DRM นอกจากนี้ยังมีบางสวนที่ผมไดแกไข ที่ผมเคย post ไปแลวดวย เนื่องจากเพิ่งหาเจอ เรื่องการปรับแตงสีใน Skin คงหมดแคนี้กอนครับ ถามีสสี วนไหนขาดไป เพื่อนๆก็ชว ยบอกดวยนะครับ จะไดลองหาดู