категории | RSS
  

Скиностроение для Mobile Agent 1.51

Всем привет !!!
================
[- Автор: NIFIGATORUS.
[- О чем статья: пошаговое скиностроение для Mobile Agent 1.51 (с применением ПК);
[- Для чего: научиться делать темы оформления для вышеуказанной проги в кратчайшие сроки;
[- Сокращения: M.A. - Mobile Agent
[- О прикр. файлах:
[- 1й - статья для пользователей ПК (мое вИденье, не отображаемое на смарте)
[- 2й - моя таблица соответствий, эта статья в .txt и таблица цветов в hex'е, за которую спасибо classic'у
================
[- Мне ужасно как захотелось поделиться достигнутыми результатами с участнниками сайта, вот и написал мануал,
[- в надежде, что появится куча скиностроителей для последующих 'сражений' в теме - конкурс скинов для Mobile Agent.
================
на главном скрине мой 1й скин к проге
================
так, теперь к делу!!
================
простите, не предоставлю ссылки на перечисленные проги. Все через 'ПОИСК' как говорится, господа!!!
================
ИНСТРУМЕНТЫ:
----------------
ПРОГИ ДЛЯ ПК
----------------
Обработка графики: Addobe Photoshop или Paint.NET. Можете пользоваться тем, к чему привыкли.
Редактирование некоторых значений: Блокнот
Создание масок к графике: какими прогами можно это делать я не знаю, использую выше указанные граф. утилиты.
Запаковка в MBM: MBM Tool
Конвертирование в svg и mif: такой проги не знаю, этот процес оставляю на смарт (если что подскажите fellow)
В принципе, те кто собирается заняться этим на смарте, можете без проблем все заменить своими прогами.
Но зная их недостатки по сравнению с комповскими прогами, скажу, что высочайшего результата по сложности
скина, а следовательно и привлекательности, Вам не достичь.
----------------
список прог, заменяющие комповские на вашем смарте
----------------
[- - Photoshop Вам не понадобится, если просто возьмете готовую картинку;
[- - блокнот - он везде блокнот;
[- - для создания масок есть прога на Python'е - MaskGEN (никогда не пользовался)
[- - для работы с MBM архивами все та же MBM Tool, только на для смарта и на Pythone.
----------------
ПРОГИ ДЛЯ СМАРТА
----------------
[- - конвертирование в svg и mif: SmartSIS с инструментом (в ней же) - MIF утилита
[- - - или прорга Mif maker, или Mif tool.
================
ПРИСТУПИМ !!!
----------------
[1] Вам предстоит подобрать графические файлы, а именно:
[- - фон будущего скина размером на нужный экран (если это не 100% SVG), например картинка 240 * 320;
[- - курсор размером - ширина экрана * 35 пикселей файла (этого вполне хватает)
P.S. графический курсор используется только в списке контактов;
[- и если вы хотите разнообразить свой скин, то еще и 'тени' (их описание и создание смотрите дальше).
[1.1] разберём панятие и функцию 'теней', что содержатся в родном скине final, в файле final_shodown.mbm:
[- - тени - дословный перевод слова shodow из скина;
[- - используются в проге для создания теней по краям окон. Получается как эффект у вистовских окон winked))
[- - когда Вы используете скин без этих теней (как опишу позже),
то M.A. автоматически накладывает обычную черно-серую тень
(вроде бы за это отвечает shadow.mbm, что находится в главном каталоге проги).
[1.2] Допустим, что картинка на фон и картинка для курсора у Вас есть и нужны тени.
Приступим к их созданию на ПК!!!
[- - берем файл final_shodown.mbm по пути !/system/apps/MobileAgent/skins/;
[- - распаковываем MBM Tool'кой в любую удобную дирректорию, после чего в ней окажется 31н файл формата *.bmp;
[- - теперь поледовательно редактируем картинки с ЧЕТНЫМИ цифрами, т.к. другие - это их маски;
[- - - изменяем 2 цвета (белый и голубой) на свой вкус и сохраняем, не тронув черный цвет!!!
[- - зделали?!! Теперь запаковываем их обратно с помощью все той же MBM Tool'ки таким образом:
[- - закидываем все 31н файл с сохранением иерархии;
[- - - картинкам в 3х цветовом исполнении задаем 16bpp глубину цвета;
[- - - их маскам задаем черно-белую 8bpp глубину цвета;
[- - - сохраняем - будущее имя скина_shadow.
----------------
ВНИМАНИЕ !!!
----------------
При добавлении пронаблюдайте правильную нумерацию!!! файл 031.bmp должен быть последним внизу,
а 000.bmp первым вверху!!! (это я про MBM Tool для ПК)
Несоблюдение порядка добавления bmp-шок с последующим сохранением их в mbm и перемещением в смарт,
грозит несоответствием вашему ожиданию!!
================
P.S. на момент написания пунктов [1.1] и [1.2] все знал в теории,
скоро сам опробую и отпишусь в комментах.
[1.3] приступим к запаковке картинки фона и картинки курсора (на моем примере со смартом в проге SmartSIS)!!!
[- - кидаете фон в смарт и называете его 1.jpg (если формат другой то соответственно меняете только название!)
[- - кидаете курсор в смарт и нназываете его 2.jpg (если формат другой то соответственно меняете только название!)
P.S. ! все это должно быть в отдельной папке !
[- - заходим в SmartSIS, там через MIF утилиту конвертим 1.jpg и 1.jpg (иль что там у Вас) в 1.svg и 2.svg;
[- - помещаем наши 1.svg и 2.svg в отдельную папку и в SmartSIS, через MIF утилиту запаковываем в .mif !
P.S. необязательные маски у нас есть, графическая основа скина готова,
приступим к тому, на то я потратил свой сон перед ЕГЭ по русскому, сразу после появления проги у меня в смарте.
Кстати, спасибо s.e.r.g.'у за столь скорое сообщение о существовании скинов нового типа.
Сам то проглядел за первые часы юзанья проги winked)
[1.4] разберемся с обязательным файлом к скину формата .mas !!
[- - так сказать это карта цветов в hex виде;
[- - без файла-карты этого формата ваш скин не обнаружится M.A.'ом
[- - редактируется 'блокнотом' и сохраняется в кодировке - WIN 1251 !!!;
[1.5] редактирование файла .mas:
[- - открываем блокнотом
[- - видим заголовок - [MAS_HEADER] и неже его значение - ver=100,
вот к чему это я не знаю (доводов куча, приводить не буду, Вас послушаю).
а я ее просто не меняю !! winked)
[- - дальше видим заголовок - [MAS_DATA] так называемая - 'память карты', которая действительно имеет память winked)
Вот в этой памяти хранятся значения цветов в hex'е к определенным деталям интерфейса скина, их сейчас и приведу.
P.S. 1я цифра (от 1 до 17) - это номер в таблице нашей карты, относящийся к определенному элементу скина;
2я цифра (все возможные hex коды цветов) - это цвета этих элементов.
==================
Таблица соответствий цветов
---------------------------
1 - невыделенный контакт в списке
2 - выделенный контакт, группа
3 - неизвестно
4 - невыделенная группа
5 - все контуры (оконтовки) и надписи в списке (часы и т.д.),
и чате (открытые аккаунты)
6 - неизвестно
7 - окна сообщений и меню
8 - надписи в меню, окнах сообщений, вверху в сообщениях e-mail,
Ваш ник в чате (вверху), индикаторы сети и аккамулятора,
пояснения в табличке настроек
P.S. если поставите черный,
то выделение аккаунта будет белым-полупрозрачным,
если белый, то наоборот.
9 - выделение вокруг скроллбара и таблички пояснений в настройках
10 - скроолбар и курсор в менюшке
P.S. для этого курсора можно выбрать 1н (нижний) цвет,
т.к. 2й M.A. автоматически выставит исходя из 1го, просто будет светлее (вверху)
11 - выделение надписей на курсоре в меню и сообщениях e-mail
12 - текст в чате, вами написанный в окошке
13 - ник собеседника в чате
14 - ваш ник в чате
15 - сообщения всех юзеров в чате, включая и вас
16 - текст X-статуса в чате
17 - неизвестно
==================
[- - редактируем все известные значения, а эта и во 2м прикр. файле таблицы вам в помощь!!!
[1.6] ниже замечаем строку - [MAS_BITMAPS] - это так сказать пути к нашей графике
P.S. путь на самом деле уже определен - MobileAgent/skins/, но имена файлов нет, читаем дальше!
[- - в строке 'mainbg=' указывается полное имя файла наших 2х картинок в .mif с расширением !!!
ПРИМЕР: mainbg=Final.mif
[- - в строке 'shadow=' указывается полное имя файла наших теней в .mbm с расширением !!!
ПРИМЕР: shadow=Final.mbm
P.S. еще раз повторю, что использование строки 'shadow=' НЕОБЯЗАТЕЛЬНО !!!
Просто не пишите её и M.A. вокруг окон создаст обычную черную тень.
[1.7] отредактировав 2 ( или 3) файла закидываем их в !/system/apps/MobileAgent/skins/, ведь это уже готовый скин.
Имена всех файлов должны отличаться лишь их форматом!!! После чего выбираем его в M.A.'е.
==================
Главное все хорошенько протестировать!!
==================
Мои комментарии
------------------
[- компания Mail.ru хорошо развивает этот проэкт, но сегодня нам предстоит пользоваться скудным кол-вом цветов,
используемых в скинах ((((
[- что-то еще хотел написать, но в жизни не без болячки! Вот мне и помешала такая, что я и забыл. (((
==================
Комменты в ваших интересах!!!
Можете обращаться ко мне в ЛС! Пишите по делу!!!
==================

Прикрепленный файл: 2646_skinostroenie-d.zip (4.54 кб)
Прикрепленный файл: 2646_22.zip (8.73 кб)


DimonVideo
2009-06-02T09:01:38Z
Здесь находятся
всего 0. За сутки здесь было 0 человек

Комментарии 20

#20   maxim1010    

Доброго времени суток Вам!!!! Помогите пожалуйста. Очень нужен белый или светлый скин (белый фон, черные буквы), без фоновой картинки для Мобаил агента 1.79 с сенсорным экраном. Разрешением mbm. и mif. На просторах интернета ничего найти не могу..((
-------------
Добавлено в 12.13: Может кто из файла скина .mas сделать .mif?? Потому как скин в mas- сильно тормозит в программе.


0 ответить

#20   Kolchanov-max    

Извините но не понял до конца, как строит скины...Научите пожалуйста...Как пользоваться программами, тоже не уяснил...Какие ресурсы и где их брать...Извините я новичек...


0 ответить

#20   NIFIGATORUS    

demish, неверно! Фон всегда белый))
-------------
Добавлено в 17.55: Может уж будите тестить, потом писать что и как?!


0 ответить

#20   demish    

17 эт фон окна, где пишешь текст х-статуса.


0 ответить

#20   NIFIGATORUS    

НЕТ! ! Проверено! Мигание всегда красным!


0 ответить

#20   cherepets    

17 - мигание контакта в 1.53
вроде...


0 ответить

#20   NIFIGATORUS    

Мне сделали пару заказов на скины с разрешением 176 х 208. Я собрал, отдал на тестирование заказчику, и узнал, что на 8.1 в агенте для графики скина используется архив .mbm, а не .mif как на 9ке. Т.е. еще проще.
-------------
Добавлено в 08.48: Dzot, я понимаю, что умничают все, но не до такой же * * * стадии! Обсуждаем именно сборку своих скинов.
Системные - это отдельная тема.
-------------
Добавлено в 08.52: Кстати, вот весьма полезные программы для новичков, и тех кто хочет за секунды собрать себе скин:
Defcolor for Symbian 9
Defcolor for Symbian 7-8
-------------
Добавлено в 19.12: Вот и БЛОКНОТ для 8.1 нашелся! Для редактирования файлов *.mas на смарте.


0 ответить

#20   Dzot    

Цитата: NIFIGATORUS
Кстаси, окошко для ввода текста в чате, похоже всегда белое, с определенной низкой прозрачностью.

Не всегда http://pic.ipicture.ru/uploads/090608/Y1BnpLrLy2.jpg в системном скине оно не белое


* редактировал(а) Dzot 07:17 8 июн 2009

0 ответить

#20   NIFIGATORUS    

Это мне известно, для себя наделал десятки скинов. А вообще по смыслу - не убрали, а - не сделали!
-------------
Добавлено в 21.06: ДОПОЛНИТЕЛЬНАЯ ИНФА к таблице соответствий.
- - - - - - - - - - - - - - - - -
1 - невыделенный курсором текст в настройках;
7 - всплывающее окошко сообщения, \'горячее\' окошко смены скина (с прозрачностью примерно 50пр.).
. . .
-------------
Добавлено в 21.09: . . .
10 - курсор выбора смайлов и панель с их превью [внизу окна со смайлами] (с прозрачностью примерно 50пр.), фон окошка пояснений в настройках (с прозрачностью прим. 50пр.).
. . .
-------------
Добавлено в 21.10: . . .
8 - цифры во всплывающем окошке.
11 - выделенный курсором текст в настройках.
15 - текст открытого письма.
- - - - - - - - - - - - -
-------------
Добавлено в 21.11: Все это вам поможет с решением проблем читаемости в том или ином месте.
- - - - - - - - - - - - -
Кстаси, окошко для ввода текста в чате, похоже всегда белое, с определенной низкой прозрачностью.
-------------
Добавлено в 21.16: И еще. Цифры с неизвестными к ним цветам элементов интерфейса, до сих пор мне не известны.


0 ответить

#20   Dzot    

Жаль что убрали возможность редактирования фона в чате, в смапере его можно было менять


0 ответить

Напомнить пароль