• Авторизация


Урок анимации №1 08-06-2013 12:12 к комментариям - к полной версии - понравилось!

Это цитата сообщения Ledi_Bliss Оригинальное сообщение

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

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

[420x337]

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

1.Фотошоп

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

 

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

Шаг 1

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

[550x441]

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

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

[345x400]

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

[338x328]

Вот так

[550x491]

Шаг 2

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

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

[631x452]

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

3776505_yrok_animacii_na_hypah_5 (165x148, 17Kb)

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

[700x381]

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

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

[411x346]

[440x236]

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

[523x463]

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

[650x265]

[195x273]

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

***

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

tint– оттенок

size– размер

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

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

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

shandow- тень

***

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

[187x488]

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

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

[700x451]

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

[700x371]

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

[700x376]

 

Шаг 3

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

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

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

[700x449]

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

3776505_yrok_animacii_na_hypah_17 (38x145, 9Kb)

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

[700x414]

[686x479]

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

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

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

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

вверх^ к полной версии понравилось! в evernote
Комментарии (2):
Ответ на комментарий Lady_X_Lady_X #


Комментарии (2): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок анимации №1 | Ириночка61 - Дневник Ириночка61 | Лента друзей Ириночка61 / Полная версия Добавить в друзья Страницы: раньше»