-Рубрики

 -Поиск по дневнику

Поиск сообщений в Irina-snez

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 10.01.2012
Записей: 4095
Комментариев: 13278
Написано: 27955


Дополнение к уроку "Градиентная маска в AdobeFlash без кодов"

Понедельник, 31 Августа 2015 г. 20:07 + в цитатник

Анимироем "Градиентную маску" и получим еще один эффект!

 

Маскируемую картинку беру ту же, что и в уроке

0_4c7e5_12d3c5bb_XL (600x600, 540Kb)

Вернемся к созданию круга с градиентной заливкой в символе Landscape в слое над картинкой. Продолжим временную шкалу до 30 кадра. (На 30-ом кадре нажмем F5)

 

 1 (700x560, 375Kb)

 

Настройки панели Color следующие:

 

2 (600x438, 154Kb)

 

Первый движок А: 100%, второй – А: 80%, третий – А:0%, четвертый – 0%.

Включаем рисование «Овал». С нажатой кнопкой Shift рисуем круг с градиентной заливкой. Размером больше картинки (1200х1200, приблизительно…х=400, у=300 )

3 (700x560, 188Kb)

Модифицируем овал-круг в символ и, щелкая по любому месту временной шкалы правой кнопкой, включаем «анимацию движения» (верхняя строчка контекстного меню). На последнем заполненном 30-ом кадре сдвигаем овал в произ вольную сторону. Появляется линия ( у меня фиолетовая) с точками – траектория движения.

4 (700x560, 184Kb)

Делаем слой выше овала-круга. Включаем карандаш на панели инструментов и рисуем  почти кружок, причем начало и конец не соединяем.

5 (700x560, 101Kb)

Отмечаем кружок (рамка со стрелкой, на панели третий инструмент с верху), кружочек оказывается в рамке, и копируем (Ctrl+C) в буфер обмена.

Возвращаемся к нижнему слою с анимацией овала, становимся на 30-ый кадр и отмечаем фиолетовую траекторию движения, щелкая конкретно по ней (именно траектория оказывается в рамке). Нажимаем вставить из буфера (Ctrl+V) и линия превращается в скопированный нами кружочек. Выставляем его положение в 15-ом кадре приблизительно по центру, как на скрине. Нажимая Enter, проверяем анимацию – движение овала-круга. Верхний слой с нарисованным карандашом кружком удаляем.

6 (700x560, 175Kb)

Далее, повторяя основной урок по градиентной маске, ставим в свойствах слоя с овалом Blending – Alpha, копируем, нажимая через Shift от 30 до 1 кадра (шкала становится синей) кадры слоя с исчезнувшим изображением овала-круга. Делаем третий верхний слой, вставляем, отметив (закрасив синим) 30 кадров, именно в эти пустые кадры скопированные 30 кадров из среднего слоя. Верхний слой делаем маской, два нижних слоя – маскированными.

Точно по первому уроку переходим на основную сцену. Вставляем символ Landscape в первый кадр сцены и задаем ему свойство Blending – Layer.

Усложняем работу. Вставим на сцене слой ниже и поместим туда ту же картинку (х=0, у=0). Модифицируем ее в символ и назначаем свойство Blending – Defference.

 

7 (700x560, 367Kb)

Тестируем флеш  Ctrl+Enter.

Должно получится вот такая анимированная рамочка.




 

Вложение: 4870889_gradientnaja_maskadop1.rar

Серия сообщений "Мои уроки":
Мои уроки
Часть 1 - Урок "Градиентная маска в AdobeFlash без кодов"
Часть 2 - Дополнение к уроку "Градиентная маска в AdobeFlash без кодов"
Часть 3 - Урок "Градиентное маскирование в AF видео (футажа)". Продолжение урока " Градиентная маска"
Часть 4 - Урок "Градиентное маскирование в AF. Примеры использования маски". Продолжение 4 урока " Градиентная маска"
...
Часть 8 - Урок по "заливке" текста футажем (по просьбе подруги mimozochka)
Часть 9 - Придумала урок анимации коллажа бесшовным анимированным фоном
Часть 10 - Урок использования флеш материала "След за курсором"

Метки:  

Процитировано 5 раз
Понравилось: 12 пользователям

mimozochka   обратиться по имени Спасибо Ирочка,вот как займусь флешками,так к тебе за уроками. Понедельник, 31 Августа 2015 г. 20:17 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 31 Августа 2015 г. 20:22ссылка
Буду ждать, Наденька!
Flash_Magic   обратиться по имени Понедельник, 31 Августа 2015 г. 20:33 (ссылка)
Очень красиво получилось! Умничка, уроки обязательно пригодятся!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 31 Августа 2015 г. 20:37ссылка
Спасибо, Наташа, за внимание и оценку! Рада, что понравилось!
koreckolga   обратиться по имени Понедельник, 31 Августа 2015 г. 20:42 (ссылка)
Иришенька, спасибо! Замечательно и очень красиво!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 31 Августа 2015 г. 20:45ссылка
Рада, что понравилось, Оленька!
Татьяна_Волкова_Литвинова   обратиться по имени Понедельник, 31 Августа 2015 г. 21:02 (ссылка)
Спасибо за дополнение. Обязательно нужно попробовать сделать. Для меня это новое. Цитирую с благодарностью.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 06:22ссылка
Рада, что пригодилось. Если интересно, то потом еще уроки напишу, но писать в качестве продолжения удобно, уроки короче получаются...
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 09:46ссылка
Конечно, интересно! Спасибо!
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 07:10ссылка
Татьяна, я забыла вовремя добавить вложение с файлом проектом (.fla). Его желательно сохранить в комп, или доставить в цитату. Вложения просто не цитируются, есть посты, где рассказывают, как доставить вложение в цитату. В первом уроке тоже есть вложение.
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 09:44ссылка
Ирина, вложения я взяла. Спасибо!
Sobirayu_vinograd   обратиться по имени Вторник, 01 Сентября 2015 г. 12:07 (ссылка)
День добрый, солнышко!
Очень рада твоему уроку.
Верю, что с тобой одолею программку.
Желаю счастья, Иринка!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 13:12ссылка
Добрый день, Полина! Сейчас еще один урок (продолжение) выкладываю. Яндекс диск тормозит, жду пока разгрузится...
R-Oksana   обратиться по имени Вторник, 01 Сентября 2015 г. 13:09 (ссылка)
Хорошего дня,Ирочка!
Для меня эта прога потёмки)
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 13:10ссылка
Добрый день, Оксана! А у меня одна из любимых программ. Очень мощная...
jzayka   обратиться по имени Вторник, 01 Сентября 2015 г. 13:29 (ссылка)
Спасибо,Ирина,за добавочку!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 13:31ссылка
Пытаюсь, Леночка очередную выложить. И странно закаченная на ЯП флешка выглядит не так, как у меня в компе... И Лиру меня выбрасывает время от времени...
Перейти к дневнику

Вторник, 01 Сентября 2015 г. 13:36ссылка
,Ира,может глюки,пережди немножко)))
Я тоже воевала с компом.Только вот восстановила и установила причину.
Пока не дышу на него..)))
ВАТ   обратиться по имени Пятница, 13 Ноября 2015 г. 16:16 (ссылка)
Ирина, добрый день! Спасибо за урок! Только я не поняла почему у меня не показывает траекторию движения маски (у тебя она фиолетовая)? Сколько не смотрела не вижу её. Пока так получилось у меня.

Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 13 Ноября 2015 г. 17:50ссылка
Ирина, я уже поняла почему не видела.
Перейти к дневнику

Суббота, 14 Ноября 2015 г. 09:36ссылка
Привет, Вера! Я несколько дней в инет не выходила. Имплант вместо разрушенного зуба ставили. Теперь болит... Но уже спасобна соображать и отвечать на вопросы...
Перейти к дневнику

Суббота, 14 Ноября 2015 г. 09:39ссылка
Нечаянно стерла свой коммент по поводу круга, явно еще не в себе... Но если приходит на почту, то дошел...
Круг можно скопировать из моего .fla, и вставить на место твоей, Вера, траектории движения ( линейной)...
Перейти к дневнику

Суббота, 14 Ноября 2015 г. 12:06ссылка
Добрый день, Ирина! Не догадалась, но всё поняла. Спасибо!
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку