Теперь её можно снова вставить в нашу страницу, не забыв при этом сменить расширение jpg на gif.
Всё картинка с прозрачным фоном создана!!
5. Ну и сохраняем нашу картинку в формате gif.. закладка "Файл" >> "Сохранить для Web " в появившемся окне указываем (соглашаемся), что картинка будет сохранена в формате gif жмем "Сохранить".. выбираем папку пишем имя - всё это Вы, я надеюсь умеете..
4. С помощью инструмента выделения "Волшебная палочка" и "Ластика" стираем в рисунке фон, собственно делая нужные нам части прозрачными.
3. В появившемся окне-диалоге "Индексированные цвета" ставим галочку "Прозрачность" и нажимаем "ОК"
2. Откройте закладку "Изображение" >> "Режим" >> "Индексированные цвета".
1. Откройте рисунок фон которого нужно сделать прозрачным с помощью Adobe Photoshop.
Теперь по порядку:
Так вот, докладываю, что графические форматы gif и png - поддерживают режим прозрачности, позволяя тем самым сделать некоторые области рисунка невидимыми человеческому глазу - что нам собственно и нужно!
Открывать фотошоп и рисовать в рисунке с мамонтенком вместо синего фона клеточки? А потом пытаться подогнать их к основному фону страницы? Это не выход!!!
<img src="mammoth.jpg" alt="Мамонтёнок">
<body style="background: url(fon.gif)">
<title>Создание в рисунке прозрачных областей</title>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Пример, где изображение накладывается поверх текстуры:
Думаю для Вас это не проблема! подумаешь открыть его с помощью того же фотошопа и залить фон нужным цветом! но а как быть если основной фон страницы это некая сложная текстура?
Взгляните на рисунок в формате jpg, небезызвестного мультипликационного героя Мамонтёнка который потерял свою маму.. плакать хочется.. нет, не из-за того, что мамонтенок не может найти свою маму (хотя и из-за этого тоже), а потому что синий фон ужасно режет глаза! так и хочется убрать эту синеву и залить фон рисунка таким цветом, чтобы он сливался с фоном страницы..
.. или уроки Adobe Photoshop.
Создание в рисунке прозрачных областей.
Создание в рисунке прозрачных областей. Уроки Adobe Photoshop.
Комментариев нет:
Отправить комментарий