Форум LetsMoto

Вернуться   Форум LetsMoto > Прочее > Скины


 
Опции темы
Старый 02.04.2007, 15:48   #1
Заблокирован
 
Сообщений: 593
Уровень респекта: 532
Отправить сообщение для IgorStep с помощью ICQ
Инструкция по созданию (редактированию) скинов

Наш собственный, полный, летсмотовский мануал.
----------------------------------------
Что нам нужно для начала, чтобы создать свой скин:
1. мозги и нормальные руки
2. программа skinner4moto и, естественно, установленные драйвера на модем телефона
3. программа (-ы) для редактирования и создания графики. Я дам ссылки на программы, которыми пользуюсь я. Но, как говорится на вкус, и цвет… Можете использовать тот же Paint, но нужна ли Вам потеря качества?
(Photoshop, Paintshop)
4. иконки для скина Их можно нарисовать самому или скачать здесь
Благо уже месяц эта тема радует нас красивыми иконками, за что спасибо юзерам LetsMoto.com.
5. программа (-ы) для создания анимации. Опять же я пользуюсь этими (Xara 3D, Ulead GIF Animator)
Качественная анимация иконок на 20-30% улучшает скин.
6. И наконец, надо разобраться на КАКУЮ тему Вы будете делать скин, и какого вида он будет. Насчет темы ничего не могу советовать, а вот по поводу вида – вот некоторые:
-----9 иконок – 3*3 (для такого скина хорошо будут смотреться большие иконки) (Например, скин Ludmila by Diom)
-----12 иконок – 3*4 или 4*3 (для такого скин нужны иконки размером не больше 45-50 пикселей и в ширину и в высоту, иначе они залезут друг на друга) (StepNoGorsk by Igorstep)
-----Еще один вид – с нестандартным расположением иконок (здесь отличие от двух предыдущих скинов в расположении иконок и здесь лучше подойдет 12 иконок, чем 9)
-----Полноэкранный скин (для такого скина будет хороша какая-нибудь тема, которая вряд ли будет раскрыта в скине со стандартным расположением иконок, но косяк таких скинов вот в чём – правка mma_ucp, так как Вы делаете такой скин для определённого расположения иконок в меню). (Вот примеры)
-----Ну и разные остальные – это называется «Гуляй фантазия»
Лишь могу добавить – посмотрите ради любопытства результаты опроса здесь
========================================================
Вы прочитали вступление (см. выше) и у Вас всё готово (особенно п.1). Если иначе, то читать дальше нет смысла.

Создание (редактирование) скина
========================================================
Итак, делаем иконки. Вот материал (Вложение 8539), который пригодится в этом. Я делаю иконки так – беру набор, потом, пользуясь таблицей, по смыслу подбираю иконки для каждого пункта. Потом с помощью Microsoft Office Picture Manager уменьшаю их до нужного мне размера. Но нам они нужны не в PNG формате, а в GIF – Photoshop поможет не очень, так как сразу теряется качество иконок и становится видна пикселизация. Вот тут, кстати, нужен Corel Paint Shop. Им переводите иконки в GIF формат, сразу называя их номерами, данными в таблице. Анимация уже в формате GIF. А маленькие иконки для списков (15*15) мы делаем из готовых статичных опять с помощью Microsoft Office Picture Manager.
P.S. Сто раз слышал такую проблему – «я сделал скин, а у меня при нажатии направо, налево, вверх и вниз они не работают».
Проблема решается так – анимационные иконки должны содержать минимум 2 кадра
======================================================
Открываем skinner 4moto и настраиваем её. У вас должно быть всё вот так.

1.Язык. Я так думаю нам (уроженцам Советского Союза) удобно пользоваться русским языком
2.Папка телефона, в которую мы будем кидать скин.
3.Внешний GIF редактор – указываем там ехе-шник программы, в которой мы будем редактировать детали скина
========================================================
Чтобы создать скин который Вы хотите, Вы должны как шаблон взять похожий на него скин (чтобы было легче, и чтобы не мучаться с добавлением дополнительных деталей). В skinner4moto открываем такой скин (4) (шаблонный, как я его называю) и открываем вкладку рисунки (5). Вот они, 75% нашего скина. Здесь содержатся все его графические детали.

И вот тут уже выбор за Вами – можете либо редактировать детали скина в графическом редакторе (6) и сохранять сразу сюда же, либо нарисовать всё по своим размерам и потом уже сменить шаблонный рисунок на Ваш (7), но при этом потом нужно будет редактировать размеры этой детали (8). Здесь мы меняем и иконки, соотственно их номерам. Вот некоторые из них:
Полосы выделения: 5, 38, 75.
Картинки заголовков меню: 46, 458, 610, 621 (не более 22-23 пикселей)
Средние части окон: 459 (параметры, ввод номера при звонке и др.), 497 (мультимедиа и др.) Тут стоит обратить внимание – эта часть делается толщиной в пиксель и набирает нужную высоту, указанную в размерах
Окно статуса: 433 (верх), 434 (середина), 435 (низ). Это окно, где пишется: «Пожалуйста, подождите…»
Окно сообщения: 477
Окно громкости (и яркости): 522 (538)
Значки для скрытого плеера, громкости: 87 – 104
Полосы прокрутки: 750 – 779. Тут также стоит обратить внимание – эта часть тоже делается толщиной в пиксель и набирает нужную высоту, указанную в размерах
Бегунок в мультимедиа: 107 – 120
Указатели: 611 – 615, 622 – 629
Калькулятор: 685 – 721
Но повторюсь – это некоторые и нужно просто внимательно всё читать и «вкуривать»
------------------------------

Вот тут Вы редактируете положение и размеры ваших деталей. Обращайте внимание на положение детали на маленьком экране (9).
-------------------------------------
А тут (10) – цвета границ, шрифтов и прочего (Вложение 8540) Щелкаете на пункт, внимательно его, прочитав, поняв (12), и редактируете его цвет (11).


Опять помощь Вам – всё что нашел:




---------------------------------------------

Наконец переходите во вкладку цифровые значения (13) и меняете цифровые значения пунктов, которые Вам нужны (14).
---------------------------------------------
Ну, вот практически всё. Осталось сохранить скин (15), убрав галочку Light Skin (16)
Еще один нюанс – чтобы проверить косяки скина загружайте его на телефон через P2K Tools, так как Ski Man загружает скины, вставляя свои значения размеров

-=-=-=-=-=-=-=-= -=-=-=-=-=-=-=-=-= -=-=-=-=-=-=-=-=-= -=-=-=
Создание «полноэкранки» отличается вот чем – смотрим на mma и выбираем 12 иконок (ну или 9) из главного меню. Вот на них мы и делаем картинки 176*220 и указываем их размер соотственно 176*220. А всё остальное делается так, как написано выше.
-=-=-=-=-=-=-=-= -=-=-=-=-=-=-=-=-= -=-=-=-=-=-=-=-=-= -=-=-=
Дополнения:
Здесь расскажу, как сделать анимационный фон на скин (спасибо Green4el)
1.Выбираем анимационную картинку – хочу приметить, что она не должна будет перекрывать ничего – ни часы, ни дату, ни оператора. Поэтому хороший размер картинки – 176*140 .
2. Заходим в skinner4moto. Русской версии программы с этими скрытыми ID пока нет, поэтому даю, что есть. Далее переименовываем эту GIF-ку (анимацию, которую Вы хотите ставить на фон) в 573.gif и кидаем её в папку «gifs» скина, в то время, когда в skinner4moto открыт скин.
3.Идём в «Location/SIZE» и смотрим на ID 572, чтобы найти установить высоту и ширину нашей картинки.
4.Теперь в «Yes/No Booleans» активируем ID 599, давая значение TRUE.
5.Сохраняем скин. ВСЁ!!!

============================================
Отдельная часть скина – DRM иконки. Делайте их таких же размеров, с такой же анимацией и переименовывайте получившиеся GIF вот в такие номера:
Иконки видеокамеры:
431 – Анимированная иконка
432 – Статичная иконка
Иконки USB-подключения:
1580 - Анимированная иконка
1597 - Статичная иконка
Иконки iTunes:
1996 - Анимированная иконка
1998 - Статичная иконка
Иконки голосового набора:
1485 - Анимированная иконка
1496 - Статичная иконка
--------------------------------------------------------------------------
И вот маленький мануал (спасибо Diom) как собрать DRM (с уже готовыми иконками):
1. Flash Backup-ом сливаем свой бекап в отдельные кодовые группы, запомнив адрес CG15 (Чтение данных - формат хранения «SMG бинарные файлы» - убрать пустоту в конце кодовых групп)
2. Из созданной FB (Flash Backup) папочки копируем CG15 в отдельное место, и открываем его программой drmport_040 (File - Open), в следующем окне жмёте Отмена (если хотите только редактировать DRM, а не портировать).
3. В папке программы у вас появится две папки: binary1 и binary2, в одной из них найдёте папку Icon, а в ней все иконки вашего DRM.
4.Меняете те, которые вас не устраивают, имея ввиду что файл должен быть такого же формата (GIF, к примеру), и размера (касается не всех иконок)
5.Теперь опять в нашей программе drmport_040 нажимаем «File - Save as», и сохраняем нашу CG15.
6. Далее дело за FB - Запись данных – Добавить (используя загрузчик из Вашего профиля), он спросит начальный адрес CG, вводим тот, что мы записали и название CG, в нашем случае CG15. Нажимаем «Запись данных». ВСЁ!
--------------------------------------------------------------------------
Как сделать скриншот Вашего скина? Вот программа, позволяющая это сделать. Маленькая инструкция – втыкаете телефон через USB-кабель, используя «Модем телефона». Далее на телефоне открываем то, что мы хотим «отскриншотить» и в программе нажимаем Capture, далее, когда картинка отобразится на экране программы, нажимаем Browse и сохраняем файл.
=========================================
Спасибо Diom, Green4el, Motofan.ru, LetsMoto.com за предоставленную информацию



IgorStep вне форума
Последний раз редактировалось IgorStep; 02.04.2007 в 19:54.
   Ответить с цитированием   
Следующие 23 пользователя(ей) выразили Респект IgorStep:
Старый 02.04.2007, 15:59   #2
(((d[-_-]b)))
 
Аватар для Vadym
 
Адрес: Украина, г. Ковель
Телефон: E398 & V3x
Прошивка: HeartlessMOD@V3X v4
Сообщений: 2,967
Уровень респекта: 2,457
Более подробно описать редактирование скинов наверно нельзя...
Огромное спасибо всем кто принимал участие в создании мануала!!!

Vadym вне форума

   Ответить с цитированием   
Следующие 2 пользователя(ей) выразили Респект Vadym:
Старый 06.04.2007, 13:42   #3
Заглянул, чтобы намоторить
 
Аватар для WHITE-SCHULTZ
 
Адрес: Питер
Телефон: L7
Прошивка: МНОГО
Сообщений: 7
Уровень респекта: 0
Отправить сообщение для WHITE-SCHULTZ с помощью ICQ
а где найти там соф клавиши мне надо тупо на скин поставить нижние софт клавиши от другова скина и всё???

WHITE-SCHULTZ вне форума

   Ответить с цитированием   
Старый 06.04.2007, 20:37   #4
Мотомастер
 
Аватар для Iceman
 
Адрес: Нижнекамск
Телефон: SE K810i
Прошивка: такой нет
Сообщений: 732
Уровень респекта: 534
WHITE-SCHULTZ в папке Gif зайди , найди нужную и поменяй.

Iceman вне форума

   Ответить с цитированием   
Старый 16.03.2008, 12:51   #5
Неплохо моторит
 
Аватар для pohuest
 
Адрес: Вологда
Телефон: motorola V3i
Прошивка: BlacKOMB_304
Сообщений: 99
Уровень респекта: 11
Отправить сообщение для pohuest с помощью ICQ
Огромное спасибо IgorStep за хорошее описание по созданию скинов все пойду попробую сам сделать(этого мне надолго хватит прийдется
учится)

pohuest вне форума

   Ответить с цитированием   
Старый 07.04.2008, 22:28   #6
Мотоспец
 
Аватар для >(DeM)<
 
Адрес: Барнаул
Телефон: Motorola E398
Прошивка: EMM v0.9b 79R
Сообщений: 402
Уровень респекта: 180
Отправить сообщение для >(DeM)< с помощью ICQ
Отличный мануал респект!

>(DeM)< вне форума

   Ответить с цитированием   
Старый 08.04.2008, 09:25   #7
Guest
 
Сообщений: n/a
круто скоро законьчю скин и кину вам .будет улет


   Ответить с цитированием   
Старый 08.04.2008, 12:36   #8
Мотоспец
 
Аватар для >(DeM)<
 
Адрес: Барнаул
Телефон: Motorola E398
Прошивка: EMM v0.9b 79R
Сообщений: 402
Уровень респекта: 180
Отправить сообщение для >(DeM)< с помощью ICQ
Цитата:
Сообщение от motor L7
круто скоро законьчю скин и кину вам .будет улет
Ждёмс =)

>(DeM)< вне форума

   Ответить с цитированием   
Старый 13.04.2008, 14:38   #9
Младший моторист
 
Аватар для LoZ
 
Адрес: Благовещенск
Телефон: L7e без РСА
Прошивка: New_Style 2.0 ForEver
Сообщений: 27
Уровень респекта: 4
Отправить сообщение для LoZ с помощью ICQ
подскажите в чем проблема - текст со скина не отображается нигде кроме заголовков.. (ставил скин от Л7 на Л7е) и как бы это исправить?)

LoZ вне форума

   Ответить с цитированием   
Старый 13.04.2008, 16:22   #10
Мотомастер
 
Аватар для B_Boy
 
Адрес: GangsteR-City
Телефон: Uknown_Frog9
Прошивка: жЯ6А :)
Сообщений: 721
Уровень респекта: 209
Отправить сообщение для B_Boy с помощью ICQ
LoZ, зайди в skinner4moto и (предварительно открыв тот скин с которым проблема), и нажми Font-Fix!
Но эт тебе сильно не поможет, потому что всё равно он будет немного кривоват, но текст будет.

B_Boy вне форума

   Ответить с цитированием   
Старый 04.05.2008, 23:02   #11
Заглянул, чтобы намоторить
 
Адрес: Старый Оскол
Телефон: ROKR E398 + Tunning
Сообщений: 6
Уровень респекта: 11
Подскажите пожалуйста, где меняется цвет часов в статус-строке?

mpx cool вне форума

   Ответить с цитированием   
Старый 06.05.2008, 16:45   #12
Мотоспец
 
Аватар для Fabregas
 
Адрес: -=Argentina=-
Телефон: -=SLVR L7=-И-=N76=-
Прошивка: R4513_G_08.B7.EOR_RB Symbian OS 9.2
Сообщений: 303
Уровень респекта: 49
Отправить сообщение для Fabregas с помощью Skype™
Скиньте пожалуйста модуль для Л7. А то скачиваю с сайта и он поврежден. Только выложте в .rar

Fabregas вне форума

   Ответить с цитированием   
Старый 13.07.2008, 15:07   #13
Младший моторист
 
Аватар для ADmiRal
 
Адрес: Красноярск
Телефон: L7
Прошивка: «°_°»
Сообщений: 33
Уровень респекта: 0
подскажити ID окна ввода текста, окна с текстом "Ведити код разблокировки"
А то я начинаю пароль водить, и он картинку диалога портит :(.. надо чуть вниз опустить..

ADmiRal добавил 13.07.2008 в 03:24
И подскажити возможно чтоб при нажатии нетолько средней софт клавиши ну и круглишка по центру анимация нажатия работала?

ADmiRal добавил 13.07.2008 в 06:07
HELP через skinner4moto меняю 455 ID , форма вода текста в окне "ведити код разблокировки" а то он на окошка залазит.. ну вроди все сделал .. на 2 в ширину поуже и опустил на 2.. ну тогда еше в меню "Оболочка раб.стола" и "Параметры" текст опускаица на 2 .. вроди и высота у их разная и окна другии .. непойму что не так.. :(..

ADmiRal вне форума
Последний раз редактировалось ADmiRal; 13.07.2008 в 15:07. Причина: Добавлено сообщение
   Ответить с цитированием   
Старый 14.07.2008, 11:31   #14
Неплохо моторит
 
Аватар для Каплан
 
Адрес: Краснодар
Телефон: L7
Сообщений: 86
Уровень респекта: 172
Мануал как мануал, но ошибки просто детские.
Цитата:
Сообщение от IgorStep
Еще один нюанс – чтобы проверить косяки скина загружайте его на телефон через P2K Tools, так как Ski Man загружает скины, вставляя свои значения размеров
Что бы скин ман не выставлл свои значения надо снимать галочки при установке скина, т.е. отключать все скрипты. тогда все будет норм. и никаких проблем никогда не будет.
далее.вы бы хоть вникли в смысл полноэкранок.
Цитата:
Сообщение от IgorStep
Вот на них мы и делаем картинки 176*220 и указываем их размер соотственно 176*220. А всё остальное делается так, как написано выше.
НИКОГДА так не делайте! надо делать размер картинки (т.е. одной иконки) 176х19*, где 19*=220-размер софтклавиш( или -размер софт - размер заголовка если надписи к иконкам отдельно)!!! В противном случае на самой иконке надо будет делать надписи и софтклавиши.

Каплан вне форума

   Ответить с цитированием   
Старый 17.07.2008, 12:43   #15
Младший моторист
 
Адрес: Minsk
Телефон: Motorola V3i
Сообщений: 60
Уровень респекта: 62
Сталкнулся с такой проблемкой... Хочу поменять прозрачность софтклавиш. Может кто знает как это сделать. В skinner4moto они не прозрачние, а при загрузке в телефон прозрачные. А какой ID за это отвечает понять не могу.

Bludilkin вне форума

   Ответить с цитированием   
Старый 17.07.2008, 12:59   #16
Мотоспец
 
Аватар для RushMode
 
Адрес: Home, my home...
Телефон: Nokia 3250XM
Прошивка: ♫♫♫♫04.40♫♫
Сообщений: 458
Уровень респекта: 155
Отправить сообщение для RushMode с помощью ICQ
Bludilkin, когда в скимане устанавливаешь попробуй снять галочку с transparent softbar! если стоит конечно

RushMode вне форума

   Ответить с цитированием