Анимированные веб-фоны могут придать вашему веб-сайту модный и необычный вид, а также вывести его на более высокий и эффективный уровень. Сплошной цветной фон или фон со стационарной графикой подходят для некоторых сайтов, но сайты с анимированным фоном веб-страниц обязательно будут замечены.
Добавление анимации к фону
Всего за несколько простых шагов вы можете превратить свою статичную и обычную веб-страницу в страницу с милым или захватывающим фоном. Самый простой способ добавить анимацию на ваш фон:
- Загрузите изображение с одного из многих сайтов, предлагающих файлы бесплатно или за минимальную плату.
- Сохраните его как файл GIF на своем компьютере (анимированные изображения лучше всего работают в формате GIF)
- Загрузите его на сервер вашего сайта
- Добавляйте имя изображения в фоновое кодирование, обычно в теги <STYLE> каскадной таблицы стилей.
Создание собственной анимации
Однако, если у вас есть изображение, которое вы хотите анимировать для веб-страницы, существует множество веб-сайтов, предлагающих учебные пособия о том, как это сделать. Для этого вам понадобится программа для редактирования фотографий, такая как Paint Shop Pro или PhotoShop. Бесплатные уроки можно найти по адресу:
- The Best 3D предлагает небольшой урок с картинками по созданию анимированного неба с помощью (Project Dogwaffle) PD Pro.
- Flash Designer Zone покажет вам, как создать анимированный фон в виде пузырей с помощью Flash Designer.
- Digital Producer использует Adobe After Effects для создания мерцающего веб-фона.
Скачать анимированные веб-фоны
Простой поиск в Интернете выдаст вам десятки тысяч сайтов, предлагающих бесплатные или недорогие анимированные веб-фоны. Не торопитесь и просматривайте сайты, пока не найдете фон, который хотите использовать. Убедитесь, что вы прочитали мелкий шрифт и условия использования сайта перед загрузкой изображения. Многие сайты запрашивают у вас ссылку в обмен на использование бесплатного фона. Вы можете найти бесплатные анимированные фоны по адресу:
- ART-TLC имеет шесть страниц с анимированными фонами, включая кометы и звезды, влажные и ветреные, а также мягкие и легкие рисунки.
- У FG-A есть несколько дизайнов фонов для загрузки. Выбирайте из анимированных скинов леопарда, ночного неба или крутых камней.
- Artie.com предлагает анимированный фон футбольного мяча.
- Bellsnwhistles имеет несколько ярких фонов, которые можно добавить на ваши веб-страницы.
Недорогие анимированные фоны
Вы также можете приобрести несколько высококачественных анимаций для использования на своем веб-сайте:
- Animation Factory предлагает различные уровни годового членства, каждый из которых позволяет загружать различные дизайны и типы фонов.
- Rotating CatHead Video продает пакеты различных анимированных фонов по одной низкой цене.
Советы по использованию анимированных фонов
Хотя во многих случаях анимированные веб-фоны будут работать хорошо, бывают и случаи, когда они не работают. Если вы уже используете много ярких изображений и графики на своих сайтах, однотонный фон будет более приятным для глаз. Также помните, что анимация загружается дольше, чем статический фон. Сведите файлы к минимуму, чтобы ускорить загрузку. Для получения дополнительной информации об использовании анимированной графики на веб-страницах ознакомьтесь со следующими статьями LoveToKnow Web Design.
- Анимированные GIF-файлы с падающим снегом
- Смешные анимированные гифки
- Скачать бесплатную веб-графику
- Бесплатные блестящие шрифты