Картинка собирается из квадратиков. Урок Jzayka.

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

Цитата сообщения 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

Метки: Уроки флеш
Понравилось: 7 пользователям

<a href="https://www.liveinternet.ru/users/jorjorych/post368679890/">РљР°СЂС‚РёРЅРєР° СЃРѕР±РёСЂР°РµС‚СЃСЏ РёР· РєРІР°РґСЂР°С‚РёРєРѕРІ. РЈСЂРѕРє Jzayka.</a><br/>РЈСЂРѕРє. РљР°СЂС‚РёРЅРєР° РёР· РєСѓСЃРѕС‡РєРѕРІ РІ Adobe Flash CS6

РњРµРЅСЏ РїРѕРїСЂРѕСЃРёР»Рё СЂР°СЃСЃРєР°Р·Р°С‚СЊ РєР°Рє СЃРґРµР»Р°С‚СЊ РІРѕС‚ С‚Р°РєРѕР№ СЌС„С„РµРєС‚ РЅР° РєР°СЂС‚РёРЅРєРµ РІ РїСЂРѕРіСЂР°РјРјРµ Adobe Flash CS6.

Р”Р»СЏ РїРѕРІС‚РѕСЂРЅРѕРіРѕ РїСЂРѕСЃРјРѕС‚СЂР° РєР»РёРєР°РµРј РїРѕ РєР°СЂС‚РёРЅРєРµ

Р Р°СЃСЃРєР°Р·С‹РІР°СЋ..
РС„С„РµРєС‚ РґРµР»Р°Р»Р° РїРѕ  РЈР РћРљСѓ, РІ РєРѕС‚РѕСЂС‹Р№  РІРЅРµСЃР»Р° СЃРІРѕРё РґРѕР±Р°РІРєРё Рё РєРѕРјРјРµРЅС‚Р°СЂРёРё...

РќР°С‡РЅРµРј!

РЎРєР°С‡Р°Р№С‚Рµ Рё СЂР°СЃРїР°РїРєСѓР№С‚Рµ Р°СЂС…РёРІ СЃ РјР°С‚РµСЂРёР°Р»РѕРј(РєРѕРґ+РёСЃС…РѕРґРЅРёРє)

1.РЎРѕР·РґР°РґРёРј РїР°РїРєСѓ СЃ РїСЂРѕРµРєС‚РѕРј.
РќР°Р·РѕРІРµРј РџСЂРѕРµРєС‚ РљР°СЂС‚РёРЅРєР° РёР· РєСѓСЃРѕС‡РєРѕРІ.
РЎРєРѕРїРёСЂСѓРµРј РІ РЅРµРµ РєР°СЂС‚РёРЅРєСѓ,РЅР° РєРѕС‚РѕСЂР№ Р±СѓРґРµРј РґРµР»Р°С‚СЊ СЌС„С„РµРєС‚.

2.РћС‚РєСЂС‹РІР°РµРј РїСЂРѕРіСЂР°РјРјСѓ.РЎРѕР·РґР°РґРёРј РґРѕРєСѓРјРµРЅС‚ AS2

РЎРѕС…СЂР°РЅРёРј РІ  РїР°РїРєСѓ  РїСЂРѕРµРєС‚Р°.РќР°Р·РѕРІРµРј  РљР°СЂС‚РёРЅРє... <a href="https://www.liveinternet.ru/users/jorjorych/post368679890/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>