twitter
rss
facebook
Главная » Уроки фотошопа » Уроки фотошопа по открыткам » Уроки фотошопа. Анимационные открытки. Как сделать анимацию

Уроки фотошопа. Анимационные открытки. Как сделать анимацию

Май 31, 2012 | Автор Ольга | 13 комментариев

Уроки фотошопа. Анимационные открытки. Как сделать анимацию.

В предыдущем Уроке фотошопа мы с вами сделали открытку Спокойной ночи.
Теперь мы эту открытку немного оживим. Пусть наши кошечки машут лапками, хвостами и мигают глазками. Сделаем анимацию нашей открытки. Итак, приступим!



1. Открываем нашу сохраненную открытку в фотошопе.  Встаем на слой с открыткой и делаем клик правой кнопкой мыши по слою - Создать дубликат слоя. Создаем  1 дубликат нашего слоя.

2. Увеличим нашу картинку, а то глазки, которые должны мигать, очень маленькие. Для этого достаточно нажать на клавиатуре Ctrl+. Когда нужно будет вернуться к прежнему размеру, нажмете Ctrl-. Берем инструмент Пипетка и занимаемся первым котом.  Выбираем оптимальный цвет для закрашивания века (кликните Пипеткой на то место, откуда берёте цвет). Теперь берем обычную круглую  Кисть - подбираем размер - он зависит от величины закрашиваемой области , жёсткость 100%, цвет уже выбран и начинаем очень аккуратно закрашивать веко , не затрагивая контур века. По мере необходимости изменяйте размер кисти.


Переходим к следующему коту и проделываем ту же процедуру: выбираем цвет пипеткой и закрашиваем кистью глаза. И так делаем со всеми котами, у которых мы хотим, чтобы мигали глазки.
3. Дальше будем использовать встроенный фильтр Пластика. Идем в верхней панели в Фильтр - Пластика.

4. Увеличиваем под картинкой изображение до 200%, чтобы легче было работать. Выбираем инструмент Деформация вот с такими настройками для самых маленьких лапок:

5. Для более крупных размер кисти нужно менять примерно до 30-35. Аккуратно ставите кисть в центр сдвигаемой лапки и чуть-чуть сдвигаете ее, зажав левую кнопку мыши влево или вправо, а можно вверх или вниз - что где лучше подойдет, чтобы выглядело впоследствии на анимации так, как будто коты машут нам лапками и хвостами, желая Спокойной ночи. Когда все закончили, жмем ОК. Пока на нашей картинке больших изменений не видно.

6. Переходим в Окно анимации: на верхней панели Окно - Анимация.

7. Переходим на слой О, отключаем глазик на слое-копии-это наш 1 кадр. Теперь в панели анимации нажимаем на кнопку Создать кадр, а в панели слоев переходим на слой-копию, отключив при этом глазик на слое О.

8. Время на обоих кадрах выставляем 0.3 секунды. Запускаем анимацию кнопочкой на панели и любуемся тем, что получилось.

9. Если все устраивает, сохраняем для Web и устройств. Для более плавной анимации можно каждому кадру добавить еще промежуточные кадры, но об этом я расскажу в каком-нибудь другом уроке.

Время у меня очень позднее. Урок закончен. Спокойной ночи!

Скачать урок фотошопа можно бесплатно, с Яндекс Диска.




Понравилась статья? Поделись с друзьями!







13 коммент. к Уроки фотошопа. Анимационные открытки. Как сделать анимацию

  1. margo 2012-05-31 в 20:03

    Спокойной ночи, Олечка! Приятных сноведений!

    Ответить
  2. ирина 2012-06-01 в 01:28

    Как я завидую тем кто дружит с фотошопом( по доброму), я его боясь. Может когда-нибудь решусь научится. Спасибо за твой труд, дорогая!

    Ответить
  3. Алёна 2012-06-01 в 04:14

    Спасибо!Иду пробовать!

    Ответить
  4. ГАЛИНА 2012-06-01 в 05:19

    СПАСИБО ЗА УРОК

    Ответить
  5. елена 2012-06-01 в 06:19

    супер какая прелесть и урок понятный спасибо оленька

    Ответить
  6. Зоя 2012-06-01 в 06:39

    УРА,ПОЛУЧИЛОСЬ!!! Спасибо тебе, Оленька, за интересные уроки!!!

    Ответить
  7. Svetli 2012-06-01 в 08:35

    Молодчина, так подробно

    Ответить
  8. HD17 2012-06-03 в 07:44

    Неплохо, только почему у в анимации глаза белые?

    Ответить
  9. Ольга Коновалова 2012-06-03 в 08:04

    Надо будет попробовать сделать, я с анимацией, особенно с мелкой не очень дружу, а большей частью, просто времени не хватает. Спасибо

    Ответить
  10. Алика*** 2012-06-03 в 16:12

    Оля спасибо!!! Я через блог на Майле кое что у вас уже спрашивала спасибо за помощь!!!
    я хотела спросить вот когда беру коллаж открытки и хочу анимации делать у меня замочек не снимается пишет индексирование цвета. Не подскажите как быть?

    Ответить
  11. Надежда 2012-07-01 в 08:49

    Очень мило получилось, надо попробовать

    Ответить
  12. Людмила 2016-04-21 в 03:17

    Очень благодарна за урок!

    Ответить
    • Ольга 2016-04-21 в 16:22

      Люда, я очень рада, что этот старенький урок тоже пригодился! Спасибо!

      Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:bye:  :good:  :negative:  :scratch:  :wacko:  :yahoo:  B-)  :heart:  :rose:  :-)  :whistle:  :yes:  :cry:  :mail:  :-(  :unsure:  ;-)