Оригинал работы здесь.

Для работы вы можете выбрать любое фото с выразительными глазами.

Рабочий материал здесь -

Открываем рабочий материал в фотошопе и создаем два дубликата слоя.



Чтобы легче было работать, увеличиваем изображение.



Перед цифрой пять вписываем цифру - один и жмем - ОК.



Берем "Прямолинейное лассо", "Растушевка" - 2 пикс.



На верхней панели фотошопа жмем на двойной квадратик. Выделаем глаза на слое.



Очищаем.



Отменяем выделение.



Становимся на слой "Фон копия" и дублируем слой.

Слои назовем - "Нижний слой" и "Нижний слой копия".



Становимся на "Нижний слой", берем инструмент "Перемещение", на компьютере - жмем на стрелочку влево два раза. Готовим слой для анимации зрачков.



На слое - "Нижний слой" отключаем глазик.

Становимся на слой "Нижний слой копия" - на компьютере жмем два раза на стрелочку вправо.



Выделяем слои как показано на скрине.



Слои прячем в группу. Группу назовем - "Движение".



Становимся на слой - "Фон копия", делаем прямоугольное выделение.



Выделение - Инверсия



Очищаем.



Отменяем выделение.



Дублируем слой.



Идем в фильтр - Пластика...



Берем инструмент - "Заморозить" и красной кистью проводим как на скрине. Номер кисти - 136.

Берем инструмент - "Деформация", наводим середину кисти на уровне бровей и прикрываем глазки.







Получится так.



Дублируем слой.

Берем "Прямоугольное лассо", "Растушевка" 2 пикс. и делаем выделение как на скрине.



Очищаем - Отменяем выделение.



Получится так.



Становимся на слой "Фон копия 4".





Устанавливаем слой как показано на скрине.



Отключаем на слое глазик.

Берем "Прямоугольное лассо", "Растушевка" 8 пикс. и делаем выделение как показано на скрине.



Включаем глазик на слое.

Очищаем - Отменяем выделение



Получится так.



Отключаем глазик на слое.

Включаем глазик на фоне.

"Прямоугольным лассо", "Растушевка" 8 пикс. делаем выделение как на скрине.



Выделение - Инверсия



Очищаем - Отменяем выделение



Берем "Мягкий ластик", размер кисти - 63 пикс, "Непрозрачность" кисти - 69%.
Ластиком проходим по указанным на скрине участкам.



Становимся на слой "Фон копия" и дублируем слой.

Берем "Прямоугольное лассо", "Растушевка" 2 пикс. Жмем на двойной квадратик на панели фотошопа и делаем выделение как на скрине.



Выделение - Инверсия

Редактирование - Очистить



Получится так. Слой перемещаем наверх.



Становимся на слой - "Фон копия 3", включаем глазик на слое. На остальных слоях глазки отключены.

"Прямоугольным лассо", "Растушевка" 2 пикс. делаем выделение как на скрине.



Очищаем - Отменяем выделение.



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



Берем инструмент "Перемещение". Становимся на слой - "Фон копия 5" и стрелочкой вниз опускаем слой как показано на скрине.



Редактирование - Трансформирование - Деформация



Приподнимаем в тех местах где показаны стрелочки.



Дублируем слой с фоном. Слой перемещаем наверх.

Берем "Прямолинейное лассо", "Растушевка" 10 пикс., делаем выделение как на скрине.

Выделение - Инверсия

Редактирование - Очистить

Выделение - Отменить выделение



Слою ставим "Непрозрачность"- 62%.



Выделяем те слои, которые показаны на скрине и прячем в группу.



Группу назовем -"Моргание" и отключим глазик на группе.



Становимся на слой - "Фон копия" и дублируем слой.

Фильтр - Пластика...



Закрываем глазки. Размер кисти - 136.



Получится так.



Становимся на слой -"Фон копия" и дублируем слой. Слой перемещаем наверх.



"Растушевка" 2 пикс., делаем выделение как на скрине.



Выделение - Инверсия



Редактирование - Очистить

Выделение - Отменить выделение



Редактирование - Трансформирование - Отразить по вертикали



Получится так.



Дублируем слой. На верхнем слое отключаем глазик. Твердым ластиком удаляем как показано на скрине.



Переходим на слой выше, включаем глазик и удаляем как показано на скрине.



Становимся на слой - "Фон копия 8".

Редактирование - Марионеточная деформация



Отмеченное кружком опускаем.



Поворачиваем слой.



Слою применяем марионеточную деформацию.



Выделяем указанные слои и объединяем.



Берем мягкий ластик - 25 пикс. "Непрозрачность" ластика - 31%. Проходим ластиком по краю где указано в срине.



"Мягким ластиком", "Непрозрачность" 100%, подтираем уголки глаз на слое.



Становимся на слой "Фон копия 7" и дублируем слой.







Становимся на слой "Фон копия 7". "Растушевка" - 10 пикс., делаем выделение как на скрине.









Создаем дубликат слоя с фоном и перемещаем наверх.



"Растушевка" - 10 пикс., делаем выделение как на скрине.



Очищаем, отменяем выделение.



Получится так.



Становимся на слой - "Фон копия 7". "Растушевка" - 2 пикс., делаем выделение как на скрине.











Становимся на слой - "Фон копия 8", берем "Мягкий ластик" 68 пикс., "Непрозрачность" ластика - 34%, и проходим по выделенным местам где показано на скрине.



Создаем новый слой. Берем мягкую кисть - 48 пикс.,"Непрозрачность" - 65% и закрашиваем участок указанный на скрине.

Код цвета в палитре цветов - c09181

Слой устанавливаем как указано в скрине.



Создаем новый слой. В палитре цветов меняем код.
Код цвета - e5d0c1
Кистью закрашиваем как показано на скрине.









Выделенные слои прячем в группу. Группу назовем - "Закрытие".



Уменьшаем размер изображения. В окошке удаляем цифру один и жмем - ОК.







Ставим время. Постоянно. Добавляем 20 кадров.







Открываем группу. На скрине показано на каких слоях включены глазки.





Слой "Фон копия 2" не выключать при распределении слоев по кадрам.



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



Закрываем группу.







Становитесь на первый кадр, подписываете работу.

Работу сохраняйте в формате - GIF.

Свои работы по уроку выставляйте в комментарии под уроком, для удобства просмотра работ!!!

Жду ваши работы!!! Успеха в творчестве!!!

Вопросы будут - обращайтесь!!!

Photoshop + (Онлайн фотошоп - Эдитор)

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

              Листаем страницы           Анимация бабочки       Зажигаем свечу          Анимация движений               Наливаем сливки        Анимация игрушек