[показать]



1)Итак,берём готовую картинку (или делаем),на которой вы хотите сделать ссылки.
У меня такой пример :

[показать]

2)Переходим в Image Ready,нажатием этой кнопочки а панеле инструментов [показать](Image Ready должен быть в установочном пакете в Photoshop'ом)

3)Всё, теперь осталось работать в Image Ready.
Для начала открываем "Карту ссылок" (Окно - Карта Ссылок)

[показать]

После чего, нажимаем на инструмент "Прямоугольная карта ссылок" в панеле инструментов [показать] и обводим нужную нам части для будущей ссылки

[показать]

Как видите, появляется некая рамка со стрелочками,которую можнодвигать и изменять высоту и ширину, подравнивая её под ваши значки - ссылки. В панеле "Карты ссылок" вы должны указать ваше URL на нужную страницу/сайт ; цель - _top (незабудьте!!! Без этого у вас не будет нужного кода!!!) ; ALT - то что там напишите, то и будет отбражать при наведении мышки на ссылку.

И так выделяете всё,что вам нужно!!!! В моём случае должно получится 4 ссылки.

4) Сохраняем картуинку (в любых расщирениях,которые вам нужны, но я советую в PNG). Для этого нажимаем Файл - Сохранить оптимизированный как... в Image Ready в очень плохом качестве GIF, или же возвращаемся в фотошоп (также как пришли в Image ready) и нормально сохраняем в (PNG или Jpeg) Файл - Сохранить для Web.
Внимание!!!! При сохранение в графе "Тип файла" ставим "HTML и изображение"!!!

[показать]

5)Идём туда,где вы сохранили вашу картинку. Там, помимо картинки вы увидите html файл (ввиде ссылки вашего браузера).
Открываем его в блокноте (Открыть с помощью - блокнот)

6)Эту ссылку нам нужно скопировать на страницу сайта, но предварительно кое-что удалив.
То,что я выделила синим - это ОСТАВЛЯЕМ!!!
Копируйте это к вам на страничку, где вы хотите разместить картинку.

[показать]

7)Теперь берем вашу JPG (или PNG/GIF)-картинку (та, что сохранилась в вашей папке), заливаем ее на любой фотохостинг (radikal.ru), например.Копируем первую ссылку на нее (если не уверены, какую именно, она должна кончаться .jpg) и вставляем ее вместо того, что я подчеркнула ниже(только не стирайте кавычки "!):

[показать]

Всё готово!!! Вопросы...


[704x407]