Анимация кардиограммы выполняется в программе Фотошоп следующим образом: создаем новый файл и заливаем его черным цветом. Создаем ещё один слой и также заливаем черным цветом, либо дублируем фоновый слой.

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

кардиограмма в Фотошоп-02

Инструментом «Прямолинейное лассо» создаем ломанную линию.

кардиограмма в Фотошоп-03

Нажимаем правую кнопку мыши и выбираем в диалоговом окне «Выполнить обводку». При этом активна в окне слоев должна быть слой-маска.

кардиограмма в Фотошоп-04

В новом диалоговом окне задаем ширину и цвет обводки.

кардиограмма в Фотошоп-05

Получаем такую линию.

кардиограмма в Фотошоп-06

Проделываем такие же самые действия на некотором расстоянии от первой ломанной линии.

кардиограмма в Фотошоп-07

Добавляем маленькие линии.

кардиограмма в Фотошоп-08

В слое-маске выделяем те участки линии, которые нужно скрыть и заливаем их черным цветом. Прямую линию можно сделать шире.

кардиограмма в Фотошоп-09 кардиограмма в Фотошоп-10 кардиограмма в Фотошоп-11

Получаем линию кардиограммы.

кардиограмма в Фотошоп-12

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

кардиограмма в Фотошоп-13

Получаем ровный край справа и растворяющийся слева.

кардиограмма в Фотошоп-14

Растягиваем левый край при помощи «Масштабирования».

кардиограмма в Фотошоп-15

Смещаем слой влево и подрисовываем точку по линии кардиограммы.

ani-card-16

Переходим к созданию анимации. Во вкладке «Окно» выбираем «Шкала времени». Выставляем «Выбор времени отображения кадра» и «Выбор параметров цикла» устанавливаем «Постоянно».

ani-card-17

Создаем второй кадр. Для первого кадра слой с зеленой заливкой сдвигаем влево, для второго кадра максимально вправо.

ani-card-18

Становимся на первый кадр и, удерживая нажатой клавишу Shift нажимаем на второй кадр, тем самым выделив их. Далее нажимаем на иконку, которая обозначает создание промежуточных кадров. В диалоговом окне задаем количество промежуточных кадров.

ani-card-19

Сохраняем анимацию. Заходим во вкладку «Файл» — «Сохранить для web и устройств» и в диалоговом окне задаем параметры, как показано на рисунке.

ani-card-20

ani-card-21

Получаем анимацию кардиограммы.

кардиограмма в Фотошоп