Школа мобильного дизайна. Сборник лекций | SEclub.org
Школа мобильного дизайна. Сборник лекций
Все новые
Тема закрыта для обсуждения.
Всего сообщений: 95
*
ZerrO
24 дек 2008 в 01:43
1.Собственно сам архив с исходным файлом и скриншотами,и конечный результат - upwap.ru/254082
Для всех действий нам потребуются эти программы:
Adobe Flash CS3,(CS4 в нём маленько подругому)
Adobe Device Central CS3(+Flash Lite v3.0 Update,если хотите)- она должна автоматически устанавливаться с фотошопом или в флешем.
Первые два пункта стандартны как для цифровых часов,так и для аналоговых. Часы цифровые,версия flash lite 1.1 1.запускаем Adobe Flash,выбираем Create New/Flash File (Mobile)
*
ZerrO
24 дек 2008 в 01:45
2.Откроется Adobe Device Central,в нём нужно кое что настроить: выбираем вкладку "new document" далее устанавливаем: - player Version = flash lite 1.1 - action script version = 1.0 - content type = standalone player - внизу ставим флажок "custom size for all selected devices" вписываем в поля высоту и ширину дисплея своего телефона. жмём "create", мы снова во флеше. перед нами холст, размер которого равен размеру дисплея телефона.
3.Открываем исходняк программой Adobe Flash CS3(дабы не вбивать код вручную)
*
ZerrO
24 дек 2008 в 01:46
4.На скрине показанно что и где(step-00.jpg) 5.На слой "Фон",можете вставить свою картинку,выделяем слой "Фон",жмём Ctrl+R,выбираем в проводнике картинку(выберите AllFiles),после этого кликните на картинке (она находится справа в Library) step-01.jpg 6.Если вам нужно заменит цифры часов,на свои,то создаёте их в Фотошопе каждая цифра отдельно(имя картинки должно совпадать с цифрой которая на ней изображена),желательно в формате PNG.Если захотите их перекрасить.то необязательно их сново создавать в Фотошопе(step-02.jpg;step-03.jpg;step-04.jpg;step-05.jpg). Чтобы заменить цифры просто выберите в проводнике созданные вами картинки с цифрами,и методом переброски,бросаете их в библиотеку.
*
ZerrO
24 дек 2008 в 01:51
P.S. Ну часы вроде готовы,это своего рода шаблон для часов,меняйте фон,цифры,добавляйте своё,НО непереусердствуйте!!!Я ещё добавил две функции,в полный экран и высокое качество,хотя последнее не у всех поддерживается. 7.Идём в File/Publish Preview/Flash откроется окно Adobe Device Central,если часы идут,значит у вас всё получилось. Будут вопросы,прошу в тему для обсуждений постараюсь ответить.
*
ZerrO
24 дек 2008 в 01:56
§ 5.5 Flash-часы (аналоговые).
Ну а вот аналоговые часы,мы будем делать с нуля!Вот архив с исходным файлом и скринами,сам результат.upwap.ru/254143
Часы стрелочные,версия flash lite 1.1 1.запускаем Adobe Flash,выбираем Create New/Flash File (Mobile)(step-01.jpg) 2.Откроется Adobe Device Central,в нём нужно кое что настроить: выбираем вкладку "new document" далее устанавливаем: - player Version = flash lite 1.1 - action script version = 1.0 - content type = standalone player - внизу ставим флажок "custom size for all selected devices" вписываем в поля высоту и ширину дисплея своего телефона. жмём "create", мы снова во флеше. перед нами холст, размер которого равен размеру дисплея телефона.(step-02.jpg) 3.Создаём пять слоёв, как на скриншоте step-03.jpg
24 дек 2008 в 01:59 / ZerrO (1)
*
ZerrO
24 дек 2008 в 02:01
4.на слое bg рисуем круг, центруем его относительно сцены. блокируем слой.(step-04.jpg) 5.нам понадобятся линейки и направляющие. нажимаем ctrl + alt + shift +R. появляются линейки. устанавливаем две направляющих по центру(вертикальную и горизонтальную).(step-05.jpg;step-06.jpg) 6.далее делаем заготовку для стрелок: создаём новый муви клип(step-07.jpg;step-08.jpg), называем его "pointer", рисуем в нём заготовку для стрелок(step-09.jpg) 7.создаём ещё один муви клип. называем его "seconds", кидаем в него нашу стрелку(то есть клип pointer) переходим на главную сцену, кидаем туда клип seconds(соответственно на слой seconds)(step-10.jpg).
*
ZerrO
24 дек 2008 в 02:02
8.смещаем точку отсчёта вниз(с помощью transform tool), как показано на step-11.jpg 9.далее делаем 60й кадр этого клипа ключевым(step-12.jpg), создаём motion tween(step-13.jpg). в панели properties выставляем следующие настройки(step14.jpg;step-15.jpg) 10.стрелка должна крутиться относительно точки отсчёта. далее по аналогии делаем ещё две стрелки: minutes и hours (минутная и часовая) размещаем каждую на своём слое также можно настроить цвета в результате у нас три стрелки. даём им instans name: секундной - secVar(step-17.jpg)
минутной - minVar
часовой - hourVar
11.центруем стрелки так, чтобы их точки отсчёта были на пересечении направляющих (step-16.jpg)
*
ZerrO
24 дек 2008 в 02:09
12.делаем второй кадр главной сцены ключевым для всех слоёв.(step-18.jpg) 13.в первом кадре слоя "Action" прописываем код(step-21.jpg):
/:seconds=FSCommand2("GetTimeSeconds");
/:minWhole=FSCommand2("GetTimeMinutes");
/:hourWhole = FSCommand2("GetTimeHours");
/:hourFraction = (/:mins / 60)*5;
/:minFraction = /:seconds/60;
/:mins = int(/:minFraction + /:minWhole);
/:hours = int((/:hourWhole*5)+ /:hourFraction);
if(/:hours>60){
/:hours-=60;
}
tellTarget("secVar"){
gotoAndStop(/:seconds+1);
}
*
ZerrO
24 дек 2008 в 02:12
tellTarget("minVar"){
gotoAndStop(/:mins+1);
}
tellTarget("hourVar"){
gotoAndStop(/:hours+1);
}
14.Идём в File/Publish Preview/Flash откроется окно Adobe Device Central,если стрелки двигаются,значит у вас всё получилось. Если что не поняли,спрашивайте,попробую ответить))) Пока усё.
*
RazoR GT
26 дек 2008 в 17:09
§ 5.7 Медиа-скин.
Media player skin (Медиа-скин) – скин медиа раздела и проигрывателя на телефонов платформы А200. Ранее приходилось делать медиаскин с помощью нескольки программ, и ставить цвета плеера “в слепую”. Сейчас же юзер Lionet создал программу для его создания, за что ему огромное спасибо. Скачать программу можно здесь - topse.ru/files/file8128.html , в ней всё интуитивно понятно. Запускаем программу, нажимаем File –> Load theme –> находим свою тему, загружаем изображения, меняем цвета.
*
RazoR GT
26 дек 2008 в 17:10
Рекомендации при создании медиа-скина: 1) цвет летающих шариков делают не тем, каким надо. В телефонах Cybershot – синие и белые, Walkman – оранжевые и белые. Желательно всегда делать белыми. Где их цвет можно менять можно просмотреть здесь –> скрин41 и скрин42. 2) Не нужно в фоновую картинку добавлять какие-либо лишние элементы(softs, statusbar), это мешает читаемости. 3) цвет тени текста желательно делать черным. Для сохранения темы со скином нажмите File –> Save theme as… Скрины razorllgt.waphome.ru/files/Screenshots_Mediaskin.zip . Всё, мои лекции закончены, жду тем с новыми “наворотами”.
Скачать тему
Для полноценного использования разделов сайта войдите или зарегистрируйтесь.
Картинки и темы | Загрузки Seclub | Форум | Главная
18+ © Seclub.org 2003-2024