Вчера Стив Джобс рассказал о том, почему на айпаде и айфоне нет и не будет флеша и сгенерированных в среде разработки Adobe Flash программ. Кто-то воспринимает это как ужасное нападение на свободу личности и превращение Стива Джобса в Большого брата. Я считаю, что ничего страшного в этом нет. Я, чей сайт принципиально сделан с использованием Adobe Flash по объективным причинам («вес» самого сайта и правильная отработка всех событий), и кто написал немало постов об этой технологии. Вернемся к объяснению Стива Джобса. Оно четкое, понятное и, если относиться к нему непредвзято, объясняет позицию компании очень хорошо. Особенно хочу подчеркнуть ту часть, где Стив Джобс прямым текстом говорит: айфон и айпад просто не потянут Adobe Flash в текущем виде — батарейки будут садиться как сумасшедшие, процессор будет греться как сковородка, а происходящее на экране все равно будет тормозить. Объяснение, чем отличается для устройства показ видео в H.264 от показа видео во флеше, вообще достойно занесения в справочники. Просто и доходчиво: первое декодируется на специальном чипе, а второе при помощи софта, требуя кучу ресурсов.

Когда я узнал, что мой сайт не будет показываться на моем новеньком айфоне, я даже расстроился. Потом успокоился, поняв, что пользователь все равно не сможет пользоваться красивым разъезжающим меню, основанном на положении мышки на экране, потому что в touch-интерфейсах функции «курсор над объектом» просто не существует. Об этом Стив Джобс тоже упомянул (правда ссылку на мой сайт не дал ;).

Ответ Эдоби

Я ожидал, что Эдоби не вступит в дискуссию, которую ему ненавязчиво навязал Стив Джобс. Они очень много сделали в CS5 для развития интерактивной составляющей и нью-медиа, но сделали это на основе флеша. Мне понятно их недовольство и может даже смущение от того, что они могли стать первой компанией, которая предложит средства для создания интерактивных медиа для, не будем скрывать, скоро самого перспективного рынка планшетных компьютеров во главе с айпадом. Тем не менее, я уверен, что шагом Эдоби должна была стать встреча с Эппл и разговор с тем же Джобсом. Он любит общаться. Поговорить именно о нью-медиа, куда и целился Эдоби (стоит только посмотреть на развитие Индизайна в CS5 и это становится очевидным). Может быть модифицировали бы чуть-чуть формат PDF, и Эдоби снова был бы на коне, а Apple, Wired и Adobe сняли бы очередной ролик о том, как круто журнал Wired сразу попадает из верстки на айпад. Но нет, генеральный директор Эдоби Шантану Нарайен (Shantanu Narayen) решил по каждому пункту ответить «Эппл не правы, а мы тут все д’Артаньяны».

Думаю, что не надо объяснять, чем отличается директор Эппл от любого другого директора. Директор Стив Джобс умеет убеждать, объяснять и продавать. В других компаниях для этого есть евангелисты и специалисты по связям с общественностью. Я очень надеюсь, что именно они возьмутся за дело. Время за евангелистами Эдоби и экспертами, которых эта компания нанимает. Я общался с некоторыми из них, видел их работу и остался очень приятно впечатлен. Учитывая то, что Эдоби — солидная компания, которой не надо с пеной у рта кричать что-то типа «пусть кривой, но самый быстрый браузер, это всего лишь бета», они могут очень красиво построить коммуникацию и сотрудничать с Эппл для пользы всех, включая научно-технический прогресс.

На презентации Adobe CS5 все пользовались компьютерами и ноутбуками Apple. На всех мероприятиях Эдоби, на которых мне довелось побывать, используются именно они. Маркус Бледовски (Markus Bledowski), который представлял пакет программ для post production, начал презентацию на каком-то десктопном не-эппл компьютере под управлением Windows 7. Сделал он это, потому что его компьютер — двухлетний беленький макбук. Маркус не выдержал сражения с интерфейсом, как мне показалось, и в дальнейшем демонстрировал все программы и работу с ними со своего макбука, все время повторяя: «Смотрите! Даже на моем белом малыше не тормозит, как круто Эдоби все оптимизировали!».

Впрочем, на Envision Event устроенном Майкрософтом в Праге, почти у всех приглашенных экспертов тоже были ноутбуки Эппл ;)

Adobe устроила в Киеве презентацию своего Creative Suite 5. Я, зная как интересно слушать об их продукции еще с презентации мощи InDesign’a, с удовольствием приехал почти вовремя, забыл дома фотоаппарат, достал блокнот, ручку и приготовился записывать все-все-все о технологиях XXI века.

— В Украине 87% людей очень довольны своей жизнью, — начал рассказ о Фотошопе Рассел Виерс (Russell Viers). — Нет, правда, я читал в журнале! Остальные 13% людей в Украине работают в аэропорту и я их всех встретил когда прилетел!

Не желая останавливаться на этом, он продолжил знакомиться с аудиторией:
— Сегодня я представляю CS5, завтра — CS6, в следующий вторник — CS7…

Photoshop

Дальнейшие прогнозы презентаций утонули в хохоте зала, а Рассел открыл Фотошоп и стал рассказывать о самых впечатляющих новшествах. К сожалению, все демонстранты пользовались стандартными примерами, так что Рассел больше не показывал свои замечательные фотографиии со всего мира с заваленными горизонтами и неправильными первыми планами. К счастью, все эти примеры есть на сайте Adobe, так что я смогу щедро проиллюстрировать свой рассказ.

Самым первым и удивительным, конечно же, стал Content Aware Fill — достаточно выделить какой-то объект или часть изображения, а потом сказать Фотошопу, что удалять надо аккуратно. Тот, в свою очередь, посмотрит на все изображение и постарается сделать то, что мы делали вручную при помощи выделений, feather, штампа и длительных (или не очень) промежутков времени. Результат поражает и потрясает. Этой функцией можно пользоваться не только для того, чтобы убрать нежелательный объект, но и для того, чтобы дополнить недостающие части изображения. Например, края при сборе панорамной съемке или стороны при выравнивании горизонта. Никаких больше crop, теперь только fill!

Это действительно работает! Причем работает как просто с выделением, так и с healing brush — просто берешь и закрашиваешь то, что тебе не нравится.

Улучшение распознавания изображения отразилось и на выделении объектов на фотографиях. Благодаря новым инструментам, Фотошоп сам выделяет, например, людей — достаточно приблизительно обозначить контуры и даже сам выделяет волосы, учитывая их прозрачность и растрепанность. Пока не попробую сам — не поверю, но на экране выглядело удивительно и волшебно.

Следом за Content Aware Fill и новыми способами выделения, Рассел показал как работает фильтр Lens Correction — он теперь по искажениям даже узнает какой камерой был снят кадр, после чего выравнивает его. Теперь можно фотографировать нос любимой собаки вплотную, а потом выравнивать в Фотошопе одним кликом ;) Если фильтр не узнал фотоаппарат, то одним кликом можно поискать его профайл в интернете и скачать прямо в Фотошоп.

Также появились замечательные инструменты для работы с фотографиями — HDR Toning, позволяющий делать настоящий HDR из нескольких фотографий, убирая следы (ghosts) от двигающихся объектов, или ненастоящий HDR из обычных фотографий.

В Camera Raw появилось больше настроек и эффектов. Особенно потряс всех пример с уменьшением шума — его почти не осталось.

То, чего не было в Фотошопе на протяжении всех версий, наконец-то в нем — Warp для пиксельных объектов. Программа сама проанализирует изображение и наложит на него сетку, а нам останется лишь гнуть их туда-сюда.

Напоследок я приберег наиболее понравившийся мне инструмент — выравниватель горизонта! Достаточно провести линию параллельную заваленному горизонту и Фотошоп все сам повернет сам! Все, отныне если на фотографии якобы завален горизонт, значит, это специально, хватит уже об этом.

Резюмировать нововведения в Фотошопе можно фразой Рассела Виерса: You can be a really bad photographer and get perfect photographs!

Illustrator

Нововведений в Иллюстраторе вроде бы не много, но они очень приятные. Первое — Perspective Grid Tool. Работает примерно как Vanishing Point в Фотошопе, но немного иначе ;) Сначала следует нарисовать то, что хочется расположить в перспективе, потом построить сетку перспективы (выбрав количество точек, по которым строить), а затем перетащить на нее объекты. Иллюстратор сам их искривит так, как надо, учитывая пропорции и перспективу. Таким образом, нарисовать квартал небоскребов в перспективе проще простого — достаточно нарисовать один и размножить, расположив по сетке.

Второе нововведение — возможность рисовать за объектом и в объекте. Если с первым все понятно, то второе выглядит фантастикой как для иллюстратора. Выбрав объект, можно рисовать в его границах все, что угодно. Эффект будет таким же, как и от clipping mask, но намного быстрее и удобнее.

Следующее нововведение еще более фантастично — для того, чтобы «слепить» разные фигуры в одну или «вычесть» одну из другой, уже можно не прибегать к услугам Pathfinder, ведь появился новый инструмент, один взмах которым объединяет и разделяет все именно так, как надо.

И наконец, самое невероятное нововведение! Можно менять ширину контуров (stroke) в рамках одной кривой! Для них существует несколько стилей, а ширина меняется пропорционально в зависимости от толщины линии. Таким образом можно сильнее варьировать оформление и легко создавать эффект рукописности у текста. Жду не дождусь, когда смогу растаговаться в Иллюстраторе и подтянуть ширину линий, чтобы было похоже на работу маркером по стене ;) Более того, для пунктирных контуров создана функция, которой непонятно почему не было с самого начала: разместить полосочки, а не пропуски на углах фигуры.

InDesign

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

Отныне, если собрать InDesign Package, а потом открыть на другом компьютере, не обязательно устанавливать шрифты из package, чтобы Индизайн их увидел. Он просто будет использовать те, что шли в папке Document Fonts в package. Ниже длинный рассказ об этом.

Появился новый инструмент Page Tool, который позволяет менять размеры страниц на лету и вообще творить с ними нечто невообразимое. Например, иметь страницы разного размера в пределах одного документа.

Очень много новшеств касаются ввода текста. Теперь можно в пределах одного текстового фрейма использовать и многоколоночную и одноколоночную верстку. Таким образом, заголовок статьи и несколько колонок текста теперь можно разместить в одном фрейме или длинный, но узкий список в многоколоночном текстке сделать в две колонки в пределах той, в которой написан текст. Все это есть в презентации Adobe. Все данные об объединении колонок можно указать в Paragraph Styles, что делает верстку еще удобнее и быстрее.

Квадратным фреймам теперь можно закруглять углы одним движением мышки и не только все, но и каждый в отдельности. Изменения можно сохранить в Object Style и применять для других фреймов. Что же касается размещения (place) внешних файлов, Индизайн стал размещать их более интеллектуально, регулируя расстояния между фреймами с изображениями и даже автоматически изменяя размер содержимого фрейма в зависимости от его размера. Для этого появилась функция Auto Fit.

Для подписи изображений и более удобной верстки имеет смысл пользоваться функцией Generate Live Caption. Она берет информацию из мета-данных изображения и использует как подпись изображения. Можно выбрать даже поля, которые следует выводить и добавить до и после подписи нужный текст, примернить к ней стили и даже автоматически сгруппировать с картинкой. Если текстовое поле с Live Caption скопировать и перетащить так, чтобы оно соприкасалось с другой картинкой, то оно автоматически «подтянет» информацию из мета-данных этого изображения!

Программы для post production

В этой сфере я далеко не профессионал, но благодаря ораторскому и развлекательному таланту Маркуса Бледовски (Markus Bledowski), я с восторгом узнал много нового. Расскажу о том, что меня поразило. Надеюсь, что это не что-то обыденное и ежедневное для тех, кто занимается постом ;)

Для начала нам продемонстрировали фильм о том, как Аватар делали с использованием продукции Adobe. Как я и подзревал, создание фильмов и мультфильмов в современном мире очень тесно связанно если не с программированием, то с написанием скриптов.

Далее Маркус с воодушевлением начал рассказывать нам о том, чем живет — пост продакшене.

В Adobe Premier Pro меня поразило то, что программа распознает речь в видео и ассоциирует со строками сценария, подсвечивая то, что говорит герой. Можно просто щелкнуть мышкой по какому-то слову и перейти на нужный кадр фильма, или даже искать по фильму таким образом! Это единственное обоснованное и очень крутое применение технологии распознавания речи, которое я встречал.

Adobe Encore, в свою очередь, может экспортировать это все как в DVD, так и во Flash, причем со всеми субтитрами и возможностью поиска по ним.

Adobe After Effects радует распознаванием силуетов, выделением объектов и motion tracking. Функция трехмерного сдвига относительно камеры позволяет создавать интересные эффекты. Например, при помощи этой функции была создана нашумевшая недавно реклама телевизоров Samsung. Маркус при нас, вживую, показал как это делать. Все оказалось гораздо проще, чем я ожидал, но гораздо труднее, чем просто нажать кнопку «Сделать красиво!»

Маркус при нас довольно быстро создал с имеющимся материалом что-то подобное, но, разумеется, требующее тщательной доводки

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

Интерактивность

Adobe решили и дальше разносить флекс/флеш-программистов и дизайнеров. Для последних создали Flash Catalyst. Что-то вроде Flash для людей с ограниченными возможностями. Он позволяет анимировать, передвигаться между кадрами и объектами, задавать разные эффекты и создавать разные элементы управления, связывая их с действиями и объектами. В качестве примера была создана прокрутки для текстового поля за каких-то пять-десять минут девушкой из аудитории, которая флеша раньше в глаза не видела. Качество сгенерированного кода оценить не удалось.

В самом полноценном Flash появились улучшенные функции редактирования текста, почти такие же мощные как в Индизайне. Даже панели выглядят похоже!

Кстати, об Индизайне. В него добавили много функций для создания интерактивного контента. Эта часть интерфейса Индизайна стала похожа на пародию Power Point’а или Keynote ;) Например, благодаря нововведениями, имея на руках сверстанный в Индизайне журнал, можно за час сделать его флеш-версию. В нее даже можно вставить видео, анимации, слайд-шоу и прочие интерактивные элементы.

Теперь понятно, почему Adobe так возмущался, что нельзя генерировать содержимое для айпада на флеше, ведь тогда они стали бы первой и единственной системой для создания интерактивных медиа. Кстати, флеш-версия журнала будет достаточно элегантной: все «прилинкованные» файлы будут сложены в отдельную папку, а не встроены прямо во флеш. Можно создать не только swf, но и файл исходника, который потом можно будет редактировать непосредственно в Flash.

Wired активно пользуется Adobe Creative Suite’ом для создания наиболее полноценного и разностороннего средства массовой информации. Жаль только, что на айпад не перебросят с той же легкостью

Dreamweaver не удивил ничем, кроме парочки платных функций. WYISWYG html-редактор as is.

Интересные факты

Если импортировать в Фотошоп какой-нибудь трехмерный файл и сохранить в PSD, то он все равно будет трехмерным для других программ. Например, для Adobe After Effects. Это называется Live Photoshop 3D, если я не ошибаюсь.

Во всех программах CS5 появился улучшенный Mini Bridge, который функционирует как очень навороченная и удобная замена диалога Open. Думаю, что буду им пользоваться.

Adobe все больше и больше концентрируется на интернет-сервисах, некоторые из них он уже предлагает за деньги, а некоторые только планирует. Думаю, что больше информации у них на сайте ;) Например, в Индизайне можно поделиться файлом, разослав ссылку на его preview сгенерированный на acrobat.com, а не рассылая PDF. Там же можно комментировать файл, а комментарии будут появляться в специальном окошке прямо в индизайне, откуда на них можно отвечать. Думаю, что это удобно, только жаль, что не настраивается на локальном сервере.

В Иллюстраторе можно менять размещение art boards, а также задавать им имена. Кстати, в Индизайн можно импортировать отдельные art boards, а не весь документ.

Интерфейс приложений Creative Suite стал более однородным, но в частях касающихся интернета и интерактива, да и просто тут и там прослеживаются слишком уж flex-подобные элементы интерфейса. Написать Фотошоп на флеше, кто только не пробовал, верно? ;)

Иконки и splash screens приложений тоже изменились и стали более безудержными (не сложно быть более безудержным, чем прямоугольник с градиентом, правда?). Дизайнер Шоун Черис (Shawn Cheris) поведал об этих изменениях в двух частях.

Шутки и цитаты

Рассел Виерс

— What’s your name?
— Volodymyr.
— Wha… Lah… Can I call you Bill?

Я давно предлагаю Adobe размещать рекламу в диалоговых окнах с прогресс-барами. Кучу денег бы заработали и благодаря этому сделали программы бесплатными.

Рассел выбирал в зале кого-то, кто не знал бы Флеша, знал Иллюстратор и помог бы ему продемонстрировать простоту Flash Catalyst. В итоге выбор пал на одну девушку. Единственным вопросом Рассела был: — Is your name hard to spell? (Твое имя сложно произносить?)

Маркус Бледовски

We don’t have problems — we have challenges! (У нас нет проблем — у нас есть вызовы!)

Don’t ask if it’s possible. Ask how it’s possible. (Не спрашивайте, можно ли это сделать. Спрашивайте как это сделать.)

Приходит клиент и говорит, что ему нужно перекрасить машину в видео в другой цвет. Какой? Он не знает. Удиви меня! Значит, розовый. Потом он просит тот же цвет (розовый), но другой оттенок. Значит, зеленый.

Роман Менякин

Роман демонстрировал в Фотошопе Content Aware Fill. Для этого он открыл файл с написанной задачей по высшей матеаматике. Выделив пустое место, Роман выбрал Content Aware Fill, Фотошоп подумал и решил задачу, даже начертил график. На второй фотографии, на которой Роман запечатлел игрушки сваленные в кучу его сыном, Фотошоп смог расставить их по местам ;) Роман предупредил, что это все пока что бета, так что не у всех может работать.

Во время ожидания выполнения какой-то задачи.
Роман: Эдоби-кадабра!
Рассел: Пау!

***

Я уверен, что запомнил и записал не все, но Adobe по непонятным мне причинам не устраивает ни съемку, ни раздачу материалов о программах, которые презентует. Только программку и листик с составом различных collection’s. Кроме того, не было вай-фая, так что я не смог осуществить свою давнюю мстительную мечту — заспамить по твиттеру всех посетителей всяких баркемпов, которые засоряют твит-ленту своими сиюминутными впечатлениями от кофе с булочками на перерывах. Тем не менее, было очень интересно, блокнот с логотипом Adobe и ручка уже нашли свое место в моей душе и сумке, а магнитик «Я ♥ Adobe» грустит — я не люблю магниты на холодильники. Если кто-то хочет, я могу подарить.

Я опять поссорился с фотоаппаратом, поэтому резкой фотографии не получилось. Вот так выглядит магнитик ;)

В последних строках поста и совсем не относящимся к нему образом, я хочу поздравить с днем рождения моего друга Юру (akella). Ему исполнилось 14 или 35, я не вдавался в детали. Юра, если тебе больше нечего в день рождения делать, кроме чтения этого поста — желаю тебе счастья и самоорганизованности!

И поведением, и окрасом, кот получился похожим на кота моих друзей, которого зовут Чача

Вчера вечером я рисовал очень много кавайных картинок, через пару дней постараюсь успеть запостить причину такой активности. Картинки нарисовались, а запал остался, поэтому утром, попивая чай, я быстро нарисовал летящего кота. Он мне снился всю ночь и спрашивал, почему я его решил не рисовать? Чуть позже, уже наяву, меня попросили научить рисовать такого кота, поскольку это предельно просто, я быстро пишу этот пост и убегаю по предновогодним делам. Кот в чем-то тигр, так что призываю считать это поздравлением с Новым годом ;)

Мордашка

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

Пушистые лапки

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

Хвост

Пером рисуем хвост кота в полете, переводим из обводки в заливку и задаем обводку повторно. Это еще легче, чем лапки!

Запуск кота

Совмещаем все части тела вместе, назначаем им всем одинаковую белую заливку и контур черного цвета одинаковой толщины (кроме животика, там обводка не нужна). После этого накладываем блики и добавляем индивидуальности. Все, кавайный кот готов меньше чем за 10 минут. Для того, чтобы получился такой, как в самом начале поста, надо потратить еще минуты две, но мне уже пора убегать по делам ;)

Станция Васко да Гаммы в Лиссабоне

Любой человек без труда представит себе встречу двух фотографий. На обеих изображены бледные снимки. Одна фотография говорит другой:
— Ты же была в отпуске! Должна была бы загореть!!!
— Да я загорела, но меня после редактирования сохранили через Safe for Web.

Кто из нас не сталкивался с проблемой сохранения файлов из фотошопа, после которого они становились уловимо светлее, будто бы кто-то специально подредактировал уровни.

Иногда при сохранении из фотошопа при помощи Save for Web, результат неожиданно оказывается светлее оригинала

К счастью, эта проблема решается несколько странно, но не сложно. В самом диалоге Safe for Web стоит кликнуть на стрелочку с описание типа сохранения и убрать галочку в меню напротив пункта Convert to sRGB:

Изображение прямо на глазах станет сочнее и таким же и сохранится.

Ссылки по теме

Если описанный метод не помог (вообще-то, в большинстве случаев помогает), предлагаю попробовать эти:

• Photoshop CS3 and Save for Web issues
• С ножом против паровоза

Спасибо Сергею за ссылки.

Все чаще и чаще слышно со всех сторон, что флеш скоро появится на айфоне. На сайте Please fix the iPhone это требование третье по популярности. Что ж, когда Flash завоюет место в iPhone Safari, айфон-версию моего сайта можно будет выбросить в корзину и поджечь ее. К несчастью радость меня не посещает. Флеш появится не раньше,чем Apple разрешит интерпретаторы интерпетируемых языков программирования (это не тавтология). Когда произойдет это эпохальное событие, а оно вполне может произойти, ведь NDA для разработчиков уже отменили, настанет эра вселенского покорения самых отсталых уголков мира айфоном. Java — интерпретируемый язык. Можно будет портировать кучу всякой ерунды с WM безо всяких проблем одним кликом мышки. Если вы спросите меня, почему медлит Apple, то я отвечу, что не знаю. Может быть они разрабатывают новые интерпретаторы, а может вырабатывают собственную концепцию противоречия миру. Время покажет. Не так давно мы верили, что за кассетами будущее, но пришли уменьшенные и более технологичные версии пластинок в виде DVD и CD. Посмотрим, что подарит нам завтрашний день и Apple.

Неаккуратно сделанный флеш-ролик всегда можно узнать по присущим только флешу «водяным знакам качества»: возможности выделить мышкой текст на кнопках и отчаянному пикселению невекторных объектов. Порой, конечно, приходится ухудшать качество, чтобы не сильно грузить процессор, но это не то, о чем я говорю. Речь о свойстве Allow smoothing у находящихся в Library растровых изображений. Что же делать, когда эти изображения не в библиотеке символов?

С включенным свойством «Allow smoothing» (пункт «Properties…» контекстного меню растрового объекта в библиотеке) фотографии всегда будут выглядеть дружелюбно (одно из значений слова «smooth»)

Неожиданные преграды и их нетрадиционное преодоление

В субботу утром я решил помочь американским товарищам с сайтом, на котором представлены красивые фотографии красивых машинок. Специфика представления фотографий подразумевала изменение их размера в зависимости от размера окна броузера. Ничего особенного, если не считать, что вплоть до восьмой версии флеша Macromedia, а нычне Adobe, их авторы так и не удосужились дать возможность allow smoothing для динамически подгружаемых растровых изображений.

Достаточно навести курсор на изображение Mini, чтобы увидеть, как плохо выглядят растровые изображения с измененными начальными параметрами (угол наклона, размер) без сглаживания во флеше

Update (спасибо, Женя)
Начиная с девятой версии флеша есть свойство movieClip.forceSmoothing. Когда оно равно true, изображение изменяет свой размер со сглаживанием. Дальнейший текст не убираю для истории и флеша младше девятой версии, но проблема решается куда проще: movieClip.forceSmoothing=true.

Несмотря на отсутствие легких путей решения проблемы в Flash 8 и младше, как это часто бывает с флешем, нашелся не самый сложный обходной путь. Подгружаем фотографию, после чего создаем объект BitmapData, куда и переводим загруженное изображение. Оказывается, ничего не стоит включить сглаживание при этой процедуре. После того, как изображение загружено, а сглаживание включено, «отрисовываем» изображение.

1. import flash.display.*; // подгружаем необходимую для работы с BitmapData библиотеку
2. _root.createEmptyMovieClip("pic",_root.getNextHighestDepth()); // сюда поместим картинку со сглаживанием
3. _root.createEmptyMovieClip("tmpic",_root.getNextHighestDepth()); // в этот символ загрузим jpeg
4. _root.tmpic._visible=false;
5. … // опускаем код прелоадера, файл загружается в _root.tmpic
6. … // дальнейший код выполняется после завершения загрузки изображения
7. var bitmap:BitmapData = new BitmapData(
8. _root.tmpic._width,
9. _root.tmpic._height,
10. true);
12. _root.pic.attachBitmap(
13. bitmap,
14. _root.pic.getNextHighestDepth(),
15. "auto",
16. true); // этот параметр включает сглаживание
18. bitmap.draw(_root.tmpic); // переносим фотографию на холст ;)

Пример рабочий, проверено на себе. Поскольку я никак не могу заставить себя полностью перебраться на AS3, программный код написан для Action Script 2, да и требования к сайту вынуждали пользоваться именно этой версией. Но настанет тот час, и я чувствую, что очень скоро, когда я буду вынужден портировать этот код, и не только его, на Action Script 3 или даже выше ;)

***

Я уверен, что не открыл революционный способ (поиск по интернету показал, что я не один такой умный). Тем не менее, уверен, что это простое решение наверняка будет полезным, ведь вопросы об этом мне задают с завидной регулярностью.

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

Хочется верить, что в ожидаемом и анонсируемом Flash CS4 встроят не только поддержку 3d (да-да, там будет какой-то псевдо-трехмерный инструментарий), но и кучу недостающих мелочей. Таких как, например, dynamic image smoothing, который появился в Flash CS3.

С выходом Adobe Creative Suite 3 по какому только поводу не летели чепчики в воздух. Все стало намного удобнее, лаконичнее, а интеграция приложений сборника друг с другом достигла воистину невиданных высот. Одной из интересных особенностей новой версии стало исчезновение ImageReady — медленной и неудобной программы для создания веб-графики, чаще всего использовавшейся для анимации gif’ов. Этот шаг был предсказуем и ожидаем, ведь Photoshop уже давно позволяет сохранять оптимизированные для интернета изображения в форматах gif, jpeg и png (File › Save for Web & Devices), а с недавнего времени и создавать простенькую анимацию (Window › Animation). Оставалось только научиться открывать анимированные изображения.

В Photoshop CS3 появилась возможность даже создавать анимированные гифы, но не открывать их

Признаюсь честно, я не ожидал, что в этом будет загвоздка. Казалось бы — нет ничего проще, чем так же как и при сохранении, открывать анимированные гифы и позволять редактировать каждый кадр в отдельном слое. Ведь ImageReady это умел! Не тут-то было, компания Adobe решила не давать такую возможность, в чем сама и призналась, объявив об окончании поддержки ImageReady.

Update (спасибо lagrimos)
В Photoshop CS3 для Windows существует недокументированная возможность открытия анимированных gif’ов: File › Import › Video Frames to Layers…. В диалоговом окне открытия файла в строке имени файла нужно ввести «*.gif» и наслаждаться редактируемой анимацией. В Mac OS X такой пункт меню тоже есть, но все файлы с раширением «gif» в диалоговом окне неактивны.

Теперь если кто-то захочет редактировать анимированный файл в формате gif, ему придется пользоваться Fireworks CS3.

Fireworks позволяет не только редактировать анимацию покадрово (слева), но еще и четко отслеживать изменения между кадрами, разделяя каждый из них на слои

Несмотря на все удобства, представляемые Fireworks, мне все же привычнее общаться с покадровой анимацией в том виде, в котором предлагает Photoshop. Немного неправильный и не самый оптимальный выход, который, впрочем, может подойти — сохранять анимацию покадрово в отдельные файлы. Хорошо еще, что Fireworks предлагает автоматизировать этот процесс.

Достаточно выбрать в меню Files › Export, а в диалоговом окне Frames to Files, и Fireworks сохранит каждый кадр в отдельный файл, пронумеровав их по-порядку

После этого, если кадров немного, можно открыть получившиеся файлы в Фотошопе, перетянуть их в один документ и привычно делать видимым то один, то другой слой. Проблема с этим способом, кроме того, что он неудобный и странный, заключается в том, что Fireworks плюет на прозрачность. В общем — беда.

***

Компания Adobe не планирует делать открытие анимированных изображений в формате gif в Photoshop CS3 и рекомендует пользоваться для этих целей программой Fireworks.

О том, как работать эффективно хотя бы при верстке полиграфии, издательской деятельности и при этом даже создавать простенький интерактив, рассказывал Russell Viers (Рассел Виерс) в пятницу на завтраке с компанией, Adobe организованном представителем в Украине — Софтпромом.

Завтрак проходил в одной из кафешек на Андреевском спуске. На столах были блины, мед, ветчина, сыр, Bon Aqua, чей-то ноутбук, тарелки… но кого это интересует?

Подпортили аппетит

Для начала представители Adobe в Украине и те, кто представляет их в России, Украине и СНГ (я не запомнил названия, знаю лишь, что замечательную девушку с их стороны зовут Ольгой), донесли весть. Как признались они сами, хорошая эта весть или плохая, определиться сложно, но в Украину пришла компания, защищающая авторские права (название даже не запоминал). Они уже проводят проверки в Одессе и каких-то других городах, поэтому трепещите. Вместе с тем, до 30 апреля можно купить InDesign на русском языке со скидкой 60% (примерно за 450 долларов). Поскольку даже последнее выгодное предложение не встретило взрыва восторга со стороны присутствующих, наконец-то был представлен докладчик и тренер — Рассел Виерс.

Отвлекли от мыслей о еде

Рассел работает в издательстве уже четверть века. Он начинал с огромного аппарата, работавшего с пленками. Аппарат стоил 75 000 долларов, пленка с каждым шрифтом — 250 долларов, а процесс изготовления дизайна полос был неразрывно связан с химией и кучей ручной работы. Потом появился ненавистный многим издательствам в Украине PageMaker. За ним Рассел перешел на QuarkXPress и был его верным фанатом не меньше десяти лет, пока не встретил Adobe InDesign 2.0 (так называлась первая версия ИнДизайна).

С тех пор Рассел Виерс нашел много отличий между приложениями QuarkXPress и Adobe InDesign в пользу последнего и с радостью рассказывает о них по всему миру, проводя тренинги, лекции и, как показала пятница, завтраки.

Гонка технологий

Если оценивать все плюсы и минусы приложений, соревновавшихся между собой долгое время, то на сегодняшний момент лидером является ИнДизайн. В QuarkXPress не хватает многого, что есть в Adobe InDesign, а в последнем не реализованы лишь две функции QuarkXPress: марсианин и звездный взрыв.

Для вызова первой функции надо зажать на клавиатуре Cmd+Option+Shift+K (или Cmd+Option+Shift+Del, есть разные мнения на этот счет), предварительно выбрав объект. Тогда на экране появится марсианин, который будет тесно взаимодействовать с выбранным объектом.

QuarkXPress Martian. Аналоги в продукции Adobe отсутствуют

Для вызова звездного взрыва достаточно нарисовать стандартными средствами QuarkXPress звезду, после чего вся история undo будет очищена.

Чудеса взаимодействия

Если же говорить об отличиях более серьезно, то в Adobe создали настоящего полноценного лидера. Главная разница заключается в том, что в QuarkXPress важно точно задать структуру, а потом наполнять ее содержимым, в то время как Adobe InDesign позволяет создавать структуру и наполнять полосу контентом одновременно. Но ИнДизайн лидер не только потому, что у него более тонкая и настраиваемая работа со стилями, фреймами для объектов, самими объектами, версткой и текстами, отличной поддержкой альфа-каналов и многим другим, но еще и потому, что ИнДизайн подкреплен остальными программами, входящими в Adobe Creative Suite. Например, для того, чтобы редактировать встроенный или прилинкованный документ PSD или AI, достаточно дважды щелкнуть по нему мышкой, нажав на клавиатуре Option (Alt). Сам же PhotoShop нынче позволяет встраивать векторные объекты из Иллюстратора с использованием Smart Layers.

InDesign, PhotoShop и Adobe Illustrator не только понимают форматы файлов всей троицы, но и используют функции друг друга практически незаметно, делая работу эффективной и приятной

Опишу прелесть взаимодействия на примере. Допустим, есть фотография панорамы Сингапура с обыкновенного цифрового фотоаппарата. Она в RGB (еще бы). Хотелось бы поверх нее написать «Я тут был» и нарисовать сердечко. Пишем «Я тут был» в Фотошопе обычным инструментом Type (неужели кто-то пишет иначе? ;)), а сердечко рисуем в Иллюстраторе и вставляем как Smart Object. Внезапно звонит товарищ из глянцевого журнала для молодежи с высоким достатком и интересуется, не был ли кто-то в Сингапуре, и не найдется ли фотографий панорамы Сингапура с надписью «Я тут был» и сердечком? Нам даже не надо искать, вот же она, еще теплая после сохранения. Мы отправляем фотографию прямо в PSD в издательство. Дизайнер-верстальщик хватает ее и сходу вставляет в макет. Вся прелесть заключается в том, что когда он нажмет кнопки, необходимые для создания Package, готового к публикации, ИнДизайн все сделает сам. Что все? Растрирует вектор и текст в разрешении документа ИнДизайна, а не Фотошопа, а саму фотографию переведет в CMYK. И это еще не все! В CMYK он переведет исходя из цветового профиля издания (их удобно задавать в Bridge).

Bridge позволяет не только удобно просматривать и сортировать фотографии, но и организовывать работу всех приложений Adobe Creative Suite

Итак, используя InDesign CS3, у нас есть шанс никогда в жизни не услышать столь неприятные вести из типографии: «Ваши дизайнеры не умеют готовить макеты, вон одна фотография в RGB». Как мы убедились на собственном опыте, векторные объекты, созданные прямо в ИнДизайне, из RGB в CMYK программа не переводит.

Якобы интерактив

Рассел Виерс показывает дополнительные возможности Adobe InDesign, но на фото, сделанном айфоном, невозможно ничего разобрать ;)

Используя ИнДизайн, можно экспортировать верстку в xhtml (вдруг это кому-то потребуется), а Flash отлично понимает графику из Иллюстратора. При определенной сноровке действительно можно было бы попробовать разнести дизайн и программирование флеш-сайтов по разным программам, но мне это кажется преждевременным и сырым решением. Кстати, вдруг кто не знал, файлы иллюстратора, начиная, кажется, с десятой версии, это PDF с улучшенными возможностями редактирования. Так что, если под рукой нет Adobe Illustrator, а показать макет очень надо, можно смело открывать его Акробатом или другим просмотрщиком PDF.

Выводы

Бессмысленно сравнивать QuarkXPress и Adobe InDesign. Следует сравнивать не приложения, а работу с ними. Таким образом, сравниваем Quark и Adobe. ИнДизайн работает в тесном сотрудничестве со программами (Photoshop), форматами (PDF и OpenType) и технологиями (Flash), ставшими уже чуть ли не стандартами в своих сферах. Интерфейс у них почти одинаковый: есть 90%-я вероятность того, что клавиатурные сокращения из Фотошопа совпадают с ними же в ИнДизайне, Иллюстраторе и Флеше. Именно поэтому квадратное толкать намного легче: у него получается что-то типа антигравитации ;). Похоже, я зашел с метафорами слишком далеко ;) Добавлю только, что прогрессивные издательские системы типа К4, которая, насколько я знаю, используется в KPPublications, работают с ИнДизайном. Ах, да! Речь шла об Adobe InDesign CS3.

***

Оказывается, название компании Adobe читается как Эдóби.

Во время нашего завтрака и своего выступления Рассел Виерс немало шутил. Например, заставил абсолютно бесполезного переводчика переводить расширения файлов: PSD, PNG, PDF, AI, INDD, TIFF и т. п. ;) Вот еще некоторые шутки, прозвучавшие вчера утром:

• Все знают дедлайны. Как будет дедлайн по-украински? Дедлайн? Знаете, как по-турецки? Дедлайн. Немецкий — дедлайн, английский — дедлайн, датский — дедлайн, русский — нет, вы не ожидаете такого — дедлайн!
• Все дедлайны нереалистичны. Хотел бы я попасть в страну без дедлайнов. Это, наверное, Лихтенштейн.
• Когда заглядывают через плечо, я сразу делаю zoom out до 5% и продолжаю работать в этом режиме. Это сводит наблюдателей с ума!
• В США есть закон о том, что к любому фрейму с текстом или картинкой обязательно должен быть применен фильтр Drop Shadow. Это один из дурацких законов Буша.
• У меня была идея научить заключенных делать clipping path изображениям. У них полно свободного времени, а работают они за сигареты. Как ни крути — выгодно.
• Раньше фотографы выезжали на место происшествия и делали 20 кадров, или сколько позволяла пленка. Сейчас же фотограф приезжает на футбольный матч, поднимает фотоаппарат, зажимает кнопку и общается со своей девушкой. Изредка меняет фокусировку и направление объектива.
• В США дизайнерам и верстальщикам разрешено застрелить одного клиента в год.

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

Статуя свободы и Эйфелева башня © Russell Viers

Остальные гениальные фотографии Рассела можно посмотреть в его галерее.