ВыWEBнись Stylьно! Тестируем ImageStyler
Xakep, номер #033, стр. 033-018-1
Donor (donor@real.xakep.ru)
Мазафака! Сколько можно натыкаться на убогие паги и текстовые дефейсы? Маза хакаеры! Пага - это же ваше лицо! А, ну да, конечно, тут у нас 31337-ые хАкс0ры затесались, которые считают, что text mode - это элита, а любой GUI - для лохов. Ребятки, идите читать Е-Зины фанатов Роботрона. А всем нормальным чувакам посвящается эта статья. Не надо быть мега-дизигнером, чтобы создавать хорошие паги. Ты же не собираешься побеждать на никарагуанских конкурсах "Пага года"? Ты же нормальный чел, который хочет на свой паге дать людям какую-то важную инфу и поделиться своими мыслями. Я тебя порадую: небольшая заокеанская контора "ADOBE" в беспрестанной заботе о нашем благополучии и наполнении своих банковских счетов сварганила рулезную прогу по кличке ImageStyler. Сейчас мы с тобой заценим все ее фичи и заюзаем их на полную мощность.
Чего дают?
ImageStyler - это тулза для быстрого создания вебграфики. Ты можешь загнать в него любые изображения или рисунки и грязно надругаться над ними, применив различные стили, эффекты и трансформации. Также эта софтина поможет тебе красиво раскидать замученные картинки по паге, наделать кнопарей, реагирующих на грызуна, абсолютно не трахаясь со скриптами, сварганить html'ку, порезать и импортировать графику в gif или jpeg. Очень вкусно то, что прога поддерживает слои в объектах, то есть можно творить действительно сложные картинки.
Чего не дают?
К сожалению, не дают разметить html-таблицу самостоятельно. ImageStyler делает это автоматом, причем далеко не всегда лучшим образом. Из ImageStyler'а нельзя загнать в пагу текст. Это все потому, что жадина "ADOBE" позиционирует свою софтину как графическую, а для создания сайтов предлагает купить еще одну (GoLive). Но мы обойдемся. У тебя же блокнот в руки интегрирован ;).
Как это выглядит?
Разве название производителя не говорит само за себя? Да, выглядит это почти как Photoshop (собственно, на его движке и делался ImageStyler). В открывшемся окне перед тобой картинно разложат проект, линейку инструментов и несколько инспекторов. Инспектор - это маленькая форточка с закладками, через которую ты можешь быстро осуществить какое-нибудь издевательство над объектом (применить стиль, масштабировать, повернуть, изменить цвет и т.д.). Остальные важные функции засунуты в верхнее меню.
Внешне ImageStyler отличается от Photoshop-а тем, что нет инструментов для рисования и редактирования исходного изображения: работать можно только с готовым объектом. Но, поверь, больше тебе ничего и не понадобится.
Давай забацаем чего-нибудь!
ОК! Сделай, например, сайт "][-клуб" и собери на нем вместе всех рульных парней и девчонок своего города. Устанавливай и запускай программу. Перед тобой сияет девственной белизной окно проекта и мешаются инспекторы. Распихай их по краям - сейчас мы будем творить. Найди инспектор с закладкой "Color". Это палитра. Выбирай цвет по вкусу. Теперь нажимай на тулзу "Paint Bucket" (помойное ведро) на линейке инструментов и заливай поле цветом. Молодца! Теперь хватай инструмент "Текст" (буква "Т") и тыкай им в поле (о русификации проги читай врезку). Настраивай шрифт в вывалившемся окне, загоняй текст и жми "ОК!" Что, нету текста, одна рамка? Да просто он у тебя того же цвета, что и фон! Лезь в палитру и выбирай другой цвет.
