Главная Контакты Карта сайта
» » » Как сделать пульсирующее сердце в фотошопе

Как сделать пульсирующее сердце в фотошопе

Каледарь 3-11-2019 Посетители Просмотров: 13683

Сердечко Скоро новый год, а потом и февраль, а с ним и день святого Валентина. Попробуем сделать вот такое пульсирующее сердце.


Сердечко

Совсем скоро наступает зима. А с ней и зимние праздники - новый год, рождество, день святого Валентина, 23 февраля.

На любой из этих праздников можно подарить красивую открытку, сделанную своими руками. Вчера мы делали открытку к Новому году. Сегодня сделаем подарок ко дню святого Валентина. На него принято дарить всем валентинки, то есть маленькие подарочки или открытки в форме сердечка. 

В этом уроке попробуем сделать вот такое пульсирующее сердце.


Итак, открываем фотошоп, даем команду:
File-New (Файл - Новый). Размер зададим 400 на 400 пикселей. Фон нам не нужен пока, поэтому указываем, что картинка будет с прозрачным фоном. 

Создаем новый документ

 

Нам для урока не так уж и важно, насколько хорошо нарисовано сердце. Главное - анимация. Поэтому не будем морочить себе голову тем, как покрасивее нарисовать сердечко, воспользуемся готовым шаблоном.

Вставляем фигурку - сердцеВставляем фигурку - сердце

Конечно, открытка это совсем небольшой подарок. лучше подарить сразу готовый бизнес. К примеру - строительство ангаров. Пройдите по ссылке http://metallangar.ru/ и узнайте все о компании Строй МК.

Растягиваем рисунок на весь холст, для того, чтобы он был симметричным, не забываем удерживать нажатой клавишу Shift.
Фигура рисуется с теми стилями, которые были у вас установлены. У меня это просто черный цвет. Но, абсолютно неважно, как выглядит ваша фигурка сердца, так как мы ее сейчас все-равно перекрасим. 
Для этого щелкаем по миниатюре на слое с зажатой клавишей Ctrl. Сердце выделится. Берем инструмент градиентная заливка. Выбираем стиль заливки от центра и задаем цвета - красный и бордовый.

Закрашиваем сердце градиентомЗакрашиваем сердце градиентом

Заливаем выделение. Но рисунок все-равно выглядит плоским. Поэтому придадим ему немного объема. Для этого вызываем панельку стилей слоя (либо командой в меню Слой-Стили (Layer-Styles), либо кнопкой Fx). Добавляем Скос и рельеф и Тень. Величину установите сами, как вам больше понравится.

Придание объема сердцуПридание объема сердцу 
Итак, получилось что-то вроде вот этого. Да, мы дальше будем копировать слои. Поэтому закроем описание стилей, чтобы они не мешали.

Закрыли стилиЗакрыли стили

Копируем слой с сердечком. Проще всего нажать комбинацию клавиш Ctrl+J. Но можно воспользоваться и контекстным меню (правая кнопка мыши по слою и выбираем пункт Дублировать слой (Duplicate layer)).
Уменьшаем сердце на втором слое. Для этого сначала выделяем его (Ctrl + щелчок по миниатюре). Нажимаем комбинацию клавиш  Ctrl+T ( или даем  команду Edit  - Free Transform). Задаем размеры в 90% от исходных.

уменьшаем рисунокуменьшаем рисунок

Копируем второй слой. И точно так же уменьшаем сердечко на нем на 10%. Третий слой копируем и на нем делаем размер сердца в 80% от исходного.
Должно все выглядеть вот так:

Набор сердечек для создание анимацииНабор сердечек для создание анимации

Все готово. Вызываем панель создания анимации Окно - Анимация (Window - Animation). Открываем меню и создаем кадры из слоев.

Создаем кадры из слоевСоздаем кадры из слоев

Не забываем, что каждый кадр должен показываться какое-то время. У меня это - 0,2 сек. Анимация должна повторятся постоянно. 
Задаем время смены кадровЗадаем время смены кадров

 

Осталось только сохранить.
Файл - Сохранить для веб и устройств. (File - Save for Web & Devices). В открывшемся меню НЕ ЗАБЫВАЕМ указать, что тип сохраняемого файла GIF.
Все. Сердце пульсирует.

Пульсирующее сердце



 



 


Добавление комментария

Ваше Имя:*
Ваш E-Mail:*
Введите код
с картинки:*

Последние статьи:

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


массажСПА (SPA) — это понятие, которое восходит к латинской фразе "Sanus Per Aquam" или "Salus Per Aquam", что означает "Здоровье через воду" или "Здоровье с помощью воды"


шрифтышрифтыШрифты — это не просто буквы, это голос бренда, инструмент коммуникации и мощный элемент дизайна.


робот художникробот художник Шедеврум - нейросеть, которая позволяет создавать оригинальные изображения на основе текстовых описаний. Вы можете описать любой объект, сцену или идею, а «Шедеврум» превратит ваше описание в уникальное произведение искусства.


Термин "айдентика" происходит от английского "identity" – идентичность, и в более широком понимании охватывает не только визуальную, но и концептуальную составляющие идентификации компании.


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


Сравнение вторичного жилья и новостройки при покупке в ипотеку. Решение о приобретении жилья сегодня может быть осложнено выбором между уже построенными объектами и жилыми комплексами на стадии строительства.



«    Ноябрь 2025    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930
Личный кабинет Обратная связь