-Поиск по дневнику

Поиск сообщений в РИММА_КУЗОВАТКИНА

 -Подписка по e-mail

 

 -Интересы

греет душу люблю всё ублажает слух удовлетворяет любопытство что радует глаз

 -Сообщества

Участник сообществ (Всего в списке: 4) Лучшие_схемы_на_ЛИ-РУ Женская_планета Усы_лапы_и_хвост Только_для_женщин
Читатель сообществ (Всего в списке: 3) Наши_схемы Мир_клипарта О_Самом_Интересном

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 09.06.2013
Записей: 440
Комментариев: 36
Написано: 521


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

Понедельник, 25 Августа 2014 г. 13:12 + в цитатник
Цитата сообщения Ledi_Bliss Урок анимации №1

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

3776505_444 (420x337, 221Kb)

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

1.Фотошоп

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

 

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

Шаг 1

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

3776505_0_696a5_4cf2b0c2_XL_jpg (550x441, 45Kb)

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

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

3776505_yrok_animacii_na_hypah_1 (345x400, 47Kb)

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

3776505_yrok_animacii_na_hypah_2 (338x328, 41Kb)

Вот так

3776505_yrok_animacii_na_hypah_3 (550x491, 76Kb)

Шаг 2

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

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

3776505_yrok_animacii_na_hypah_4 (631x452, 70Kb)

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

3776505_yrok_animacii_na_hypah_5 (165x148, 17Kb)

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

3776505_yrok_animacii_na_hypah_6 (700x381, 37Kb)

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

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

3776505_yrok_animacii_na_hypah_7 (411x346, 31Kb)

3776505_yrok_animacii_na_hypah_8 (440x236, 31Kb)

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

3776505_yrok_animacii_na_hypah_9 (523x463, 52Kb)

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

3776505_yrok_animacii_na_hypah_10 (650x265, 34Kb)

3776505_yrok_animacii_na_hypah_11 (195x273, 18Kb)

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

***

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

tint– оттенок

size– размер

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

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

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

shandow- тень

***

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

3776505_yrok_animacii_na_hypah_12 (187x488, 23Kb)

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

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

3776505_yrok_animacii_na_hypah_13 (700x451, 37Kb)

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

3776505_yrok_animacii_na_hypah_14 (700x371, 34Kb)

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

3776505_yrok_animacii_na_hypah_15 (700x376, 43Kb)

 

Шаг 3

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

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

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

3776505_yrok_animacii_na_hypah_16 (700x449, 68Kb)

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

3776505_yrok_animacii_na_hypah_17 (38x145, 9Kb)

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

3776505_yrok_animacii_na_hypah_18 (700x414, 35Kb)

3776505_yrok_animacii_na_hypah_19 (686x479, 70Kb)

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

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

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

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

Серия сообщений "АНИМАЦИЯ":
Часть 1 - АНИМАШКИ-УМИЛЯШКИ
Часть 2 - НОВЫЙ ГОД!
...
Часть 8 - Создания GIF анимации из видео"Видео нарезка".
Часть 9 - Футажи эффекты
Часть 10 - Урок анимации №1
Часть 11 - ФОНЫ АНИМИРОВАННЫЕ
Часть 12 - Футажи эффекты
Часть 13 - ЭМОЦИОНАЛЬНЫЕ СМАЙЛИКИ + КОД

Серия сообщений "ОНЛАЙН СЕРВИСЫ":
Часть 1 - Онлайн сервис создания gif анимации
Часть 2 - ФОТОРЕДАКТОР Fotor
...
Часть 10 - Как скачать музыку с YouTube без видео.
Часть 11 - Сервис который поможет вам изменить размер картинки и сгенерирует html код для вставки. Создать html онлайн.
Часть 12 - Урок анимации №1
Часть 13 - 4 сервиса обрезать музыку онлайн.
Часть 14 - Без заголовка
...
Часть 23 - Делаем гифку из видео без установки программ и перехода по ссылкам
Часть 24 - Как обрезать видео онлайн
Часть 25 - Сайт, где можно полностью отредактировать фото, убрать все дефекты, обрезать, сделать коллаж


 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку