Урок анимации №1 |
Сегодня я расскажу как сделать вот такую анимацию
Для этого нам надо:
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…
Любуемся результатом
Надеюсь вам пригодится мой урок!
Серия сообщений "АНИМАЦИЯ":
Часть 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 - Сайт, где можно полностью отредактировать фото, убрать все дефекты, обрезать, сделать коллаж
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |