Как сделать html код для баннера и анимацию в Фотошопе

Так уж случилось, что мне нравится работать с CSS кодом, поэтому было интересно сделать кнопку ниже, которую можно использовать в качестве баннера, то есть по нажатию на неё вы перейдёте на Главную страницу shpargalkablog.ru:

Шпаргалкаблоггера

<style type="text/css">
div.sb {
  text-indent: 0px;
  outline: 2px solid #f4e9ce;
  border: 2px solid #ddcca2;
  padding: 4px 3px 0px 3px;
  background-image: -moz-linear-gradient(#f4e9ce, #ddcca3);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#f4e9ce), to(#ddcca3));
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f4e9ce,endColorStr=#ddcca3); 
  background-image: -o-linear-gradient(top,#f4e9ce,#ddcca3);
  height: 65px; 
  width: 260px;
  font-family: Impact, Arial, Verdana;
  font-size: 200%;
  font-weight: 100;
  text-transform: uppercase;
  font-style: oblique;
  font-weight: bold;
}
span.sb1 {
  border-bottom: #ddcca2 5px solid;
  color: #991500;
  margin: 0;
  text-shadow: -1px -1px white, 1px 1px #333;
  float: left;
}
span.sb2 {
  color: #ddcca2;
  margin: 11px 0;
  position: relative;
  text-shadow: 1px 1px 1px #000;
  float: left;
}
</style>
<a href="http://shpargalkablog.ru/" title="Шпаргалка блоггера"><div class="sb">
<span class="sb1">Шпаргалка</span><span class="sb2">блоггера</span></div></a>

Как сделать анимацию в Фотошопе.

• "Анимация",
• "Слои" (горячая клавиша F7),
• "Инструменты".

1. обвести картинку L (лассо),
2. "Файл"-"Создать" (CTRL+N),
3. командой V перенести изображение на созданную область.

Рис.1 Перенести изображение в Фотошопе.

Затем, выделив (см. синий фон) один из слоя и указав только на нём глаз, орудуем пипеткой (I) , для автоматического определения и установки выбранного цвета, и карандашом (B) для удаления ненужных фрагментов путём их закрашивания в палитру фона. При этой процедуре я люблю увеличивать масштаб фотографий: если посмотреть на Рис.1, то он равен 100%, а я указываю в 300%, чтобы не затронуть лишние элементы. Также полезной функцией является прозрачность слоя (Рис.2).

Рис.2 Слои в Фотошопе.

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

<a href="адрес_сайта" title="название_сайта" ><img src="адрес_баннера" alt="название_сайта"/></a>

<a href="http://shpargalkablog.ru/" title="Шпаргалка блоггера" ><img border="0" height="79" width="266" src="https://3364729736176253495-a-1802744773732722657-s-sites.googlegroups.com/site/spargalka1/rating/shpargalkablog-banner.gif" alt="Шпаргалка блоггера"/></a>