Иллюстрированный самоучитель по Web-разработке на Macromedia Studio MX

Работа с рисунками в Fireworks MX

  • Вступление. Векторы и растры.

    Fireworks был одним из тех странных продуктов, которые рынок долго не принимал. Одни по-прежнему работали с Photoshop, другим это приложение казалось просто игрушкой. Все это продолжалось до тех пор, пока обе группы не поняли, что главным назначением этого приложения является создание и оптимизация рисунков для Web.
  • Форматы PNG, GIF и JPEG

    Существует множество форматов рисунков, доступных в пакете Macromedia MX Studio. Знание того, какой формат лучше всего подходит для конкретной задачи, критично для успеха всего процесса. В некоторых приложениях пакета недоступны такие популярные форматы, как TIFF, PICT и BMP.
  • Цветовая коррекция в Fireworks

    Изображение, созданное с помощью цифровой камеры или сканера, не может быть совершенным. Смещение цветовой гаммы (color cast) (когда рисунок оттенен каким-то посторонним фоном и нужно сместить баланс цвета) происходит независимо от нашего желания и снижает контрастность рисунка.
  • Использование инструментов для работы с рисунком

    Обратите внимание, что на галстуке персонажа съемки есть дефект, который необходимо удалить. Для достижения этой цели существует множество способов, но мы рассмотрим только два, в которых используются инструменты Pencil (Карандаш) и Rubber Stamp (Штамп).
  • Обрезка рисунка

    При работе в Web большую работу приходится выполнять, приводя размеры рисунков на странице в соответствие с их идеальной компоновкой. При этом лучшим способом будет уравнивание размеров исходного рисунка с его копией на Web-странице. Для этого лучше всего применить обрезание.
  • Изменение размеров рисунка

    При размещении рисунков в Web могут возникнуть проблемы с изменением их размеров. При работе с векторной графикой это не может составлять проблему в принципе, из-за самой природы векторов. Когда же дело доходит до растровой графики, возникает дилемма. | Рис. 9.12.
  • Избирательная компрессия JPG. Создание маски.

    Эта функция появилась в Fireworks 4. Избирательная компрессия JPG позволяет задавать различные уровни сжатия для разных областей рисунка. Например, на используемом в качестве примера рисунке фон для нас не важен. Если какая-либо деталь в этой области исчезнет, то вряд ли это кто-то заметит.
  • Спецэффекты. Создание рисунков Sepia Tone.

    Средствами Fireworks можно создать массу спецэффектов. Тремя нашими любимыми являются: создание рисунков sepia tone, применение эффекта, который мы называем Granny Feather, и добавление к рисунку кадра. | Спецэффекты используются для разных целей.
  • Создание эффекта виньетки. Добавление рамки в рисунок.

    Многие из вас видели старые фотографии в антикварных магазинах или у своих дедушек и бабушек. Как правило, это снимок, заключенный в овал, который немного размыт по краям. Это – старая техника, использовавшаяся когда-то в фотографии. Ее название – Granny Mask.
  • Маски и фильтры

    Маски в Fireworks могут быть векторными и растровыми. Эти маски применяются не ко всему рисунку, а к объекту под маской. Видимость фрагментов рисунка зависит от уровня серого пикселей применяемой маски. Если пиксель белый, то находящееся под ним видимо, если пиксель черный – скрыто.
  • Карты рисунков и переключатели

    Карты рисунков являются обычными изображениями, которые были разделены на слайсы (slices) в приложении Fireworks. Переключатели (rollovers) используют эти составляющие для определения того, какой рисунок какую часть заменяет.
  • Создание распределенного переключателя

    Это – довольно интересный эффект. Пользователь помещает курсор над одним фрагментом рисунка, а на странице изменяется совершенно другой фрагмент. Фрагмент, который вызывает замещение, называется триггером, а замещаемый фрагмент – мишенью (target).
  • Использование в переключателе внешних файлов

    Два предыдущих примера продемонстрировали замещение с использованием рисунка, расположенного в кадре рисунка Fireworks MX. Однако при этом в качестве источника замещения можно использовать и рисунки, размещенные вне отрытого документа.
  • Создание слайсов

    Основной целью создания слайсов рисунков является минимизация времени загрузки в браузер. Например, в Fireworks MX создать целые страницы. Однако когда эти страницы будут загружаться в браузер пользователя, имеющего медленный канал в Internet, тем придется довольно долго ожидать окончания процесса.
  • Альтернативные описатели

    Альтернативные описатели (ALT tag) достаточно важны, так как их текст помещается на место рисунков, которые не удалось загрузить. В современных браузерах альтернативные описатели отображаются во вспомогательных окнах при помещении курсора над соответствующим фрагментом.
  • Оптимизация слайсов для экспорта в Fireworks MX

    В одном из предыдущих разделов вы узнали, как создаются слайсы, подготовили фрагменты для экспорта и поместили их в Dreamweaver MX. В этом разделе описывается, как превратить окно Property в прекрасный инструмент для подготовки фрагментов перед выбором в меню пункта Export.
  • Резюме

    В этой главе было подробно описано создание рисунков в приложении Fireworks MX. | При демонстрации процесса цветовой коррекции было показано, как различные средства приложения, начиная от уровней и заканчивая маскировкой сглаживания, помогут улучшить качество рисунка.
Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.