Анимированная открытка с глиттерами в Фотошоп

С днем Святого Валентина!..

Блестящие сердечки-валентинки сегодня популярны как никогда. Конечно, самый лучший способ поздравить близкого человека — создать собственную анимированную открытку!..

Сделать ее можно не только из готовой картинки (возможно и такое), но и из фотографии.

анимация сердце с блестками

Анимированная открытка с глитттерами в Фотошоп

Как это сделать?

Анимацию можно делать сложной — к разным слоям применяется различная анимация. Можно добиться того, что к разным областям изображения будет применяться анимация с разными эффектами. Я буду в этом примере использовать любимые глиттеры).

Вот первоначальное фото.

Заменяю снежный шар ярким меховым сердечком. Сердечко находится на отдельном слое.

сделать валентинку в Фотошопе

Теперь для заполнения нужно выбрать на свой вкус глиттеры — блестки в формате gif. Я хочу заполнить сердечко вот таким глиттером: блестящая открытка на день святого Валентина

Кроме того, серебристыми блестками будет заполнен фон изображения, а розовыми оформлю надпись. Как сохранить глиттер в качестве узора, подробно написано в уроке Анимация с блестками. Так выглядит набор узоров  в Фотошопе после того, как я добавила три выбранных мною глиттера, каждому из которых присвоено три узора.

глиттеры добавлены в набор узоров Фотошоп

Зеленой обводкой выделены серебристые блестки для фона, желтым — для надписи, синим — для сердца.

Пока в моем изображении два слоя: фон и сердце. Создаю над слоем «сердце» три новых слоя. Командой Редактирование (Edit) => Выполнить заливку (Fill) (Shift+F5) заполняем каждый слой, выбирая поочередно узор из трех, предназначенных для сердца. Удерживая  Alt  и кликая по линии между слоями, создаем обтравочную маску. При этом вместо курсора появляется значок со стрелкой. Теперь палитра Слои выглядит так:

заполнить глиттером сердце на фото

Уменьшу непрозрачность каждому слою с глиттерами до 40%. Я включила видимость первому слою с глиттерами, а остальные два пока невидимы. Заметьте, после создания обтравочной маски блестки видны только на сердце.

Теперь займемся фоном. Над слоем Фон (самый нижний) создадим три новых слоя.

Перейдя на слой Фон, инструментом Быстрое выделение (W) выделяю фигуру мальчика, затем инвертирую выделение нажатием Shift+Ctrl+I. Теперь выделен, наоборот, фон вокруг мальчика.

открытка с анимацией из фотографии

Выделение пусть будет активно; переходим на новый слой над фоном и заполняем первым узором из предназначенных для фона. Становимся на второй слой и заполняем вторым узором; аналогично третий слой. Поскольку выделение активно, блестками заполняется только выделенная область — фон. Теперь Ctrl+D можно снять выделение. Меняю режим наложения каждому из этих слоев на Перекрытие.

блестящий фон на открытке

Также выключаю видимость второго и третьего слоя.

Сохраняем промежуточный результат нашей анимированной открытки с глиттерами!

Поверх всех слоев инструментом Текст создаю надпись «Дарю тебе!». Над этой надписью создаю, как и прежде, три новых слоя и заполняю поочередно узором для текста — каждый слой разным глиттером. Применяю обтравочную маску к каждому из трех слоев с узором, чтобы глиттером остался заполнен только текст. Подробно об этом — в уроке Анимация с блестками. Теперь палитра слоев выглядит внушительно:

анимация с блестками: палитра слоев

Три основных слоя — Фон, Сердце и Текст, и над каждым из них расположены по три слоя с глиттерами. Для каждой группы слоев с глиттерами я обозначила режим наложения и непрозрачность. Включим видимость только первым слоям из каждой группы. Собираем анимацию!

Открываем палитру Шкала времениОкно (Window) => Шкала времени  (Timeline) (Анимация в более ранних версиях) и нажимаем кнопку Создать анимацию кадра. Затем нажимаем кнопку Новый кадр внизу палитры Шкала времени. Теперь внимательно и не спеша, находясь на втором кадре, отключаем видимость слоям №1 из каждой группы и включаем видимость слоям №2.

Снова нажимаем кнопку Новый кадр. Находясь на третьем кадре, отключаем видимость слоям №2 из каждой группы и включаем видимость слоям №3. Повторение анимации задаем Постоянно, время отображения кадров — без задержки. Впрочем, время подберите на свое усмотрение.

анимация: открытка к Дню Святого Валентина

Наша анимированная открытка с сердцем готова!

анимация сердце с блестками

Сохраняем документ в формате GIF с помощью команды Файл (File) => Сохранить для Web (Save for Web) (или комбинация клавиш Alt+Shft+Ctrl+S). И срочно дарим! :-)

С праздником!!! Желаю вам искренней и настоящей любви, тепла, отличного настроения!

27 комментарий на «Анимированная открытка с глиттерами в Фотошоп»

  1. Желаю взаимной и чистой
    любви!
    Счастливо и непринужденно
    живи!
    Пускай день влюбленных
    окрыляет
    И много эмоций
    волнительных дарит!

      • Я на скорую руку сделала анимашку из твоей)) посмотри,в комменте на моем сайте= вроде все огоньки бегут)) Надо более аккуратно, конечно, сделать, я использовала всего 6 кадров.

        • Посмотрела, красиво! Спасибо за внимание, Лора. Огоньки получились что надо).
          А я попытаюсь таки другой принцип доработать…
          Хорошо, что твоя статья напомнила мне об этом. Я уж позабыла об этой своей недоработке!

  2. Да, с фотографией очень интересно — всё таки более личный подарок получается, чем просто с картинкой. Хотя у Вас все творения достойны внимания тех, кто любит фотошоп и хочет научиться в нём работать…

  3. Спасибо, душевная получилась открытка! ))) Желаю, чтобы каждый день дарил радость, а не только по праздникам! ))) Твит

    • Благодарю, Елена. Конечно, радовать друзей и близких нужно каждый день, а не в определенные даты). Желаю и Вам всего наилучшего!

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

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

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>