Главная | Регистрация | Вход | RSS                   Вторник, 20.10.2020, 03:45

Меню сайта
Категории раздела
Actions | Готовые действия [33]
Brushes | Кисти [280]
Textures, backgrounds | Текстуры, фоны [578]
Patterns | Заливки [24]
Plugins | Плагины [20]
Styles | Стили [208]
Fonts | Шрифт [87]
Gradients | Градиенты [17]
Frames for photo | Рамки для фото [7754]
Photo Album | Фотоальбом Фотокнига [310]
Clip Art PNG | Клипарт PNG [1301]
Clip Art PSD | Клипарт PSD [407]
Scrap sets | Скрап наборы [2170]
PSD TIFF исходники [1363]
Templates for photomontage Шаблоны для фотомонтажа [4435]
Cover for DVD | Обложки для DVD [155]
Videolessons | Видеоуроки [1614]
Books, magazines | Книги, журналы [93]
Artworks | Работы художников [78]
Picture, photo | Картинки, фото [364]
Открытки, приглашения, этикетки [111]
Сертификаты, дипломы, грамоты, благодарности [111]
Calendars | Календари [1631]
Vector Graphics | Векторная графика [424]
Web templates, elements | Веб шаблоны, элементы [11]
Miscellaneous | Разное [916]
Photoshop видеокурсы
Как создать фотокнигу в Adobe Photoshop
Мини-чат
Реклама

Объёмная анимация

RSS канал сайта Psdpng.ru
Уроки Photoshop

В этом уроке мы будем создавать анимацию, передающую объём пространства.

Волшебный лес…

Объёмная анимация

Спасибо авторам интересных работ, наполняющих интернет )))) и вдохновляющих нас на подвиги….

Для создания такой анимации я скачала Детские фоны, их очень много – на любой вкус и цвет.

Анимация у нас будет трёхплановая: первый план,  второй и задний.

При выборе исходников я учитывала какие объекты где будут располагаться: на переднем плане, что будет служить фоном и т.д.

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

Итак, начинаем подготовительный этап – создание основы для анимации.

Для начала, я поместила в рабочий документ картинку, которая будет фоном.

Объёмная анимация

По моей  задумке, задний план – фон, станет приближаться и удаляться от нас.

Для того, чтобы это получилось нужно сделать несколько копий слоя (я сделала 6 шт – слоёв всего получилось 7) и пронумеровала их от 1 до 7 в соответствии с увеличением размера слоя.

Число копий берётся не с потолка, а продумывается заранее, как и весь сюжет анимации. Я опиралась на общее число кадров, чтобы сохранялась плавность движения.  То есть в моей анимации 12 кадров, и 7 копий как раз необходимо для плавного зацикливания движения «вперед-назад». Схему распределения я приведу позже.

Кстати, копии слоёв разного размера можно создать и потом, после покадрового создания анимации. Если сомневаетесь в нужном количестве кадров в самой анимации. Как удобнее.

Поехали дальше…..

Второй план.

Набираю нужные мне предметы.  Вырезаю, копирую, трансформирую….

Объёмная анимация

При необходимости корректирую цвет, насыщенность и др. свойства объектов.

И передний план:

Объёмная анимация

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

Вот что получилось:

Объёмная анимация

Будем оживлять лес!

Теперь, подготовим слои для анимации переднего и второго плана.

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

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

Объекты переднего плана просто раздвигаем и смещаем в одну сторону. После этого соединяем  в один слой.

Объёмная анимация

Такое положение слоёв переднего и второго плана мы  оставим для первого кадра анимации.

Подготовительный этап закончился.

Переходим к созданию мультика.

Как я уже сказала в моей анимации 12 кадров.

Объясню почему. За основу я взяла движение переднего и второго планов «туда-сюда».

Это движение я создавала при помощи серии из 5 кадров.

Поясню на конкретном примере.

Для 1-го кадра (задний план пока не трогаем) я сдвинула, в одну строну цветочки и грибочки, в другую дерево.

Объёмная анимация

Потом создала  2-ой кадр (1).

Для этого кадра я сдвинула каждый из этих слоёв в противоположную сторону.

Затем сделала серию из 5 кадров (2).

Объёмная анимация

Получилось движение в одну сторону, теперь нужно вернуть всё к исходной точке и зациклить движение.

Делаем копию первого кадра и перетаскиваем его в самый конец  ленты кадров, чтобы он стал 8-м кадром.

Находясь на этом кадре, опять создаём серию кадров (так же из 5 шт).

Получилось в итоге 13 кадров.

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

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

Я распределила слои заднего плана по кадрам следующим образом:

1 кадр – 1 задн. план

2 кадр – 2 задн. план … по возрастающей

…7 кадр – 7 задн. план

8 кадр – 6 задн. план

9 кадр – 5 задн. план … по убывающей

…12 кадр – 2 задн. план

…а первый задний план у нас на первом кадре стоит.

На все кадры я поставила время 0,2 сек, но можно сделать медленнее, с задержками и т.д.

Если нужно  изменяем размер анимации. Ставим постоянное проигрывание и сохраняем в формате GIF (Ctrl+Alt+Shift+S – Save for Web&Devices).

В настройках я выбрала (Specify the dither algorithm) Определение алгоритма сглаживания - (Noise) Шум;  Colors – 256 естественно.

Вот и всё!

Объёмная анимация

Совет: если Вы хотите внести изменения в документ (новые копии, удаление слоев и т.д.), где уже создана анимация, работать лучше на первом кадре. Тогда изменения затронут все кадры, но ничего не перепутается.

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

Ещё я  добавила огоньки…. ))) чтобы лес стал по настоящему волшебным.

А это, по традиции фантазии на тему:

Объёмная анимация

Удачи и всего наилучшего!
PIROGOVADESIGN


Форма входа
Это интересно
Календарь
«  Октябрь 2020  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
Партнёры
  • Моментальные покупки
  • Всё про автомобили
  • Лучшие курсы
  • Игровой портал
  • Женские радости
  • Путешествия
  • Рецепты блюд
  • Поиск по сайту
    Курсы Photoshop
    Бесплатный курс "Ретушь Фотогарфий"
    Реклама
    Наши посетители
    Locations of visitors to this page
    И кто тут на сайте?
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    На сайте PsdPng.ru можно бесплатно и без регистрации скачать: Actions | Готовые действия, Brushes | Кисти, Textures, backgrounds | Текстуры, фоны, Patterns | Заливки, Plugins | Плагины, Styles | Стили, Gradients | Градиенты, Frames for photo | Рамки для фото , Clip Art PNG | Клипарт PNG, Scrap sets | Скрап наборы, PSD TIFF исходники, Templates for photomontage | Шаблоны для фотомонтажа, Cover for DVD | Обложки для DVD, Videolessons | Видеоуроки, Books, magazines | Книги, журналы, Artworks | Работы художников, Picture, photo | Картинки, фото , Сертификаты, дипломы, грамоты, благодарности, Calendars | Календари, Vector Graphics | Векторная графика, Web templates, elements | Веб шаблоны, элементы, Miscellaneous | Разное
    Вся информация и файлы, представленные на этом сайте, предназначены исключительно для ознакомительных целей.
    УЛИТКА - каталог ресурсов интернет Анализ веб сайтов      Russian America Top. Рейтинг ресурсов Русской Америки.   Rambler's Top100      
    Copyright MyCorp © 2020
    Создать сайт с uWeb