С днем Святого Валентина!..
Блестящие сердечки-валентинки сегодня популярны как никогда. Конечно, самый лучший способ поздравить близкого человека — создать собственную анимированную открытку!..
Сделать ее можно не только из готовой картинки (возможно и такое), но и из фотографии.
Анимированная открытка с глитттерами в Фотошоп
Как это сделать?
Анимацию можно делать сложной — к разным слоям применяется различная анимация. Можно добиться того, что к разным областям изображения будет применяться анимация с разными эффектами. Я буду в этом примере использовать любимые глиттеры).
Вот первоначальное фото.
Заменяю снежный шар ярким меховым сердечком. Сердечко находится на отдельном слое.
Теперь для заполнения нужно выбрать на свой вкус глиттеры — блестки в формате 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). И срочно дарим!
С праздником!!! Желаю вам искренней и настоящей любви, тепла, отличного настроения!
Желаю взаимной и чистой
любви!
Счастливо и непринужденно
живи!
Пускай день влюбленных
окрыляет
И много эмоций
волнительных дарит!
Спасибо). Хоть я и вижу такие же комментарии-близнецы на других сайтах)
спасибо за хороший урок! с праздником вас!
Благодарю! И Вас с праздником!
Отличная подарочная открытка получилась!!! Спасибо за урок!!! И с ПРАЗДНИКОМ!!! Любви и счастья!!!!
Лора, спасибо! С праздником!
Я на скорую руку сделала анимашку из твоей)) посмотри,в комменте на моем сайте= вроде все огоньки бегут)) Надо более аккуратно, конечно, сделать, я использовала всего 6 кадров.
Посмотрела, красиво! Спасибо за внимание, Лора. Огоньки получились что надо).
А я попытаюсь таки другой принцип доработать…
Хорошо, что твоя статья напомнила мне об этом. Я уж позабыла об этой своей недоработке!
Спасибо за познавательный урок)))С праздником Вас!!!
Благодарю, Саша, и Вас поздравляю от души!
Да, с фотографией очень интересно — всё таки более личный подарок получается, чем просто с картинкой. Хотя у Вас все творения достойны внимания тех, кто любит фотошоп и хочет научиться в нём работать…
Спасибо, Галина. Да, с фотографией действительно получается индивидуальный подарок.
Эмили, какая ж ты кудесница! Отличный урок! Спасибо!
Поздравляю с праздником! Любви, взаимопонимания, тепла и радости!
Спасибо, Людмила, дорогая! И тебя с праздником, желаю счастья и любви!
присоединяюсь к Людмиле и в констатации факта — отличный урок, а вот по поводу праздника…что б каждый день был День влюбленных
Спасибо, Алиса. Я не против, пусть каждый день таким и будет!
Классно! Каждый день — день влюбленных! Алис, поддерживаю!
Спасибо, душевная получилась открытка! ))) Желаю, чтобы каждый день дарил радость, а не только по праздникам! ))) Твит
Благодарю, Елена. Конечно, радовать друзей и близких нужно каждый день, а не в определенные даты). Желаю и Вам всего наилучшего!
Как просто оказывается сделать блестящую анимацию в фотошопе. Здорово, спасибки за подробный мастер-класс!
Да, это в самом деле легко и интересно. Спасибо, Светлана!
Эмили, правда классно получилось (я про баннер с Масленницей)!
Ты ещё туда ссылочку сделала — умничка!!!!!
У тебя научилась, дорогая !.. Спасибо)))
взаимное обучение…что может быть более результативным и показательным?
Ага). В особенности, когда можно показать результат)))
Когда вот так все расписано по шагам, то, оказывается, что не так уж сложно. А я все думала, как достигают такого эффекта.
Верно, очень многие приемы оказываются несложными, когда знаешь суть.