Как самостоятельно сделать баннер

Автор: | Дата: 21.12.2016

Для тех, кто не знает, что собой представляет баннер – это картинка (анимированная картинка), которая несет в себе рекламирующую задачу. Это является замаскированная ссылка на определенный сайт, которая рекламируют на баннере.

Баннеры обычно бывают следующими форматами: 88х31, 100х100, 120х120 и 468х60.

banner88x31   100x100     baner6     468x60-baner

Создается баннер в фотошопе (различных версий).

1) Открываем программу фотошоп. В верхнем горизонтальном Меню выбираем Файл -> Новый. В открывшемся окне вводим размеры в пикселях: например для 468х60, с шириной 468, с высотой 60, разрешение 150 пикс/дюйм, содержимое – прозрачность и жмем на ОК.

2)На желаемом баннере размещают картинку или логотип, необходимый текст, например «как заработать на своем сайте». В фотошопе слева находится вертикальное меню. Левой кнопкой мышки нажимаем на левое окошко палитры и выбираем необходимый цвет. После жмем ОК.

3)После выбираем инструмент «ВЕДРО». После выбора жмем левой кнопкой мыши по баннеру. Баннер станет зеленым цветом.

4)Теперь нужно поместить картинку на баннере. Картинка может быть формата jpg, gif. Открываем выбранную картинку в фотошопе. Можно разместить не полностью картинку, а только часть (например, девушку не в полный рост, а только голова). Жмем: Меню->Изображение-> размер изображения. После запоминаем размер картинки.

5) В верхнем горизонтальном Меню -> Файл -> Новый. Это считается новый документ, пишем размеры картинки (например, 84х84), а содержимое выбираем «прозрачный».

6) Потом нажимаем на инструмент «Перемещение» и мышкой перетаскиваем картинку в новый документ. Перетаскивать, нажав инструментом «перемещение» по картинке, это нужно, чтобы сделать картинку активной и перетащить потом в новый документ.

7) Нажимаем на инструмент «Волшебная палочка», жмем ею по фону вокруг картинки. Если фон излишне контрастный, то большая часть выделится. Нажимаем на клавишу «Del» и выделение удаляем. А если не удалось то нажатие «волшебной палочки» удалит фон. Нажимайте на оставшийся фон и повторите процедуру нужное вам количество раз.

8) Теперь сделаем так, чтобы картинка поместилась на баннере. Верхнее горизонтальное Меню -> Изображение -> размер изображения. Пишем необходимую высоту 60 (это высота нашего баннера). Самое главное обратите внимание, чтобы внизу бала поставлена галочка в «сохранить пропорции». После жмем ОК, картинка изменит размеры.

9) Опять нажимаем на инструмент «перемещение», жмем на картинку с уменьшенным размером, для того чтобы ее активировать, и перетаскиваем мышкой на баннер. Размещаем картинку, где необходимо.

10) Теперь осталось написать необходимый нам текст. Выбираем инструмент «Текст» и определяем цвет текста. Пишем, например: «Выгодные цены». Инструментом «Перемещение» устанавливаем текст там, где вам необходимо.

11) В верхнем горизонтальном Меню -> сохранить как -> присваиваем название и сохраняем на компьютере.

Теперь ваш баннер готов. Поздравляю с проделанной работой. Теперь вы можете размещать баннер на нужном вам сайте.