Урок анимации №1

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

[420x337]

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

1.Фотошоп

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

 

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

Шаг 1

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

[550x441]

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

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

[345x400]

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

[338x328]

Вот так

[550x491]

Шаг 2

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

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

[631x452]

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

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

[700x381]

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

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

[411x346]

[440x236]

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

[523x463]

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

[650x265]

[195x273]

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

***

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

tint– оттенок

size– размер

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

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

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

shandow- тень

***

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

[187x488]

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

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

[700x451]

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

[700x371]

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

[700x376]

 

Шаг 3

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

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

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

[700x449]

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

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

[700x414]

[686x479]

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

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

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

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