Рисуем баннер
Мы хотим создать баннер размером 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>
|