Приветствуем Вас, Гость | RSS

Суббота, 05.18.2024, 1:24 PM
Главная » Статьи » Руководства и справочные пособия » Уроки вебмастера

Создаем сами кнопки и баннеры для сайта
Вот маленькое руководство, как изготовить кнопочку или баннер.

Для работы нам потребуется :

графический редактор - одна штука
редактор для создания анимированных изображений или доступ в интернет - одна штука.

Шаг 1.
Создание кадров для анимации.


Для создания кадров, вам необходимо открыть или скачать и установить (если еще не установлен) любой нормальный графический редактор. Я пользуюсь бесплатным редактором Gimp - он чуток медленноват, но в принципе меня вполне устраивает. Некоторые сравниваниют Гимп и Фотошоп, называя Гимп бледненькой (бедненькой) копией Фотошоп : что до меня, то все те же функции в Гимпе есть, что и в Фотошопе, только надо приноровиться с ним работать.

Итак, скачиваем Гимп :

http://www.progimp.ru/downloads/

можно хоть с русского сервера, хоть с англицкого.

Устанавливаем, как любую другую программу. После установки появляется кнопочка в меню или на рабочем столе, это лисенок (или мышонок, или еще кто-то с ушами и выпученными глазами) - вот это и есть наш графический редактор Гимп.



Запускаем.



Теперь нам надо определиться, какой размер нужен (требуется).

Если, к примеру, друг нам говорит, что согласен "разместить у себя вашу кнопочку", то речь идет о кнопке стандартной, то есть баннере размером

Вот схема с изображением размеров баннеров.



Маленькая кнопочка 88*31 - это часто используемый, самый ходовой размер для обмена баннерами среди сайтов-друзей. Остальные размеры это скорее реклама.

Итак, вы запустили Гимп.

Нажимаете меню Файл - Создать... - далее указываете параметры для создаваемого изображения.
Обратите внимание на размер - у нас указан размер кнопки 88 на 31 пиксель!



Работе с редактором надо немного поучиться.
Вы можете почитать справку или просто поэкспериментировать с редактором. Уверяю вас, что ничего сложного в нем нет - просто надо "набить руку", что называется.

Единственное, на что следует обратить внимание - это когда вы будете сохранять файл, то выберите правильный формат.
В раскрывающемся меню внизу можно выбрать формат.
Сохраните первый кадр (первое изображение, созданное вами для баннера) под удобным названием в отдельную папку.





Каждый кадр баннера - это отдельное изображение.
Вы можете создать кнопку-баннер, состоящий из всего одного кадра - а можете сделать его анимированным, для этого надо создать несколько кадров.

По образу и подобию, вы создаете последующие кадры, точно также : то есть создаете файл размером 88*31 пикселей, сохраняете его в той же папке, где и предыдущий кадр.

Шаг 2.

Создание анимации (анимированного gif-баннера)

После того, как все кадры-изображения созданы, можно переходить к созданию анимации.


Я в примере буду использовать онлайн-сервис, потому что у меня забарахлила бесплатная программка для создания анимированных баннеров "Атани", а так я пользовалась раньше ею.

Захожу на сайт :

http://picasion.com

их таких сайтов много, я просто для примера привожу один из.
Можете в поисковике поискать "создать анимированный баннер онлайн", например.



Итак, загружаете все созданные картинки, выбираете размер (ширину) - там должно быть проставлено 88,
дальше выбираете скорость - если помедленнее, то выбираете slow, нажимаете зеленую кнопочку Create animation - и пожалуйста, готово!Это 
Категория: Уроки вебмастера | Добавил: millimetr (02.19.2011)
Просмотров: 670 | Теги: создать кнопку 88*31, обмен кнопками, уроки вебмастеринга, создание баннеров, создание кнопок | Рейтинг: 0.0/0
Всего комментариев: 0 Обсудить статью Создаем сами кнопки и баннеры для сайта - Уроки вебмастера - Руководства и справочные пособия - Каталог статей - Русский Форум на Русском Форуме
Имя *:
Email *:
Код *: