Логин:
Пароль:

.

Категории раздела
Баннер сайта
Если у тебя есть свой сайт или блог, установи наш баннер у себя КАсайт - Сайт для тебя и твоих подружек!
Новенькое
[09 Февраля 2012][Интернет]
Статусы №2 (0)
[13 Декабря 2011][Мобильник]
Все об Android (0)
[02 Декабря 2011][Зима]
Делаем Ёлку1 (1)
[27 Мая 2011][Интернет]
Смайлики (0)
[23 Марта 2011][Интернет]
Статусы про дружбу (0)
Наш опрос
Какой раздел сайте тебе нравится больше?
Всего ответов: 28
Мои сайты
Мы ВКонтакте
Счётчик

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Кто сегодня был на КАсайте:

Каталог статей

Главная » Статьи » Сайтостроение » Уроки фотошопа

Как сделать свой простой баннер?
Как сделать свой простой баннер?
В этом уроке мы не только расскажем, но и покажем, а так же дадим код баннера.

И так приступим!

1. Простой баннер
Его очень просто сделать.
Открываем Adobe ImageReady и создаём новый документ (или нажимаем Ctrl+N)
В нём выставляем 88х31

И у нас появилась пустая область, В данном случае мы её разукрасили в Голубой цвет
Дальше мы открываем (или нажимаем Ctrl+O) нужную нам маленькую картинку. Лучше всего вставить картинку Pixel Art . Я выбрала собачку

Далее мы Переносим Собачку на наш голубой фон

Теперь нам нужна надпись, добавляем текст (или нажимаем T)
"Пишем и смотрим, чтобы влезло. В данном примере у нас баннер для сайта о собачках, так что мы пишем такую же надпись "
Сайт о Собачках"

Ну вот и всё. Осталось только сохранить

Теперь вы научились создавать свой, простой баннер, но это ещё не всё. Теперь вам нужно создать скрипт баннера.
И так Получившийся баннер выкладываем в "Файловый менеджер" или на сайте http://radikal.ru/  Затем скопируем адрес сайта и делаем баннер

<a href="Адрес вашего сайта" target=_blank title="Надпись о баннере"><br><img src="Адрес картинки"border=0></a>

Все данные вставляем и получается к примеру как у нашего сайта:

КАсайт. Много 
информации не помешает.

<a href="http://kasite.ucoz.ru/" target=_blank> <img src="http://kasite.ucoz.ru/sistem/banner1.gif" border="0"alt="КАсайт. Много информации не помешает." width=88pxheight=32px></a>
Категория: Уроки фотошопа | Добавил: Kalinka (12 Сентября 2010) | Автор: КАсайт W
Просмотров: 1136 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]