Занятие 5. Создаем анимацию.

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

Для начала - откроем готовый файл. Лучше с хищным зверем. Например, с тигром. Например, с ЭТИМ.

Теперь проверяем, видим ли мы панель слоев справа. Если не видим - нажимаем в главном меню Окно - Слои.

Вы должны видеть примерно такую картинку:

Пока у нас только один слой с тигром. Но мы сейчас это исправим. Нажимаем комбинацию клавиш <Ctrl>+<J>. Добавляем таким образом еще 4 слоя.

Если вы нажимаете, а у вас ничего не происходит, проверьте следующие моменты:

• стоит ли полосочка выделения на слое "Задний план"? Щелкните по слою ЛКМ. На всякий случай.
• Нажимаете ли вы именно букву <J>? В английской раскладке клавиатуры? (На некоторых компьютерах раскладка важна).
• Уверены ли вы, что ДЕЙСТВИТЕЛЬНО нажимаете ОДНОВРЕМЕННО? Слушайте, будьте проще. Зажмите клавишу <Ctrl>. Сама по себе она ничего не делает. Зажали? Держите. А теперь <J>...<J>...<J>...<J> - О! Получилось!

Теперь наша панель слоев выглядит так:

Стоит обратить внимание на изображение глаза слева на каждом слое. Это параметр видимости слоя. Если "глаз" есть - слой видим. Если по "глазу" щелкнуть ЛКМ, слой скроется, не будет отображаться, но при этом останется в составе файла. Кстати, все наши слои имеют 100% в параметре "Непрозрачность" - в верхней части панели слоев видна надпись Непрозр.: В этой работе нам надо, чтоб было именно так. Но учтите, что когда вы поверх измененного слоя будете включать следующий непрозрачный слой, изменения будут скрываться. Сейчас увидите.

Убираем три верхних глазика (отключаем видимость слоев Слой 1 (копия) 3, Слой 1 (копия) 2, Слой 1 (копия) 1) и щелкаем ЛКМ по Слою 1, оставив ему глазик слева.

Дальше будет интересно. Вот у вас - какой Photoshop? Кроме версии программы есть еще версии переводов. Вот нам сейчас нужны Фильтры. Слово Фильтр во всех версиях Фотошопа легко найти в Главном меню.

А дальше - интересней. В английском варианте идите таким путем:

Filter - Render - Lens Flare

В русском варианте может быть или

Фильтр - Освещение - Блик     или    Фильтр - Рендеринг - Блик

Если вам удалось найти нужный фильтр, у вас откроется такое окно:

В этом окне мы делаем три действия:

1. Проверяем, стоит ли переключатель (точка в нижней части окна) в самом верхнем положении.
2. В окошке, где яркость в процентах, ставим значение 40. Можно с клавиатуры ввести, можно ползунок перетянуть.
3. Теперь кончиком указателя мышки тыкаем тигру в глаз. Красота требует жертв...

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

После нажатия кнопки ОК у тигра загорелся один глаз...

Включаем глазик на третьем снизу слое, том, который называется Слой 1 (копия) 1. Глаз у тигра потух, но это потому, что слои у нас непрозрачные. Выбираем этот слой, щелкнув по нему ЛКМ. Повторяем операцию: 

Фильтр - Рендеринг - Блик

Только теперь мы не меняем ничего, кроме яркости. Ставим 60%.

Теперь то же самое с слоем Слой 1 (копия) 2. Яркость ставим 80%.

Отключаем видимость всех слоев кроме двух самых нижних. Теперь абсолютно аналогично занимаемся вторым глазом тигра: 40%, 60%, 80%...

Мы не задействовали самый верхний слой. Теперь, когда у нашего тигра одинаково горят два глаза, сделаем финальную вспышку. Переходим на самый верхний слой. Выбираем его ЛКМ. Включаем видимость слоя.

Для финальной вспышки мы ставим яркость 150% и выбираем один из трех вариантов:

Вариант переключателя в нижней части окна "35 мм" - это как фара автомобиля в режиме "Ближний свет".

Вариант "105 мм" - это как "Дальний свет" у автомобиля.

Вариант "Начало ролика" - это такой гламур-гламур... Выбирайте, что вам больше нравится. И ставьте сначала на один глаз. Нажмите ОК. А потом на этом же слое на второй глаз. Нажмите ОК.

У меня получилось примерно так.

Теперь открываем еще одно окно. Для этого нажимаем в Главном меню: Окно - Анимация. У нас открывается окно, обычно, в нижней части экрана:

Нажимаем на панели анимации на кнопочку, выделенную красным кружком, чтоб получить 9 кадров.

Становимся на кадр 1. Отключаем все глазики видимости слоев, кроме самого нижнего. 

Становимся на кадр 2. Включаем глазики на двух нижних слоях.

Становимся на кадр 3. Включаем глазики на трех слоях.

Становимся на кадр 4. Включаем глазики на четырех слоях.

Становимся на кадр 5. Включаем глазики на пяти слоях.

Становимся на кадр 6. Начинаем идти в обратную сторону - включаем глазики на четырех слоях.

Становимся на кадр 7. Включаем глазики на трех слоях.

Становимся на кадр 8. Включаем глазики на двух слоях.

Становимся на кадр 9. Включаем глазик на самом нижнем слое.

Теперь установим время для каждого кадра. У вас по умолчанию под каждым кадром 0 сек. Поменяйте на всех кадрах кроме 5 на 0,2, а на пятом кадре поставьте 0,5.

Теперь нажмите на выделенную  на рисунке кнопочку. Нравится?

Теперь самое главное: надо правильно сохранить файл. Чтобы анимация сохранилась, мы идем таким путем:

Файл - Сохранить для Web и устройств 

У вас откроется такое окно:

Нажмите на кнопку "Сохранить", выделенную кружком. 

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

Анимация работает не во всех просмоторщиках графики. Обычно в стандартном "Просмотре фотографий Windows" все хорошо, но в крайнем случае вы можете спокойно открыть файл с помощью Internet Explorer и будет вам счастье. Примерно такое:

Удачи и творческих успехов!