Сохранение рисунка для web-страниц

Панель инструментов

Панель инструментов состоит из набора кнопок, каждая из которых соответствует какому-то инструменту, который можно сделать активным. Если на кнопке есть внизу маленький треугольник, это значит, что если нажать на эту кнопку и некоторое время не отпускать ее, откроется панель из нескольких инструментов данной группы.

Слои

Использование слоев дает возможности, которые раньше были только в векторной графике. Чтобы понять, что такое слой, представьте, что у Вас на столе несколько пакетов оконного стекла, положенных друг на друга. На каждом стекле что-то нарисовано. Если посмотреть сразу на все стекла, то сложится некая картина. Причем, возможно, меняя порядок чередования стекол, картина может видоизменяться, так как одно начертание может перекрывать другое. В один момент можно рисовать только на одном слое, совершенно при этом не затрагивая другие, такой слой в дальнейшем будем называть активным. Слои можно добавлять, удалять, временно делать невидимыми. Для работы со слоями есть специальная палитра Слои (Layers). На рисунке 2 как раз показана такая панель. На ней расположен список всех слоев с уменьшенным изображением. Причем, самый нижний слой – это, как правило, фон, на котором в дальнейшем будет располагаться изображение. Фон может иметь как однородную заливку из цвета, так и градиентную, из нескольких цветов, его можно замостить каким-нибудь узором, или вообще сделать прозрачным. Если рядом со слоем изображен глаз , это значит, что слой видим. Если рядом со слоем изображена кисть , это значит, что этот слой будет редактироваться, то есть он является активным. Буква T обозначает, что слой текстовый. Если стоит буква F, значит к слою применен эффект, фильтр. Опции для слоя можно задать, щелкнув на нем правой кнопкой мыши и выбрав в появившемся меню пункт Параметры слоя (Layer Options). Здесь можно задать прозрачность слоя, режимы наложения и т. д.

Группа инструментов для создания выделений

В верхней части панели инструментов расположена группа для создания выделений изображения. Это Область (Marquee), Волшебная палочка (Magic Wand) и Лассо (Lasso), Рамка (Grop), Ножик (Slice).

Инструментами Область и Лассо выделяют участки изображения, ограниченные геометрической фигурой. Инструмент Волшебная палочка осуществляет выборку области по принципу цветового совпадения в рамках границ охвата, установленных пользователем. Инструмент Рамка предназначен для вырезания прямоугольной области, при этом все остальное изображение отсекается. Ножиком пользуются в тех случаях, когда необходимо разделить изображение на несколько прямоугольных секторов, которые потом можно сохранить как отдельные изображения.

Инструменты рисования и редактирования

В качестве инструмента рисования используют Кисть (Paintbrush ), которая делает края более мягкими. Кисть может быть заменена инструментом Аэрограф (Airbrush). Инструмент Карандаш (Pencil) оставляет ступенчатые, резкие кромки. Этот инструмент хорош для создания четко очерченных границ.

Инструмент Ластик (Eraser ) используется для удаления части изображения. Инструмент Штамп (Rubber Stamp ) предназначен для копирования в местах прохода некоторого выборочного образца. Образец для копирования может быть взят из самого изображения, из окна другого изображения или из памяти компьютера.

Управление цветами

Инструмент Ведро (Paint Bucke t) позволяет залить выделенную область цветом, которую предварительно необходимо определить.

Инструмент Градиент (Gradient ) позволяет выполнить линейную, радиальную, треугольную цветовую заливку. Градиент поддерживает прозрачность слоя. Можно создать и сохранить коллекцию пользовательских шаблонов градиентов. Если щелкнуть на кнопке Редактирование (Edit) на палитре Параметры (Options), то появится окно Редактор градиентов (Gradient Editor), где можно сделать все необходимые установки.

Поле основного цвета (верхнее) служит для изменения цвета переднего плана, поле фонового цвета (нижнее) – для изменения цвета заднего плана. Щелчок на одном из полей выводит на экран палитру цветов, где можно задать цветовые значения, используя различные цветовые режимы и модели (RGB, CMYK, HSB, LAB).

Оптимизация и сохранение изображения для Web

Настройка изображения

Для настройки изображения в меню есть пункт Изображение (Image). Команды этого пункта предназначены для корректировки всего изображения. Рассмотрим наиболее важные из их.

Команда Режим (Mode). Цветовые режимы служат для определения глубины цвета и цветовых каналов (т. е. базовых цветов, лежащих в основе режима). Иногда преобразование может ухудшить изображение, в большинстве случаев это связано с незнанием особенностей цветовых режимов работы. Приведем описание отдельных цветовых режимов:

- Градации серого (Grayscale). Данный режим применяется для представлений полутоновых черно-белых изображений. При этом используется до 256 оттенков серого цвета.

- Индексированный цвет (Indexed Color). Режим называется так потому, что в нем каждому пикселю изображения присваивается индекс, указывающий на определенный цвет из цветовой палитры. Если изменить порядок расположения цветов а палитре, это скажется на внешнем виде изображения, представленного индексированными цветами. Такой режим используется для хранения файлов в формате GIF.

- Цвет CMYK (CMYK Color). Используется для конвертирования цветов изображения в систему CMYK. Как правило, режим CMYK применяется для подготовки изображений к печати.

- Цвет RGB (RGB Color). Этот режим используется для представления изображения в программе Adobe Photoshop по умолчанию.

Команда Коррекция (Adjustments). Эта группа режимов управляет качеством изображения. Здесь можно настроить яркость и контрастность изображения, тон и цвет рисунка, насыщенность черного или белого цвета.

Команда Размер изображения (Image Size). Данная команда позволяет задать Размерность (Pixel Dimensions) и Размер печатного оттека (Print Size), в окне приведены ширина и высота оригинала в пикселях и сантиметрах соответственно, а также разрешение (в пикселях на дюйм – ppi). От установленных значений зависят размер и качество изображения.

Команда Размер Канвы (Image Canvas). Данная команда позволяет задать ширину и высоту канвы изображения, при этом может увеличиваться или уменьшаться пространство между прямоугольной областью расположения изображения и границами документа. От установленных значений зависит размер документа.

Сохранение рисунка для web-страниц

Для Интернета в основном используется два графических формата GIF и JPEG. Для сохранения и оптимизации изображения выберите команду Файл / Сохранить для Web (File / Save For Web). Откроется окно подготовки изображения к сохранению.

Здесь можно выбрать формат сохраняемого файла GIF или JPEG, настроить параметры этих файлов. Самое главное, что любое изменение можно тут же увидеть. Качество будущего файла можно оценить визуально и сравнить его с оригиналом. Будущий размер файла появится под ним и будет указано ориентировочное время загрузки файла через модем.

При сохранении в формате JPEG необходимо задать степень сжатия файла либо вручную выставить проценты, предварительно сравнивая оригинал и оптимизированное изображение, либо с помощью заданных параметров.

Если установить настройку Progressive, то при загрузке странички в браузер отображается сначала изображение в низком разрешении, а затем постепенно, по мере загрузки, прорисовывается окончательно со всеми деталями. Этот формат обладает существенным недостатком – при просмотре требуется большее количество оперативной памяти.

При сохранении в формате GIF необходимо задать количество цветов, составляющих цветовую палитру, тип цветовой палитры, тип и степень смешивания цветов при создании цветовой палитры изображения.

Таблица (палитра) цветов отображает все цвета, которые используются в изображении. Цвета ячеек данной таблицы можно изменять, щелкнув по ним дважды мышкой. С помощью инструмента Пипетки , который находится в меню с левой стороны, можно выбрать в изображении те цвета, которые должны стать прозрачными. Прозрачность задается инструментами, находящимися непосредственно под таблицей цветов. Выбранные вами цвета помечаются черными квадратиками, и окрашенные ими области изображения заливаются стандартным серым цветом — при просмотре картинки в web-браузере они станут прозрачными.

Вопросы для самоконтроля:

Дата добавления: 2020-11-23; просмотров: 49; Мы поможем в написании вашей работы!

Поделиться с друзьями:

Мы поможем в написании ваших работ!