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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/smetskiy/smetskiy.com/www/wp-content/plugins/wp-noref/wp-noref.php on line 142

Warning: count(): Parameter must be an array or an object that implements Countable in /home/smetskiy/smetskiy.com/www/wp-content/plugins/wp-noref/wp-noref.php on line 142

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

Данную тему я решил написать, поскольку сейчас занимаюсь разработкой страницы партнерской программы, где нужно делать различных форматов баннеры. Заказывать кому-то эту работу, я не собираюсь, поскольку у меня есть принцип один «То, что умеешь делать сам, делай!»

С баннерами я знаком очень дано, поскольку делал не только баннеры, но и флеш баннеры. Скажу что по началу седел долго над ними, но потом когда все начинаешь понимать что куда, то делаешь все в быстром темпе.
И вначале я покажу баннер, которые я сделал в формате gif:

Ну как вам ? Можно также создать в формате SWF, то есть флеш баннер, и вписать туда вашу ссылку, которую изменить уже не кто, не сможет. А в формате gif, это простая картинка получается к которой нужно прописывать ссылку при вставке на сайт, но если брать вывод по размеру, то значительно больше весит флеш формат, чем гиф, во общем решать вам в каком формате делать.

Я буду делать в gif формате, поскольку картинки мало весят и быстро грузятся !

Для того чтоб сделать примерно такой баннер или несколько размеров, вам понадобится где-то 2-4 часа. Есть много размеров для баннеров, например 125×125, 160×160, 250×250, 240×400, 315×610, 468×60, 728×90. Я взял допустим 7 размеров и это самые основные, вы можете сделать например 3, это уже как вам захочется.

Как сделать баннер для сайта ?

Нам необходима программа, в которой мы непосредственно будем делать сам баннер, в моем случаи это «swishMax3» и программа для создание самых картинок (фонов), я использую фотошоп «Adobe Photoshop cs5»

Эти программы доступные для скачивания в интернете, так что проблем не будет, если не получится найти, пишите в комментариях, я вам помогу. Самое главное скачивайте русские версии, так вам будет удобно в них разобраться и понять где что нажимать, тем более для тех кто вообще не понимает английский язык, например как я, то для меня в программе которую я вижу впервые, еще и на английском языке, то я бы был в шоке )

Как создать баннер ?

Приступ, вначале я создам фон для своего баннера в программе Adobe Photoshop. Захожу создаю новый документ с размером первого моего баннера и сохраняю в формате jpg или png. Дальше перехожу в программку swishMax3 и выбираю размер моего нового проекта, допустим 250×250 и жму ОК:

Далее появляется мой чистый лист, где я уже буду накладывать свои слои. И первое что нужно, так это вставить наш фон, тот который я сделал ранее в фотошопе.

Вверху вкладка «ВСТАВИТЬ» и выбираем «Импорт изображения» ну и в появившемся окне выбираете свой фон и жмем ОК.

Фон у меня уже есть, теперь буду налаживать все остальное, то есть текст кнопки и может еще какие-то картинки, ну во общем приступим,

С левой стороны у меня есть панель инструментов, где я выбираю иконку с буквой «Т» что означает текст, и кликаю на то место где нужно мне написать этот текст. Прописал он у меня выделен и дальше уже справой стороны есть колонка где свойства, там я выставляю цвет, размер шрифта, и так далее:

После того как задали нашему тексту вид, теперь ему нужно дать какой-то эффект. Во вкладке сверху, я нажимаю на «Вставить/Эффект» и выбирайте тот, который больше подходит, таким же образом вставляем следующие картинки и даем им эффекты.

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

После того как вы создали баннер, вам нужного эго правильно сохранить, но перед экспортом баннера, необходимо сделать некоторые настройки. Переходим во вкладку «Файл/Установки экспорта» выбираем GIF анимация и делаем все как на картинке ниже:

Я сделал, чтобы баннер бесконечно прокручивался, если вы этого не сделаете, то ваш баннер будет показан лиш один раз. Все жмем ОК и теперь экспортируем в формате GIF, наш баннер.

Затем таким же образом делаем и остальные размеры. Теперь немного по поводу формата SWF.

Как сделать флеш баннер ссылкой ?

Другими словами, как вставить в флеш формат, ссылку ? При создание флеш баннера, у вас есть над вашим рабочим окном, вкладка «СКРИПТ» слева показаны все файлы которые вы вставили в ваш баннер, нужно выбрать ту картинку на которую вы хотите прописать ссылку, то есть при наведении допустим на кнопку, человек будет видеть что эта кнопка со ссылкой и будет кликать, так же можно поставить, допустим, на весь баннер ссылку.

Выбрали объект на который будете прописывать ссылку и в поле нужно прописать следующий код:

on (release)
{
getURL («https://smetskiy.com»);
}

И дальше уже сохранять как флеш. Главное не забудьте вставить свою ссылку !!! Ну вот и все в принципе, ничего сложного здесь нет. И в завершении видео, для полного понимание, что и как.

В данной статье я показал, как делать баннеры с помощью swishMax3, таким же способом, можно создать баннер в фотошопе, вернее в adobe flash photoshop, ну как работать и делать в флеш фотошопе, я расскажу немножко попозже.

На мой взгляд в ФЛ Фотошопе будет поярче выглядеть, ну и в этой программке которую я вам только что презентовал, она удобная но очень большой вес занимает сама картинка gif, вот тот баннер который я сделал он весит 6 МБ довольно неплохо как для гиф формата. ) Можно конечно сжать с помощью программ, но я думаю что будет всё таки лучше использовать flash photoshop, так как там больше функционал, ну об этом позже а пока осваивайте данную программу.

Если научитесь делать в этой проге, то будете делать в любой, поскольку принцип везде одинаковый. Подписывайтесь на обновления и не пропустите выхода новых статье а именно «Как сделать баннер в photoshop»!

Оставляйте свои комментарии к данной статье, спрашивайте, может кому-то, что-то не понятно!!

С уважением Евгений Смецкий