Как создать анимированный баннер в Photoshop

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

Как создать анимированный баннер в Photoshop



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

Анимированный баннер достаточно хорошо привлекает внимание посетителей. Поэтому в этом уроке мы и займемся его созданием. Работать я буду в программе Photoshop CS5 Extended.  Если хотите установить данную программу можете вбить соответствующий запрос в поисковых системах. Я решил записать для вас видеоурок. Потому что так намного лучше усваивается информация да и мне будет проще объяснять все походу, нежели делать скриншоты каждого действия.

Я предварительно скачал две картинки, с помощью которых необходимо сделать анимацию, в общем, что говорить. Лучше своими глазами увидеть, как все это происходит:

Как видно из ролика, чтобы сделать такой простенький баннер я вложился всего в 10 минут. При этом я еще и успевал обяснять.

Вот и результат, который получился в ролика:

Как создать анимированный баннер

Теперь осталось только вставить данный баннер в нужное место на вашем сайте. Я использовал код:

<p align="center"><a href="http://sites-builder.ru/" target="_blank"><img src="files2/241211/bann.gif" alt="Как создать анимированный баннер" width="250" height="400" border="0"></a></p>

Вместо http://sites-builder.ru/ вы вставляете алрес, на который должен перенаправлять баннер.

Вместо files2/241211/bann.gif - адресс на хостинге, куда вы закачали баннер



Поделитесь статьёй с друзьями:


Автор: Олег Каминский| Дата: 2011-12-24| Просмотров:(4852)| Комментов:(1)



Комментарии:

Автор: Мария
Дата: (2012-03-12)

рекомендую прочесть эту статью http://bloked.ru/animirovannyj-banner/

Добавить Ваш комментарий:

Введите сумму чисел с картинки: