-Цитатник

Без заголовка - (0)

Волшебный алфавит. В продолжение темы: тролли, гномы, эльфы, феи - сказочный народ от Pas...

Без заголовка - (0)

Пугательные Испанский иллюстратор Ramon PLA рисует интересные образы, которые иногда воплощает в ...

Без заголовка - (0)

Ирэн №3 2018 2 3 4 5 6 7 8 9 10 11 12 ...

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов

 -Музыка

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

Поиск сообщений в Та_ещё_штучка_Я

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 3) Мир_мультяшек CoolArt Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.04.2010
Записей: 1494
Комментариев: 8459
Написано: 23046


Эффект мокрой бумаги. урок во флеш.

Четверг, 27 Декабря 2012 г. 20:46 + в цитатник

Оригинальное название урока "Эффект мокрой бумаги". Эффект не навязчивый, скорее довольно симпатичный. С его помощью можно приукрасить - оживить фон для коллажей.


Урок без применения скриптов. Работать будем в программе Flash CS5.


Запустили прогу. Даллее - по скрину.

Ошибкой не будет, если выбрать "Файл ActionScript 2.0". Как я уже оговорилась, урок без скриптов, т.е. этот момент не принципиален.Подготовили картинку, которую хотим анимировать.

Далее: Файл - Импорт - Импортировать в библиотеку. Опять таки, можно "Импортировать в рабочую область"

Импортированная картинка в библиотеке проги.

В окошке "Свойства" можно изменить размеры картинки, если это необходимо.

Сочетанием клавиш клавиатуры Ctrl+J вызываем окно с параметрами документа, где устанавливаются пропорции сцены и устанавливается число фреймов. В моём случае частота кадров(фреймов) - 12. Это число можно изменить на удобное для вас и в конце работы.

Выравним картинку на сцене.

Выделяем картинку на сцене. Жмём клавишу F8 и преобразовываем картинку в мувик.

Кликаем по мувику на сцене дважды и попадаем внутрь мувика.


Снова жмём F8 и выбираем в окне "Преобразовать в символ" тип символа - Графика.

Встаём на первый кадр первого слоя на временной шкале,назовём его "Оригинал" и, правой клавишей мыши выбираем "копировать кадры"( Copy Frames ).


Добавляем новый слой,,назовём его "Копия" и, выделив на нём первый кадр, выбираем правой клавишей "вставить кадры" (Past Frames).

Добавляем третий слой. Можно назвать его "Маска".

Стоя на третьем слое, берём инструмент "Выделение" и с его помощью рисуем поверх картинки прямоугольник. Прежде установите настройки инструмента, а именно - уберём обводку, заливку выбираем любую - на ваш вкус. Далее всё исключительно от вашего желания. Прямоугольник можно наложить как на картинку целиком, так и частично.

Делается это следующим образом.Наводим курсор на левый верхний угол картинки и, зажав левую клавишу мыши, тянем курсор в правый нижний угол картинки.


Далее! Важный момент, который вы не найдёте в оригинале урока. Заблокируйте слой "Копия" (навесить замочек) и отключите его видимость.

С помощью инструмента "Выделение"(Selection Tool (V)) выделяем (прорисовываем) прямоугольнички и удаляем их клавишей Delete.

Чтоб было более наглядно, посмотрите скрин из оригинала урока.

c2ad451268d4 (256x196, 40Kb)

Поочередно выбирая кадры 10, 20 и 30 на слое "Маска" ,нажмите F6 (создаем ключевые кадры).

Вернитесь на 10 кадр и используя стрелки на клавиатуре сдвиньте полоски немного вниз. Затем перейдите на 30 кадр и поднимите полоски немного вверх.

Выделите слой "Маска" и в шапке проги выбираем: Вставка - "Анимация формы",или же - на панели Properties в меню Tween выберите Shape.

Снова выделите слой и сделайте его маской. Для этого щелкните правой кнопкой по названию слоя и в появившемся меню выберите Маска. (Прошу прощения за мой небогатый словарный запас))

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

Выделим картинку и сдвинем её по диагонали. То есть клавишами со стрелками на клаве делаем 1-2 клика вниз и вправо.

Перейдите на 30 кадр слоя Копия и нажмите F5 на клавиатуре. Повторите это со слоем Оригинал.

Протестируйте вашу анимацию сочетанием клавиш Ctrl+ Enter. Экспортируем готовый ролик.



//img0.liveinternet.ru/images/attach/c/7//401...roku_yeffekt_mokroy_bumagi.swf


Ссылка на оригинал урока здесь..http://demiart.ru/forum/index.php?showtopic=29381

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



Метки:  

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

Franzuzhenka   обратиться по имени Четверг, 27 Декабря 2012 г. 20:55 (ссылка)
Alünja, kakaja ti umnichka! Sama uroki uzhe pishesh!!! Samechatelno solnishko!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 20:58ссылка
Спасиб, Катюш! ты так меня нахваливаешь, что как то неловко становится за собственную немногословность )
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 21:01ссылка
Bros, dazhe i ne dumaj o wsjakoj erunde.. Esli chelowek mozhet, snachit talantliw! udachki tebe mojo solnishko!
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 21:03ссылка
уговорила, красноречивая моя! )
Irina-snez   обратиться по имени Четверг, 27 Декабря 2012 г. 20:56 (ссылка)
Обожаю все твои уроки, Алечка! Было бы время все это прочитать. Но цитирую. Увлеклась фракталами, мне посоветовали более простую программу. Первые опыты выложила. Можно посмотреть, если интересно...
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 21:00ссылка
конечно посмотрю, Ирин!
эт я просто замороченная была слегка и почти не гуляла по лире
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 21:03ссылка
Да, сейчас не удивительно, под Новый Год у всех морока... Алечка!
MissKcu   обратиться по имени Четверг, 27 Декабря 2012 г. 20:57 (ссылка)
вроде все понятно...но пока НЕ берусь в этой проге работать...но буду иметь в виду, твои уроки...
Ответить С цитатой В цитатник
Перейти к дневнику
jzayka   обратиться по имени Четверг, 27 Декабря 2012 г. 21:15 (ссылка)
Ой,Алюнечка,спасибо за урок..
Вот теперь я в ней родной,по шагам уж точно сделаю..
Кстати простенькие со скриптами я пробовала,получилось..
Эффект мыши .Для меня и это прогресс...
Гуляю по демиарту,хороший сайт..
Еще раз спасибо...
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 21:18ссылка
а я чёт эффект мыши пропустила...
Рада, что получается, Леночка!
Лида_Юринец   обратиться по имени Четверг, 27 Декабря 2012 г. 21:25 (ссылка)
Пока программу не поставила...
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 21:36ссылка
здесь посмотрите в комментах ссылку на закачку проги. Марина (novprospekt) поделилась .
http://www.liveinternet.ru/users/3766898/post253512677/
Перейти к дневнику
TalaNat   обратиться по имени Четверг, 27 Декабря 2012 г. 21:27 (ссылка)
Спасибо,дорогая!Очень заманчиво.
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 21:33ссылка
Пожалуйста! ) долго с ней билась. кой чё подправила..и , как по маслу
koreckolga   обратиться по имени Четверг, 27 Декабря 2012 г. 22:32 (ссылка)
Алечка милая, огромное спасибо! После встречи Нового года буду разбираться с этим уроком!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 27 Декабря 2012 г. 22:37ссылка
конечно..тут сосредоточенность нужна. а накануне праздников совсем другие заморочки..приятные )
Пожалуйста, Оленька!
Grif-studio   обратиться по имени Четверг, 27 Декабря 2012 г. 23:56 (ссылка)
Интересный эффект, в китайских флеш часто встречается ..похож на волну, но весит меньше. Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 28 Декабря 2012 г. 09:00ссылка
за вес даж не замарачивалась. получилось и алилуя )
Пожалуйста!
novprospekt   обратиться по имени Пятница, 28 Декабря 2012 г. 11:01 (ссылка)
Да, это отличный урок. Анимированная маска это вещь. Ей хоть что колебать можно

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

Пятница, 28 Декабря 2012 г. 11:04ссылка
Спасибо, Мариш!
Классно у вас получилось! ..а я в png картинки так не пробовала анимировать
Перейти к дневнику

Пятница, 28 Декабря 2012 г. 13:01ссылка
Так разницы никакой. Также их немного сдвигаешь одну относительно другой и на верхнюю накладываешь анимированую маску. Или отдельные отдельные области на jpg картинке анимируешь.

Перейти к дневнику

Пятница, 28 Декабря 2012 г. 13:09ссылка
точно, маску ж можно не ток прямоугольную наложить, да трансформация есть. чё т я даж не подумала сразу
Перейти к дневнику

Суббота, 29 Декабря 2012 г. 07:27ссылка
Аль, ты не забывай еще, что маска действует только на изображение рабочий фон если он прозрачный она не видит. Т. е. если изображение в png, то все равно какая маска на него наложена - квадратная или овальная. Будет видна та область изображения, которая покрыта маской. Если же тебе надо, чтобы анимированной маской была покрыта только определенная часть изображения (например - жидкость в банке), то для верхней картинки надо создать отдельный символ - мувик. В этом мувике, в режиме редактирования, будет например слой с картинкой ( в Трансформации X и Y = 0, выше слоя с картинкой создается слой для маски. На слое с маской инструментом "Карандаш" в режиме рисования графики (в панели Свойств отключить обводку цвет заливки любой), обвести участок для маскирования, чтобы получилась фигура. Причем, даже особо стараться не надо точно участок обводить, потому что сам эффект такой что как бы расширяется. Слой с фигурой делаем маской , слой с картинкой маскируемым. Затем переходим на основную сцену и верхней картинкой делаем этот символ с маскировкой. Т. е. Идет сначала слой с анимированой маской , затем слой с маскированным символом - картинкой и третий слой обычная картинка.
Перейти к дневнику

Суббота, 29 Декабря 2012 г. 10:19ссылка
будет время - попробую конечно. чисто на словах не всё адекватно воспринимаю...прожку открыть надо )
Спасибо, Мариш, за подсказку!
Елена_Мишакова   обратиться по имени Пятница, 28 Декабря 2012 г. 18:51 (ссылка)
здорово Алечка!
Ответить С цитатой В цитатник
Перейти к дневнику
SlavnayaAli   обратиться по имени Суббота, 29 Декабря 2012 г. 15:52 (ссылка)
Алечка, спасибо за очередной прекрасный урок!!! Эх, как-нибудь возьмусь)))
Ответить С цитатой В цитатник
Перейти к дневнику
Лариса_Гурьянова   обратиться по имени Суббота, 31 Мая 2014 г. 15:33 (ссылка)
Спасибо, Аля!!! Занялась вплотную флеш, так что штудирую уроки...)))))
Ответить С цитатой В цитатник
Оленька_555   обратиться по имени Суббота, 31 Мая 2014 г. 16:39 (ссылка)
Спасибо за уроки! А девочкам за комменты! Много полезного прочитала!
Ответить С цитатой В цитатник
Novichok56   обратиться по имени Суббота, 31 Мая 2014 г. 18:01 (ссылка)
Большое спасибо, с флеш пока не работала, но урок заинтересовал.
Ответить С цитатой В цитатник
Надежда_Заломина   обратиться по имени Воскресенье, 01 Июня 2014 г. 12:12 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Сулия   обратиться по имени Воскресенье, 01 Июня 2014 г. 16:23 (ссылка)
С благодарностью!
Ответить С цитатой В цитатник
Jorjorych   обратиться по имени Пятница, 11 Июля 2014 г. 19:24 (ссылка)
Кто-нибудь, девочки, помогите: Не рисуются полоски на прямоугольнике маски никак стрелочкой. (=С помощью инструмента "Выделение"(Selection Tool (V)) выделяем (прорисовываем) прямоугольнички и удаляем их клавишей Delete.=) Что не так делаю?
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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