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 Май 31, 2012 в 8:03 пп

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

    [Ответить]

  2. ирина Июнь 1, 2012 в 1:28 дп

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

    [Ответить]

  3. Алёна Июнь 1, 2012 в 4:14 дп

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

    [Ответить]

  4. ГАЛИНА Июнь 1, 2012 в 5:19 дп

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

    [Ответить]

  5. елена Июнь 1, 2012 в 6:19 дп

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

    [Ответить]

  6. Зоя Июнь 1, 2012 в 6:39 дп

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

    [Ответить]

  7. Svetli Июнь 1, 2012 в 8:35 дп

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

    [Ответить]

  8. HD17 Июнь 3, 2012 в 7:44 дп

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

    [Ответить]

  9. Ольга Коновалова Июнь 3, 2012 в 8:04 дп

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

    [Ответить]

  10. Алика*** Июнь 3, 2012 в 4:12 пп

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

    [Ответить]

  11. Надежда Июль 1, 2012 в 8:49 дп

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

    [Ответить]

  12. Людмила Апрель 21, 2016 в 3:17 дп

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

    [Ответить]

    Ольга отвечает:

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

    [Ответить]

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

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

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