Статьи - Как сделать баннер

 
дизайн, графика, дизайнер

графика

  3D графика
  эротика в линиях
  белое и черное
  компьютерная
  полиграфия

web дизайн

  дизайн сайтов
  анимация gif
  баннеры
  статьи
  логотипы

промдизайн

  камины
  фонтаны
  скульптуры
  памятники
  узоры ткани
   

3D дизайн

  выставочные стенды
  промдизайн
  интерьер
  3D web

дизайнеру

  об авторе
  контакты
  афонаризмы
  клипарт
  ссылки

главная

стр 1 стр 2
 
Статьи

Как сделать баннер. Статья для тех, кто только начал изучать основы создания баннера

Как сделать баннер со сложной анимацией

Что нужно знать, если вы хотите заказать сайт

Ещё |
 





Как сделать баннер. Статья для тех, кто только начал изучать основы создания баннера
Страница 2.

Г). Есть правда свои тонкости. Баннер готов, но его размер просто ужасен, в нашем примере он уже весит 25Кб. Необходимо оптимизировать готовый баннер. Для этого настроим оптимизатор и выполним пошаговую инструкцию. Gif Animator - весьма удобен и прост в понимании.
Оптимизатор "Optimize" находиться во вкладке вместе с функциями "Составление-Compose", "Редактирование-Edit", "Просмотр-Preview". Его можно найти в меню "Файл" под именем "Optimization Wizard". Оставляем выделенными пункты по рекомендации самого оптимизатора, можете перевести, если хотите. Выбираем количество цветов необходимое вам (желательно убавлять в последовательности 8, 16, 32, 64, 128, 256), а за тем, при повторном уменьшении баннера, убавлять по нескольким цветам, проверяя результат. После выполнения всех вышеперечисленных манипуляций баннер стал весить 11Кб, что нам и было нужно. Мы добились этого лишь уменьшением количества цветов.

Пример №2
Второй баннер создаем в той же последовательности с разницей только в использовании графического редактора, на этот раз это будет Microsoft PhotoDraw. Баннер №2. состоит всего их 2 кадров, размер 120х240, конечный вес 14,8Кб. Всегда есть выбор между фотореалистичностью и "навороченностью" анимационными эффектами. Как вы уже поняли множество эффектов и фотореализм не совместимы, приходиться основываться на хорошей идее или симпатичной девчонке на фото.

1. Создаем каждый кадр отдельно "File" (Файл), "New" (Новый), в "Picture Sutap" (Параметры страницы) устанавливаем необходимый размер в пикселях. Цвет фона (он же рисованный прямоугольник залитый необходимым цветом) выбираем белым (или другим по необходимости). Строго выдерживаем расположение всех одинаковых элементов на каждом кадре (позиция видна в нижнем правом углу (изменение позиции производиться с помощью "стрелок" на клавиатуре. Позицию и размер легко изменить также в Microsoft PhotoDraw по щелчку правой кнопкой мыши на объекте, где выбрав подменю "Resize" ("Переразмер"), можно поменять размер картинки, фона и объекта, и там же на месте поменять и расположение объекта. Сохраняем каждый кадр в формате программы в которой работаем (в нашем случае - это mix). Мы получили кадр: 1, 2.mix.

Важные моменты:
1. Используем повторяющиеся блоки одинакового размера (красный и салатный), для улучшения восприятия текста.
2. Цвета берем яркие, так как анимации почти нет.
3. Функция сглаживания текста присутствует изначально.
4. Существующие погрешности можно с легкостью исправить в Гиф Аниматоре, в меню "Редактирвать-Edit", теми же инструментами (резинка-ластик, карандаш, заливка), что и в графических редакторах (хотя они упрощены до минимума).

2. Сохраняем каждый кадр в gif - формате, установки оптимизации стоят по умолчанию (что не удобно) и их можно изменить в меню "Tools", "Options". Этого не достаточно, поэтому весь файл (из отдельных кадров) необходимо "дожать" в Аниматоре. Переходим в пункт меню "Файл", "Сохранить для Web", "Как картинка", выбираем картинку с фоном (белый или по умолчанию), выбираем формат сохранения GIF. Получаем картинку без предварительного сжатия (цвета по умолчанию Web-Safe). "Дожимать" будем уже в аниматоре. Такие шаги проделываем с каждым кадром.

3. Используем Мастер в Gif Animator.

назад на 1 страницу
Ещё |

Дизай Javax 2000-2009
Копирование информации только с письменного разрешения (кроме gif и фото)
  Рейтинг@Mail.ru Rambler's Top100