Рисуем баннер

Данная статья была написана в 2006 году. Я оставляю за собой право публиковать свои материалы и изменять их на свое усмотрение.

Мы хотим создать баннер размером 100х100 с кошечкой и названием питомника.

Для начала нам нужно кошечку вырезать.

Берем фотографию

Выделяем нужный фрагмент изображения, используя прямоугольное выделение. Копируем изображение в буфер обмена (Ctrl+Insert или Ctrl+C или Правка/копировать)

Создаем новое изображение (Ctrl+N или Файл/Новый). В новом окне размер изображения уже задан, данные взяты по буферу обмена. Нам остается только поставить "Прозрачность".

Вставляем в новое окно картинку из буфера обмена (Ctrl+Shift или Ctrl+V или Правка/вставить) Берем ластик

Выбираем необходимый размер ластика.

Вставляем в новое окно картинку из буфера обмена (Ctrl+Shift или Ctrl+V или Правка/вставить) Чистим ластиком ненужное изображение по контуру.

А можно использовать Полигональное лассо. Вырезаем по контуру ненужный фрагмент. Я делаю это маленькими кусочками.

И удаляем изображение клавишей Delete.

Используя ластик или лассо (что удобнее) чистим границу кошечки.

Далее выделяем ее тем же контурным лассо и копируем в буфер обмена (Ctrl+Insert).

Создаем новый объект. Вставляем туда кошку (как это делается описано выше). Итак у нас есть кошка . Теперь создаем основу баннера. Создаем новое изображение размером 100 на 100. Выбираем два цвета в палитру (я использую светлый желтый и желтый). Выбираем форму заливки. Протягиваем в новом окне направление заливки и получаем результат.

Далее уменьшаем кошечку. Изображение/размер изображения. Высота не более 100 (потому что наш баннер в высоту 100).

Используя стрелку Перемещение, перетаскиваем нашу кошку в окно баннера. Добавляем необходимый текст.

Используя стрелку Перемещение, перетаскиваем нашу кошку в окно баннера. Добавляем необходимый текст.

У готового текста можем выбрать шрифт, размер, цвет. Я использую кнопку Web цвета. Те цвета которые однозначно будут отображаться в интернете (их не так много).

К готовому изображению я делаю рамочку (рисую карандашом на 1 px), но это не обязательно.

Сохраняю изображение для Web, такое изображение несколько легче обычного сохранения.

Выбираю формат gif. В будующем я планирую сделать анимационный файл. А он будет именно gif формата.

Ну что, наш баннер готов.

А это его код

<a href="http://... .narod.ru"> <img src="http://... .narod.ru/banner/banner100x100.gif" border="0" width="100" height="100" alt="Питомник"></a>