Форум Sony Ericsson & Sony
Здравствуйте, гость! Для просмотра всех возможностей форума Вам необходимо авторизоваться.
Вход | Регистрация

Создание тем для смартфонов Sony Ericsson UIQ3 в Themes Creator

?
Ответить в данную тему
>?Создание тем для смартфонов Sony Ericsson UIQ3 в Themes Creator, Создание тем для SE m600 в Themes Creator
1S.T.A.L.K.E.R1
сообщение 27 February 2009 в 14:20
Сообщение #1

Участник
****

Сообщений: 72
Регистрация: 12.01.2009
Статус: Специалист
Украина Киев
Телефон: HTC Sensation XE with Beats Audio (z715e) Black
Оператор: Djuice

Репутация: ??5??

?нструкция по созданию тем на смартфоны на Symbian 9.1 UIQ 3.0 от Sony Ericsson, я буду рассказывать о создании тем для SE M600I, который есть у меня (эта инструкция также подойдёт для SE w950I, насчёт SE P1I я не уверен).
Я постараюсь объяснить всё так, чтобы понял даже тот человек, который первый раз видит программу «Themes Creator». Но оговорю сразу, чтобы сделать полноценную тему вам нужно потратить не один день, а возможно и неделю (если начинать с нуля).
При создании темы я советую также пользоваться программой Photoshop CS2)

Перейдем к делу…

При открытии программы, сразу мы выбираем модель телефона, он грузится и мы видим главное окно программы с множеством закладок. Я буду рассматривать создание тема на примере своей темы под названием New XP Themes by GraveT. При её открытии мы видим:


1 – показана «Панель Закладок», когда вы всё закончили делать на одной закладке, нужно переходить на другую и тогдалее.
2 – показывает вашу заставку к тему, при создании темы, я не советую пользоваться заставкой, так как можно самостоятельно поставить своё на телефоне.

Прикрепленное изображение

3 – показывает приблизительный результат работы на данной закладке (он вовсе не всегда будет точен, поэтому работать
точно по нему не советую).
При прокрутке полоски 4 мы видим:

Прикрепленное изображение

(разумеется, окно будет не такое я просто совместил окно на Photoshop CS2)
но смысл не теряется, итак мы видим много цифр давайте по порядку:

1- кнопки управления, здесь ничего сложного «Import» - выбрать картинку, «Remove» - удалить;
2 – Картинка, которая будет в режиме ожидания она должна быть разрешением 240*301;

3 – это картинка выбора, то есть чем вы листаете по своим иконкам в режиме ожидания при еe
Прикрепленное изображение
сохранении вам нужно обратить внимание на, то, что выделено цифрой 7,
надпись «Draw style» означает, как вы хотите сохранить картинку:
«stretch» - растянуть, «Center» - по центру, «Normal» - нормально, и
«Title» - если честно точно сказать не могу, потому что никогда ей
не пользуюсь (ну насколько я понимаю при её применении картинка
также растягивается, но, начиная сверху и с середины своих границ);

4 – это картинка «infoprint» - она используется в показании разной информации
(открытие папки сообщения, название иконки в режиме ожидания и многое другое); («Draw style» растянуто)

5 – данный раздел представляет собой кнопки софт клавиш, на этом скриншоте мы видим 4 полоски общее разрешение картинки 240*112, разрешение одной полоски = 240*28. как все уже поняли это картинка отвечает за то, как будет изменяться полоса софт клавиш при нажатии. Верхняя полоса отвечает за нажатие левой софт клавиши, 2 – средняя, 3 – правая, 4(нижняя) будет показана пользователю постоянно (до нажатия на левую, среднею или правую). Как мы видим там нужно две картинки первую разобрали, а вот вторая должна быть прозрачной; («Draw style» нормально)
Прикрепленное изображение

6 – это картинка сверху
Прикрепленное изображение


экрана она будет везде, там так же два раздела второй нужно оставить без картинки; («Draw style» нормально)

8 – это цвет шрифта здесь всё должно быть понятно смотрите на название и сопоставляете с названием выше перечисленных картинок. Ещё мне хочется рассказать по подробней о меню 7 там мы видим не совсем понятное я подписал красным цветом перевод текста, это меню отвечает за отступ при растяжке изображения я прослежу это на меню
Прикрепленное изображение


«infoprint»,Прикрепленное изображениекак мы видим у этой картинки есть рамки и чтобы они остались, я задаю величину 3( 3 пикселя (точки)) и прописываю её во всех ячейках, теперь при показании сообщения (открытие папки сообщения) на телефоне поля будут также = 3 и всё будет красиво выглядеть.

Чуть не забыл картинка с названием «Standby Panel Music Highlight» отвечает за картинки медиаплеера в свернутом режиме, пользуюсь немного заумной техникой вам же советую растягивать картинку и брать картинку попроще
Прикрепленное изображение


вот такую к примеру, чтобы её растинуть по краям нужно взять по 4 (я думаю это не сложно понять сколько нужно взять точек по краям, удачи). («Draw style» растянуто)

Переходим на закладку 2:
Прикрепленное изображение


1 – Показаны все подячейки (у вас такого в программе не будет это просто склеено на Photoshop CS2).

2 – Картинки которая будет в главном меню, её разрешение 240*320, если вы оставляете «Draw style» в режиме нормально, то картинка сохранится на полной размер экрана без изменений. («Draw style» нормально)

3 – Кнопки выбора (в веб браузере, на виртуальной клавиатуре и другое). («Draw style» растянуто)

4 – Эта картинка присутствует при выборе контакта когда пишите смс (менять не советую стандартная неплохо смотрится). («Draw style» title)

5,1 – Клавиши выборы (когда листаете сообщение с входящих на черновик и тогдалее), (разрешение картинки 28*28(разрешение одного значка 14*14, так как там их 4)). («Draw style» нормально)

5,2 – Значки используемые в меню телефона (разрешение 144*18 (их там 8, значит у одной 18*18)). («Draw style» нормально)

5,3 – Просто делаете прозрачным. («Draw style» растянуто)

5,4 – Одна из 2 картинок используемых при нажатии на правую софт клавишу, советую называть MenuPaneCascadeBackground, «Draw style» сделать растянутым (сколько нужно по бокам отступить).

5,5 – Главная картинка при листании по меню, назвать советую Highlight (разрешение использовать советую 230*60, так как это картинка будет сжиматься и растягиваться в зависимости от текста на который она поставлена). («Draw style» растянуто)

5,6 – Сепаратор или разделитель называйте как хотите используется в разделении между надписями (разрешение 212*2, «Draw style» - растянуто). 6 – кнопки в диспетчере задач, в контактах.

6,1 – Не выбрано, 6,2 – выбрано ( разрешение 53*23, «Draw style» растянуто. 7 – картинка на которой показана иконки программы и её название. С цветом текста поступать также как и на 1 закладке.

Перейдём на закладку 3:
Прикрепленное изображение

1 - Оставить пустым

2 – ?конки в меню (разрешение 90*30) разрешение одного значка 15*15)). («Draw style» нормально)
3 – Такую же картинку как в 5,4 во второй закладке (название не менять).
4 – Картинку назвать MenuPaneBackgroundClassic (разрешение 115*211, «Draw style» растянуто)
5 – Такую же картинку как в 5,5 во второй закладке (название не менять).
6 – Эта картинка должна быть по разрешению такой же как (5), (она появляется при нажатии, тоесть была картинка 5 нажали, стала 6) («Draw style» растянуто)
7 – Такую же картинку как в 5,4 во второй закладке (название не менять).
8 – Такую же картинку как в 5,6 во второй закладке (название не менять).

Перейдём на закладку 4:
Прикрепленное изображение

1 – Такую же картинку как в 5,4 во второй закладке (название не менять).
2 – Такую же картинку как в 5,5 во второй закладке (название не менять).
3 – Сделать прозрачным («Draw style» растянуто)
4 – Сделать прозрачным («Draw style» растянуто)
Прикрепленное изображение

5 – Эта картинка будет у вас вверху диалогового окна. То есть вот здесь (разрешение 240*30, использовать советую («Draw style» растянуто)).
6 – Значок закрытия диалогового окна, на скриншоте это зеленый квадратик с крестиком (разрешение 42*21, картинка состоит из двух частей
Прикрепленное изображение

слева, то что в режиме ожидания, справа то что произойдёт при нажатии, разрешение одной 21*21). («Draw style» нормально)
7 – Оставить пустым
(8,9,10,11- горизонтальная полоса прокрутки)

8 – Кнопки прокрутки
Прикрепленное изображение

(влево, вправо), (разрешение 28*126, состоит из 18 иконок, одна иконка 14*14). На скриншоте видно 3 одинаковых ряда так и нужно делать, в каждом ряде 3 разных цвета: рассмотрим один (первый ряд) 1 строчка самая светлая она используется в режиме ожидания, 2 строчка в том случае если полоса прокрутки в притык в значку и 3 если нажать на значок.( «Draw style» нормально)
9 – Фон полосы прокрутки (разрешение 222*42, используется 3 штуки поэтому разрешение одной 222*14). ( «Draw style» title)
10 – Сделать прозрачным.
Прикрепленное изображение

11 – Сама полоса прокрутки(разрешение 16*42, также используется 3 штуки , я использую 2 по середине делаю прозрачным, разрешение одной 16*14). ( «Draw style» растянуто)
12 – Также значки меню (разрешение 45*30, 6 иконок, поэтому разрешение одной 15*15). ( «Draw style» нормально)
13 – Такую же картинку как в 5,5 во второй закладке (название не менять).
14 – Клавиши выборы (когда учетные записи и тогдалее), (разрешение картинки 28*32(разрешение одного значка 14*16, так как там их 4)).
15 – ?конка «Возврат» в меню (разрешение 86*24, картинка состоит из двух частей
Прикрепленное изображение

слева, то что в режиме ожидания, справа то что произойдёт при нажатии, разрешение одной 43*24). («Draw style» нормально)

Переходим на закладку 5:
Прикрепленное изображение

1 – Такую же картинку как в 5,4 во второй закладке (название не менять).
2 – Такую же картинку как в 5 в четвёртой закладке (название не менять).
3 – Картинка к примеру при редактировании текста, в названии телефона в BlueTooth. (Я использовал одинаковый цвет с фоном диалогового окна поэтому в моей теме его не видно). ( «Draw style» растянуто)
4 – Такую же картинку как в 5,5 во второй закладке (название не менять).
5 – Оставить пустым.

Переходим на закладку 6:
Прикрепленное изображение

На этой закладке работает только с тем что показано на скриншоте (не считая цвета шрифта конечно).
1 – клавиша выбора в главном меню, (чем листаете по меню одним словом). ( «Draw style» нормально) (разрешение 75*73)
2 – Оставить пустым
3 – Оставить пустым
(4,5,6,7) – вертикальная полоса прокрутки, 5, 7 можно развернуть на 90 градусов против часовой стрелки и всё, для 6 можно взять ту же картинку что и для горизонтальной полосы прокрутки.

4 – нужно слегка переделать с
Прикрепленное изображениена Прикрепленное изображение
это в принципе не сложно сделать, так как разрешение одного значка одинаково 14*14. А разрешение самой картинки 42*78. ( «Draw style» нормально)

Переходим на закладку 7:
Прикрепленное изображение

1 – Клавиши выборы месяца. (разрешение 30*14, там 2 картинки(соответственно влево, вправо) поэтому разрешение одной 15*14)
2 – Такую же картинку как в 5,4 во второй закладке (название не менять).
3 – Оставить пустым
4 – Полоса внизу календаря, показывающая день недели и месяц. (Разрешение 240*25) ( «Draw style» растянуто)
5 – Картинка используется в обозначении дней недели и номера недели. (Разрешение 27*18) ( «Draw style» растянуто)
6 – Выбранный день недели (куда наведён стилус) (Разрешение 29*16) ( «Draw style» растянуто)
7 – Дни других месяцев. (Разрешение 27*15) ( «Draw style» растянуто)
8 – Сегодня. (Разрешение 27*16) ( «Draw style» растянуто)

Переходим на закладку 8:
Это закладка Звуки, здесь я думаю всё понятно. Я лично не пользуюсь этой вкладкой, так как звук легче самому выбрать с телефона.
Переходим на закладку 9:

Эта закладка именно для вас здесь вы можете написать свой E-Mail, своё имя (Ник), в общем, что вы сами хотите. ? ещё картинку 120*160 которая рассказывает о теме, но разумеется можно поставить и любую другую картинку. (Она показывается один раз при сохранении темы в каталог «ТЕМЫ»).

Переходим на закладку 10:
Прикрепленное изображение

1 – Оставить пустым.
2 – Такую же картинку как в 5,5 во второй закладке (название не менять).
3 – Такую же картинку как в 6 в третьей закладке (название не менять).
4 – Такую же картинку как в 5 в четвёртой закладке (название не менять).
5 – Значки используемые в меню телефона (разрешение 45*45(их там 9, значит у одной 15*15)).
6 – Клавиши выборы (когда выбираете язык ввода и тогдалее), (разрешение картинки 16*30(разрешение одного значка 16*15, так как там их 2)).
7 – Сделать прозрачным
8, 9, 10 – Оставить пустым
11 – взять с моей темы либо сделать самому любую картинку с таким разрешением она не влияет ни на что. (разрешение 35*31) ( «Draw style» title).
12 – Такую же картинку как в 5,5 во второй закладке (название не менять).
13, 14 – Такую же картинку как в 5 в четвёртой закладке (название не менять).
15, 16 –Прогресс при запросе к сети (при установке программ) (разрешение 206*32, там две полосы в одной картинке, поэтому разрешение одной картинки 206*16.)
Прикрепленное изображение

То что показывается когда ещё нет никакого прогресса, а картинка 16
Прикрепленное изображение

постепенно затесняет её слева на право и создается впечатление анимации. ( «Draw style» растянуто)
17 – Сделать прозрачным.
18, 19, 20 – Горизантальный слайдер. 18 сам бегунок. (разрешение 32*26, там две картинки слева при нажатии справа в режиме ожидания, разрешение одной 16*26).

Сам слайдер.
Прикрепленное изображение

(разрешение 193*104, там четыре полоски, верхнии (когда выбран определённый регулятор (так как это используется в громкости )две аналогично с прогресс баром(15, 16), а нижнии это когда они не выбраны на скриншоте всё видно.)) . («Draw style» растянуто)
Прикрепленное изображение

20 – Сделать прозрачным ( «Draw style» нормально)
21, 22, – Вертикальный слайдер можно просто развернуть против часовой стрелки на 90 градусов и сохранить (конечно под другим именем) . («Draw style» растянуто)
23 – Сделать прозрачным («Draw style» нормально)
24 – Сделать прозрачным («Draw style» title)
25 – Такую же картинку как в 6 в третьей закладке (название не менять).
26 – Такую же картинку как в 5,5 во второй закладке (название не менять).
27 – Такую же картинку как в 5,4 во второй закладке (название не менять).
28 – Такую же картинку как в 5,4 во второй закладке (название не менять).
В общем вот так: но я хочу подметить тему можно делать по шаблону, а можно экспериментировать, дело за вами. Я бы вам посоветовал чаще сохранять тему и кидать на телефон для проверки всё ли у вас красиво получается (но это конечно не значит одну картинку заменили, сразу сохраняете и ставите себе).
Перейти в начало страницы
?
Цитировать сообщение
Yossi
сообщение 2 December 2009 в 07:19
Сообщение #2

Участник
****

Сообщений: 77
Регистрация: 19.11.2009
Статус: Пользователь
Узбекистан Т а ш к е н т

Прошивка: R9N002
Телефон: G700
Оператор: Beeline

Репутация: ??3??

Написано Действительно Хорошо=) Теперь бы русскую версию Creator'a вот это было бы вообще круто)
Перейти в начало страницы
?
Цитировать сообщение

Ответить в данную тему

?

Сейчас: 26 Feb 2017, 17:20

Sony Ericsson