Дмитрий Кирсанов - Веб-дизайн

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

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

Рис. 75«Скульптурная» (а) и «барельефная» (б) разновидности трехмерных изображений

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

Как я уже упоминал, в наши дни любая трехмерная графика пользуется необычайной популярностью у дизайнеров–любителей и многочисленных энтузиастов компьютерной графики. Однако если вращающийся «архитектурный» заголовок редко увидишь на хоть сколько–нибудь прилично оформленной странице, «барельефные» эффекты довольно часто встречаются и на страницах профессиональных дизайнеров. К сожалению, даже у очень талантливых художников увлечение бликами и тенями иногда заслоняет другие аспекты дизайна, — ослепленный игрой светотени, автор перестает замечать, сколь бедны и неинтересны цвета и формы в его работах (именно это я имел в виду, говоря о «текстурщине» на стр.122).

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

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

Что упало, то пропало.Интересно, что если для плоскоцветной (т. е. «векторной») графики растровые эффекты (включая даже такой простой и почти незаметный, как анти–алиасинг, стр.248) неизбежно приводят к увеличению объема файла, то для растровых по самой своей природе изображений со сложными фотографическими текстурами те же самые эффекты обычно дают обратный результат: не только размытые фотографии гораздо лучше сжимаются алгоритмом JPEG (стр. 252), но и почти любое изменение фотоизображения по сравнению с оригиналом делает глаз более терпимым к дополнительным искажениям, вносимым при оптимизации и сжатии графики.

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

По своей популярности в современном дизайне растровые эффекты уступят разве что трехмерной графике, — но, в отличие от нее, без эффектов не обходятся не только любители, но и профессионалы. Если не по тиражам, то уж во всяком случае по разнообразию продуктов индустрия растровых эффектов — определенно самый быстрорастущий сегмент рынка графических программ. Оформленные, как правило, в виде подключаемых модулей для Adobe Photoshop и других программ, поддерживающих соответствующий интерфейс, фильтры эти россыпью и в наборах (вроде Kai's Power Tools или Alien Skin Black Box) необычайно популярны у дизайнеров–любителей, по работам которых обычно нетрудно определить, какие фильтры и в каком порядке применялись к исходному изображению.