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


Эффект блеска очков. Урок во флеш. 02-01-2013 13:10 к комментариям - к полной версии - понравилось!



http://img1.liveinternet.ru/images/attach/c/7//401..._ded_moroz_v_ochkah_osnova.swf


В этом уроке мы попытаемся создать так называемый блеск очков. Эффект можно применить так же на любых блестящих и светоотражающих предметах.
Работаем в программе Macromedia Flash 8 без применения скриптов.

Запустили прогу, открыли новый документ. Заранее подготовили картинку.
Сочетанием клавиш Ctrl+J вызвали окно, где прописываем размеры сцены, которые соответствуют параметрам импортируемой картинки. Число фреймов(фреймрейт) - 35.


[показать]

Далее по скрину. [показать]


Возьмите инструмент "выделение"(Selection Tool (V)) и выделите картинку. Отцентрируйте её на сцене.

[показать]

На монтажном столе кликните по кадру (фрейму) 180 и нажмите F5.

[показать]

Создайте новый слой и наховите его "эффект области"

[показать]

Возьмите инструмент "прямоугольник"®, или "овал".Ваш выбор зависит от формы очков. У меня они имеют вытянутую овальную форму, стало быть - Овал мне в руки! )

Заблокируйте цвет обводки , для цвета заливки выберите подходящий для вас цвет, увеличьте картинку для просмотра, и нарисуйте овал (прямоугольник) поверх левого стекла очков.

[показать]

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

Довели до ума форму обводки стекла.Следующий этап - отредактируем цвет его заливки.

Выделите его и перейдём в окошко колоризации. Тип заливки - линейный. Кликните по маленькому цветному прямоугольнику , который находится с левой стороны и установите процент прозрачности цвета - 65.

[показать]

Кликните по второму прямоугольнику с правой стороны и установите его цвет в белый, но измените его свойство альфа на 0% (полностью прозрачный).

[показать]

Создайте новый слой выше слоя эффект области и назовите его Маска.

[показать]

Возьмите снова инструмент овал, или прямоугольник. Заблокируйте цвет обводки. Заливку оставте прежнюю, или аналогичную. Нарисуйте прямоугольник, или вытянутый овал и уточните его размеры в окошке "свойства". Установите его так, как на скрине. Используйте инструмент трансформации при необходимости.

[показать]

Не снимая выделения с прямоугольника( овала), нажмите F8 (Convert to Symbol), чтобы конвертировать этот прямоугольник в муви клип.

[показать]

Кликните по кадру (фрейму) 20 и нажмите F6. После этого разместите прямоугольник на том месте, как показано на картинке ниже.

[показать]

Правой кнопкой кликните в любом месте по серой площадке между двумя ключевыми кадрами на временной шкале и выберите из появившегося меню "создать промежуточное отображение"(Create Motion Tween)

[показать]

Кликните по кадру (фрейму) 70 и нажмите F6. После этого разместите прямоугольник в том месте, как показано на скрине.

[показать]

После этого возьмите инструмент свободное трансформирование(Q), выделите прямоугольник (овал), нажмите и удерживайте Shift и немножко увеличьте его ширину.

Кликните по кадру (фрейму) 90 и нажмите F6. После этого разместите прямоугольник(овал) на то место, как показано на картинке ниже.

[показать]

Правой кнопкой кликните в любом месте по серой площадке между двумя ключевыми кадрами на временной шкале и выберите из появившегося меню "создать промежуточное отображение"(Create Motion Tween).

[показать]

Слой Маска будет выглядеть так. [показать]

Выделите слой Маска и конвертируйте его в маску - правым кликом по слою и выберите "Маска"(Mask)

[показать]

Протестируйте ваш мувик (Ctrl+Enter)



Мы закончили с левым стеклом очков. Повторите эти шаги также для правого стекла очков.



Урок взят отсюда http://demiart.ru/forum/index.php?showtopic=76695


Успехов вам в вашем творчестве!

вверх^ к полной версии понравилось! в evernote
Комментарии (30): вперёд»
Franzuzhenka 02-01-2013-13:18 удалить
Lünchik-sdorowo!!! Ja wsö w kopilochku skladiwaü!!! Spasibo rodnaja!
Ответ на комментарий Franzuzhenka # Пожалуйста, Катюш! )..так ты меня ещё не называла ))
Franzuzhenka 02-01-2013-13:21 удалить
Ответ на комментарий Та_ещё_штучка_Я # Aga!!! Wot tak saxotelos...ti ne protiw?
TalaNat 02-01-2013-13:27 удалить
Спасибо,дорогая! Тащу в свою норку.
Ответ на комментарий Franzuzhenka # нее..не против )..прикольно даже )
Ответ на комментарий TalaNat # Пожалуйста! С наступившим вас!
Franzuzhenka 02-01-2013-13:35 удалить
Ответ на комментарий Та_ещё_штучка_Я # Ок! А диз у тебя потрясный!!!
Ответ на комментарий Franzuzhenka # Спасибо! зима в реале достала...пусть будет чё-нить живописное )
jzayka 02-01-2013-13:52 удалить
Алюсь,спасибо..пока складирую..
Ответ на комментарий jzayka # у меня самой этот урок во вкладках браузера месяц прозябал.
Пожалуйста, Леночка!
Спасибо, за урок, Алечка, у меня не получается скачать программку не ставится в 7 виндоусе
Ответ на комментарий Нина_Гуревич # а Flash CS5 у вас стоит?
можно и в ней урок сделать.
а макромедия так давно стоит, что сейчас не вспомнить где брала. У меня тож винда семёрочная к стати
Grif-studio 02-01-2013-16:28 удалить
С Новым Годом! Классный урок, может перенесу в SWFQuicker. Спасибо!
Ответ на комментарий Grif-studio # Спасибушки! ..ага..заделайте его в SWFQuicker...може проще кому-то будет

С НОВЫМ 2013 ГОДОМ, ВАС!

[250x250]

Пусть Новый Год волшебной сказкой
В ваш дом тихонечко войдет,
И счастье, радость, доброту и ласку
Вам в дар с собою принесет!

С уважением, MerlinWebDesigner )

Ответ на комментарий татьяна_татуревич # Спасиб, Танюш! )
Ответ на комментарий merlinwebdesigner # Благодарю! ) С Наступившим вас! )
Ответ на комментарий Лида_Юринец # С наступившим вас! )
Mesabi_ArtCafe 03-01-2013-03:55 удалить
самых счастливых дней в Новом Году!!!
Заинтересовалась уроком. В Новом году нужно заняться этой программкой. Спасибо за урок. Удачи и новых идей в Новом году!
Спасибо ! С Новым Годом !
Ответ на комментарий Mesabi_ArtCafe # Взаимнушки!
Ответ на комментарий ГАЛИНА_АЛАШНИКОВА # Спасибо за пожелания! Дерзайте и всё получится !
Ответ на комментарий Фарфолина # Пожалуйста! С наступившим вас!
Mesabi_ArtCafe 04-01-2013-03:41 удалить
Ответ на комментарий Та_ещё_штучка_Я # спасибо!
Irina-snez 05-01-2013-08:35 удалить
Спасибо, Алечка! С наступившим!
Какой интересный урок, Аля! тырнечу...))) Спасибо!!!


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

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

Дневник Эффект блеска очков. Урок во флеш. | Та_ещё_штучка_Я - Дневник Та_ещё_штучка_Я | Лента друзей Та_ещё_штучка_Я / Полная версия Добавить в друзья Страницы: раньше»