Четверг, 21.11.2024, 15:14

Средняя школа №188 Санкт-Петербурга

Государственное бюджетное общеобразовательное учреждение
средняя общеобразовательная школа № 188
с углубленным изучением мировой художественной культуры
Красногвардейского района Санкт-Петербурга
имени Героя Советского Союза Л.Г.Белоусова
(официальный сайт)

Главная

Новости

Из истории школы

Школьная газета

Учебный процесс

Инновационная
деятельность

Руководство.
Педагогический состав

Питание

Электронный дневник

Школьный музей

Гостевая книга

Контакты

Вопросы директору

Поиск

[19.11.2024]
Обновленные положения!

[19.11.2024]
Распоряжение КпО 1388-р о проведении итогового сочинения (изложения)

[05.11.2024]
Комитет по финансам СПБ информирует

СВЕДЕНИЯ О ШКОЛЕ

Для маломобильных граждан

Доступность школы для маломобильных групп населения

Обратная связь

Каталог статей

Главная » Статьи » Методические материалы

Анимированное сердечко

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

Этот короткий и очень простой урок покажет, как вам самим сделать бьющееся сердце. И хотя до Дня Св. Валентина ещё далеко, кто знает, может оно вам и раньше пригодится Что ж, откройте Photoshop. Создайте новый документ. Для этого кликните Файл > Новый и в открывшемся окне назначьте размеры 300x300 px и белый фон.

Выберите основной цвет #FD7FA3 (кликните по цветному квадратику в палитре инструментов и начначьте там указанный нами розовый цвет).

Используя Custom Shape Tool (Инструмент "Произвольная фигура")

нарисуте ваше сердечко. Для этого, кликнув по инструменту, в верхнем меню выберите Фигура > Сердечко. Проведите мышкой с нажатой кнопкой по вашему документу по диагонали и отпустите кнопку мыщи, чтобы получилось сердечко.

Теперь, используя Move tool (Инмтрумент "Перемещение")

поместите сердце посередине документа.

Кликнем в палитре Слои значок fх (фунции) внизу палитры Слои для придания объемности сердечку. Выбирайте необходимые опции и их настройки в соответствии с рисунками (см. ниже)

Drop Shadow (Тень)

>

Inner Shadow (Внутренняя тень)

Inner Glow (Внутреннее свечение)

Gradient Overlay (Наложение градиента)

Outer Glow (Внешнее свечение)

Satin (Глянец)

У вас должно получиться нечто подобное:

Дублируем слой с сердцем 3 раза (кликая в палитре Слои черный треугольничек справа вверху сразу под крестиком, закрывающем окно, а в открывшемся меню выбираем Создать дубликат слоя. В открывшемся окне того же названия кликнуть ОК).

Выбираем в главном меню Transform > Free Transform или Ctrl+T (Трансформация > Свободная трансформация). На каждом слое уменьшаем размер сердечка на 5% (см. в верхнем меню инструмента Трансформация). Т.е. первый дублированный слой - 95%, второй - 90%, третий 85% от оригинала. Самый первый слой оставляем без изменений.

Если у вас закрыта панель анимации, скорей открывайте её (Окно > Анимация)! Нажмите на треугольничек в кружочке в правом верхнем углу панели анимации. Выберите Make Frame from Layers (Создать кадры из слоев).

Можете скопировать 3-ий фрейм и поставить его после 4-го, скопируйте 2-ой и поставьте его после 5-го, 1-ый после 6-го. Поиграйте с интервалами времени. Вот и результат:

Теперь важно правильно сохранить результат. Для этого кликните в главном меню Файл > Сохранить для WEB...
Выберите именно такие настройки в открывшемся окне, как вы видите на рисунке ниже и кликните Сохранить, сохраняя gif-файл анимашки в удобном для вас месте. Откройте этот файл и проверьте, как работает ваша анимация.