25.8.2005, 14:43
Мануал по редактированию скинов.
Программы для работы: Motoskin - официальная поддержка и Skinner4moto V0.2.9 Beta Build 3017
А теперь рассмотрим вопросы редактирования скинов. Основная программа для рабо-ты со скинами - Skinner4moto. Ей мы и будем пользоваться. Начинающим эта прога пока-жется какой то страшно навороченной и непонятной, но это только поначалу, вы легко в ней разберетесь а я вам помогу в этом. Далее рассмотрим основные вопросы:
Обои: нажимаем Выберете картинку – Открыть и вставляем картинку в скин. Здесь необ-ходимо сразу же указать где будет храниться картинка обоев. Если у вас 372 платформа то в настройках программы (Опции) выберите модель Е398, Skin partition – a/standard, если же 373 то E398, Skin partition -c/ i398+E1 ROKR. И дальше выбираете, где сохраняете обои: в директории картинок (/a/mobile/picture) или в директорию скина (/a/mobile/skins/…), послед-ний вариант более удобен. Картинка должна быть размером до 30 kb (gif, jpeg) и больше 30 … до 60 kb (png). Если вы поставили картинку, выбрали скин но не увидели её значит она очень большого размера и тело не может прочитать её, попробуйте уменьшить качество и размер картинки, на моем опыте картинки более 30 kb необходимо делать только png.
Шрифт оператора, даты, цифровых (аналоговые часы) часов, левой и правой софт клавиш - все это легко настраивается, здесь ограничений нет, делайте как хотите. Есть несколько замечаний:
1. Реальное положение этих параметров вы видите если нет галочки - По центру.
2. Если в скине изначально нет например оператора это значит что положение окна операто-ра выходит за пределы окна скина, и вам надо вернуть необходимое положение (Положение – вверх – вниз – вправо – влево)
3. Вы должны задавать размеры окон данных параметров так чтобы они не наезжали друг на друга, для этого поставьте галочку границы и вы увидите размеры всех окон.
Иконки джойстика: вам необходимо знать размер анимированных иконок главного ме-ню и задать размеры иконок джойстика такие же. Допустим если у вас иконок главного ме-ню 56х56 в нажатом положении, значит вы делаете иконки джойстика все (в нормальном и нажатом состоянии) такого же размера: ширина 56, высота 56. Дальше располагаете их про-извольно так чтобы не было наложений.
Положение картинок софт клавиш:легче всего их править в окне Позиция/Размер: заходим Позиция/Размер и пролистываем вниз до ID 561. чтобы ваши софт кнопки не накла-дывались друг на друга и не было видно пустот действуете согласно схеме:
Левая все положения: размер [-1*; -1]
позиция [влево 0; вниз 220]
Правая все положения: размер [0*; -1]
позиция [вправо 176; вниз 220]
Центр. Все положения: размер [-1*; -1*]
позиция [цент; вниз 220]
* - от исходного размера картинки
(здесь надо объяснить что означают все столбцы в таблице в программе чтоб вы понимали:
ID – номер картинки
Ряд – ряд в котором нах. картинка
Влево – сколько пикселей влево
Вверх – сколько пикселей вверх
Вправо – сколько пикселей вправо
Вниз – сколько пикселей вниз
Ширина и высота всем понятны)
Изменение фотки на звонок:
Заходим – Позиция/Размер – ID 478-481. Здесь главное выставить данный размер и положе-ния рамки окна 483 gif:
ID 480 – 642 – 2 – 199 – 173 – 210 – 171 – 11
Все остальное делайте как хотите, только учитывайте чтоб смотрелось нормально. Вот мои параметры:
478 – 640 – 0 – 160 – 176 – 195 – 176 – 35
479 – 641 – 0 – 23 – 176 – 163 – 176 – 140
480 – 642 – 2 – 199 – 173 – 210 – 171 – 11
481 – 643 – 7 – 167 – 169 – 186 – 162 – 19
Изменении цвета шрифтов меню списков, иконок, главного, подменю, громкости и меню статуса:
Это настраивается сразу под элементами джойстика в списке сгруппированные элементы.
Здесь тоже делайте как хотите, но запомните графика в скинах пропадает из-за прозрачности именно этих параметров, поэтому не используйте прозрачность в данных шрифтах, также не советую ставить обвод (контур) в меню списков и иконок…
Изменение иконок:
Итак все необходимы иконки у вас есть вам осталось только их заменить, либо сделать из скина 3х3 скин 3х4: приступим
3х4 из 3х3:
Прежде всего вы должны переделать Moto.ski:
Вам необходимо заменить следующие строки в ski файле скина.
Делаем Блокнотом **, Winhex или любым другим редактором:
Находим:
0 42 9
1 14 36 58 80
1 66 36 110 80
1 118 36 162 80
1 14 88 58 132
1 66 88 110 132
1 118 88 162 132
1 14 140 58 184
1 66 140 110 184
1 118 140 162 184
0 43 9
1 15 37 57 79
1 67 37 109 79
1 119 37 161 79
1 15 89 57 131
1 67 89 109 131
1 119 89 161 131
1 15 141 57 183
1 67 141 109 183
1 119 141 161 183
И заменяем на:
0 42 12
1 15 31 51 67
1 72 31 108 67
1 125 31 161 67
1 15 73 51 109
1 72 73 108 109
1 125 73 161 109
1 15 114 51 150
1 72 114 108 150
1 125 114 161 150
1 15 156 51 192
1 72 156 108 192
1 125 156 161 192
0 43 12
1 10 26 56 72
1 67 26 113 72
1 120 26 166 72
1 10 68 56 114
1 67 68 113 114
1 120 68 166 114
1 10 109 56 155
1 67 109 113 155
1 120 109 166 155
1 10 151 56 197
1 67 151 113 197
1 120 151 166 197
Находим:
0 61 9
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
2 0
0 62 9
2 8
2 0
2 1
2 2
2 3
2 4
2 5
2 6
2 7
0 63 9
2 3
2 4
2 5
2 6
2 7
2 8
2 1
2 2
2 0
0 64 9
2 8
2 6
2 7
2 0
2 1
2 2
2 3
2 4
2 5
И заменяем на:
0 61 12
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
2 9
2 10
2 11
2 0
0 62 12
2 11
2 0
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
2 9
2 10
0 63 12
2 3
2 4
2 5
2 6
2 7
2 8
2 9
2 10
2 11
2 1
2 2
2 0
0 64 12
2 11
2 9
2 10
2 0
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
Далее переделываем необходимый вам скин:
Находим:
0 42 9
1 14 36 58 80
1 66 36 110 80
1 118 36 162 80
1 14 88 58 132
1 66 88 110 132
1 118 88 162 132
1 14 140 58 184
1 66 140 110 184
1 118 140 162 184
0 43 9
1 15 37 57 79
1 67 37 109 79
1 119 37 161 79
1 15 89 57 131
1 67 89 109 131
1 119 89 161 131
1 15 141 57 183
1 67 141 109 183
1 119 141 161 183
И заменяем на:
0 42 12
1 15 31 51 67
1 72 31 108 67
1 125 31 161 67
1 15 73 51 109
1 72 73 108 109
1 125 73 161 109
1 15 114 51 150
1 72 114 108 150
1 125 114 161 150
1 15 156 51 192
1 72 156 108 192
1 125 156 161 192
0 43 12
1 10 26 56 72
1 67 26 113 72
1 120 26 166 72
1 10 68 56 114
1 67 68 113 114
1 120 68 166 114
1 10 109 56 155
1 67 109 113 155
1 120 109 166 155
1 10 151 56 197
1 67 151 113 197
1 120 151 166 197
0 42 – иконки в нормальном положении, 12 – кол-во иконок
0 43 – иконки в нажатом положении, 12 – кол-во иконок
Движения джойстика:
0 61 – вправо
0 62 – влево
0 63 – вниз
0 64 – вверх
отсчёт начинается с нуля.
Эти параметры для иконок в нормальном положении 36х36 и в нажатом 46х46 из переде-ланного мною скина iMotoab, эти размеры самые оптимальные для скинов 3х4. Я показал как это делается вручную, но вы можете это делать с помощью программ, главное чтоб вы по-нимали что и где меняется, если вдруг что то пойдет не так, то вы сможете исправить это вручную. **Если вы редактировали ski в Блокноте или любом другом виндовском редакторе то обязательно прогоните ski через прогу SkinRepair, иначе скин будет корячить, возможно даже не включится телефон и вам придеться его прошивать.
Итак мы сделали скин 3х4 с иконками 36х36 и 46х46 в норм. и наж. положениях соответст-венно. Дальше чтобы подогнать скин под свои иконки (допустим у вас иконки 32х32 и 48х48 в норм. и наж. положении соотв.) открываем его в Skinner4moto, находим ID 42 и ID43, это наши иконки 42 – в нормальном положении, 43 – в нажатом положении. Далее подход такой:
0) Возьмем иконки 32х32 и 48х48 в норм. и наж. положениях соотв.
1) Смотрим размер наших иконок (которые нужно вставить в скин) в нажатом положении, допустим он у нас 48х48.
2) Меняем для всех иконок размер на 48х48 (с 42 – 167 по 43 – 191)
3) Переходим к иконкам в нажатом положении с ID43
Нам необходимо выставить положение иконок по ширине: вычитаем 176 (ширина экрана) – 48х3 = получим расстояния между иконками общее, дальше исходя из размера рамки глав-ного меню вычисляем расстояние между иконками, в простейшем случае 176-48х3=32/4=8 (пикселей расстояние между иконками) Выстраиваем иконки первого ряда согласно расче-там
4) Аналогичным образом считаем положение иконок по высоте: 220-высота рамки главного меню-высота софт кнопок (~26пикс.)-48х4=…/5, здесь уже скорее всего места между икон-ками не останется и вам придеться делать так чтобы получившееся расстояние убралось в иконки в нормальном положении (они у нас 32х32 и там как раз есть место) На этом этапе приходиться иногда долго подстраивать положение, чтоб иконки не наезжали друг на друга и не срезали друг друга. Оптимальные размер 46х46 в наж. положении
5) Высчитав необходимые расстояния по ширине и высоте подгоняем иконки
6) Переходим к иконкам в нормальном положении с ID42
Выставляем все теже размеры что и для соотв. иконок в наж. положении (с ID43). Дальше для каждой иконки уменьшаем размер до 32х32, двигаем вправо на 8 ((48-32)/2) вниз на 8… и так со всеми иконками.
Вот такими нечеловеческими усилиями мы получи скин 3х4, осталось только вставить свои иконки (это я думаю вы и без меня сделаете)
Аналогичным образом можно сделать скины 4х3, 4х4, но здесь нужно будет изменить поло-жения джойстика, чтобы у нас было нормальное перемещение по пунктам меню.
Chellenger:
Часто вижу вопросы типа:"как поменять цвет фона или текста?",вылаживаю коды цветов и прогу чтоб их править.
Сообщение отредактировал Krav - 22.12.2006, 19:55
Программы для работы: Motoskin - официальная поддержка и Skinner4moto V0.2.9 Beta Build 3017
А теперь рассмотрим вопросы редактирования скинов. Основная программа для рабо-ты со скинами - Skinner4moto. Ей мы и будем пользоваться. Начинающим эта прога пока-жется какой то страшно навороченной и непонятной, но это только поначалу, вы легко в ней разберетесь а я вам помогу в этом. Далее рассмотрим основные вопросы:
Обои: нажимаем Выберете картинку – Открыть и вставляем картинку в скин. Здесь необ-ходимо сразу же указать где будет храниться картинка обоев. Если у вас 372 платформа то в настройках программы (Опции) выберите модель Е398, Skin partition – a/standard, если же 373 то E398, Skin partition -c/ i398+E1 ROKR. И дальше выбираете, где сохраняете обои: в директории картинок (/a/mobile/picture) или в директорию скина (/a/mobile/skins/…), послед-ний вариант более удобен. Картинка должна быть размером до 30 kb (gif, jpeg) и больше 30 … до 60 kb (png). Если вы поставили картинку, выбрали скин но не увидели её значит она очень большого размера и тело не может прочитать её, попробуйте уменьшить качество и размер картинки, на моем опыте картинки более 30 kb необходимо делать только png.
Шрифт оператора, даты, цифровых (аналоговые часы) часов, левой и правой софт клавиш - все это легко настраивается, здесь ограничений нет, делайте как хотите. Есть несколько замечаний:
1. Реальное положение этих параметров вы видите если нет галочки - По центру.
2. Если в скине изначально нет например оператора это значит что положение окна операто-ра выходит за пределы окна скина, и вам надо вернуть необходимое положение (Положение – вверх – вниз – вправо – влево)
3. Вы должны задавать размеры окон данных параметров так чтобы они не наезжали друг на друга, для этого поставьте галочку границы и вы увидите размеры всех окон.
Иконки джойстика: вам необходимо знать размер анимированных иконок главного ме-ню и задать размеры иконок джойстика такие же. Допустим если у вас иконок главного ме-ню 56х56 в нажатом положении, значит вы делаете иконки джойстика все (в нормальном и нажатом состоянии) такого же размера: ширина 56, высота 56. Дальше располагаете их про-извольно так чтобы не было наложений.
Положение картинок софт клавиш:легче всего их править в окне Позиция/Размер: заходим Позиция/Размер и пролистываем вниз до ID 561. чтобы ваши софт кнопки не накла-дывались друг на друга и не было видно пустот действуете согласно схеме:
Левая все положения: размер [-1*; -1]
позиция [влево 0; вниз 220]
Правая все положения: размер [0*; -1]
позиция [вправо 176; вниз 220]
Центр. Все положения: размер [-1*; -1*]
позиция [цент; вниз 220]
* - от исходного размера картинки
(здесь надо объяснить что означают все столбцы в таблице в программе чтоб вы понимали:
ID – номер картинки
Ряд – ряд в котором нах. картинка
Влево – сколько пикселей влево
Вверх – сколько пикселей вверх
Вправо – сколько пикселей вправо
Вниз – сколько пикселей вниз
Ширина и высота всем понятны)
Изменение фотки на звонок:
Заходим – Позиция/Размер – ID 478-481. Здесь главное выставить данный размер и положе-ния рамки окна 483 gif:
ID 480 – 642 – 2 – 199 – 173 – 210 – 171 – 11
Все остальное делайте как хотите, только учитывайте чтоб смотрелось нормально. Вот мои параметры:
478 – 640 – 0 – 160 – 176 – 195 – 176 – 35
479 – 641 – 0 – 23 – 176 – 163 – 176 – 140
480 – 642 – 2 – 199 – 173 – 210 – 171 – 11
481 – 643 – 7 – 167 – 169 – 186 – 162 – 19
Изменении цвета шрифтов меню списков, иконок, главного, подменю, громкости и меню статуса:
Это настраивается сразу под элементами джойстика в списке сгруппированные элементы.
Здесь тоже делайте как хотите, но запомните графика в скинах пропадает из-за прозрачности именно этих параметров, поэтому не используйте прозрачность в данных шрифтах, также не советую ставить обвод (контур) в меню списков и иконок…
Изменение иконок:
Итак все необходимы иконки у вас есть вам осталось только их заменить, либо сделать из скина 3х3 скин 3х4: приступим
3х4 из 3х3:
Прежде всего вы должны переделать Moto.ski:
Вам необходимо заменить следующие строки в ski файле скина.
Делаем Блокнотом **, Winhex или любым другим редактором:
Находим:
0 42 9
1 14 36 58 80
1 66 36 110 80
1 118 36 162 80
1 14 88 58 132
1 66 88 110 132
1 118 88 162 132
1 14 140 58 184
1 66 140 110 184
1 118 140 162 184
0 43 9
1 15 37 57 79
1 67 37 109 79
1 119 37 161 79
1 15 89 57 131
1 67 89 109 131
1 119 89 161 131
1 15 141 57 183
1 67 141 109 183
1 119 141 161 183
И заменяем на:
0 42 12
1 15 31 51 67
1 72 31 108 67
1 125 31 161 67
1 15 73 51 109
1 72 73 108 109
1 125 73 161 109
1 15 114 51 150
1 72 114 108 150
1 125 114 161 150
1 15 156 51 192
1 72 156 108 192
1 125 156 161 192
0 43 12
1 10 26 56 72
1 67 26 113 72
1 120 26 166 72
1 10 68 56 114
1 67 68 113 114
1 120 68 166 114
1 10 109 56 155
1 67 109 113 155
1 120 109 166 155
1 10 151 56 197
1 67 151 113 197
1 120 151 166 197
Находим:
0 61 9
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
2 0
0 62 9
2 8
2 0
2 1
2 2
2 3
2 4
2 5
2 6
2 7
0 63 9
2 3
2 4
2 5
2 6
2 7
2 8
2 1
2 2
2 0
0 64 9
2 8
2 6
2 7
2 0
2 1
2 2
2 3
2 4
2 5
И заменяем на:
0 61 12
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
2 9
2 10
2 11
2 0
0 62 12
2 11
2 0
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
2 9
2 10
0 63 12
2 3
2 4
2 5
2 6
2 7
2 8
2 9
2 10
2 11
2 1
2 2
2 0
0 64 12
2 11
2 9
2 10
2 0
2 1
2 2
2 3
2 4
2 5
2 6
2 7
2 8
Далее переделываем необходимый вам скин:
Находим:
0 42 9
1 14 36 58 80
1 66 36 110 80
1 118 36 162 80
1 14 88 58 132
1 66 88 110 132
1 118 88 162 132
1 14 140 58 184
1 66 140 110 184
1 118 140 162 184
0 43 9
1 15 37 57 79
1 67 37 109 79
1 119 37 161 79
1 15 89 57 131
1 67 89 109 131
1 119 89 161 131
1 15 141 57 183
1 67 141 109 183
1 119 141 161 183
И заменяем на:
0 42 12
1 15 31 51 67
1 72 31 108 67
1 125 31 161 67
1 15 73 51 109
1 72 73 108 109
1 125 73 161 109
1 15 114 51 150
1 72 114 108 150
1 125 114 161 150
1 15 156 51 192
1 72 156 108 192
1 125 156 161 192
0 43 12
1 10 26 56 72
1 67 26 113 72
1 120 26 166 72
1 10 68 56 114
1 67 68 113 114
1 120 68 166 114
1 10 109 56 155
1 67 109 113 155
1 120 109 166 155
1 10 151 56 197
1 67 151 113 197
1 120 151 166 197
0 42 – иконки в нормальном положении, 12 – кол-во иконок
0 43 – иконки в нажатом положении, 12 – кол-во иконок
Движения джойстика:
0 61 – вправо
0 62 – влево
0 63 – вниз
0 64 – вверх
отсчёт начинается с нуля.
Эти параметры для иконок в нормальном положении 36х36 и в нажатом 46х46 из переде-ланного мною скина iMotoab, эти размеры самые оптимальные для скинов 3х4. Я показал как это делается вручную, но вы можете это делать с помощью программ, главное чтоб вы по-нимали что и где меняется, если вдруг что то пойдет не так, то вы сможете исправить это вручную. **Если вы редактировали ski в Блокноте или любом другом виндовском редакторе то обязательно прогоните ski через прогу SkinRepair, иначе скин будет корячить, возможно даже не включится телефон и вам придеться его прошивать.
Итак мы сделали скин 3х4 с иконками 36х36 и 46х46 в норм. и наж. положениях соответст-венно. Дальше чтобы подогнать скин под свои иконки (допустим у вас иконки 32х32 и 48х48 в норм. и наж. положении соотв.) открываем его в Skinner4moto, находим ID 42 и ID43, это наши иконки 42 – в нормальном положении, 43 – в нажатом положении. Далее подход такой:
0) Возьмем иконки 32х32 и 48х48 в норм. и наж. положениях соотв.
1) Смотрим размер наших иконок (которые нужно вставить в скин) в нажатом положении, допустим он у нас 48х48.
2) Меняем для всех иконок размер на 48х48 (с 42 – 167 по 43 – 191)
3) Переходим к иконкам в нажатом положении с ID43
Нам необходимо выставить положение иконок по ширине: вычитаем 176 (ширина экрана) – 48х3 = получим расстояния между иконками общее, дальше исходя из размера рамки глав-ного меню вычисляем расстояние между иконками, в простейшем случае 176-48х3=32/4=8 (пикселей расстояние между иконками) Выстраиваем иконки первого ряда согласно расче-там
4) Аналогичным образом считаем положение иконок по высоте: 220-высота рамки главного меню-высота софт кнопок (~26пикс.)-48х4=…/5, здесь уже скорее всего места между икон-ками не останется и вам придеться делать так чтобы получившееся расстояние убралось в иконки в нормальном положении (они у нас 32х32 и там как раз есть место) На этом этапе приходиться иногда долго подстраивать положение, чтоб иконки не наезжали друг на друга и не срезали друг друга. Оптимальные размер 46х46 в наж. положении
5) Высчитав необходимые расстояния по ширине и высоте подгоняем иконки
6) Переходим к иконкам в нормальном положении с ID42
Выставляем все теже размеры что и для соотв. иконок в наж. положении (с ID43). Дальше для каждой иконки уменьшаем размер до 32х32, двигаем вправо на 8 ((48-32)/2) вниз на 8… и так со всеми иконками.
Вот такими нечеловеческими усилиями мы получи скин 3х4, осталось только вставить свои иконки (это я думаю вы и без меня сделаете)
Аналогичным образом можно сделать скины 4х3, 4х4, но здесь нужно будет изменить поло-жения джойстика, чтобы у нас было нормальное перемещение по пунктам меню.
Chellenger:
Часто вижу вопросы типа:"как поменять цвет фона или текста?",вылаживаю коды цветов и прогу чтоб их править.
Сообщение отредактировал Krav - 22.12.2006, 19:55
