WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
07 Декабрь 2016, 12:40:12 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
Re: Занимательные статьи для ваших сайтов от Лизки от Chaffinch (Ищу копирайтера, редактора, контент-менеджера)
Re: как сейчас с высококонкурентной тематикой для новых сайтов? от Katelite (Раскрутка сайтов в поисковиках)
Re: Партнерка Vsemayki.ru - 25% с продаж. Отличный конверт 1 к 20 от vsemaykiadmin (CPA-сети)
Re: Авангард блогосферы — электронный журнал о блогосфере от jansen (Наше творчество)
Re: Недорогие статьи с картинками на женские темы. Заходите в гости))) от Rut (Контент, копирайтинг, переводы)
Re: EsteQ.net - хостинг с защитой от DDoS от EsteQ (Хостинг)
Re: Как найти время заняться своими сайтами? от Natulkin (Мотивация)
Добрый день! Интересует трафик от вебмастеров!)) от DariaTraffic (Реклама и доход)
Re: Качественные площадки под статьи с высокой посещаемостью и переходами по ссылкам от Igor_Molodtsov (Платное размещение статей и ссылок)
Re: Трафик по ключевым словам из поисковиков от Dr_Tapac (Сервисы и SEO программы)
Дизайн для Вас! Обращайтесь! Визитки, баннеры, листовки и другое. от Irina0408 (Дизайн)
Доска объявлений версии 2.2 от Diana101 (Сайты)
Re: Подарю, продам или сдам в аренду домены от June (Домены)
Автоматизация Яндекс Директ + возврат 8% от рекламного бюджета. от Александр_26 (Полезное)
Re: Quick Sender - Комбайн для продвижения в ВКонтакте от Dima_Myrzich (Социальные сети)
Свежие темы
Показать ещё
  Печать  
Страниц: 1 2 3 ... 6
Автор

Тема: Как сделать баннер  (Прочитано 17853 раз)

0 Пользователей и 1 Гость смотрят эту тему.
faioly
Offline Offline

Пол: Женский
Сообщений: 1244



Просмотр профиля
« : 08 Май 2009, 17:23:09 »

Что такое баннер, знают, наверное, все. Но не все пока умеют его делать.

Баннер – это «кликабельная» картинка нужного вам размера, нажав на которую пользователь интернет переходит по вашей ссылке.

Баннеры удобнее всего делать в одном из традиционных для сети форматов:  468х60, 120х120, 100х100 или 88х31. Последний размер (88х31) называют еще «кнопкой».
Можно, конечно сделать баннер и любого другого размера, но в этом случае у вас могут возникнуть сложности с размещением его на сторонних сайтах. Обычно место под баннер задается администратором ресурса в одном из стандартных размеров.

Баннеры бывают простые и анимированные, т.е. мигающие, меняющие текст или картинку.
Для начала мы с вами научимся делать обычный баннер и обычную кнопку.

Итак, баннер размера 468х60 пикселей.

1.   Открываем Фотошоп.
В зависимости от версии Фотошопа выбираем: «Файл» - «Новый» или «Файл» – «создать»
В открывшемся окошке вписываем нужные размеры. В нашем случае это ширина 468, высота – 60.
Фон выбираем «прозрачный».


2.   У нас есть основа, которую нужно заполнить изображением.
Обычно на баннере размещают логотип и название сайта.
Для примера, возьмем красный фон.
Щелкаем по левому окошку на палитре цветов и выбираем нужный оттенок в открывшемся окошке. Нажимаем ОК.



3.   Выбираем инструмент «ведро» и щелкаем на нашем баннере левой кнопкой мышки.



Если вы все сделали правильно, баннер будет залит красным цветом.



4.   Давайте теперь вставим на наш баннер какую-нибудь картинку. Делая баннер для своего сайта, вы можете выбрать картинку-логотип или любое другое тематичное изображение.
У меня под руками оказалась картинка девушки с ноутбуком.



5.   Открываем нашу картинку в фотошопе. Если картинка имеет расширение jpg  или gif, то щелкаем на картинке правой кнопкой мышки, «Открыть как» и выбираем программу Фотошоп.
6.   Я хочу, чтобы в баннер была вставлена не сама картинка, а только изображение девушки.
Для этого нам придется вырезать фигурку.

7.   Клацаем по картинке, чтобы сделать ее окно активным. Нажимаем «Изображение» - «размер изображения». Смотрим, какой размер имеет наша картинка. Запоминаем.


8.   Создаем новый файл, как в начале работы с баннером, через «Файл» - «новый». Задаем для нового документа такие же размеры, как у нашей картинки, не забываем указать фон – «прозрачный».

9.   Инструментом «перемещение» перетаскиваем девушку из своего окошка в окно нового созданного документа.

10.   Выбираем инструмент «волшебная палочка», щелкаем им по фону вокруг девушки. Если фон достаточно контрастный, как в нашем случае, то большая его часть выделится (см. рисунок). Нажимаем “del” и удаляем выделение. 



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



11.   Идем дальше. Наша картинка имеет какие-то свои размеры. А баннер имеет другие размеры. Наша задача – вставить девушку на баннер  так, чтобы она поместилась целиком.
Снова идем во вкладку «изображение» - «Размер». Задаем высоту 60 – по высоте нашего баннера. Следите, чтобы стояла включенной опция «сохранять пропорции». Нажимаем ОК.
Картинка должна уменьшиться в размерах.



12.   Берем инструмент «перемещение» ,  клацаем на картинке с уменьшенной девушкой, чтобы сделать её активной, и перетягиваем девушку на баннер.



Разместите её, где вам больше нравится. Я поместила её в правый край.



13.   Давайте теперь сделаем какую-нибудь надпись. Например, напишем «Изготовление баннеров»
14.   Выбираем инструмент «Текст». Выбираем цвет текста, как в пункте 2. Я выбрала белый.  Задаем размер. Клацаем мышью на баннере и вписываем текст.
Инструментом «перемещение» можете подвигать свой текст, чтобы разместить его, как вам нравится.



15.   Собственно, изображение для нашего первого простенького баннера готово!



Поздравляю всех, кто справился. У кого есть вопросы – задавайте.
Осталось только сохранить нашу картинку и прописать для нее ссылки.

16.   Сохраняем картинку. «Файл» - «сохранить для web». В этом случае картинка будет меньше весить.
17.   Сохраняем картинку к себе на сервер.
18.   Делаем ссылку.
<p align="center"><a href="URL ВАШЕЙ СТРАНИЧКИ"><img border="0" src="URL НУЖНОЙ КАРТИНКИ"></a></p>
ВСЁ  Подмигивающий

Записан

Вымысел не есть обман, замысел - еще не точка,
Дайте дописать роман до последнего листочка.
inetta
Offline Offline

Пол: Женский
Сообщений: 1500



Просмотр профиля WWW
« Ответ #1 : 08 Май 2009, 17:59:09 »

Пока читала все поняла. А насколько поняла - покажет практика :D
Спасибо!
Записан
domosedka
Offline Offline

Пол: Женский
Сообщений: 1610



Просмотр профиля
« Ответ #2 : 29 Май 2009, 21:21:03 »

А как теперь баннер вставить в шапку сайта?
Записан

Zerkalo
Offline Offline

Пол: Женский
Сообщений: 2100



Просмотр профиля
« Ответ #3 : 31 Май 2009, 20:30:17 »

А я  не та уменьшаю "девушку". ДЕвушка получается на другом слое. Просто выбраешь "трансформация" в меню кажется в Edit там выпадает меню и первая фун-ция, просто можно растянуть картинку или уменьшить двигая мышкой, я всегда так делаю:) Растягивает изображение на активном слое.
Записан
faioly
Offline Offline

Пол: Женский
Сообщений: 1244



Просмотр профиля
« Ответ #4 : 31 Май 2009, 22:14:02 »

А как теперь баннер вставить в шапку сайта?
А зачем баннер в шапке? Вы имеете в виду просто картинку, шапку поменять?
Записан

Вымысел не есть обман, замысел - еще не точка,
Дайте дописать роман до последнего листочка.
domosedka
Offline Offline

Пол: Женский
Сообщений: 1610



Просмотр профиля
« Ответ #5 : 01 Июнь 2009, 08:23:14 »

А зачем баннер в шапке? Вы имеете в виду просто картинку, шапку поменять?
Да, точно, есть картинка, сделанная в Фотошопе, Вставляю и с.png и с .jpeg, в одном браузере отображается, а в другом нет. ПРавда, делаю в визуальном редакторе.
Записан

verytruth
Симоронка!
Offline Offline

Пол: Женский
Сообщений: 5882


да, я такая :)


Просмотр профиля
« Ответ #6 : 01 Июнь 2009, 08:41:20 »

А зачем баннер в шапке? Вы имеете в виду просто картинку, шапку поменять?
Да, точно, есть картинка, сделанная в Фотошопе, Вставляю и с.png и с .jpeg, в одном браузере отображается, а в другом нет. ПРавда, делаю в визуальном редакторе.

если на юкозе то проблема просто решается, проверь, чтобы в коде было не border="0", а border="0px". допиши px и все будет ок
Записан

domosedka
Offline Offline

Пол: Женский
Сообщений: 1610



Просмотр профиля
« Ответ #7 : 02 Июнь 2009, 12:43:00 »

Цитировать
если на юкозе то проблема просто решается, проверь, чтобы в коде было не border="0", а border="0px". допиши px и все будет ок
у меня тогда рамка появляется.
Записан

LasyBones
Offline Offline

Сообщений: 36



Просмотр профиля
« Ответ #8 : 10 Июль 2009, 12:25:16 »

Коллеги, кто-нибудь умеет делать баннеры? Самые простые,без прибамбасов.  Подмигивающий
Вот думаю запастись баннерами для сайтов на всякий случай. Не знаю, какой размер предпочесть.  Непонимающий 125х125?
Кто как их рисует, если рисует? Образцы имеются совсем простеньких? А то у меня никакого креативного мышления в плане рисования нет.  Обеспокоенный
Записан

Меняюсь ссылками - стучать в личку
И мое деревце тоже полейте, пожаста, -
Zerkalo
Offline Offline

Пол: Женский
Сообщений: 2100



Просмотр профиля
« Ответ #9 : 10 Июль 2009, 13:09:21 »

ну не знаю, я как о рисовала... просто пробуешь разное.. подбираешь
рисунки
в фотошопе делала
Записан
Zerkalo
Offline Offline

Пол: Женский
Сообщений: 2100



Просмотр профиля
« Ответ #10 : 10 Июль 2009, 13:10:21 »

не претендую конечно на профессионализм :D
Записан
Annin
Нет ничего такого, на что нельзя было бы надеяться
Offline Offline

Пол: Женский
Сообщений: 2340



Просмотр профиля
« Ответ #11 : 10 Июль 2009, 13:15:39 »

так здесь на форуме фотоурок есть как баннеры делать.
Кстати, Zerkalo, какой у тебя фотошоп стоит?
Записан


Aqvamarin
Offline Offline

Сообщений: 36



Просмотр профиля
« Ответ #12 : 10 Июль 2009, 13:48:23 »

Я могу помочь с баннером. Обращайтесь.
Записан

Сайты не продаю!
LasyBones
Offline Offline

Сообщений: 36



Просмотр профиля
« Ответ #13 : 10 Июль 2009, 13:59:24 »

Zerkalo, замечательные рисуночки. Целующий Вот я не могу такие придумать. Одна мазня выходит бесформенная.  Плачущий
Я могу помочь с баннером. Обращайтесь.
Помочь это чудно. Но вот только рисование баннеров - это работа, а у меня на ее оплату денег нет. Все, чем я могу помочь взаимно, это написать статьи. Но, как я понимаю, вы и сами с этим эффективно справляетесь.  Обеспокоенный
« Последнее редактирование: 10 Июль 2009, 14:01:09 от LasyBones » Записан

Меняюсь ссылками - стучать в личку
И мое деревце тоже полейте, пожаста, -
Aqvamarin
Offline Offline

Сообщений: 36



Просмотр профиля
« Ответ #14 : 10 Июль 2009, 14:11:14 »

Zerkalo, замечательные рисуночки. Целующий Вот я не могу такие придумать. Одна мазня выходит бесформенная.  Плачущий
Я могу помочь с баннером. Обращайтесь.
Помочь это чудно. Но вот только рисование баннеров - это работа, а у меня на ее оплату денег нет. Все, чем я могу помочь взаимно, это написать статьи. Но, как я понимаю, вы и сами с этим эффективно справляетесь.  Обеспокоенный

Статьи лишними не бывают)) Я согласная))))
Напишите в личку урл сайта, размеры и пожелания (гиф или простой).
Единственное, сделаю не сегодня, а дня через два...если не горит.
Записан

Сайты не продаю!
Страниц: 1 2 3 ... 6
  Печать  
 
Перейти в:  

| Sitemap