Четверг, 09.02.2012, 15:23
Приветствую Вас Гость | RSS

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
LIMONKA: Мир Фотошопа » УРОКИ ADOBE PHOTOSHOP CS2-4 » Анимация » Урок №58. Анимация перехода между кадрами ((фильтр + слияние изображений) готово)
Урок №58. Анимация перехода между кадрами
Сатин Дата: Пятница, 01.05.2009, 18:41 | Сообщение # 1
Хранительница Иллюзий
Группа: Босс
Сообщений: 11095
Награды:  
Подарки: 27
 
От куда:  Москва
 
Статус: Гуляет
источник урока

Помимо так называемой "Растяжки", или "плавного перехода между кадрами" существуют и другие способы красиво осуществить переход между кадрами.

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

Эффектнее всего выглядит результат этого урока с изображениями близкими к друг другу. Например, на одном фоне, с одним персонажем в главной роли, или в похожей цветовой гамме. Идеальный вариант - два кадра из одного момента фильма. Я выбрала вот такие исходники для своего урока:

и

Результат урока:

1. Оба выбранных изображения нужно привести к единому формату - одному размеру. Обрежьте или уменьшите свои картинки, если это требуется.

2. Теперь перетащите одно изображение на другое, воспользовавшись инструментом "Move tool" (инструмент перемещения), зажав левую кнопку мыши и потащив одно изображение на другое.
Либо воспользуйтесь командами Copy (Копировать - ctrl + c) на одном изображении и Paste (Вставить - crtrl + v) на другом.

3. Создайте по три копии каждого из двух слоев. Для этого, выделив поочередно один и другой жмите на клавиатуре ctrl +j, либо правой кнопкой по слою и команда "duplicate layer" (дублировать слой). Вот, что вышло:

4. Пользуемся слиянием изображений. Для того, чтобы наш переход с фильтрами выглядел более плавно - две копии из получившихся мы объединим с помощью "Слияния изображений". Я решила "слить" вместе копии, которые находятся в середине, чтобы не запутаться И, для удобства, отключила видимость слоев над той копией, к которой буду присоединять слой-маску. Градиент на слой-маске я проводила справа налево, чтобы просвечивала правая сторона картинки. Вот скрин с подробными объяснениями:

Вот так выглядит сейчас, после слияния, наша аватарка:

5. Объединим слой, к которому применена слой-маска, со слоем, который просвечивает через маску.
Объединяем, нажав правую кнопку на слой, к которому применена слой-маска, и выбрав команду "Merge Down" (Объединить с нижним). Для тех, кто не понял:

Вот так выглядит панель "Layers" (Слои) после объединения слоев:

6. Работаем с фильтрами.
Теперь, когда мы подготовили наши слои для перехода между ними - займемся применением фильтров.
Я вернула видимость для первых трех слоев и начну применять фильтр с самого верхнего. Для этого урока я решила выбрать фильтр "Brush Strokes" - "Sprayed Strokes" (Мазки кисти - Распыляемые мазки) или Фильтр - Штрихи - Аэрограф:

Самый верхний и самый нижний слой не трогаем, к ним фильтр не применяем.

Для второго сверху слоя (Layer 1 copy 2) ставим радиус распыления - "3":

у кого то это будет выглядеть так:

Этот же фильтр с этим же значением применяем ко второму низу слою (Background copy):

Дальше выделяем третий сверху слой (Layer 1 copy 1), ставим радиус распыления - "10":

Этот же фильтр с этим же значением применяем к третьему снизу (Background copy 2):

Дальше выделяем наш слитый из двух изображений слой Background copy 3, ставим радиус распыления - "15":

Вот и все, работа с фильтрами окончена. Наша панель "Layers" выглядит вот так:

7. Займемся анимацией.
Переходим в Имедж Риди:

На панели "Animation" (анимация) в выпадающем окне находим команду "Make Frames from layers" (создать кадры из слоев), которая создаст вам кадры из каждого существующего слоя:

И получаем вот такую панель "Animation":

Можно смело запускать анимацию, нажав кнопку "play":

8. Доделываем работу.
Чтобы аватар смотрелся красиво, предлагаю скопировать эти кадры и сделать реверс - анимацию в обратную сторону. Самый простой способ сделать это, не путаясь с видимостью слоев такой:
выделите все кадры, щелкнув с первого на последний с зажатой кнопкой "shift". Теперь в выпадающем окне выберите команду "Copy Frames" (Скопировать кадры):

Кадры теперь в нашей памяти.
Следующий шаг - в этом же выпадающем окне выберите "Reverse frames" (реверсировать кадры):

И наши кадры выстроятся в обратном порядке. И последнее - вставим кадры, которые у нас в памяти, выбрав в выпадающем меню команду "Paste Frames" и отметив в появившемся окне "Paste after selection" (вставить после выделенных кадров):

Теперь, запустив анимацию вы увидим свой эффектный переход в обе стороны:

Чтобы немного уменьшить вес аватарки, мы можем удалить 8 и 14 кадры - они повторяются.
Последний штрих - выставим время. Подольше - на четких кадрах (1, 7), поменьше на остальных. Наш аватар готов!

ВАЖНО: А теперь самое главное! Суть урока в том, что вы можете сделать совершенно разные переходы между кадрами, используя вместо фильтра "Brush Strokes" - "Sprayed Strokes" любой другой фильтр, понемногу изменяя его параметры! Главное - не забудьте посередине сделать объединенный слитый кадр, (как мы сделали выше, до работы с фильтрами) он сделает переход более плавным.

Удачи в экспериментах!


требуются модераторы



PlagiatNIK.ru - Ник Сатин защищен.
 
Сатин Дата: Пятница, 01.05.2009, 23:38 | Сообщение # 2
Хранительница Иллюзий
Группа: Босс
Сообщений: 11095
Награды:  
Подарки: 27
 
От куда:  Москва
 
Статус: Гуляет
моя анимация



требуются модераторы



PlagiatNIK.ru - Ник Сатин защищен.
 
katerussia Дата: Вторник, 23.06.2009, 16:09 | Сообщение # 3
Полковник
Группа: Аватарщики
Сообщений: 154
Награды:  
Подарки: 8
 
От куда:  Moscow
 
Статус: Гуляет
Сатин,
Прикольно))
А аву я помню)) которая за место аватарки на моем форуме стоит=)
 
LIMONKA: Мир Фотошопа » УРОКИ ADOBE PHOTOSHOP CS2-4 » Анимация » Урок №58. Анимация перехода между кадрами ((фильтр + слияние изображений) готово)
Страница 1 из 11
Поиск:

      К нам сегодня заходили: