щелкните по картинке, чтобы открыть ее в полном размере
Давайте посмотрим, как в программе «Adobe Photoshop CS3» создать картинку с прозрачным фоном. Откроем подготовленный файл «DOG.BMP» из скачанного архива.
Скачать архив документов, с которыми мы будем работать. Распакуйте архив на своем компьютере и работайте с теми же файлами, что и мы, повторяя наши действия. Скачивание архива доступно только зарегистрированных пользователям. Войдите на сайт под своим паролем (в левом меню) или зарегистрируйтесь
щелкните по картинке, чтобы открыть ее в полном размере
На рабочем поле программы появилось изображение. Что мы хотим в результате получить? Необходимо сделать так, чтобы белые участки фона (вокруг картинки) стали прозрачными. Для этого нужно поместить изображение собачки на новый слой и удалить с него белый фон. Итак, приступим. Сначала выделяем все изображение. Входим в меню «Select» - «All» или нажимаем комбинацию клавиш «CTRL»+«A» на клавиатуре.
щелкните по картинке, чтобы открыть ее в полном размере
Скопируем выделенное изображение в буфер обмена. Сделаем это, используя функцию «Вырезать» (скопировать и удалить). Входим в меню «Edit» и выбираем пункт «Cut» или нажимаем одновременно клавиши «CTRL»+«X» на клавиатуре. Останется только белый фон.
щелкните по картинке, чтобы открыть ее в полном размере
А теперь вставляем вырезанное изображение на новый слой. Для этого необязательно создавать другой файл. Воспользуемся уже имеющимся. Тот, откуда мы вырезали изображение. Входим в меню «Edit» и выбираем пункт «Paste» («CTRL»+«V»).
щелкните по картинке, чтобы открыть ее в полном размере
Откроем панель управления слоями «Layers». То, что нам нужно! Появился новый слой - «Layer 1», на котором находится изображение с собачкой. При этом на слое «Background» только белый фон. Нам он больше не нужен. Отмечаем этот слой и удаляем его нажатием кнопки «Delete layer». В открывшемся окне нажмем «Yes» для подтверждения наших действий.
щелкните по картинке, чтобы открыть ее в полном размере
Следующий этап - удаление лишнего изображения на самой картинке. Это белый фон вокруг собаки. В данном случае нам поможет инструмент «Magic Wand Tool» («Волшебная палочка»). Он очень удобен в тех случаях, когда необходимо выделить область ровной заливки. Выберем этот инструмент и щелкнем мышкой в верхнем левом углу изображения.
щелкните по картинке, чтобы открыть ее в полном размере
Для удаления выделенного участка нажимаем на клавишу «Delete» на клавиатуре. Теперь на прежнем месте появился клетчатый фон, что означает наличие прозрачного фона. Значит, мы движемся в правильном направлении.
щелкните по картинке, чтобы открыть ее в полном размере
Аналогичным способом аккуратно удаляем остальные белые отрезки по краям картинки. Картинка будет выглядеть примерно так, как показано на иллюстрации.
щелкните по картинке, чтобы открыть ее в полном размере
Изображение готово для сохранения. Входим в меню «File» - «Save for Web & Devices...».
щелкните по картинке, чтобы открыть ее в полном размере
В знакомом окне из списка форматов выбираем пункт «GIF» или «PNG». Мы будем сохранять в «GIF». Смотрим, каково качество изображения после компрессии. При необходимости устанавливаем нужное количество цветов в поле «Colors». Обязательно ставим галочку у пункта «Transparency». Именно он отвечает за сохранение картинки с прозрачным фоном.
щелкните по картинке, чтобы открыть ее в полном размере
Нажимаем кнопку «Save». Выбираем каталог для сохранения картинки и вносим название файла. Далее нажимаем кнопку «Сохранить».