Текст книги "Издательство на компьютере. Самоучитель"

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

Рис. 7.29. Изображение, привлекающее внимание

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

Рис. 7.30. Заготовка баннера как пример привлечения внимания зрителя с помощью указателей (стрелок, пальцев и т. п.)

В перечень принципов правильной Web-композиции можно включить все рассмотренные ранее правила для фото композиции, например, правило равновесия композиции. Равновесие — это расположение элементов слева и справа от оптического (композиционного) центра и сверху и снизу от него.

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

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

Элементы, которые относятся друг к другу (связаны), должны располагаться рядом, т. к. они являются целым, а не фрагментами. Когда вы создаете страницу сайта или рекламного проспекта – подумайте, какие элементы следует сгруппировать, а какие, наоборот, разнести. Расположение объектов рядом предполагает их смысловую связь (рис. 7.31).

Рис. 7.31. Пример смысловой связи (приближенности) объектов

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

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

Рис. 7.32. Здесь вы можете увидеть стандартное движение взгляда по странице сайта

Независимо от вида дизайна (полиграфический дизайн, Web– или фотодизайн) существуют общие проблемы в композиции, промахи при работе с цветом, ошибки в выборе шрифта, размещении текста и т. д. Посмотрим эти ошибки на примерах.

Многие дизайнеры при создании рекламных и других монтажей вставляют в них огромное количество разных предметов, стремясь сделать свой труд более впечатляющим. Это ошибка. Большое количество иллюстраций создает пестроту (рис. 7.33) и отвлекает внимание от основной идеи. Чувство меры – такое же необходимое качество дизайнера, как и буйная фантазия.

Рис. 7.33. На странице сайта слишком много объектов

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

Если вы создаете работу, в которой есть источник света, то должна быть и тень от всех объектов. Тень должна быть направлена правильно. Частой ошибкой начинающих дизайнеров является и то, что они делают тень светлее объекта (например, за счет инструмента Transparency (Прозрачность). И если уж совсем прорабатывать детали, то имейте в виду, что жестких контуров в реальной жизни не бывает. Поэтому необходимо их немного смягчить, используя, например, инструмент Blur (Размытие).

Рис. 7.34. Несоответствие идеи и содержания

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

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

Иллюстрация, сопровождающая текст, может быть любой. Главное, чтобы она своим внешним видом не отталкивала потребителя, а наоборот, располагала к себе.

Причиной негативной ассоциации на религиозной основе для мусульманина может стать изображение свиньи или собаки, которые считаются в Исламе нечистоплотными животными. Христиане могут реагировать на то, что в рубленых шрифтовых гарнитурах прописная буква "t" имеет вид креста. А в уголовной среде негативным изображением будут картинки с изображением петуха, крысы или козла.

Абстрактные знаки, которые не конкретизирует объект, чаще всего вызывают нейтральные ассоциации у зрителя.

На рис. 7.35 показаны примеры неудачного Web-дизайна.

На рис. 7.35, а дизайн красивый, но нефункциональный (неправильный): пользователю трудно сообразить, что «Консультации» – это кнопка, а «Клиника» – надпись, так как оформлено все одинаково (не кнопками, а текстом).

Баннер на рис. 7.35, б не удался из-за неправильного использования шрифтов и неудачной графики.

Про дизайн сайта на рис. 7.35, б вообще ничего сказать нельзя, кроме того, что и такое можно встретить в Интернете!

Рис. 7.35. Плохой Web-дизайн

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

Рис. 7.36. Это не просто наборы букв – здесь поработал дизайнер

Искусство шрифтового дизайна (type design) как божий дар – кому-то дано, а кому-то – нет. Поэтому ограничимся в этой части книги лишь некоторыми замечаниями и полезными советами.

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

Так, гарнитура Critter явно связана с зоопарком и дикими зверями (рис. 7.37), а шрифт Cyrillic Old стилизует надпись под старославянские письмена на берестяных грамотах, а кого-то наводит на мысли о былинах, богатырях и Андрее Рублеве.

Каждый шрифт имеет свое "настроение", хотя и не всегда его удается уловить.

Рис. 7.37. Гарнитура Critter

Рис. 7.38. Надпись, выполненная шрифтом Cyrillic Old

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

Одной из интересных возможностей оформления любых шрифтов является построение контурных литер (Outline-эффект). В DTP-системах реализована также возможность создания теневого (Shadow) эффекта для любых шрифтов. Эти и многие другие эффекты реализуются компьютером путем модификации стандартных шрифтов по определенным алгоритмам.

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

Вызвать данное окно можно выполнением команды Вставка | Рисунок | Объект WordArt.

Рис. 7.39. Шрифтовые оформительские эффекты

В соответствии со своими творческими способностями и возможностями подберите свой вариант шрифта для следующих изображений:

□ животный мир;

□ политика;

□ люди.

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

Пример правильного использования шрифтов показан на рис. 7.40.

Рис. 7.40. Пример использования только двух гарнитур. Полифония достигается за счет разных размеров и цветов этих шрифтов

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

Примером неудачной рекламы может служить плакат, изображенный на рис. 7.41: здесь в правой нижней части (из-за неудачного фона) текст читается плохо.

Рис. 7.41. Пример неудобочитаемого текста на плакате

Шрифт должен гармонировать с графикой как, например, на рис. 7.42. Здесь изображены примеры удачного соответствия шрифта идеям публикации.

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

Рис. 7.42. Примеры гармоничного сочетания изображения и текста

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

□ текстовая;

□ знаковая (на основе изображения);

□ комбинированная (знак + текст).

Ниже приведено три приема дизайна подобных шрифтовых композиций.

При работе над экслибрисом, логотипом или эмблемой имеет смысл первоначально создать базовое монохромное (черно-белое) изображение-заготовку без каких-либо эффектов (тень, выдавливание и т. п.) – рис. 7.43.

Такая база может быть реализована затем в законченную шрифтовую композицию в различных графических программах сотнями способов. Так, на рис. 7.44 показан способ превращения базы в текстовый логотип с помощью текстового процессора MS Word XP путем применения эффектов из коллекции WordArt командой Вставка | Рисунок | Объект Word Art.

Рис. 7.43. База для последующих шрифтовых эффектов

Рис. 7.44. Примеры шрифтовых эффектов из двух букв

Рис. 7.45. Пример профессиональной шрифтовой композиции логотипа

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

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

Рис. 7.46. Способ «одной буквы»

Этот способ «оживить» сухой текст заключается в заполнении букв (или буквы) некоторой заливкой (от текстуры до рисунка). Лучше всего для заливки подходят буквы, обладающие большой площадью закраски (рис. 7.47).

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

Рис. 7.47, а. Варианты заполнения (заливки) текста изображениями (а), и наоборот (б)

Рис. 7.47, б. Варианты заполнения (заливки) текста изображениями (а), и наоборот(б)

Рис. 7.48. Использование в тексте фигур графических примитивов

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

□ Принципы композиции: простота композиции; правило «золотого сечения»; направляющие линии в кадре; уравновешенность композиции кадра; кадрирование; отделение объекта съемки от элементов фона.

□ Основные элементы композиции: форма, цвет и колорит, объем, фактура (характер строения поверхности), свет и тень, перспектива, ракурс.

□ Целостность композиции – в правильной композиции ни один из элементов нельзя изъять, добавить или передвинуть без ущерба для целого.

□ Выразительность композиции – соответствие вашей идеи и формы, найденной для ее выражения.

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

□ Дизайнер должен знать основные психологические особенности человека, такие как:

• восприятие человека таково, что квадрат кажется больше круга того же размера – и вообще, округленность уменьшает размеры любого объекта, а угловатость – увеличивает;

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

• симметричные элементы также воздействуют друг на друга и кажутся более мелкими;

• объекты, окрашенные в теплые цвета, приближаются к зрителю, темные же, напротив, отдаляются и уменьшаются в размерах;

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

• излюбленное соотношение (пропорция) архитекторов и художников с древнейших времен заключено в формуле: b = 0,618а. Это так называемое "золотое сечение", самая совершенная пропорция. Было проведено исследование, в ходе которого испытуемым давали выбрать из нескольких прямоугольников те, которые им нравились. Интересно, что отношение ширины к длине у них было близко к величине 0,618.

□ Что такое дизайн?

□ Какие вы знаете средства композиции?

□ Назовите основные правила построения тонового изображения.

□ Что такое композиционный центр?

□ Каковы особенности цветной композиции?

□ Назовите законы цветной композиции, приведите типовые примеры.

□ В чем заключается правило "золотого сечения"?

□ Какие правила шрифтового дизайна вам известны?

□ Какие три приема создания логотипа вы узнали из этой главы?

□ Приведите примеры типичных ошибок в дизайне.

Глава 8
Получение цифровых изображений сканированием

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

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

В главе 6 говорилось о том, что все изображения можно подразделить на три вида:

□ однобитное изображение (bitmap);

□ полутоновое однобитное изображение (grayscale);

□ цветное изображение (color).

При работе с цветным изображением сканер использует процессы, основанные на передаче трех основных составляющих любого изображения – красной, зеленой, синей (RGB – red, green, blue). Отраженный оригиналом свет воспринимается сканером как комбинация этих трех цветов в некотором процентном соотношении.

В зависимости от типа сканера, изображение может быть передано в цвете как 24-битное, 42-битное или 48-битное. Количество бит определяет число оттенков цвета. Например, 24-битное изображение передает 16,7 млн оттенков – столько, сколько видит глаз человека.

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

На рис. 8.1 изображение натюрморта с виноградом в цветовой модели RGB разбито на три канала: красную, зеленую и синюю составляющие. Их сумма и даст нам итоговую полноцветную картинку (составное цветное RGB-изображение).

Рис. 8.1. Составное цветное изображение – основной канал на палитре Channels (Каналы) в программе Adobe Photoshop

Рис. 8.2. Инструментом Eyedropper Tool (Пипетка) указан цв для которого R = 241, G = 191, В = 93

Если в программе Adobe Photoshop вы инструментом Eyedropper Tool (Пипетка) щелкните на каком-либо участке цветного изображения, то цветовая палитра Color Picker тут же отобразит цифровое значение выбранного цвета в цветовой модели RGB (рис. 8.2).

Как уже говорилось в главе 6, модель CMYK более актуальна для описания цвета не при сканировании (вводе цветного изображения), а при его выводе на печать. Когда составное цветное изображение готовится для печати в CMYK, его можно разбить на голубую (Cyan), пурпурную (Magenta), желтую (Yellow) и черную (Black) составляющие. Распределение цветов по этим каналам зависит от печатающего устройства, типа бумаги и параметров краски для печати. Уже отмечалось, что человеческий глаз видит гораздо больше цветов, чем может воспроизвести сканер, монитор или принтер. Узость цветового охвата модели CMYK – одна из основных проблем полиграфии.

В главе 2 уже говорилось о принципе работы сканеров. Поскольку конструкция сканера непосредственно влияет на качество его работы, вернемся к рассмотрению этого вопроса на более высоком уровне.

Планшетный сканер является наиболее универсальным инструментом, подходящим для решения большинства задач сканирования изображений. Модели авторитетных производителей неприхотливы и надежны, просты в установке и использовании, а разнообразие выпускаемых модификаций позволяет подобрать сканер практически под любые требования. В настоящее время планшетные сканеры по качеству воспроизводимого изображения достигли уровня барабанных моделей среднего класса и вплотную приблизились к профессиональным: разрешение планшетных сканеров доходит до 3000 dpi, разрядность цвета – до 48 битов, динамический диапазон D – до 3,6 (что это за характеристики, вы узнаете далее).

В ручных, планшетных и слайдовых сканерах изображение сканируется построчно: строка оригинала освещается специальной лампой, обычно газоразрядной. Отраженный непрозрачным или пропущенный прозрачным оригиналом световой поток при помощи системы зеркал и объектива фокусируется на светочувствительной матрице, которая делает "фотоснимок" строки и выдает электрический сигнал на аналогово-цифровой преобразователь (АЦП), где снимок строки преобразуется в двоичные данные, понятные компьютеру. Последовательность таких "снимков", производимых по мере движения вдоль оригинала, и создает изображение.

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

В качестве светочувствительного элемента используются матрицы ПЗС (приборов с зарядовой связью, Charge-Coupled Device), которые состоят из набора датчиков, расположенных в одну линию для черно-белого сканирования или трехпроходного цветного либо в три линии для сканирования в цвете (RGB) за один проход.

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

Рис. 8.3. Конструкция планшетного сканера

Здесь источник света (а) отражает свет от оригинала (Ь). Зеркала (с) передают отраженный свет на линзу (d), которая фокусирует информацию изображения на кристаллы ПЗС (е), содержащие одну или три строки датчиков (изображены черными прямоугольниками). ПЗС регистрирует свет как изменение аналогового заряда, который затем направляется на АЦП (f) для преобразования в цифровые данные, которые будут выведены на экран монитора.