Сегодня я расскажу как сделать вот такую анимацию

Для этого нам надо:

1.Фотошоп

2.Сайт http://www.hypah.com/?a

 

Итак, приступим

Шаг 1

Выбираем картинку, добавляем подпись

Открываем ее в фотошоп

Идем в Редактирование/ Изменить размер холста/

 В низ картинки добавляем полоску высотой в 50 пикс. контрастным цветом

Вот так

Шаг 2

Идем на сайт http://www.hypah.com/?a

Откроется вот такое окошко

Жмем кнопочку и загружаем выбранное нами фото на сайт

Ждем пока картинка загрузится на сайт

Не буду описывать все эффекты которые можно здесь добавить к картинке. Думаю вы легко разберетесь сами. Опишу только функции основных инструментов.

Область эффектов

Отмена действий

Настройки эффекта

(Данная настройка относится к функции спрея)

***

random color - случайный цвет

tint– оттенок

size– размер

opacity – непрозрачность

stray – раздувает спрей в разные стороны

density – плотность спрея

shandow- тень

***

Такие настройки установила я для своей картинки

Поэкспериментируйте с настройками для вашей картинки

По готовности жмем зеленую кнопочку

Ждем пока идет загрузка

Сохраняем результат на компьютер

 

Шаг 3

Открываем только что полученную картинку в фотошоп

Как видите, на добавленную нами черную полоску добавился логотип сайта. Из-за него то мы так и старались:)

Теперь нам нужно его обрезать

Активируем инструмент рамка

И многократно, до пикселов, увеличиваем нашу картинку, чтобы не захватить или же не оставить лишнего

Жмем применить

Воспроизводим анимацию и если все устраивает сохраняем для web…

Любуемся результатом

Надеюсь вам пригодится мой урок!