Удобство и приемущества нарезки PSD-шаблонов в Adobe FW - Каталог статей - Уроки по html/css - Разное www.Sefirut.ru - разработка шаблонов, сайтов, иконок, скриптов, создание сайтов набережные челны, студия веб-дизайна в Набережных Челнах, раскрутка и продвижение сайтов в интернете
| Сегодня Суббота 10.12.2016

Удобство и приемущества нарезки PSD-шаблонов в Adobe FW


Adobe Fireworks — это графический редактор, который стал частью пакета программ Adobe, после того как они купили компанию Macromedia.
Родным форматом проги является PNG (кто не знал - сохранение информации о слоях, объектах и прочей информации в PNG возможно и отлично реализовано в FW).
Программа имеет хорошо продуманный интерфейс, удобную и простую работу как с растровой графикой так и векторной (читает многие форматы других приложений, например AI, EPS, PSD, итд.)
Странно, но не многие знают о ней и тем более используют в качестве инструмента для создания дизайна сайтов, хотя это очень удобно, если вы познали «всю мощь» этой программы.

Конечно же, я не буду утверждать что это полноценная замена фотошопу, но для большинства случаев её достаточно. А еще лучше, если использовать для дизайна всю связку AI+PS+FW.
В FW более простая и удобная работа с векторными объектами (это и дальнейшие сравнения идут в первую очередь с фотошопом), простой откат многих фильтров без создания специальных «умных объектов» (smart objects), более лучший экспорт разных форматов графических файлов, группировка слоев, итд.
Удобнее рисовать небольшие векторные объекты (например иконки, кнопки), создавать сетку, рисовать какие-либо схемы, и многое другое.
Наличие аналогичных тулбаров, аля слои, стили, автофигуры, итд. позволяет охватить основной необходимый функционал подобных графических редакторов.
Также дополнительным бонусом является то, что в FW можно создавать и редактировать анимационные изображения формата GIF.

Применение в верстке


Основные удобства при нарезке изображений для дальнейшей верстки — использование сликов (вырезок, инструмент Slice tool (K)).
Их очень просто создавать и экспортировать, например выделив нужное число объектов на холсте и нажав Ctrl+Shift+U. При этом размеры сликов создаются по размеру объекта + с учетом используемых фильтров (например внешние тени).
После чего для всех созданных вырезок можно одним кликом выбрать необходимый формат для экспорта, в панели Optimize, далее можно можно сохранить все их по отдельности (клик правой кнопкой на слике → Export Selected Slice) или же сохранить их все разом (жмем Ctrl+Shift+X, внизу будет кнопка Export, там выбираем что сохранять).
Fireworks отлично сохраняет формат PNG, в том числе PNG8+alpha и PNG32 (в отличии от фотошопа различие в сохранении PNG32 (PNG24+alpha) будет заметно в IE 6).

Еще есть множесто удобных мелочей при работе в Adobe Fireworks, вот несколько из них:
объект на странице можно спозиционировать программно, указав координаты в панели свойств объекта (Ctrl+F3)
при копировании (Ctrl+C) и вставке (Ctrl+V) объекта на странице, он вставляется точно в тех координатах, где и находился
при единичном экспорте объектов удобно их скопировать в буфер, создать новый файл, вставить на страницу и автоматически подогнать холст под объект нажатием кнопки «Fit Canvas» на панели свойств
выделение объекта (Marquee Tool) для вырезки части растрового изображения можно легко получить на основе векторного (клик правой кнопкой мыши на объекте → Convert Path To Marquee)
часто дизайн рисуется с использованием изображений на белом фоне с применением различных алгоритмов наложения слоев (Overlay, Dark, Lightness, итд.), но в верстке иногда требуется, чтобы этот слой был без фонового изображения, и тут на помощь приходит одна фишка в лице фильтра «Other → Convert to Alpha», применение которого убирает белый фон (но изображение становиться черно-белым, но если этот способ объеденить с предыдущим пунктом при помощи нехитрых манипуляций можно быстро создать одноцветный векторный объект схожей формы и просто избавиться от фона путем его удаления с растрового изображения)

Но не все объекты, нарисованные в фотошопе, FW правильно отображает.
В основном это касается фильтров. Но чтобы всё же заниматься вырезкой, обработкой и оптимизацией графики для верстки только в FW, нужно предварительно подобные объекты в фотошопе растеризовать и избавиться от всех фильтров (иногда нужно растеризованный слой объеденить (Merge) с пустым слоем).
Категория: Разное | Добавил: Admin (10.10.2010)
Просмотров: 1958 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]