Стратегическое размещение анимированных изображений может добавить изюминку и изюминку веб-сайту, и падающие звезды являются прекрасным примером этого. Хотя они могут легко создать интересный визуальный эффект, их также можно считать раздражающим бельмом на глазу, если они сделаны неправильно. То, как они воспринимаются, зависит от того, как они используются на сайте.
Ресурсы для анимированной графики
Анимированные GIF-файлы, включенные в эту статью, можно использовать бесплатно. Просто нажмите на ссылку «Источник», которая появится в правом верхнем углу, и изображение откроется в новой вкладке. Щелкните правой кнопкой мыши, чтобы сохранить оттуда на свой компьютер.
Если вы хотите, чтобы падающие звезды следовали за указателем мыши пользователя, или вы хотите использовать их в качестве анимированного фона для веб-страницы, есть много мест, где вы можете скачать эту графику онлайн.
Анимированные GIF-файлы
Файл GIF (формат обмена графикой) представляет собой тип файла изображения. Дизайнер веб-сайта может легко добавить его на страницу для легкой анимации.
- A1 Star: существует множество анимированных GIF-файлов со звездами, доступных для бесплатной загрузки с этого сайта. Есть несколько больших звезд, групп и анимации маленьких звезд.
- Photobucket: Photobucket содержит более 1200 анимированных фотографий звезд, доступных для скачивания.
- Библиотека анимации: здесь есть девять страниц анимированных звезд на выбор.
- Web Weaver: загружайте как статические, так и анимированные GIF-файлы для использования на темном или светлом фоне. Эти виды анимации очень просты, поэтому, если вы используете их на своем сайте, имейте в виду, что вы автоматически придаете своему сайту своего рода «ретро» ощущение.
- Giphy: Здесь вы можете найти несколько анимированных GIF-файлов с различными падающими звездами с текстом и без него. Некоторые из них также содержат изображения из мультфильмов или фильмов.
Анимированный фон
Анимированный фон с падающей звездой может добавить шарма сайту.
- Cool Chaser: Хотя эти фоны предназначены для страниц социальных сетей, первые два можно загрузить и использовать на любом веб-сайте.
- Web Weaver: загрузите прозрачный разноцветный фон в виде падающих звезд, чтобы использовать его на любом веб-сайте.
- Pinterest: просмотрите коллекцию статических и анимированных фонов со звездами, которые вы можете скачать (или прикрепить) к своему удовольствию.
- Youtube: просмотрите простой фон с мерцающими звездами, который можно бесплатно использовать на любом веб-сайте. Ссылка для скачивания находится в описании видео.
Пользовательские GIF-изображения
Если вы не можете найти идеальное анимированное изображение, вы можете создать свое собственное.
- Picasion: загрузите свои собственные изображения, чтобы создать анимацию падающей звезды, включая параметры для определения размера и скорости результирующего файла.
- My Space Gens: создайте анимированный GIF-файл из ваших собственных звездных фотографий за три простых шага. Полученные файлы бесплатны, высокого качества и без водяных знаков.
- Создание Gif : создавайте собственные анимированные GIF- файлы из собственных изображений, ссылки на YouTube, видеофайла или веб-камеры. Вы также можете хранить свои GIF-файлы здесь.
Флэш-фильмы
Фильмы, как правило, представляют собой более сложную анимацию, чем сравнительно простые GIF-файлы, но размер получаемых файлов также обычно больше.
- Программное обеспечение Amara : здесь вы найдете бесплатные флэш-анимации звезд, падающих звезд и мигающих звезд, в том числе две темы, посвященные Рождеству.
- iStockPhoto : хотя это и не бесплатно, это веб-сайт со стоковыми изображениями, включающий профессиональные анимации, не требующие авторских отчислений.
Индивидуальная вспышка
Для более индивидуального подхода рассмотрите эти ресурсы для создания собственного флэш-видео о падающих звездах.
- YouTube: Следуйте этому обучающему видео, чтобы создать свою собственную уникальную анимацию мерцающих звезд.
- Бесплатные шаблоны Nice: персонализируйте Flash-ролик на тему падающей звезды.
- BellaOnline : используйте Flash Motion Tween для создания анимированных звезд, прочитав это пошаговое руководство.
Курсор Анимированная Звезда
Хотите, чтобы изображение падающей звезды анимировалось вокруг курсоров посетителей на вашем веб-сайте? Все, что нужно, это немного кода.
- Банк JavaScript: легкий код легко настроить. Проверьте демонстрационную зону, чтобы просмотреть, как это будет выглядеть.
- Cursors-4U : здесь можно найти огромную коллекцию анимированных кодов курсоров, все они доступны для бесплатной загрузки.
Советы и советы
Помните об этих рекомендациях, если хотите использовать падающие звезды на своем веб-сайте, не выглядя при этом архаично или непрофессионально.
- Используйте высококачественную анимацию. Несмотря на то, что есть много мест, где можно получить небольшие и бесплатные GIF-анимации, большинству из них уже десять лет или больше. С тех пор качество графики значительно улучшилось, и стоит поискать более качественную анимацию на основе SVG, Flash или DHTML для более качественной графики и более плавного движения.
- Помните, что чем меньше, тем лучше: хотя у вас может возникнуть соблазн заполнить экран несколькими анимированными фейерверками, провозглашающими великолепие вашего сайта, более сдержанная презентация сделает свое дело и заставит людей захотеть вернуться на ваш сайт еще раз.
- Избегайте визуальных конфликтов: не превращайте всю страницу в борьбу между глазами, пытающимися прочитать текст, и нарисованными ослепительной анимацией.
Добавление анимации на веб-сайт
Чтобы добавить анимированное изображение на веб-сайт, загрузите файл на свой жесткий диск, а затем добавьте его на соответствующую страницу.
- Щелкните правой кнопкой мыши анимированное изображение.
- Выберите «Сохранить как» и сохраните файл на своем компьютере.
- Обратите внимание, где сохранен файл.
- Перейдите к предпочитаемому конструктору веб-сайтов или программе дизайна.
- Загрузите файл в соответствующую папку сайта.
- Вставьте файл изображения в то место, где вы хотите, чтобы оно отображалось.
Другие способы использования графики падающих звезд
Помимо веб-сайтов, эти типы анимации также могут подходить для видео и презентаций PowerPoint. Падающие звезды вызывали благоговейный трепет с тех пор, как человечество смотрело вверх. При правильном использовании они могут помочь вам использовать это естественное удовольствие, чтобы сделать вашу собственную работу еще более эффективной.