Маленькие хитрости при создании анимации.

Пятница, 20 Сентября 2013 г. 19:11 + в цитатник

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

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

Маленькие хитрости при создании анимации.

Урок - анимация.

Рабочий материал.

На просторах интернета мне понравилась такая картиночка и я решила сделать анимацию.

//img-fotki.yandex.ru/get/9115/214177006.4b/0_d4183_7867ebe_XL.jpg

Но так как высота у этой картинки была слишком узкая, я ее расширила.

Создала рабочее окошко 800 на 600 пик. и в тон картинки залила окошко цветом. Вот так.

//img-fotki.yandex.ru/get/9321/214177006.4b/0_d4185_b57af467_XL.jpg

Загрузила картинку, продублировала два раза слой. Один слой выдвинула вверх, другой опустила вниз. Стала на основной слой с картинкой, взяла прямоугольное выделение, поставила бегунок - растушевывание (от 12 до 20) по желанию, и прямоугольным выделением очистила стык картинки. Тоже самое сделала внизу картинки. Получилось вот так.

//img-fotki.yandex.ru/get/9093/214177006.4b/0_d4184_588b5de3_XL.jpg

Я решила для этой картинки сделать анимацию с разными движениями. Это конечно получилось по времени долго, но я осталась довольна результатом. Время этого стоило!!!

Я отправилась в программу - NatureStudio и загрузила свою работу.

У кого нету этой программы, советую скачать. Программу можно найти на поиске в интернете, напишите - скачать бесплатно...

Заходим в программу.

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

У вас тоже может быть такое, написала и показала вам, чтобы вы знали причину почему иногда нельзя сохранить свою работу. В таком случае закрываете программу, по новой запускаете и открываете вашу работу. Вновь загружаете работу и просто берете кисть другого цвета.

Вот я поменяла цвет кисти.

Сохраняем.

Пишем название файла и сохраняем.

Так я проделала работу с разными объектами и сохранила. Вот такие у меня получились работы, которые потом я объединила в фотошопе.

Для каждой работы были применены разные настройки и направление волн.

Анимация облаков.

//img-fotki.yandex.ru/get/9356/214177006.4b/0_d418e_8f67de6b_orig

Анимация волн на берегу.

//img-fotki.yandex.ru/get/6718/214177006.4b/0_d418b_8a047e2b_orig

Анимация платья.

//img-fotki.yandex.ru/get/9324/214177006.4b/0_d418c_705e5c4a_orig

Морские волны.

//img-fotki.yandex.ru/get/6727/214177006.4b/0_d418d_63eec771_orig

Морская пена.

//img-fotki.yandex.ru/get/6704/214177006.4b/0_d418f_c37a0450_XL.gif

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

//img-fotki.yandex.ru/get/9093/214177006.4b/0_d4184_588b5de3_XL.jpg

А теперь в фотошопе работаем с каждой сохраненной нашей анимацией отдельно. Слоев у нас получится очень много, главное не торопиться и расставить слои по кадрам правильно.

Загружаем нашу анимацию в фотошоп.

Так очищаем по очереди все слои.

Распределяем слои по кадрам.

И так пока распределим все слои по кадрам до конца.

Далее загружаем работу уже с другой анимацией и тоже также очищаем от фона нашу анимацию, переносим на работу и распределяем слои по кадрам.

В конце оформляем нашу работу.

Парень.

//img-fotki.yandex.ru/get/9163/214177006.4b/0_d4188_ce02e9b4_XL.png

Кайма.

//img-fotki.yandex.ru/get/9106/214177006.4b/0_d4187_df81a5c8_XL.png

Добавила птичку.

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

Готовую работу сохраняете в формате GIF.

Точно также можно делать и в других работах.

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

Вот пример, вода смотрится красиво, а небо в разводах...

//img-fotki.yandex.ru/get/4901/214177006.4c/0_d41b0_632254a3_orig

А теперь когда я стала анимацию делать в программе, а объединять все в фотошопе, я стала довольна работами.

Загружаю в фотошоп картинку.

//img-fotki.yandex.ru/get/6720/214177006.4c/0_d41b1_6184bd77_XL.jpg

Вырезаю нужную мне анимацию и перемещаю на картинку и получаю вот такой результат.

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

//img-fotki.yandex.ru/get/9255/214177006.4c/0_d41b2_5cf7c445_orig

Вопросы будут, обращайтесь.

Желаю успеха в творчестве!

Серия сообщений "Эдитор":
Часть 1 - Сегодня попробую показать как сделать простой плеер в программе EDITOR , и вставить в него музыку через Рамочник
Часть 2 - КАК ДЕЛАТЬ ПРОСТУЮ РАМКУ В ЭДИТОРЕ.
...
Часть 18 - Оригинальная кнопочка, для бродилок, банеров в Эдиторе
Часть 19 - Создание бесшовного фона в Эдиторе.
Часть 20 - Маленькие хитрости при создании анимации.