ВыWEBнись Stylьно! Тестируем ImageStyler

Xakep, номер #033, стр. 033-018-3

Цапа пашет, но не так, как нам надо. В чем дело? А в том, что по умолчанию скромные ребята из ADOBE пошлют нас прямиком на www.adobe.com, что тебе, ясен пень, не нужно.

Нужно, чтобы кнопка отправляла Осла по адресу вроде этого: www.xclub.coolfreehost.ru/images/tetka1.htm или www.xakep.ru. Пофикси эту багу при помощи закладочки "Web". В поле, подписанное URL, воткни свою рульную урлу. Теперь все в порядке.

Пора!

Теперь пора замутить свою пагу. Выбери размеры страницы (лучше всего 800х600) и выстави их в ImageStyler-e, используя пункт меню "Edit/Canvas Size". Помести и разложи на рабочем поле формы и текст, который будет графикой. Применяй эффекты и стили, делай кнопки.

Ты можешь столкнуться с такой проблемой: нужно положить один объект на другой (рельефный значок на рельефное основание, например), а нижняя тварь упорно лезет на верхнюю и скрывает ее от глаз людских. Дело в том, что нижний объект попал на поле позже, а следовательно, и лежит "выше". Изменить эту неприятность можно через меню: Object/Arrange/действие. Действия такие: вытянуть наверх (bring to front), приподнять (bring forward), приспустить (bring backward), загнать на дно (bring to back).

Чтобы удобнее было расставлять объекты по будущей паге, подгонять их по размерам и вращать в разные стороны, пользуйся прокладочкой... в смысле закладочкой "Transform". Тут все в цифре, так что тюннинг проекта пройдет легко.

Увидеть!

Да, хотелось бы увидеть, как это все будет фунциклировать. ОК! В ImageStyler-e есть предпросмотр. Пункт "File/Preview In" позволяет глянуть на дело рук своих в Осле и Фотопопе. При просмотре в браузере задействуются кнопочки, и ты сможешь по ним пощелкать. Также проявятся баги в расположении картинок на странице (что-то съехало, кто-то торчит не по центру и т.д.), и их можно будет сразу прибить.

Льготы экспортерам

Теперь надо получить собственно то, что ты вывалишь в iNet. Для этого проект нужно экспортировать. Вытягивай за уши инспектора с надписью "Export". Вот это очень удобная фича. Тут собраны все настройки экспорта плюс еще сразу оценивается вес будущей страницы при таких параметрах. Что такое формат экспорта, понятно. Это jpeg, gif, photoshop. Качество тоже трудностей вызвать не должно. Задействуй check-box "Active Preview" и сразу увидишь, как вес паги зависит от качества графики. Кстати, изменение этого качества ты тут же заметишь прямо в рабочей области. Дальше нужно выбрать способ экспорта (выпадающий список рядом с надписью "Make page").

Первые два способа делают бооольшой скрин твоей паги для самостоятельного нарезания. Третий импортирует объекты в отдельные файлы, но страницу не делает (если ты загрузишь html-ку, все картинки будут положены в столбик, одна под другой). Четвертый (AutoLayout) - автоматически монстрячит страницу. Выбирай его.