С чем мы познакомимся в этом уроке: фильтр "Lens Flare",  принципы работы программы Image Ready, изменение скорости анимации, сохранение анимированного изображения.

Исходные материалы

Давайте сделаем именно эту аватару вместе с вами. Сохраните себе вот эту картинку:

1. Открываем нашу картинку в фотошопе. File- Open (Файл - Открыть)

2. Делаем две копии слоя с картинкой, нажав на него в панеле "Layers" (Слои) правой кнопкой и выбрав "Duplicate layer" (скопировать слой). Или быстрее - жмем дважды на клавиатуре "Ctrl + J".

Теперь видим в панели "Layers" (Слои) три одинаковых слоя с нашей картинкой:

3. Сначала работаем с первым слоем. Идем в "Filter" - "Render" - "Lens Flare..." (Фильтр - Рендеринг - Блик)

Открывается вот такое окно:

Разберем его:

- Сначала мы видим окно "Flare Center" (Центр блика), в котором перед нами наша картинка и небольшой крестик-курсор на ней. В этом окошке мы с вами выбираем место, где будет блик. Я поставила его на брошку вот сюда:

- Ниже мы видим поле, в котором предлагается ввести проценты, с названием "Brightness". Это яркость вашего блика. Если вы потаскаете бегунок вправо или влево (а можете вводить числовые значения в белое поле) вы увидите изменения на своей картинке в окне "Центр блика". Выбираете то, что вам понравилось.

- Дальше идет "Lens Type" (Тип блика). Здесь тоже пройдитесь методом научного тыка, повыбирайте разные варианты и сотановитесь на том, что вам понравится.

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

Примечание: Если вы поставили блик неудачно и хотите переделать свою работу - отменяем все предыдущие действия над нашей картинкой. Как это сделать? Да очень просто! Обратите внимание на то, что находится в этой программе справа. Найдите вот такую панель History: (История)

В этой панеле "пишутся" (запоминаются) все ваши действия. В нашем случае это всего два действия:
Open (когда мы открыли нашу картинку)
и lens flare (когда мы применили фильтр "блик")

 Чтобы отменить последнее действие, (убрать блик) просто щелкните по слову open. Таким образом вы вернулись на шаг назад. Ваш блик пропал. Теперь можно делать новый.
Вот так, с помощью панели "History" (История) мы можем отменять любые последние сделанные шаги, которые нам оказались не нужны. Этот навык пригодится вам в любое работе с программой Photoshop.

4. Теперь переходим ко второму слою. Для удобства убираем видимость первого слоя, с которым работали. Для этого щелкаем по "глазику" около первого слоя:

Щелкаем по второму слою мышкой, выделяя его. Снова идем в "Filter" - "Render" - "Lens Flare..." (Фильтр - Рендеринг - Блик), но на этот раз ставим блик в другом месте.

Тоже самое проделываем с третим слоем: убираем видимость второго слоя (чтобы видеть третий под ним), выделяем третий слой мышкой, применяем к нему фильтр, ставя блик в иное место:

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

5. Для создания анимации, переходим в Image Ready (Имедж Риди), воспользовавшись меню «File – Edit in Image Ready» (Файл – Редактировать в Имедж Риди), или нажав кнопку на панели инструментов:

Перед нами открывается Имедж Риди с нашей картинкой.
Ищем панель «Animation» (Анимация) на экране.

Примечание:  Если ее перед вами нет, откроем ее, зайдя в «Window - Animation» (Окна - Анимация):

Теперь нам нужно создать в панели анимации три кадра (сейчас там один, показывающий нижний, третий слой, нашей картинки). Для этого дважды жмем кнопку «Duplicate Current Frames» (Скопировать выделенные кадры) на панели «Animation» (Анимация):

Перед нами три кадра. Наша задача – чтобы на каждом кадре был виден только один блик, т.е. должна стоять видимость только ОДНОГО слоя.
Давайте разберемся. Выделите первый кадр в панели «Animation» (Анимация), щелкнув по нему мышкой. Посмотрите вправо на панель «Layers» (Слои) и заметьте, что видимость (глазик) стоит только около нижнего, третьего, слоя. Так вам и нужно, ничего не меняйте. Теперь выделите второй кадр. На втором кадре у вас должен быть другой блик, тот, что на втором слое. Для этого включите видимость у второго слоя:

И наконец наш последний третий кадр. Выделяем теперь его, щелкнув по нему мышкой.
На нем должен быть наш первый слой, первый блик. Для этого включаем видимость  около него:

Вот и все! Нажав кнопку старт на панели «Animation» (Анимация) вы увидите свой результат:

6. Изменение скорости анимации.

Если вы хотите ускорить/замедлить вашу анимацию, то обратите внимание, что под каждый вашим кадром есть число – это время в секундах. Щелкнув по нему мышкой, вы сможете выбрать (или вписать вручную) нужное вам время. Теперь один кадр сменится на другой только спустя это время.

Примечание: Если в вашей анимации много кадров (в нашем уроке их всего три), вы можете выделить все кадры одновременно, проставив время для всех сразу. Для этого щелкните левой кнопкой мыши по первому кадру анимации, зажмите Shift на клавиатуре и (с зажатой кнопкой) щелкните мышкой по последнему кадру анимации. Выделяться все кадры. Щелкните по времени под любым из кадров и установите нужное. Новое время появится под каждым кадром.

Сохранение анимированного изображения.

Теперь давайте научимся сохранять ваши труды :)
Откройте в том же Имедж риди панель «Optimize» (Оптимизация):

Перед вами откроется окошко «Optimize». Оно нужно для оптимизации изображений. Выберите формат вашего изображения  - «gif». Если оставить какой-то другой формат – вы сохраните первый кадр анимации, картинка не будет двигаться.
После того, как вы выберите формат, ваше окно немного увеличиться, показав вам остальные настройки сохранения. Первыми идут настройки «Color table» (таблица цветов). Здесь вам необходимо выбрать количество цветов в вашей картинке. Естественно, чем больше цветов – тем качественнее картинка (и тем она больше весит). Я выбрала максимум – 256 цветов.

Примечание: увидеть, как ваши настройки качества выглядят на аватаре легко: в окне изображения переключитесь на вид «Optimized» (оптимизированный) с «Original» (оригинальный):

ВНИМАНИЕ: более тонкие настройки этой панели, а именно – способы уменьшения веса аватары, мы разберем вместе с вами в уроке «Оптимизация изображения».



Теперь мы можем сохранить нашу аватару. Для этого воспользуемся меню «File – Save Optimized As...» (Файл – Сохранить оптимизированный как…):

Появится окно, в котором вам предложат выбрать место и имя для сохранения аватары. Укажите и то, и другое. Жмите Ок.

Если вы впервые пользуетесь Имедж риди, программа, скорее всего, выдаст вам предупреждение: «Некоторые файлы будут сохранены не в латинской кодировке» и т.д. Отметьте «Never» (никогда) около «Show» (показывать), чтобы это предупреждение больше не появлялось при сохранении.

Все, ваша аватарка сохранена там, куда вы указали! Мои поздравления с успехами ;)

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее