Собери пазл (как я делала)

Вторник, 03 Июня 2014 г. 02:39 + в цитатник

Источник урока Здесь
ко дню защиты детей (600x453, 162Kb)

Оригинал изображения

А теперь как я его делала.
Складываем пазл.
Сначала подготовим кусочки пазлов в фотошопе.
1.Открыть картинку в фотошопе, перевести в нулевой слой, нажав 2 раза на слой или захватив замочек тянем его в корзину.
2014-06-02_19h22_44 (346x350, 21Kb)

2.Фильтр - Alien Skin Xenofex2 - Puzzle, меняем только выделенное число, остальное не трогаем.
2014-06-02_19h17_58 (600x445, 407Kb)

3.Создаём Новый слой. Заливаем его белым цветом и применяем фильтр Alien Skin Xenofex2 - Puzzle с теми же настройками.
2014-06-02_19h28_09 (600x406, 68Kb)

4.Берём инструмент волшебная палочка, выделяем первый элемент мозайки на слое с белым фоном.

5.Переходим на слой с картинкой и нажимает CTRL + J, изменяем название слоя с элементом пазла на 1.
2014-06-02_19h30_19 (600x406, 71Kb)

6.Так делаем со всеми остальными элементами и называем слои 2, 3, 4 и т.д.
7.Удаляем слой с белой заливкой.
8.Сохранить как PSD.
9.Закрываем глазики на всех слоях, кроме слоя, где 1-й элемент
2014-06-02_19h53_32 (600x407, 103Kb)

10.Изображение - Триминг и созранить как...пнг в папке (для изготовления флеш)
2014-06-02_19h59_05 (430x213, 22Kb)

11.Редактирование - шаг назад или Alt+CTRL+Z
12.Открываем глазик на 2-м элементе, закрываем на первом и повторяем пункты 9 и 10. Так делаем со всеми элементами, не забывая при сохранении давать названия 1, 2, 3 и т. д.
Элементы можете подготовить по-своему, не обязательно как я написала.

Переходим в Adobe Flash.
1. Создаём новый документ. Размеры берём побольше, чтобы было легче перемещать элементы (детали) пазла.
2014-06-02_20h39_36 (600x385, 37Kb)

2.Добавляем все элементы в библиотеку Файл - импорт - импортировать в библиотеку. В открывшимся окне выделяем первый элемент, нажимаем Shift и нажимаем на последний элемент, затем открыть.
2014-06-02_21h06_48 (600x461, 80Kb)

3.Открываем библиотеку, выбираем 1-й элемент и переносим на сцену, ставим в любое место.
4. Превращаем элемент в символ, нажимая на F8
2014-06-02_21h23_43 (600x457, 76Kb)

5. Даём имя (instance name) экземпляру в панеле Свойства
2014-06-02_21h28_361 (385x310, 21Kb)

Таким же образом перетаскиваем все элементы на сцену, превращаем каждый в символ (мувиклип) p1-p12, даём имя каждому символу p1_mc, p2_mc, p3_mc и т.д.
6. После того как все элементы перенесли, на временной шкале создаём 2-й слой, называем его "actions".
2014-06-02_21h59_29 (600x139, 37Kb)

7 Нажимаем F9 на клавиатуре и вставляем код.
код

var pieces : Array = [p1_mc, p2_mc, p3_mc, p4_mc, p5_mc,p6_mc,
p7_mc, p8_mc, p9_mc, p10_mc, p11_mc, p12_mc];
for (var i:int=0; i<pieces.length; i++) {
pieces[i].buttonMode = true;
pieces[i].addEventListener(MouseEvent.MOUSE_DOWN, startMove); pieces[i].addEventListener(MouseEvent.MOUSE_UP, stopMove);
}
function startMove(evt:MouseEvent):void{
evt.target.startDrag();
}
function stopMove(evt:MouseEvent):void{
evt.target.stopDrag();
}

Если вы захотите взять другое количество элементов пазла, добавьте или уменьшите в коде instance name (p1_mc, p2_mc,.... pN_mc, где N - число элементов пазла, которое вы возьмёте) там где выделено жёлтым.
2014-06-02_22h06_01 (600x518, 52Kb)

8. Протестируйте ролик Ctrl+Enter
9. Если всё нормально сохранить ролик Файл - Экспорт - Экспортировать ролик.
Вот и весь урок. Что непонятно будет спрашивайте. Успехов в освоении Adobe Flash cs5 или cs6!
ВАТ

Рубрики:

флеш/Мои пояснения к урокам

Метки: флеш в adobe flash cs 6

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

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

Лариса_Гурьянова обратиться по имени Вторник, 03 Июня 2014 г. 02:59 (ссылка)

Молодец, Верочка! Отличный урок! А вот про белую заливку с пазлами я и не сообразила...)) Сидела и ручками в ФШ вырезала - пером. Представляешь?
Цитирую с удовольствием. Спасибо!!!

Ответить С цитатой В цитатник

Вторник, 03 Июня 2014 г. 03:02ссылка

ВАТ

Лариса , спасибо большое! А я так замучалась с тем, что не сохраняет код и скрин, что вставила не тот что надо. Спасибо большое за подсказку!

Ответить С цитатой В цитатник Обратиться по имени

Lyusya-Spring обратиться по имени Вторник, 03 Июня 2014 г. 06:43 (ссылка)

Верочка! Спасибо! Урок сохранила.Верочка! научи меня фильтры вставлять, а то я как дааавно попробовала, не получилось и я не стала на них обращать внимание. Программу я все таки установила и вчера сделала первую работу по работе Ларисы http://www.phpm.ru/u/a18e посмотри пожалуйста... мне бы теперь для начала простенькие уроки, подскажи пожалуйста, где их можно взять!

Ответить С цитатой В цитатник

Вторник, 03 Июня 2014 г. 09:36ссылка

ВАТ

Людмила, здорово получилось! Я очень рада за тебя! А куда фильтры вставлять, в фотошоп или корел? Я сейчас ухожу на работу, а когда вернусь поищу уроки с которых я начинала изучение флеша.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 10:33ссылка

Lyusya-Spring

у меня фотошоп

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 22:43ссылка

ВАТ

Людмила, посмотрите уроки по фильтрам и плагинам у Ларисы Гурьяновой, вот здесь http://www.liveinternet.ru/users/3354683/post278241319/ Внизу этого поста есть серия сообщений по фильтрам. Найдите тот, который вам нужен, нажмите на него и прочитайте, я думаю, что там и установки фильтров есть. Делайте как написано, только внимательно читайте и у вас всё получится. Я сейчас посмотрела серию сообщений, там в основном ссылка на скачивание и уроки по работе с фильтрами. В основном фильтры устанавливаются по такому пути С>ProgramFiles>Adobe>AdobePhotoshop CS5 или CS6 или СС14,0 Final >Plug - ins Людмила вы конкретно напишите какой фильтр вам нужен, может быть я найду урок по установке его (я раньше когда ничего не умела всё копировала и оставляла у себя в компе, тогда у меня не было дневника и я не знала что можно цитировать. Уроки брала в сообществах, которых сейчас уже нет).

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 00:22ссылка

ВАТ

Людмила посмотрите этот урок и другие на этом сайте http://moi-uroki.ucoz.ru/index/uroki_2/0-5

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 07:21ссылка

Lyusya-Spring

урок с размытием тут я уже освоила.......начинаю уже понимать принцип работы....

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 09:35ссылка

ВАТ

Очень рада, что всё получается. На этой странице, да и на других страницах этого сайта лёгкие и хорошие уроки. Удачи!

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 07:18ссылка

Lyusya-Spring

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

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 09:37ссылка

ВАТ

Я поняла, что вам надо установить альен скин. Я поищу урок по установке и дам ссылку сегодня или завтра.

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 12:07ссылка

Lyusya-Spring

хорошо

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 17:47ссылка

ВАТ

Людмила, посмотри вот здесь http://ps-cs.ucoz.ru/load/plagin/alien_skin_xenofex_2/3-1-0-88 и вот здесь http://creationmischel.ucoz.ru/forum/26-113-1 А здесь видео урок http://www.youtube.com/watch?v=B30r2yLBAYI

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 19:12ссылка

Lyusya-Spring

я говорю, что не дружу с ними....с фильтрами... у меня ФШ на флешке...и ничего не получается, я как то давно сумела установить фильтр, чтоб загнуть уголок и сама не поняла, как это у меня получилось.... вот такая история....да ладно, наберу эти пазлы где-нибудь..........не буду больше ни кому морочить голову....

Ответить С цитатой В цитатник Обратиться по имени

Среда, 04 Июня 2014 г. 20:37ссылка

ВАТ

Вы не то, что не дружите, вы не правильно их устанавливаете. Если ваш фотошоп на флешке, значит он портативный, а у них по другому идёт установка фильтров. Открываете папку где у вас фотошоп, двойным нажатием открываете папку АРР, потом аналогично открываете папку фотошоп, затем Plug-ins и затаскиваете туда фильтры. Альен скин и некоторые другие фильтры с .exe устанавливаются по другому, я не смогу объяснить как установить. Я могу вам прислать портабельную версию фотошопа с фильтрами основными.

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 12:52ссылка

Lyusya-Spring

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

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 12:53ссылка

Lyusya-Spring

хорошо-присылайте

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 13:06ссылка

Lyusya-Spring

СПАСИБО!!! 1000раз СПАСИБО!!!! УСТАНОВИЛА!!! теперь урок надо изучить....хоть бы получилось, мне так хочется сделать пазлы из фото внуков, им интересно было бы собирать друг друга.....

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 14:31ссылка

Lyusya-Spring

вот попробовала сделать, специально брала мало кусочков, чтобы понять

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 15:35ссылка

ВАТ

Людмила, отлично получилось! А пазлы вы в какой программе делали?

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 15:45ссылка

ВАТ

Людмила эти 3 или 4 комментария ко мне не приходили, я их только сейчас увидела. Поэтому сразу не ответила. Вот ссылка, на всякий случай решила вставить (надо будет скачаете, а нет - то не будете скачивать) http://yadi.sk/d/ZSIiZuYWSHhfu

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 20:21ссылка

Lyusya-Spring

ко мне тоже не идет на почту, поэтому и проследила.... поазлы делала в фш6

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 20:25ссылка

Lyusya-Spring

сохранила на яндекс -диск...потом надо будет разбираться, наверно ФШ5 на комп. установить потом....

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 06 Июня 2014 г. 21:04ссылка

ВАТ

Этот тоже будет работать с флешки, во всяком случае мне так кажется. Он у меня на диске D, установки не требует, только распаковать надо.

Ответить С цитатой В цитатник Обратиться по имени

jzayka обратиться по имени Вторник, 03 Июня 2014 г. 08:48 (ссылка)

Верочка,очень все понятно расписала.
Спасибо за урок.Процитируюс благодарностью
Будет настроение,сделаю.Что-то мне все поднадоело...

Ответить С цитатой В цитатник

Вторник, 03 Июня 2014 г. 09:12ссылка

Татьяна_Волкова_Литвинова

Не падать духом! Настроение, это как погода... Сегодня плохая, а завтра отличная! Ждем вашего результата.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 09:44ссылка

jzayka

Спасибо,Таня.Не то что настрения нет..Устала.
И хочется чего-то такого,чтоб захватило..
Это хорошо,что в нашем полку прибывает.
Когда начинала,даже с Мариной не была знакома.
Спросить было не у кого.Регистрировалась на форумах.
Там вопросы задавала.Вот так потихоньку кое-что освоила.
А теперь и уроки есть,и спросить можно у девочек.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 11:51ссылка

Татьяна_Волкова_Литвинова

Все будет хорошо!!!

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 09:14ссылка

Татьяна_Волкова_Литвинова

Не падайте духом! Сегодня нет настроения, а завтра будет!

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 09:28ссылка

ВАТ

Леночка, доброе утро! Это усталость. Отдохни немного и всё пройдёт. Или переключись на что-нибудь другое. Я когда устану, просто гуляю по интернету или начинаю комп. чистить. Хорошего дня, Леночка!

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 09:49ссылка

jzayka

Да у меня тут еще одна задумка появилась.
Пока озвучивать не буду.Возможно,так и останется задумкой.
Знаний маловато.
Хочу с сайтом поразбираться.Но времени не хватает..
А сдругой стороны думаю..а нужно ли мне это?....

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 20:17ссылка

ВАТ

Леночка, я тоже думала, нужно ли разбираться с сайтом, ведь делала его для того, чтобы получить код флешки. На сайте общения нет, всё сидят на сайтах наедине с самим с собой (тихо сам с собою я веду беседу). А потом решила, что нужно, интересно ведь новое узнавать и и знаний прибавляется. Вот только со временем действительно у всех проблемы, но ничего будем стараться успевать. А то что задумка появилась это здорово. Хоть бы она воплотилась в жизнь, так хочется узнать что это за задумка.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:25ссылка

jzayka

Это Лариса с плеером и множеством песен подала идею..
Задумки то появляются.Но чтобы из реализовать ,нужные определенные знания.А их ,ох как не хватает..
Я сегодня никак не могла сделать рябь скриптом.
Не получалось выделить ..пробовала и линией,и карандашом.
А лассо в флеш никогда не пользовлась.
Но добила.И на AS2 и на AS3..

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:34ссылка

ВАТ

Я сейчас тоже сделала урок с лассо (выделила небо). Там главное поаккуратнее сделать на картинке, а за картинкой можно хоть как сделать, главное замкнуть линию. Я делала плейлист но чуть-чуть по-другому не как у Ларисы. У меня все песни видны и можно прослушать именно ту, которую захочешь. Я вот так делала http://www.liveinternet.ru/users/5093970/post306489171/

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:41ссылка

jzayka

Макет для плейлиста уже сделан.Попросила.Теперь что-то подобное как у тебя будет.Сижу вот разбираюсь..

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:44ссылка

ВАТ

Успеха! Я тоже один раз сделала плеер. сохранила его итеперь сам плеер постоянно использую, а песни подбираю те что нужно и сохраняю в текстовом варианте.

Ответить С цитатой В цитатник Обратиться по имени

Лида_Юринец обратиться по имени Вторник, 03 Июня 2014 г. 09:13 (ссылка)

Спасибо за интересный урок.

Ответить С цитатой В цитатник

Вторник, 03 Июня 2014 г. 09:40ссылка

ВАТ

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

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 11:48ссылка

Татьяна_Волкова_Литвинова

Спасибо! Я рада помощи.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 20:54ссылка

ВАТ

Татьяна, а что у вас не получается? Какой момент вам не понятен? Я сейчас сделала его и всё нормально получилось.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:00ссылка

Татьяна_Волкова_Литвинова

Я его сделала, но по другому, не так как написано. Здесь у меня не получился п.4. Не получилось "Небо"-последняя фраза.http://www.liveinternet.ru/users/5130047/ А это результат в дневнике.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:11ссылка

ВАТ

Когда вы выделили верхнюю часть картинки (внизу можно поаккуратнее, а за пределами картинки хоть как сделать, гланое замкнуть контур) идите в Правка-Копировать. Делаете новый слой. Правка-вставить. Затем возвращаетесь на нижний слой вода.

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:13ссылка

ВАТ

Чтобы переименовать слой сделайте двойной клик левой клавишей мыши на слое и напишите Небо (как в фотошопе)

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:39ссылка

Татьяна_Волкова_Литвинова

Так и делаю. А вставить в центр? После возвращения на сл. "Вода"я его должна превратить в ролик? Верно? Жму на стрелку выделить, затем жму на воду, модифицировать, дать имя и далее по уроку?

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 21:56ссылка

ВАТ

Татьяна выставить по центру можно при помощи вот этого инструмента. Нажмите на него и там увидете несколько вариантов по верхней левой точке по горизонтали и по левой верхней точки по вертикали, по центру (в основном эти 2 варианта чаще всего используются), попробуйте и всё поймёте.
2014-06-03_20h48_10 (385x310, 22Kb)

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 22:01ссылка

Татьяна_Волкова_Литвинова

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

Ответить С цитатой В цитатник Обратиться по имени

Вторник, 03 Июня 2014 г. 22:04ссылка

ВАТ

А слой небо выставить как вам можно с помощью верхней стрелочки. Активируете её, берёте слой и перетаскиваете. Остальное вы правильно пишите, так и надо делать. Ещё слой можно поставить так как вам надо с помощью размеров Х и У. Посмотрите как они записаны в предыдущем слое и также выставите на новом слое
2014-06-03_21h00_47 (317x359, 19Kb)