• Авторизация


Делаем элементарные часики.Начинаем учиться созданию flash. 20-04-2011 16:30 к комментариям - к полной версии - понравилось!

Это цитата сообщения Legionary Оригинальное сообщение

Моя работа по этому уроку. Одни из первых моих флеш часиков. Вот так оно все начиналось.




А далее сам урок от Legionary.


Небольшое предисловие:
1.- Я сам только учусь в этой области. Поэтому рассказываю только-то, что умею и как умею:-)
2.- Лично я пользуюсь программой Sothink SWF Quicker. Adobe flash у меня нету и пока устанавливать не планирую.
3.- Исходя из пункта "2", вам надо скачать Sothink SWF Quicker. Программа легкая ( около 15 мб) (ссылка на скачку в конце поста)

Прошу прощения за сурьезное начало)))

Теперь немного теории, многа букаффф))

Используя "технологию флеш" можно создавать много всего, поэтому будьте готовы. Флеш- это не только мультики и открытки, но и вполне работоспособные программы, выполняющие определенные функции.
Но естественно и те же баннеры тоже можно делать во флеш) И вообще много чего)

Теперь к работе в самой программе.

Перед тем как приступить к созданию чего-либо на примерах конкретных, надо немноооожечко уловить самую суть. Т.е. основные вещи в проге) Это я точно знаю, понял на примере обучения Inmira
, как всегда, не буду использовать верную терминологию ( сам еще не до конца ее знаю, да и не надо нам это пока)

Итак, в программе мы можем создавать три основные "вещи", это-
1.- Кнопки
2.- клипы
3.- графические объекты

Из этих трех "вещей" мы складываем основную "сцену",- которая уже является окончательным результатом, т.е. нашей флешкой:-)
Представили примерно?
Отлично, теперь идем дальше.

В программе используется Action Script . Т.е. впринципе это язык программирования. Когда-то, говорят, его недооценивали... но не о том речь) Так что готовьтесь к изучению непонятных надписей и иероглифов шутка))

Все, теперь к практике. Шаблонные возможности программы пока использовать не будем, делаем все сами)
Вообще конечно, лучше бы не с часов начать, но чтоб зацепить ваш интерес ;-) начнем с них))) а в следущих уроках изучим нужные основы

Открываем программу. В таком выползшем окошке выбираем первый пункт и жмем ок:
[340x263]


Далее не вдаваясь в объяснения что и зачем повторяем последовательность действий. ( позже все разберем и изучим)
Поехали:
Жмем кнопочку "insert" и выбираем пункт "new simbol":

[400x254]
[222x308]

Далее в выползшей табличке отмечаем пункт по стрелке и жмем ок:
[363x182]

Нам открылось поле редактирования нашего клипа. Теперь берем инструмент текст ( щелчок левой клавишей мыши):
[200x320]

На рабочем поле выделяем область для текста- удерживая левую кнопку мыши тянем в стороны:-))) Получится вот такое:

[207x89]

Теперь смотрим в нижнюю часть окна программы и настраиваем. Жмем по стрелочкам и выбираем пункты как у меня на картинке:

[697x190]

В самом правом обведенном окошке пишем "time" вручную ( как на скрине)

Теперь возвращаемся наверх к нашему текстовому окошку. Щелкаем в нем один раз левой кн. мыши и набираем текст "00 00 00"
Т.е. два нуля пробел,два нуля пробел, два нуля :-))

Получится:

flash уроки

Теперь смотрим вверх окна программы ( лента кадров). Встаем на второй кадр нашего первого слоя ( клик левой кнопкой мыши) и жмем кнопку на клавиатуре "F5":

[441x178]

Далее создаем новый слой и встаем на первый кадр этого нового слоя:

[274x169]

Смотрим вниз окна программы, и щелкаем по стрелке:

[352x84]

В открывшееся поле надо вписать скрипт. Просто берем у меня и вставляем:
code:
mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
hour = mydate.getHours();
if (sec < 10)
{
sec = "0" + sec;
} // end if
if (min < 10)
{
min = "0" + min;
} // end if
if (hour < 10)
{
hour = "0" + hour;
} // end if
time = hour add " " add min add " " add sec;


После чего ,- жмем галочку:

[354x121]
Должна выползти такая табличка, где жмем "ок":

flash уроки

Смотрим вверх программы и жмем надпись "scene 1":

[217x220]

Откроется похожее рабочее поле, но уже небольшое (белый квадратик в центре:-)))
Теперь, на этот белый квадратик перетаскиваем наш клип. Смотрим справа:

[400x184]

Удерживая левую кнопку мыши - перетаскиваем объект в белое поле:

[241x171]

Вот что примерно получится:

[300x214]

Вот и все, жмем кнопочку предпросмотр и смотрим, что получилось:

[388x148]

Если все сделали верно- вам будет показываться ваше время:-)
Как сие сохранять... не вижу смысла рассказывать пока. Не очень же красиво? А о том как вставить картинку, поменять шрифт, размер и т.д. и т.п. поговорим позже:-)
Но а если очень хочется, чтобы сохранить флешку, жмем кнопку экспорт по стрелке и сохраняем как в любой другой программе ( выбрав расширение swf):

[214x135]
[465x85]
вверх^ к полной версии понравилось! в evernote
Комментарии (54): вперёд»
alina1980 21-06-2011-19:21 удалить
Здраствуйте! У меня не скачивается программа, на последних секундах закачки, выдает какую то ошибку, помогите пожалуйсто.
novprospekt 22-06-2011-14:21 удалить
Ответ на комментарий alina1980 # Возможно это не дает скачивать ваш антивирус, потому что в архиве файла есть ключ. Попробуйте отключить антивирус. Или вот скачайте мой файл Sothink_SWF_Quicker_v5.2.509.rar Если будут какие-то вопросы по установке, то обращайтесь.
08-09-2011-11:52 удалить
Папка с кеугеном пуста
novprospekt 08-09-2011-12:53 удалить
Ответ на комментарий # Sothink_SWF_Quicker_v5.2.509.rar Качайте вот по этой ссылке, но желательно, если антивирус сильно злой, его отключить. В папке с кейгеном также будет файл приложения программы. Его необходимо скопировать и вставить с заменой в папку с установленной программой. Программа должна быть при этом закрыта.
morela4 28-10-2011-19:20 удалить
эта версия на русском
novprospekt 30-10-2011-08:26 удалить
Ответ на комментарий morela4 # Да нет вроде инглиш. Мне попадался русификатор, но ставить его не стала, потому что все уроки и разъяснения идут на английском и очень неудобно если русский да и еще и кривой перевод.
Добрый вечер!
у меня очень проблемная проблема
очередной раз пытаюсь инсталировать прогу, но на полпути..выдёт такое "Операция прервана по таймауту" Предлагают повторить или отменить инсталяцию.
Пробовала повторить. Результат опять тот же.
Вымутило, если честно. Но так хочется иметь прогу на раб. столе..не передать.
По ссылке от Легионера бесполезно качать. Прога встанет, но операция инструментом "текст" не выполнима. и не у одной меня. ( не по наслышке знаю) Другие ссылки на закачку - тож самое.
Я в ужаснейшем положении. Подскажите, что не так. Или урок по инсталяции покажите.
Столько прог установила и ничего..работают, а эта...
Антивирусник я как будто отключила. ( Просмотрела насройки. В них закачиваемые проги-файлы не отмечены для проверки)
Очень люблю флеш! Но готовые флеш-объекты как бы мало привлекают. Хочется своё..своими руками деланное )
Надеюсь, вы меня понимаете..
буду очень признательна, если как то прольёте свет на мой вопрос.
Спасибо заранее!
novprospekt 10-11-2011-20:57 удалить
Ответ на комментарий Та_ещё_штучка_Я # Даже не знаю, что и сказать. Я вот из этого архива Sothink_SWF_Quicker_v5.2.509.rar своего совсем недавно устанавливала ее на ноутбук. И до этого несколько раз на другие. Вставала прекрасно. Устанавливается как все обычные проги. Сейчас еще перезалила архив. Попробуйте вот этот скачать Sothink.SWF.Quicker.5.2.509.rar
По своему опыту знаю, что прога очень реагирует на установленный в системе флешплеер. Если давно не обновляли, то обновите.
А так программа замечательная. И осваивать ее легче чем многие другие.
Ответ на комментарий novprospekt # обновила..но увы
Спасибо большое за участие..видимо не судьба )
Комп выёживается..)
а за прогу я немного в курсе.
Год назад..с новым буком она вставала и работала.
Просто не допоняла момент сохранения (экспорта) готового флеша. Ну и забросила прогу в долгий ящик..на потом разобраться. )
А после ноут начал выкидывать фокусы )
Спасибо ещё раз..)
jeep456 04-02-2012-09:52 удалить
Всё получилось, правда не с первого раза, теперь другой вопрос - как сделать красивое оформление ?
novprospekt 13-02-2012-08:58 удалить
Ответ на комментарий jeep456 # Извините, не успеваю быстро отвечать. Насчет оформления, тут, конечно, кто во что горазд. Самое простое это сделать ниже мувика с часиками фон с какой нибудь забавной картинкой и сделать надпись. Видели, наверное, такие типа "Ну, купи же, наконец, себе часы!". Для этого надо создать новый слой ниже мувика с часиками, сделать его активным(новый слой) и импортировать в библиотеку картинку, а затем перетащить ее на рабочее поле. Если необходимо, то уменьшить размеры картинки и, выделив клип с часиками, переместить его на нужное место. А можно сначала открыть необходимую картинку, установить все размеры, потом создать новый слой и на нем начать делать мувик (мувиклип) с часиками. Вот что -то так


Вот здесь я писала как, где и чем изменять размеры
http://novprospekt.ru/post203918068/
Если не получится напишите, сделаю скрины.
novprospekt 13-02-2012-09:02 удалить
Ответ на комментарий jeep456 # А что получилось все это здорово. Сейчас пишу урок по аналоговым часикам. Так что будем учиться дальше.
tatmura2008 14-02-2012-23:12 удалить
Добрый вечер!У меня вот проблемка возникла все делаю правильно но когда дело доходит до того момента что нужно файл с клипом перетащить на белое поле у меня почему то он туда не встает а просто пусто вместо 00 00 00.Может что не так сделала хотя все правильно помоему.?
novprospekt 28-02-2012-16:04 удалить
Ответ на комментарий tatmura2008 # Здравствуйте, если вопрос еще остался. То,возможно, вы не переключились из поля редактирования на рабочее поле. После того как вы создадите текст с указанными параметрами и обязательно прописали слово time, необходимо переключится на рабочее поле т. е, посмотрите от этого пункта повнимательнее. "Смотрим вверх программы и жмем надпись "scene 1":" Когда перейдете на сцену, то справа в палитре Librari будет ваш муви клип и текстовый символ. На рабочее поле надо перетаскивать муви клип. Просто попробуйте еще раз все по пунктам пройти возможно что-то пропустили.
Есть желание научиться.Забираю с благодарностью
NikaLive 17-05-2012-12:50 удалить
Спасибо за урок !!! Хочется научиться !
kowka5 07-11-2012-12:16 удалить
Ответ на комментарий Нина_Гуревич # классно...
Антэя 03-12-2012-22:41 удалить
Ответ на комментарий novprospekt # novprospekt, у меня тоже с этим проблема -
файл с клипом перетащить на белое поле у меня почему то он туда не встает а просто пусто.
По объяснениям про белое поле, всё равно, как то не понять, как переключиться, где этот муви клип, что то у автора пропущено, а мы в засаде. novprospekt, если не сложно сделайте пожалуйста скрин про перетаскивание на белое поле.
ВАНТАЛЛА 20-01-2013-19:16 удалить
Очень хочется научится ! Спасибо за урок!
DYSHENKA 08-08-2013-13:24 удалить
Доброго времени суток!!! Я у Вас впервые и мне очень понравилось!!! Если Вы не против, хотелось бы подружиться. А данный постик цитирую с благодарностью! Давно хотела научиться делать флеш часики и всё такое. Буду разбираться на досуге.
06-09-2013-01:44 удалить
Все сделала,хотела посмотреть,а вышло окошко Preview Что делать не знаю
06-09-2013-22:32 удалить
урок и программка просто чудо СПАСИБО! Но есть проблема,когда включаю просмотр,выходит какая_то табличка PREVIEw и ничего не получается,а так бы хотелось самой сделать часики.Инна.
novprospekt 06-09-2013-23:22 удалить
Ответ на комментарий # Это предупреждение о том что программа незарегистрирована и на готовой флешке будет добавлется эта надпись. Но и почему-то просмотр не работает. Какая то глючная версия.
Скачайте вот эту версию
http://rusfolder.com/37464551
В ней, правда, при предварительном просмотре тоже такая надпись высвечивается, но в сохраненной флешке ее не видно и превью работает нормально, т. е. должны быть видны "тикающие" часики.
Это версия SothinkSWFQuicker_5.3.511 портативная. Просто скачайте и разархивируйте архив.
novprospekt 06-09-2013-23:39 удалить
Ответ на комментарий # Возможно, что -то пропустили по ходу урока или что-то сделали не так. Должны быть видны "тикающие" часики. Проверьте еще раз.
Но может быть это глюк программы. При предварительном просмотре должно быть вот так
[416x338]
Inna_Guseva 08-09-2013-00:46 удалить
Большое спасибо!Но скачать я не могу,на какую рекламу нажать,что бы скачать?


Комментарии (54): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем элементарные часики.Начинаем учиться созданию flash. | novprospekt - Дневник novprospekt | Лента друзей novprospekt / Полная версия Добавить в друзья Страницы: раньше»