Урок. Картинка из кусочков в Adobe Flash CS6

Среда, 05 Августа 2015 г. 17:02 + в цитатник

Цитата сообщения jzayka

Прочитать целиком В свой цитатник или сообщество!

Урок. Картинка из кусочков в Adobe Flash CS6

Меня попросили рассказать как сделать вот такой эффект на картинке в программе Adobe Flash CS6.

Для повторного просмотра кликаем по картинке

Рассказываю..
Эффект делала по УРОКу, в который внесла свои добавки и комментарии...

Начнем!

Скачайте и распапкуйте архив с материалом(код+исходник)

1.Создадим папку с проектом.
Назовем Проект Картинка из кусочков.
Скопируем в нее картинку,на которй будем делать эффект.

2.Открываем программу.Создадим документ AS2

Сохраним в папку проекта.Назовем Картинка из кусочков.

Так в папке проекта...

3.Создадим новый символ.
Вставка-Создать символ

Откроется окно...Сделаем все как на скрине.
В окошко Имя вводим- pic,в Идентификатор- myPic
Жмем ОК.

(Если появится предупреждение.Жмем ОК.)

Открылось большое поле редактитрования символа.

В Библиотеке должно быть так

4.Будем импортировать картинку в поле редактирования

Указываем путь к папке с проектом и вот наша картинка

5.Выделяем картинку стрелкой(V).
Идем в Свойства
Выставляем положения по Х и Y=0
Запоминаем размеры.У меня 700/457

Возвращаемся на основную сцену(Монтажный кадр1)

6.Идем в Свойства и выставляем размеры рабочей сцены по размеру картинки

****
Небольшое отступление..
Можно поместить картинку на фон ,а можно оставить на прозрачном фоне.
Если вы хотите сохранить флешку на прозрачном фоне , на временной шкале будет один слой и сразу приступим к выполнению пункта 8.

****
Рассмотрим вариант с фоном.
Для этого создадим второй слой и опустим его вниз.Переименуем в Фон.
На верхнем слое будет Код.
В Слоях будет так.

Цвет подбираем под цвет картинки..или любой другой.. что вам нравится.

7.Встаем на нижний слой с фоном.
Активируем инструмент прямоугольник и рисуем по размеру сцены.

Чтобы размеры прямоугольника совпадали, в Свойствах
укажите размеры рабочей области при выделенном прямоугольнике.

И инструментом Выравнивание выровняйте как показано на скрине.

****
8.Встаем на верхний слой Код.
Открываем Панель Действия F9 и пишем код из папки с материалом(ссылка вначале поста).
Ctrl+Enter-Любуемся результатом.
Сохраняем работу.Экспортируем ролик(Файл-Экпорт-Экпортировать ролик)

Давайте посмотрим,что можно поменять в коде..
В этой строке можно менять размер квадратиков

Здесь попробуйте менять значения по X и Y

..я поменяла значение Y=1..вот так получается
кликаем по флешке

Пример на прозрачном фоне

В этом уроке я расписала основные моменты.
Вы же можете эксперементировать ,фантазировать..вносить что-то свое..
Творите.Удачи!

Серия сообщений "**Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 21 - Делаем флеш календарик в Adobe Flash (AS3).
Часть 22 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 23 - Урок. Картинка из кусочков в Adobe Flash CS6

Серия сообщений "Уроки Adobe Flash Professional CS6":
Часть 1 - Урок размытого изображения во флеш
Часть 2 - Уроки Flash. Основы
...
Часть 28 - Как сделать пробную версию Adobe Flash Pro CS5 полной
Часть 29 - Перелистывание страниц (Листалка), Adobe Flash, AS3. Урок первый
Часть 30 - Урок. Картинка из кусочков в Adobe Flash CS6
Часть 31 - Урок.Эффект полосок на картинке в Adobe Flash.
Часть 32 - Урок.Эффект полосок на картинке в Adobe Flash.
Часть 33 - Adobe Flash CS6 & videokurs "Быстрый старт".