Инструкция по созданию пользовательского бегунка из фотографии.
Для создания бегунка мы будем пользоваться программой Adobe Photoshop CS3
Открываем фотографию в Фотошопе.
Выбираем инструмент "полигональное лассо".
С его помощью выделяем интересующий нас объект. Добавляем или убираем лишнее выделение, выбирая соответствующую кнопку (см. рисунок, обведено красным).
Можно также использовать обычное лассо, "волшебную палочку" или выделение прямоугольником или эллипсом, это кому как удобно.
Копируем выделение, нажав CTRL+C или как на картинке:
Создаем новое изображение (File => New), фотошоп запомнил размер скопированного в буфер изображения, и предложит создать новое именно такого размера. Фон изображения выбираем прозрачный:
В новое изображение вставляем скопированный в буфер объект, нажав одновременно CTRL+V или таким способом:
Вот что у нас получилось:
Теперь осталось картинку уменьшить:
Ширина и высота не более 110 точек, и обязательно должна стоять галочка "сохранять пропорции":
И сохранить в формате PNG. В меню File выбираем Save for WEB:
Выбираем из выпадающего списка формат PNG-24.
Замечание 1: бегунок располагается в верхней части линеечки и, если в высоту Ваш бегунок меньше 99 точек, то он "подпрыгнет". Чтобы этого не произошло, оставьте сверху над бегунком пустое место.
Замечание 2: Красивые бегунки получаются не только отделением объекта от фона, но и помещением фотки в рамочку ;-)
Теперь можно создавать линеечку с собственным бегунком :). Желаю удачи!
