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, я не вдавался в детали. Юра, если тебе больше нечего в день рождения делать, кроме чтения этого поста — желаю тебе счастья и самоорганизованности!

Я засыпаю от кофе. Стоить мне выпить чашку, и меня начинает клонить в сон. Поэтому в ту ночь я, как обычно, не пил кофе. Зато отвечал на вопросы ;) Arsart писал крупную статью для Smashing Magazine о русском веб-дизайне и поинтересовался моим мнением по некоторым вопросам. Я отвечаю в роли стороннего наблюдателя, который так или иначе в теме русского веб-дизайна. Получилось забавно и интересно: Showcase of Web Design in Russia.

Хотелось бы написать больше, а может даже и перевести статью, но я почему-то сонный, а от кофе точно не проснусь, поэтому придется остановиться на этом ;)

Раньше, для того, чтобы соврать, надо было придумать правдоподобную историю. В XXI веке все стало гораздо проще — достаточно сделать PowerPoint-презентацию. Действительно, рано или поздно любой дизайнер сталкивается с необходимостью наблюдать в доке прыгающую иконку похожую на букву «qoph» ивритского алфавита. Когда такое счастье выпало мне, я, невовремя вспомнив, что мелочей не бывает, решил героически создать красивую, хорошо, насколько это возможно, показывающуюся на любом компьютере под управлением любой ОС презентацию, создание которой не заставит меня ненавидеть весь мир. Я справился со всеми пунктами, кроме последнего — мир я ненавидел лютой ненавистью. Но есть и светлая сторона: я собрал несколько полезных сведений, которые очень помогли бы мне, знай я их приступая к разработке презентации. Как минимум, они могли бы сохранить жизни половине человечества.

Советы по созданию PowerPoint-презентаций

1. Все объекты, насколько это возможно, стоит рисовать в иллюстраторе или в другом векторном редакторе, который экспортирует в PDF и позволяет работать с RGB. Да, представьте себе, PowerPoint отлично понимает PDF и даже хорошо его отображает, не то, что WMF и прочие странные форматы.
2. Сотношение сторон слайда должно быть 4:3, чтобы показываться на любом странном ноутбуке. Стандартный размер мелковат (720×540), поэтому все растровые объекты я постарался свести к минимуму и сделать под разрешение минимум в два раза больше, а потом уменьшить в самом PPT.
3. Как можно больше объектов следует сохранять в PDF с встраиванием шрифтов. Те объекты, которые для этого подходят, следует располагать на фоне, учитывая, что у каждого слайда может быть только один фон и Powerpoint или растянет картинку фона, или расположит ее копии одну за другой (tile), так что лучше сразу создавать картинку размером со слайд.
4. Powerpoint умеет подтягивать нестандартные шрифты, что безмерно меня удивило. Для этого достаточно установить шрифты на компьютер, на котором будет показываться презентация ;) В некоторых необъяснимых случаях было достаточно поместить шрифты в одну директорию с презентацией.

   Так что отныне можно создавать действительно интересные слайды с несистемными шрифтами. К сожалению, могут быть проблемы с кириллицей и всегда надо проверять как открывается презентация с системными шрифтами. Обычно красиво и так, и так, только надо равнять текст не пробелами, а средствами для работы с текстом. Да, я много раз сталкивался с тем, что текст равняют пробелами ;)

5. Эффекты типа прозрачности, отражений, пошлых тенюшек и прочего лучше не накладывать прямо в паверпойнте: это не только, как ни странно, не уменьшит размер файла, но еще и будет забивать память компьютера. Если паверпойнту не хватит ресурсов на то, чтобы просчитать эффект отражения картинки, то он в лучшем случае не покажет не только отражение, но и всю картинку, а в худшем перезагрузит компьютер, а файл презентации сделает нечитаемым.
6. Следует по-возможности избегать темплейтов, потому что тексты в стандартных или самосозданных темплейтах могут вести себя так, как им заблагорассудится. Не знаю, чем это вызвано. Я стараюсь даже списки с маркерами создавать вручную — это уменьшает вероятность того, что вся информация на слайде «полезет». Как известно, если информация на слайде может показаться в нечитаемом виде в самый ответственный момент она именно так и отобразится.
7. Во всех случаях, когда text box можно увеличить, если в него не влезает весь текст, надо не забыть снять галочку Shrink text to fit в панели Alignment and Spacing. По-умолчанию она стоит, что заставляет текст съеживаться, если он не влез в очерченные для него рамки. В зависимости от версии паверпойнта эта функция глючит по-разному, но почти всегда вытворяет что-то невообразимое.
8. Самое главное: сохранять файл после каждого изменения и лучше локально. Сохранять следует под новым именем (Save as…). Некоторые версии паверпойнта, например, 2008 под Mac OS X, при автосохранении затирают файл, потом спорят сами с собой за права на доступ к файлу и ничего в него не записывают. Возможно эта проблема проявляется только у продуктов не приобретенных официально. В любом случае, каждый создающий презентацию рискует закончить работу с файлом, размер которого равен нулю байтов.

***

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

Последнее слово о Powerpoint-презентациях я предоставляю Дилберту:

Ежегодно в Калифорнии (а где же еще?) собирается около 1000 человек, которые могут и хотят поделиться интересной информацией. Принимает их TED. Это неэлитарная элитарная конференция, где люди, меняющие облик и дух современной жизни, выступают в роли то ли stand-up комедиантов, то ли университетских профессоров.

Глядя на на имя и профессию докладчика, даже если знаешь, что он снял сериал, завоевавший сердца многих, и Cloverfield, или создал самую популярную поисковую систему и раздражающий AdSence, или даже просто написал очень популярную книгу, сложно угадать о чем пойдет речь.

— Вот ваш кокаин. Спасибо, что без сдачи. Свободная каса!

Я просмотрел далеко не все (просмотрю ли вообще когда-нибудь?), но мне особенно запомнился Стивен Левит (Steven Levitt) и его анализ нарко-экономики под названием «Почему наркодельцы все еще живут с родителями?». Он сравнивает банды с Макдональдсом и находит больше совпадений, чем можно себе представить.

Аудио-запись выступления можно скачать в mp3 или добавить в iTunes. Видео тоже можно добавить в iTunes или же скачать mp4 в упакованном виде (zip).

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

***

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

Update

Вот еще два замечательных выступления о том, как создавать и выводить продукт на рынок.

Кетчуп, горчица, другие соусы

Малкольм Гладуэлл (Malcolm Gladwell) про соус для спагетти.

Скачать в разных форматах можно на TED ;)

Розовая корова с соевым молоком

Сет Годин (Seth Godin) рассказывает о том, что производитель должен выделяться и делать интересные продукты, чтобы провоцировать otaku как метод коммуникации с потребителем. Что это? Расскажет Сет.

Скачать в разных форматах можно на TED ;)

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

Презентацию можно скачать в формате PDF (2.2 МБайта)

К сожалению, фотографий еще нет, а сам я на 10 дней улетаю из Украины. Надеюсь, что к моему возвращению уже смогу показать, как мы сидим с микрофонами и умным видом, глядя в iBook и MacBook Air, и рассказываем что-то крайне интересное. Было приятно встретить знакомых, надеюсь, друзья, что вам понравилось!

Место проведения — G-Club — довольно интересно. Там бесплатные пиво, орешки и игровые приставки. Жаль, что такого не было, когда я учился в университете, тогда я бы точно проводил там с однокурсницами все время, особенно на этапе создания курсовых работ ;)

***

Сегодня утром Юра сбросил ссылку на 7 Essential Guidelines For Functional Design. Советую прочесть, это более развернутое описание тех правил, что я привел в конце мастер-класса. Просто great minds think alike ;)

О том, как работать эффективно хотя бы при верстке полиграфии, издательской деятельности и при этом даже создавать простенький интерактив, рассказывал 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

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

Matt Bagwell и подход к созданию веб-сайтов

Первым выступал арт-директор агентства Conchanga, которое разрабатывало или принимало участие в разработке логотипа для Олимпийских игр в Лондоне в 2012 году. Мэтт начал с того, что поинтересовался сколько в зале разработчиков, сколько людей, работающих в сфере дизайна и есть ли кто-то, кого он не назвал. Отозвался один молодой человек:
— I’m the creative director.
— Ok! So you don’t do anything, — ответил Мэтт.

Презентация была посвящена созданию удобных и работающих веб-сайтов. Вот все 12 вещей, которые надо учитывать при создании любого сайта, от блога до магазина:

1. The internet eats your lunch. Think boutique. В 2007-м году почти все потребности в покупках в Великобритании удовлетворялись интернетом. Нацеливайтесь на локальный рынок и не забывайте о нем!
2. Are we paying attention? Think accessibility. Играйте на взаимозависимости. С введением новых устройств коммуникации следует переосмысливать коммуникативные стратегии, потому что доступ к информации может осуществляться самым немыслимым и невообразимым методом.
3. The iPhone isn’t about telephony. It’s about mobile internet. В наши дни потребитель всегда может получить доступ информации благодаря мобильным устройствам и интернету, поэтому следует забыть такие понятия как часы работы и выходные дни.

   The iPhone isn’t about mobile internet. It’s about touch. На самом деле прелесть айФона не в том, что он позволяет выйти в интернет, а в ощущениях. Многопользовательские интерфейсы построенные на сенсорах нажатия/прикосновения — уже реальность.

4. Here, there and everywhere. Sideloading — информационный обмен между устройствами и адресатом информации. Think portable. Лучше быть полезным. Пример Sideloading — Nike + и iPod Nano. Не выдумывайте игрушки, а организовывайте игру и владейте временем потребителя!
5. Don’t forget what you do know. User Centered Design сам по себе выглядит немного странновато, но ничего не поделаешь, он уже существует. Сектантский (persuasion) дизайн позволяет набрать очков в продаже и стимуляции потребителя.
6. Get rich Quick. Будто бы кто-то против ;) Think storytelling. Всегда будьте в прямом эфире, увлекайте, рыскайте в поисках интересных и привлекающих приемов. Не забывайте о видео и делайте упор на интерактивность. После этого Мэтт сказал, что хорошо, что есть быстрый интернет. Да, хорошо им в Великобритании ;) Ок, если нет быстрого интернета, в наличии все равно есть HD-DVD и Blue Ray с не меньшим потенциалом. Think collectible.
7. The editor strikes back. Think ‘get back in the game’ — слушайте все, но прислушивайтесь к тому, что действительно важно.
8. The new bespoke. Принимайте вызовы. Воспринимайте все через призму индивидуализации. Создавайте артефакты. Например, выпускайте новую книгу ограниченным тиражом. Делайте все уникальным. В магических хороводах можно встретить одну и ту же книгу с обложками разных цветов — разные тиражи, да еще и каждый экземпляр пронумерован от руки. Вот уж действительно артефакт ;)
9. Location, location, location. Думайте о том, кто поблизости, рядом. На них и нацеливайте луч информации. Think Geo-marketing.
10. date.me Think C2B (client to bussiness). Развивайте парадигмы персональных брендов. Люди уже гордятся тем, что у них есть аккаунт на каком-то ресурсе. Это уже элемент имиджа!
11. Real local area networking В наши дни небольшие локальные сети разрастаются благодаря интернету.
12. Are you mucking about? Не думайте. Играйте!

Дополнить коллегу решил арт-директор Razorfish Rob Lawrence: «Главное присутствовать в информационном поле. Любые отзывы, даже плохие, лучше никаких. Надо конструировать поводы, чтобы потребители обсуждали продукт и чтобы он занимал их мысли. Flickr — отличный пример коммьюнити без болтовни.»

Razorfish guy и Wolfgang Henseler о тенденциях в современном дизайне

Rob Lawrence и профессор Wolfgang Henseler рассказывали о том, что в современном дизайне пора уходить от пагинизации. Мы все тонем в информации, но голодаем без знаний. Если придраться к терминам, то информационная ценность многих ресурсов равна нулю. Это никуда не годится. Необходимо смотреть на несколько шагов вперед и говорить пользователям то, что они захотят когда-то, а не хотят уже сейчас. Если это недостижимо, то необходимо следить за тем, что хотят посетители и предлагать решения лучше, чем они ожидали.

Нам абсолютно ни к чему эти странички, если есть столько возможностей организовать информацию. В качестве забавного примера Роб рассказал, что только посетители просматривают всего 2% домашних (главных) страниц сайтов. Используя современные медиа-каналы абсолютно незачем пичкать посетителей информационным мусором. Примером хорошего использования media в интерфейсах можно считать coverflow. Если же смотреть на примере сайтов, то Amazon — веб-страница, а Oskope — веб-интерфейс.

Будущее за адаптивными интерфейсами и прекращении жизни иерархии на сайтах. Альтернативой иерархии может служить более глубокое погружение в информационное поле. Итак, будущее:

• высокая степень адаптации;
• ситуативный контент, зависящий от потребностей посетителя в данный момент;
• rich-media контент (нам бы их broad-band internet);
• гибкость и возможность просмотреть страницу на многих устройствах и платформах;
• работа с каждым пользователем по отдельному сценарию.

Для иллюстрации того, как пользователь видит обыкновенный сайт с иерархией и интересный игровой сайт Роб использовал схемы сюжетных линий разных сериалов из книги Стивена Джонсона (Steven Johnson) «Everything Bad is Good for You». Самая скучная и есть обычный сайт, а надо стремиться к полноте сюжета, как в The Sopranos. House M.D., кстати, скучноват, а вот посмотреть на развернутую схему сюжетных линий сериала Lost было бы интересно.

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

На вечеринке в первый день конференции я спросил у Роба как им удается продавать огромные флеш-сайты. Неужели они не слышат «не индексируется гуглом» и т. п.?
— С трудом, — ответил Роб. — Дублируем информацию, делаем флешевой только шапку и тому подобные вещи.

Будущее, ну где же ты? ;)

Вечеринка

На вечеринке мы, как белые вороны, пили Kozel, в то время как все остальные радовались Мохито и шампанскому. Этого добра и в Киеве полно, а вот вкусного пива…

Под занавес я познакомился со словацкими ребятами (привет, Петра!): двумя пиарщиками и журналистом, которые спорили, с кем в команде я буду играть в бильярд. Пиарщики доказывали, что я, как креативный директор, ближе к ним, а журналист настаивал, что я ничего не делаю, злюсь на весь мир, изредка пишу тексты и считаю, что меня недооценивают. «Это так по-журналистски», — убедил он товарищей. Мы, кажется, сыграли вничью.

Август

Приятный улыбчивый сферический August De Los Reyes, координатор проекта Microsoft Surface рассказывал об уходе от традиционного взаимодействия с интерфейсами, а также о борьбе с дуализмом. В его команде работают люди, которые придумали колесико для мыши и цветные порты для аудио-входа и аудио-выхода. «Но нам это не понадобится в будущем», — уточнил Август.

Может показаться, что это реклама очередного ноутбука Apple, но это не так. На экране решение «умный дом» от Майкрософт.

В ходе своей динамичной презентации он рассказал о серьезнейшем подходе к дизайну (Август получил два высших образования, чтобы разобраться в психологии и дизайне) и о том, что его взяли в Майкрософт из-за того, что он ругал все интерфейсы этой компании при устройстве на работу. «Мы воплощаем интересные и красивые решения сначала для компаний, а потом и для индивидуального пользования.» Своими продуктами они уже меняют и планируют изменить еще больше отношение к Майкрософт как к компании, которая делает все каким-то неуклюжим.

Все в одном

Объединение информации и оформления, избежание дуализма и революционные интерфейсы — вот в чем должен помочь пакет программ Microsoft Expression. Все единодушно согласились, что дело полезное и интересное, но, как минимум, часть для работы с графикой сыровата. Это только начало и первая версия, так что ждем SP2 ;)

Забавное

• Президиум, сидевший под экраном с логотипом Майкрософт в большинстве своем пользовался компьютерами Apple.
• Жалко англоязычных ребят, которые вынуждены говорить web two point zero вместо стремительного вебдваноль.
• Я познакомился с представителями агентства Wunderman. Один из них, Martin Hačecký, убедил меня попробовать Facebook. Кстати, вот мой профайл на Facebook.

Если возникли вопросы, то я с радостью на них отвечу, а фотографии можно глянуть у Акеллы.