WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!

Pages:     | 1 | 2 || 4 | 5 |   ...   | 7 |

«Юрий Гурский, Андрей Васильев CD-ROM прилагается БЕСТСЕЛЛЕР №1 СЕРИЯ трюки © эффекты Юрий Гурский Андрей Васильев ек/|| ...»

-- [ Страница 3 ] --

Рис. 1.117. Зависимость вида кисти от параметра Noise (Шум) 1.14. Обозреватель файлов (File Browser) * 1.13.8. Wet Edges (Размытые края) Следующий параметр палитры кистей, который нам предстоит рассмотреть, Wet Edges (Размытые края). Такое название он получил потому, что результат его применения несколько напоминает акварельный рисунок, хотя сходство далекое.

Проведем две линии одной и той же кистью с выключенным и включенным пара метром Wet Edges (Размытые края). В первом случае линия будет одинакова по всей своей толщине, тогда как во втором в середине она окажется более прозрачна, а по краям затемнена. Отличия хорошо заметны при увеличении изображения, поэто му на рис. 1.118 оно увеличено до такой степени, что видны отельные пиксель!, Рис. 1.118. Линии, проведенные кистью с включенным и выключенным параметром Wet Edges (Размытые края) 1.13.9. Прочие параметры палитры кистей > Other Dynamics (Другая динамика). В этом пункте можно задать динамику для таких понятий, как Opacity (Прозрачность) и Flow (Поток).

*• Airbrush (Аэрограф). Раньше аэрограф был отдельным инструментом, по сейчас разработчики решили включить его в рассматриваемую палитру как модифи кацию кисти. Он представляет собой распылитель, который разбрызгивает не отдельные отпечатки кисти, а краску по форме последнего, Чем дольше ны будете держать нажатой кнопку мыши, тем сильнее будет его действие и тем больше отпечаток (однако оп не превысит установленный максимальный размер кисти).

^ Smoothness (Сглаживание). Данный флажок позволяет сделать действие кис ти более мягким и плавным.

> Protect Texture (Защитить текстуру). Если этот флажок установлен, рисунок текстуры, используемой в настройках кисти, не будет подвергаться изменениям.

1.14. Обозреватель файлов (File Browser) Встроенный обозреватель файлов появился еще в программе Photoshop 7.O. On служит для просмотра и открытия графических файлов, заменяя собой специа лизированные программы типа ACD See. Теперь пользователи Photoshop могут забыть о неудобствах, связанных с поиском и просмотром нужного файла. В вер сии Photoshop CS браузер стал еще более функциональным и удобным.

144 * Глава 1. Интерфейс программы и основы работы с Photoshoo Теперь он вызывается не только стандартной командой W i n d o w > File Browser (Окно t Обозреватель файлов), по и командой Pile » Browse (Файл > Браузер).

Перенос браузера в первый пункт меню говорит: о том, что разработчики настой чиво обращают внимание пользователя на этот иструмент. В окне установок про граммы появился даже специальный раздел (см. рис. 1.57). Подробно это окно было описано в разделе 1.5. Рассмотрим основные инструменты браузера (рис. 1.119).

Люди : животными jjj Show: j Flagged and unflaggsd jj Рис. 1.119. Вид окна File Browser (Обозреватель файлов) 1. Меню, которое содержит следующие пункты:

> File (Файл). Создание новых папок, поиск, открытие и удаление файлов, ввод окна с информацией о документе, а также работа с кэшем. Кэш — это специальная область памяти, в которой хранятся миниатюрные изображе ния просматриваемых документен;

СОВЕТ Чем дольше вы работаете с браузером, тем активнее используется кэш. Время от времени его следует очищать командой меню браузера File > Purge Cache (Файл > Очи стить кэш). Но если вы работаете в одной и той же папке, то не увлекайтесь такой очи сткой — программе придется заново создавать миниатюры, что скажется на скорости ее работы.

1.14. Обозреватель файлов (File Browser) 4 > Edit (Правка). Содержит команды, позволяющие выделить файл, снабдить его специальной отметкой (флагом), присвоить ранг (отнести к какой-ни будь категории), повернуть миниатюру на 90 или 180°;

СОВЕТ Флаги и ранги — удобный способ группировать файлы. Допустим, вы выбираете в кол лекции фотографии известных людей. Отметьте портреты, которые вас заинтересова ли, флагами, а затем выберите в меню браузера View » Flagged Files (Вид > Отмеченные флагами файлы) — ив окне останутся только помеченные файлы, > Automate (Автоматизация). Одно из главных достоинств обозревателя фай лов. При помощи команд этого пункта можно производить достаточно сложные манипуляции с большим количеством файлов. Данная возмож ность будет рассмотрена чуть позже;

> Sort (Сортировка). Способы сортировки файлов в окне браузера;

> View (Вид). Отображение файлов в зависимости от их ранга или наличия флага, а также выбор режима их отображения.

Кроме того, в меню в виде кнопок вынесены отдельные часто используемые, команды: поворот миниатюры, установка флага, поиск и удаление файла.

2. Диспетчер файлов. Построен по принципу Проводника Windows. Он исполь зуется для выбора папки, содержимое которой мы собираемся просмотреть.

3. Главное окно браузера. В нем графические файлы отображаются в виде ми ниатюр.

4. Окно просмотра. Позволяет увидеть более крупное изображение из выделен ного файла.

5. Окно информации. Здесь отображается служебная информация о выделен ном файле.

Размеры этих областей можно изменять, перемещая границы мышью.

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

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

Открыть файл в браузере Photoshop можно одним из следующих способов;

^ дважды щелкнуть по изображению в окне обозревателя файлов;

> перетащить его из окна браузера в окно программы;

> выделить изображение и выполнить команду File > Open (Файл > Открыть) меню браузера;

^ выделить изображение, вызвать контекстное меню щелчком правой кнопкой мыши и выбрать в нем команду Open (Открыть).

Рассмотрим теперь некоторые наиболее интересные функции обозревателя файлов.

Поиск файлов организован оригинально и, на взгляд авторов, очень удобно. Ко манда File > Search (Файл > Поиск) меню браузера или нажатие кнопки с изобра жением бинокля вызывает окно (рис. 1.120).

146 » Глава 1. Интерфейс программы и основы работы с Photoshop Criteria 1 File Name jj enter te JFile Name _*jj is Рис. 1.120. Окно Search (Поиск) Здесь в секции Source (Источник) вы можете задать папку, в которой нужно ис кать изображение. Но самое полезное — в секции Criteria (Критерии) есть воз можность задать различные условия поиска: по названию, дате создания, ключе вому слову, формату и т, д. Количество критериев ограничено только здравым смыслом.

Как уже упоминалось при рассмотрении меню обозревателя файлов, одной из его самых сильных сторон является возможность автоматизации — пакетной об работки документов. В пункте Automate (Автоматизация) собраны соответствую щие команды:

^ Batch (Пакетная обработка). Это средство автоматизации подробно рассмот рено в разделе 1.7.2;

> Batch Rename (Пакетное переименование). Очень удобный инструмент, позво ляющий переименовать сразу несколько выделенных файлов в соответствии с определенной системой (нотацией). При выборе этого пункта вызывается окно пакетного переименования (рис. 1.121).

Destination Folder ~ • i? Rename in same folder Cancel f Move to new 'folder Browse,..

File Naming Example: myfile.gif ! Starting serial*: fl I Compatibility;

f3' v,. Г Mac os Г Unix Рис. 1.121. Инструмент Batch Rename (Пакетное переименование) 1.14. Обозреватель файлов (File Browser) + Данное окно имеет две группы настроек.

1. Destination Folder (Папка назначения). Переименованные файлы могут сохра няться в той же панке (вариант Rename in same folder (Переименовать в той же папке)) или в другом месте на диске (Move to new folder (Перенести в новую папку)). В последнем случае следует выбрать папку, нажав кнопку Browse (Обзор).

2. File N a m i n g (Наименование файла). Имя файла конструируется из нескольких частей в соответствии с правилами, указанными в шести полях-списках. Для названия можно использовать следующие параметры:

> Document Name (Имя документа). Имя оригинального файла;

> Extension (Расширение). Расширение, которое зависит от формата файла.

Например, tif — для формата TIFF, psd — для документа Photoshop и т. д.;

> Digit Serial N u m b e r (Порядковый номер). Вы можете использовать одно двух-, трех- и четырехзначные номера;

> Serial Letter (Порядковая буква). Файлы нумеруются не числами, а латин скими буквами от а до z;

> Date (Дата). В имя включается дата переименования в указанном формате.

Например, формат mmddyy означает, что дата 28 мая 2004 года будет запи сана в виде 052804.

Перечисленные параметры могут следовать в любом порядке. Если параметр на писан в окне Batch Rename (Пакетное переименование) прописными буквами, то и в названии будет использоваться верхний регистр. Например, если в одном из полей выбрать пункт EXTENSION, то расширение GIF-файла будет написано как GIF. Если выбрать extension — как gif.

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

Образец сконструированного имени показан в поле Example (Пример).

Настройка Compatibility (Совместимость) позволяет гарантировать, что создан ное имя будет правильно восприниматься в различных операционных системах:

Windows, Mac OS и Unix.

Вернемся к описанию меню Automate (Автоматизация). Его нижнюю часть зани мает список готовых сценариев, подготовленных разработчиками программы, ^ PDF Presentation (презентация Adobe Acrobat). Из выделенных в главном окне браузера изображений создается презентация (слайд-шоу) в формате PDF.

>• Contact Sheet II (Индекс). Создается лист, на котором располагаются миниа тюры выделенных изображений и подписи к ним.

> Online Services (Онлайн-службы). Доступ к веб-службам (сервисам) от фир мы Adobe Systems. К моменту написания книги эта возможность еще не были реализована. Тем не менее авторы рекомендуют время от времени выходить в Интернет и пытаться получить список сервисов, ^ Photomerge (Склеивание). С помощью этой функции из нескольких изобра жений можно создать одно панорамное.

148 * Глава 1. Интерфейс программы и основы работы с Photoshop > Picture Package (Группа изображений). На одной странице создается сразу не сколько копий одного или более изображений.

^ Web Photo Gallery (Интернет-галерея). Веб-галерея описана в разделе 1.7.2.

И, наконец, рассмотрим варианты представления миниатюр, которые можно вы брать в меню браузера View (Вид).

^ Small T h u m b n a i l (Маленькие миниатюры).

> Medium Thumbnail (Средние миниатюры).

^ Large T h u m b n a i l (Большие миниатюры), > Custom T h u m b n a i l Size (Произвольный размер миниатюр). В этом случае раз мер миниатюры определяется в окне установок программы.

^ Details (Подробности), Обозреватель файлов очень удобен, если вы обрабатываете большое количество изображений. Однако для его комфортного использования необходим большой монитор — 20- или 21-дюймовый. Максимум удобства предоставят редкие у нас двухмопиторные системы.

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

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

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

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

Но это всего лишь упрощенный взгляд на дизайн. Если вам это покажется инте ресным, существует немало хороших книг, которые гораздо лучше, чем эта, смо гут ответить на самый главный вопрос дизайна — «как сделать красиво».

2.1.1 Размер Что такое размер, нам всем в той или иной степени хорошо понятно - в школь ные годы геометрия давала нам конкретное определение. Однако для человече ского восприятия размер не является точным математически выраженным поня тием. Если мы узнаем, что, например, высота эвкалипта близка к 100 метрам, то это мало что нам скажет. Но если посчитать, что это высота 30-этажного дома, то можно вполне четко представить такое дерево.

Таким образом, размер — понятие относительное. Мы воспринимаем его не как 20 см, 3 м, 5 км, а как «миниатюрный», «средний», «большой», «огромный», «ко лоссальный». Все основано на ощущениях, которые испытывает человек, а чело веческое восприятие очень гибко. Когда мы рассматриваем миниатюру на брош ке, наши понятия о большом и маленьком будут совсем другие, чем когда мы будем смотреть на огромную картину.

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

2.1. Основы * На рис. 2.5 изображены два квадрата совершенно одинакового геометрического размера. Но, несмотря на это, квадрат, у которого полосы идут поперек, выгля дит значительно «тяжелее», крупнее по отношению к горизонтальной плоскости, А тот, на котором полосы горизонтальные, выглядит выше.

Рис. 2.5. Светлые предметы кажутся больше: направление светлых линий способно создать иллюзию удлинения в сторону их направленности Этот эффект известен уже давно. Еще в старых журналах можно прочитать реко мендацию для полных женщин носить платья в продольную полоску — они соз дают впечатление более стройной фигуры, чем она есть на самом деле.

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

Рис. 2.6. Эффекты, основанные на чередовании белых и черных радиальных полос: а — приближение;

б — удаление Таким образом, текстура может также сыграть как положительную, так и отри цательную (при неправильном ее подборе) роль в отображении объекта. Отнеси тесь к этому очень внимательно, чтобы подобное не случилось с вами.

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

154 * Глава 2. Введение в графический дизайн Итак, первое и главное свойство: светлые объекты на темном фоне выглядят крупнее, чем темные на светлом (рис. 2.7).

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

На рис. 2.8 мы на 2 % увеличили радиус темного круга — иначе логотип не вы глядел таким,, каким был задуман.

Рис. 2.8. В этой работе диаметр черного кружка сделан на 2 % больше, чем диаметр белого, чтобы кружки выглядели одинаковыми Точно так же ярко-красный элемент будет казаться несколько крупнее аналогич ного темно-синего, Это нужно учитывать и использовать в работе.

2.1.2 Цвет Мы живем в цветном мире. Каждый день, даже не выходя из дома, человек видит огромное число оттенков. Мы привыкли к этому и не задумываемся ни о приро де цвета, ни о том, какое влияние цвет оказывает на нас и на наше поведение.

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

Мы живем в плену цветов. Наши мысли, наши эмоции — все имеет свой цвет.

Достаточно вспомнить такие выражения, как «черные мысли», «зеленая тоска», «оранжевое настроение», чтобы понять;

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

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

2.1. Основы * Правильно подобранные цвета могут как привлечь внимание к изображению., так и оттолкнуть от него. Вы можете вызвать радость, интерес, тоску, страх, ску ку всего лишь изменением окраски.

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

ВНИМАНИЕ Дополнительная сложность возникает из-за того, что цвет как объективная физическач величина в природе не существует. Ощущение цвета хотя и формируется под влия нием объективных факторов электромагнитного излучения (длина волны, интенсив ность и т. д.). является субъективным. Более того, для описания цвета в разных странах используют различные цветовые модели, основанные на национально-культурны* традициях. Этим частично и объясняется то многообразие способов описания цвета, с которым приходится столкнуться любому человеку, профессионально работающему с компьютерной графикой.

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

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

Для начала разложим цвет на составляющие. Из всего ряда существующих цве товых моделей лишь модель HSV (Hue — Saturation — Value, оттенок — насы щенность — яркость) представляет его в привычном для нас виде и не требует привыкания.

Система HSV разлагается на три компонента:

>• Оттенок (Hue) — это непосредственно информация о цвете. Это сложно объ яснить популярным языком, поэтому доверьтесь своей интуиции;

> Насыщенность (Saturation) — цвета, как вы знаете из обычной жизни, быва ют более или менее насыщенными. На бытовом языке более насыщенный цвет называют более сочным;

> Яркость (Value) — как легко догадаться, более яркий цвет воспринимается как более светлый, Следует отметить, что не только разные люди реагируют на один и тот же цвет по-разному, но и целые народы. Это связано с традициями, в которых воспи тывалась нация. Например, в европейских странах белый — это цвет чистоты и невинности, а у некоторых восточных народов данный цвет является цветом траура.

Попробуем дать характеристику основным цветам.

/Ееление цветов на холодные и теплые представлено на рис. 2.9. В известной мере это деление условно: чем ближе цвет к границе верхнего и нижнего полу круга, тем меньше уверенность его отнесения к теплым или холодным.

156 » Глава 2. Введение в графический дизайн Желтый Красный Зеленый Фиолетовый Голубой Синий Рис. 2.9. Цветовой круг, который показывает нам разделение цветов на холодные и теплые Красный У большинства людей красный цвет вызывает прямую ассоциацию с огнем. По этому н его действие может быть разным — от ощущения тепла до страха. Он способен ускорять пульс и расширять прачки, однако из-за своей яркости доста точно быстро утомляет, особенно если присутствует в больших количествах (на пример, если это цвет стен в помещении).

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

Красный цвет подходит:

> для подчеркивания агрессивности, активности. Например, лучшие спортив ные машины, в частности Ferrari, выпускаются в основном красными;

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

^ для выражения жестокости (красный — цвет крови);

> для подчеркивания роскоши, богатства (особенно в сочетании с черным).

Желтый Это самый яркий цвет на цветовом круге. Он идеально подходит для передачи радостного настроения, оптимизма. Именно поэтому желтый — один из наибо лее часто используемых цветов в рекламе туристических компаний.

Кроме того, желтый цвет — это цвет золота. Поэтому у многих он ассоциируется с успехом, богатством и роскошью.

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

2.1. Основы * Оранжевый можно использовать, если вы хотите подчеркнуть:

> современность. Многие компании, которые выбирают основной чертой сво его брендл современность, выбирают оранжевый в качестве «фирменного» цвета. Особенно распространено это среди операторов сотовой свя:ш;

^ динамичность;

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

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

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

Итак, фиолетовый цвет подходит:

> для создания мистического настроения;

> для подчеркивания загадочности.

Синий Синий цвет относится к холодной группе, находится в самом низу цветового круга. Он успокаивает, порой навевая меланхоличное настроение.

Этот цвет можно отнести к цветам зоны «вечной мерзлоты»: он идеально переда ет ощущение холода и чистоты. Действует успокаивающе, очень хороню подхо дит для дизайна спален.

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

Используйте синий цвет, чтобы подчеркнуть:

> покой;

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

^ устойчивость.

158 * Глава 2. Введение в графический дизайн Зеленый Удивительный цвет. Он может быть как теплым, так и холодным, однако чаще он находится на стыке, поэтому его можно отнести как к холодной, так и к теплой группе.

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

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

Кроме того, зеленый цвет — цвет загадочный и мистический.

Зеленый подходит для передачи:

> жизни во всех ее биологических проявлениях;

>• связи с природой;

> загадочности.

Голубой Голубой цвет успокаивает и охлаждает. Подобный эффект объясняется ассо циациями с холодной водой и льдом. Порой вызывает чувство отчужденности.

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

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

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

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

2.1. Основы * Однако кое-какие закономерности найти можно. Итак, первый и наиболее про стой принцип — выбор близких оттенков. Точно так же, как одежда подбирается «в тон», могут быть подобраны и цвета для веб-сайта.

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

Посмотрите на рис. 2.10.

Желтый Зеленый '\ ХОЛОДНЫ^/ \ Фиолетовый Голубой / ^ Синий Рис. 2.10. Отношение цветов в цветовом круге ^ Смежные цвета неплохо совмещаются, однако выбор такого варианта обычно считается скучным и банальным.

> Цвета, которые находятся друг напротив друга, считаются малосовместимы ми. Единственное исключение — синий неплохо смотрится в паре с желтым.

*• Лучший выбор — цвета через один, те, которые на рис. 2.10 связаны прямы ми. Они отлично сочетаются в большинстве своих оттенков, главное, чтобы не было большого контраста в яркости.

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

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

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

Дать определение слову «форма» достаточно сложно. Если немного утрировать, то это комплекс всех геометрических отношений объекта. Всего существует 160 + Глава 2. Введение в графический дизайн огромное количество форм, поэтому классифицировать их можно только по строению. Формы бывают:

I. Многоугольные. Такие фигуры построены из прямых линий. К ним относят ся как привычные для нас прямая, треугольник, квадрат, звезда, так и более сложные фигуры (рис. 2.11, а).

a 6 з Рис. 2.11. Три типа фигур: а — многоугольные;

б — криволинейные;

в — аморфные 2. Криволинейные. Это фигуры, основанные на сглаженных линиях (рис. 2.11, б).

К ним относятся также круг, овал, дуга и некоторые другие.

3. Аморфные. Это нечеткие сложные формы (рис. 2.11, в). Аморфные фигуры очень близки к текстурам, так что временами их сложно дифференцировать.

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

Линии Линия — самая простая из геометрических фигур. Теоретически она имеет толь ко одно измерение — длину. Хотя на практике мы сталкиваемся с тем, что нужно задавать еще и толщину линий, их цвет и тип (скажем, достаточно распростране на практика использования пунктирных линий). Иногда грань между линией и прямоугольником едва уловима.

У линии существует две основные функции;

разделение и соединение других объектов.

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

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

ПРИМЕЧАНИЕ Для разделения, скажем, блоков текста гораздо интереснее использовать разницу в фоновом цвете или пустые блоки.

2.1. Основы * БЕЛОЕ ЧЕРНОЕ Рис. 2.12. Использование линий для разделения Соединительная функция линий куда интереснее. Можно сказать, что это одна из наиболее ярких и распространенных черт современного дизайна. Линии в этом случае выполняют важную функцию взаимодействия между блоками информа ции или графическими компонентами (рис. 2.13).

Причина Следствие Рис. 2.13. Соединительная функция линий Линия — это своего рода «палочка-выручалочка», которая в любой момент гото ва прийти на помощь. Это самый простой способ внести в композицию две чер ты, которые должны всегда присутствовать в работах хорошего специалиста:

единство и динамичность.

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

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

Самое главное при работе с прямоугольниками — правильно подобрать про порции. Не очень хорошим вариантом считаются фигуры, приближающиеся к квадрату: такое решение будет старомодным из-за своей симметричности. Но и чересчур вытянутый прямоугольник также плох: из-за «приземленное™», если Глава 2. Введение в графический дизайн доминирует горизонтальная плоскость, или неустойчивости в случае: доминиро вания вертикальной.

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

Треугольник Эта фигура во многом хороша, однако она не так популярна, как линии или пря моугольники. Причина в том, что треугольник достаточно тяжело вписывается в композицию с другими фигурами.

Треугольник может неплохо смотреться, скажем, в основе логотипа (рис. 2.14).

TRANSPARENCY Рис. 2,14. Пример логотипа на основе треугольника В данном случае то, что фигура повернута основанием вниз, дает очень важное ощущение — устойчивости фигуры, и, как следствие, впечатление устойчивости компании. Подобный эффект известен давно, поэтому множество фирм всего мира избрали треугольник своим символом.

Второй эффект, который отлично достигается этой фигурой, — эффект «указую щего перста». То, что треугольник несколько напоминает стрелку, к которой мы все привыкли как к стандартному указателю направления, позволяет использовать его в качестве элемента, направляющего внимание зрителей. Например, на рис. 2. мы сфокусировали значение слов на содержимом условного сайта idea.com, оптимизм idea.com профессионализм Рис. 2.15. Фоновый треугольник в этом примере играет роль указательной стрелки При помощи треугольника, используемого в качестве фона, мы смогли, с одной стороны, небанально сгруппировать качества сайта, а с другой — сразу же напра вить эту информацию на название. Пожалуй, столь же лаконично это не сделать никаким другим способом.

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

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

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

"MEW KNOWLEDGE**'" PUBLISHING HOUSE Издательства Hosинки Книги Готовятся Авторам Партнеры Реклама Рис. 2.16. Веб-страница, построенная на основе окружности Вы можете сами попробовать вспомнить, много ли вы видели сайтов, построен ных на основе окружности. Это самый лучший способ сделать оригинальный ди зайн страницы, но вместе с тем и самый простой способ сделать его неудачным.

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

Одним словом, если опыта у вас маловато, с этой непослушной фигурой лучше пока дел не иметь. Когда же вы станете хорошим специалистом, работа с окруж ностями, наоборот, станет для вас вызовом трудностям, преодолев которые мож но получить оригинальный результат, 164 * Глава 2. Введение в графический дизайн Рис. 2.17. Имитация буквы «О" при помощи круга — пример неудачного использования этой фигуры в дизайне Кривые Кривая — это линия, имеющая несколько разных уровней кривизны (в матема тических терминах это называется кривой второго уровня) (рис. 2.18).

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

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

Отсутствие формы Конечно, говорить об отсутствии формы не совсем корректно — форма есть все гда. Но когда ее сложность превышает возможности анализа, то вполне допусти мо называть подобный объект бесформенным.

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

Бесформенность можно использовать, когда нужно подчеркнуть:

*• независимость;

> ультрасовременность;

> модность;

> протест;

> нестандартность.

2.1. Основы » Особенно ярко может проявиться бесформенность в сочетании со шрифтом.

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

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

2.1.4 Шрифтовой дизайн Работа со шрифтом — это наиболее интересная, многоплановая и, пожалуй, едва ли не наиболее сложная часть работы дизайнера. Сразу скажем, что если вы хоти те работать с текстом более-менее профессионально, то стоит купить специализиро ванную литературу по шрифтовому дизайну и посвятить ее изучению не один час, Итак, шрифты бывают трех основных типов:

> шрифты с засечками (рис. 2.20, а);

*• рубленые шрифты (рис. 2.20, б);

> шрифты свободного стиля (рис, 2.20, в).

Design Design Desig Рис. 2.20. Три типа шрифтов: а — шрифты с засечками;

б — рубленые шрифты;

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

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

Кегль Достаточно сложным является выбор размера надписей. Первое, что может прийти в голову: если какая-то надпись больше, то и внимание к ней со стороны зрителей также будет повышенным. Но это не совсем так (рис. 2.21).

ВРЕМЯ Достаточно сложным является выбор размера писать надписей. Перине, чти ножет при.тш в галнпу - «i-.ni какая-то надпись больше, то и внимание к ней со стороны зрителей также будет понмшеиным. Но это не совсем так.

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

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

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

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

PHOTOSHOP PHOTOSHOP PHOTOS» Рис. 2.22. Двойное выделение фрагмента (гарнитурой и цветом) — плохой прием 2.1. Основы + 2.1.5 Немного о композиции Разговор о композиции начинать очень сложно хотя бы потому, что эта тема тре бует к себе особого внимания. Мы не претендуем в этой главе на раскрытие темы композиции — для этого существуют специальные книги, которые вы можете прочитать, если хотите стать действительно профессиональным дизайнером.

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

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

б Рис. 2.23. Различное расположение объектов в композиции способно вызывать противоположные ощущения: а — ощущение стабильности;

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

В основе композиции, если несколько утрировать, лежат два понятия: единство и контраст.

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

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

ПРИМЕЧАНИЕ В особенности грешат несоблюдением принципа единства начинающие веб-мастера.

Наверное, вы много раз видели эти пестрящие gif-анимацией, псевдообъемными эле ментами, огромными заголовками и самыми яркими цветами творения. В особенности нелепо выглядят их создатели, объявляя себя профессиональными дизайнерами и пред лагая свои услуги совсем не бесплатно. Не повторяйте их ошибок, не бойтесь показать ся неумными или неумелыми — делайте ПРОСТО.

168 * Глава 2. Введение в графический дизайн Важный компонент достижения единства в композиции — это достижение рав новесия. Равновесие — залог того, что у людей, которые будут смотреть на вашу работу, не возникнет чувства «здесь что-то не так».

Равновесие композиции достигается не только за счет относительно равномер ного распределения объектов, но и за счет их размеров, цвета, яркости, формы.

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

Равновесие бывает двух основных типов: формальное и неформальное.

> Формальное равновесие подразумевает симметрию вокруг оптического цен тра композиции (рис. 2.24).

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

Формальное равновесие может отлично подчеркнуть такие качества, как;

*• консерватизм;

>• постоянство;

К устойчивость;

> достоинство.

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

^ Неформальное равновесие достигается множеством способов, но суть их сводит ся к одной достаточно простой мысли: можно все, кроме симметрии. То есть если на веб-странице или рекламной листовке вы разместили крупную фигуру и она сильно доминирует над остальными, можно уменьшить ее яркость, изме нив цвет остальных фигур. И наоборот, крупный текстовый блок очень легко уравновешивается гораздо меньшей по размерам, но цельной фигурой (рис. 2.25).

2.1. Основы » В этой главе мы поговорим о дизайне. Не об умении рисовать или составлять 5;

композиции — для этого достаточно таланта и вкуса. И тем более мы 1 не коснемся специфики работы ни в одном графическом пакете, несмотря. на то, что многие пользователи, немного изучив Photoshop или CorelDRAW, Ц уже называют себя дизайнерами. Поговорим о дизайне как о науке. Причем о науке точной, с четко сформированными правилами и аксиомами, заблуждениями поколений и откровением единиц.

Вы не станете дизайнером, только прочитав эту главу. Но мы надеемся, что вы поймете главное: если что-то сделано хорошо, оно сделано хорошо по ОБЪЕКТИВНЫМ причинам, и уже другой вопрос, благодаря чему пришел к этому создатель работы — благодаря своему таланту или теоретическим знаниям. Мы хотим, чтобы читатель понял: стать дизайнером можно и не имея художественного таланта. Но для этого нужно четко понимать определенные правила, по которым человек определяет «что такое хорошо и что такое плохо».

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

Но это всего лишь упрощенный взгляд на дизайн. Если вам это покажется инт ересным, существует немало хороших книг, которые гораздо лучше, чем эта, смогут ответить на самый главный вопрос дизайна «как сделать красиво».

Рис. 2.25. Крупный текстовый блок очень легко уравновешивается гораздо меньшей по размерам, но цельной фигурой ВНИМАНИЕ Сложнее всего в достижении неформального равновесия не нарушить первое правило, с которого мы начинали эту главу, — все делать просто. Множество вариантов приводит к тому, что мы добавляем немного туда, немного сюда, и в итоге имеем нагромождение объектов вместо современного дизайна.

Для единства композиции очень важно, чтобы все элементы (в меру возможно стей) были расположены с соблюдением единого ритма. Ритм — это соблюде ние О! тред елейного чередования объектов и пустых мест либо объектов и других объектов в композиции (рис. 2.26).

СО Рис. 2.26. Пример использования ритма в дизайне логотипа ПРИМЕЧАНИЕ В стремлении достигнуть определенного ритма (ведь он сильно влияет на общий «на строй» работы) старайтесь все же избегать самого простого решения — явной симметрии, 170 * Глава 2. Введение в графический дизайн Контраст О контрасте мы уже говорили. Контраст — это основа современного дизайна. Все более-менее профессиональные решения или основаны на контрасте, или содер жат контраст в качестве компонента.

С одной стороны, контраст — это антипод единства. Он не добивается цельности в композиции, наоборот, цель контраста заключается в подчеркивании различий между объектами. Но не стоит противопоставлять эти два понятия и думать, что они несовместимы. Именно «золотая середина» между контрастом и единст вом — это то, к чему нужно стремиться.

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

*• Размер. Один из лучших приемов достижения контраста — разница в разме рах между одинаковыми геометрическими фигурами. Но следует помнить:

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

Рис. 2.27. Контраст;

а — недостаточная разница а размерах между фигурами воспринимается как ошибка, б — и только ее увеличение способно исправить ситуацию t> Форма. Форму лучше использовать для того, чтобы подчеркивать единство композиции. Дело в том, что криволинейные и прямолинейные фигуры имеют между собой слишком явный, грубый, натуралистичный контраст, на котором очень немногие могут построить профессиональную работу. Если же фигуры схожи между собой (как, например, квадрат и треугольник), то их сочетание вызывает чувство незаконченности работы, раздражает зрителей (рис. 2.28).

Рис. 2.28. Контраст: а — криволинейные и прямолинейные фигуры контрастируют слишком грубо, б — разница же между формами одного типа выражена недостаточно сильно >• Цвет. Полного контраста достигнуть с помощью разницы в цвете не получится, Однако в качестве дополнения, второго голоса, это просто отличный вариант.

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

2.2. Пить наиболее распространенных ошибок дизайнеров *• Контраст же всей композиции в целом — это сочетание всех перечисленных ви дов контраста. Старайтесь выдержать чувство меры в его достижении: не стоит, например, выделять цветом элемент, который и без того хорошо контрастирует благодаря своим размерам.

На этом наш теоретический разговор о некоторых вопросах дизайна закончен.

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

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

Чрезмерное усложнение Это самая главная ошибка, которая встречается невероятно часто и влечет за со бой множество других. Проблема проистекает из того, что молодые дизайнеры (можно ли их уже называть этим гордым именем?) очень боятся, что зрители не увидят того, что они хорошо владеют, скажем, Photoshop или CorelDRAW. По этому и появляются сайты, в которых все кнопки — это gif-анимация, элементы интерфейса непременно имитируют объем, а цвета текстовых блоков очень ярки:.

Идеальный вариант для таких страничек — желтый на голубом! Мы даже не ста нем приводить примеры подобных работ — всем известны сайты с narod.ru или boom.ru, и не стоит выделять какой-нибудь из них в качестве особо «выдающегося*-.

Аналогичные примеры можно встретить и среди «печатников». Разве вы не ви дели рекламные плакаты, в которых из-за давления цветов, объектов, эффектов просто невозможно уловить, что эта работа хочет донести, какой товар продать.

Несмотря на то, что эта книга посвящена эффектам, мы не хотим, чтобы ее вос принимали как «поваренную книгу» для переноса готовых рецептов в свои рабо ты. Задача книги совсем другая — на характерных и ярких примерах научиться использовать нужные функции программы и забывать про бесполезные, Чрезмерное упрощение Ему, в отличие от усложнения, подвержены даже профессиональные дизайнеры, но чаще — те, кто пытается делать современные и профессиональные работы, но не имеет для этого достаточно знаний или опыта.

Если вы станете дизайнером, нужно всегда помнить: все, что делается, должно понравиться зрителям. Если это ультрасовременная работа на конкурс, то упро щение до минимума может даже помочь. Но для плаката, рекламирующего кара мельки, подобное решение станет пустой тратой денег заказчика и собственного времени. Ведь большинство людей, особенно те, кого принято называть «потре бителями», любят вовсе не «Черный квадрат» Малевича, а Шишкина, Васнецова 172 Глава 2. Введение в графический дизайн и Баледжо. Поэтому и дизайн для них должен быть, как говорится, «без особых претензий» (что никак не метает быть ему хорошим и даже талантливым).

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

В частности, в академическом стиле выполнена самая большая и старая сетевая библиотека Рунета — http://www.Hb.ru.

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

^ Стиль рекламных плакатов Маяковского. Маяковский для русских дизайнеров, конечно, отец родной — ведь именно он практически создал стиль современного рекламного плаката, а введенные им тезисы доминировали в течение многих де сятилетий. Но сегодня такая стилизация уже является признаком дурного вкуса.

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

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

Рис. 2.29. Пример использования стиля советской рекламы > Американский патриотический стиль. В начале 90-х проявления этого стиля текстуры в виде американского флага, силуэты статуи Свободы, Манхэттена и некоторые другие символы — встречались на каждом углу. И набили оскомину почти всем. Избегайте этого стиля, если вы работаете для русскоязычного рынка (кстати, в Европе американская символика вызывает не меньшее раздражение).

Противоречие привычкам чтения Западная цивилизация, в том числе и мы, привыкла к одной системе чтения слева направо и сверху вниз. К сожалению, это забывают многие дизайнеры, на рушающие порядок следования слов в предложении или предложений в тексте, 2.2. Пять наиболее распространенных ошибок дизайнеров * Это, конечно, совсем не запрещенный пример, но результатов его удачного ис пользования совсем мало. А неудачного — сколько хотите. Вот какой пример приводит известный российский дизайнер Артемий Лебедев на своем сайте http://www.tema.ru (рис. 2.30).

Рис. 2.30. Изменение порядка следования слов приводит к тому, что нужный текст можно прочитать, только приложив к этому усилия (пример взят с http://www.terna.ru) Во многом этот пример возвращает нас к первой ошибке: не бойтесь простоты, и подобных «недоразумений» удастся избежать.

Неоригинальность приемов Есть несколько приемов, которые дизайнеры используют слишком часто. Самый яркий пример — поиск аналогий между словами (рис. 2,31), урок Рис. 2.31. Поиск вхождений одних слов в других — прием, который используется слишком часто Лет десять назад подобное решение можно было бы назвать удачным, но сегодня трудно сделать дизайн, основанный на поиске аналогий в написании слов, чтобы не продублировать кого-то, кто сделал это раньше.

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

Текстовые эффекты Надпись огнем Пишем льдом Пишем кровью Пишем водой Ломаный текст Болотный текст Лазерная надпись Буквы под снегом Матовое стекло Железные буквы Хромированные буквы Золотые буквы Надпись из ртути Эффект X-Files Каменные буквы Буквы под водой Буквы из снега Текст на волнистой поверхности Буквы в стиле Дали Надпись из объемных точек Трехмерный текст Взрывающиеся буквы Пиксельный текст Текст из сыра Текст «высокого напряжения» 3.1. Надпись огнем 3.1.1. Вариант Мы не случайно начинаем с этого эффекта обзор трюков с текстом. Это класси ческий трюк, который легко делается и дает интересные результаты.

Перед началом любой работы в Photoshop необходимо открыть исходное изобра жение либо создать новое. В данном случае мы будем работать с новым изобра жением. Создайте заготовку произвольного размера в цветовом режиме Grayscale (Полутоновое). Фон на вашем изображении должен быть белым. Напишите, ис пользуя инструмент Horizontal Type (Горизонтальный текст), слово черным цве том. Текст, с которым мы будем работать, показан на рис. 3.1. Размер и форму текста можно изменить после его создания. Когда необходимо изменить линейные размеры, чаще всего используется команда Edit > Free Transform (Редактирова ние * Свободное трансформирование) (CtrL+T). Если же требуется искривить над пись (например, по кругу), то лучше обратиться к кнопке Create Warped Text (Деформировать текст) панели параметров или воспользоваться возможность») создавать текст по контуру.

heat Рис. 3.1. Исходная надпись Crystallize Рис. 3.2. Диалоговое окно фильтра Crystallize (Кристаллизация) Теперь необходимо склеить слой, на котором расположен текст, и слой фона.

Это можно сделать с помощью команды меню Layer > Merge Down (Слой > Объ единить с предыдущим) или нажав сочетание клавиш Ctrl+E.

176 » Глава 3. Текстовые эффекты На следующем этапе кристаллизуйте полученный текст (эту операцию можно и пропустить — она улучшает качество эффекта, но довольно часто именно фильтр кристаллизации в программе не работает). Фильтр кристаллизации доступен через меню Filter V PixeLate > Crystallize (Фильтр > Оформление * Кристаллизация).

В диалоговом окне Crystallize (Кристаллизация) (рис. 3.2) установите размер ячейки кристаллизации (Cell Size) порядка 3-5 пикселов.

Теперь размойте изображение. Для этого воспользуйтесь фильтром Gaussian Blur;

Filter > Blur > Gaussian Blur (Фильтр > Размытие » Размытие по Гауссу) (рис. 3.3).

Радиус размытия (Radius) зависит от размера изображения и выбранного шриф та. Чем больше буквы, тем большим должно быть значение радиуса, Gaussian Blur pixels Рис. 3.3. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу) Если все было сделано правильно, то ваше изображение будет похоже на рис. 3.4.

Рис. 3.4. Текст после кристаллизации и размытия Инвертируйте цвета рисунка, нажав сочетание клавиш Ctrt+I либо вызвав команду меню Image > Adjustments > Inverse (Изображение > Настройки > Инвертировать), Эта команда преобразует все цвета в противоположные. Так как вы работаете в ре жиме Grayscale (Полутоновое), то темные оттенки у вас станут светлыми, а свет лые темными, Затем переверните изображение на 90° против часовой стрелки: Image > Rotate Canvas » 90 CCW (Изображение > Повернуть холст > 90 градусов против часовой стрелки). Этот шаг необходим, чтобы на следующем этапе работы использовать фильтр Wind (Ветер), который действует только в горизонтальном направлении.

3.1. Надпись огнем Рис. 3.5. Инвертированное и перевернутое изображение Создадим язычки пламени, пока в черно-белом варианте: Filter > StyLize > W i n d (Фильтр > Стилизация > Ветер) (рис. 3.6). Используйте переключатель From the Left (Ветер слева). Если вам кажется, что пламя недостаточно велико, то приме ните этот фильтр снова, нажав сочетание клавиш Ctrl+F. В представленном при мере мы использовали его 2 раза.

Method f? Wind •f Blast f Stagger •• Direction — • *"" From the Right & From the Left Рис. З.6. Диалоговое окно фильтра Wind (Ветер) После неоднократного применения фильтра Wind (Ветер) у вас должны полу читься довольно длинные язычки пламени. Но не переусердствуйте, так как весь огонь должен поместиться на изображении. Рисунок 3.7 иллюстрирует результат наших действий.

178 * Глава 3. Текстовые эффекты Рис. 3.7. Пламя после применения фильтра Wind (Ветер) Для большей реалистичности добавьте в ваше пламя колебание. Сделать это можно командой Filter > Distort > Ripple (Фильтр > Деформация > Рябь). В нашем примере параметры настроены так: A m o u n t (Эффект) равен 50 %, a Size (Размер) установлен на среднее значение ( M e d i u m ) (рис. 3.8).

200^ Amount Рис. 3.8. Настройки фильтра Ripple (Рябь) Теперь верните ваше пламя «на ноги»: Image * Rotate Canvas > 90 CW (Изображение > Повернуть холст > 90 градусов по часовой стрелке). Все предстоящие нам опера ции не требуют вертикального положения холста, а работать удобнее с правиль но повернутой надписью. Результат вы можете увидеть на рис. 3.9.

Ну как, уже похоже на огонь? Применим еще раз Filter» Distort > Ripple ('Фильтр t Деформация > Рябь). Только теперь A m o u n t (Эффект) установим на 30 %, a Size (Размер) — на значение High (Высокий).

Осталось раскрасить пламя. Переведем изображение в режим индексированных цветов: Image > Mode > Indexed Color (Изображение > Режим > Индексированные 3.1. Надпись огнем * цвета). После этого надо сопоставить полутоновому изображению цветовую мо дель. Для пламени самой подходящей будет команда Image t Mode > Color Table (Изображение > Режим > Цветовая таблица). Перед вами появится диалоговое окно настройки цветовой таблицы. В раскрывающемся списке выберите таблицу Black Body (рис. 3.10).

Рис. 3.9. Изображение, перевернутое в горизонтальное положение ТаЫе:

> Ji ••••• (••••Г ••••• Preview Рис. 3.10. Цветовая таблица В результате у вас должно получиться весьма правдоподобное пламя, похожее на то, которое показано на рис. 1 цветной вкладки.

ВНИМАНИЕ Если у вас возникла путаница с цветами, то вы, скорее всего, создавали свое изображе;

ние в какой-либо другой цветовой модели, а не в Grayscale (Полутоновое). Вернитесь на несколько шагов назад, и перед тем как переводить изображение в индексированные цвета, установите цветовой режим Grayscale (Полутоновое), а затем повторите все остальные операции.

3.1.2. Вариант Сейчас вы познакомитесь еще с одним вариантом создания огня. 3*то решение принципиально не отличается от предыдущего, однако результаты несколько от личаются по стилю, а процесс создания — по используемым командам и приемам.

180 * Глава 3. Текстовые эффекты Создайте файл произвольного размера. При создании изображения обратите внимание на то, что цвет фона должен быть черным, а в качестве цветовой моде ли (Color Mode) выбрана Grayscale (Полутоновое), Напишите текст белым цветом. Шрифт лучше использовать массивный, напри мер Arial Bold. Если вы недовольны размером или расположением надписи, то можно отредактировать текст прямо в окне изображения. Нажмите сочетание клавиш Ctrl+T, и вы сможете изменить размер ваших букв, положение надписи, а также ее наклон, Рис. 3.11. Исходный текст Закончив редактирование текста, откройте палитру Layers (Слои). Ваше изобра жение должно содержать два слоя: фоновый слой и слой с текстом. Если вы ра ботаете не в седьмой или шестой версии программы, то сначала переведите текст в растр. Пользователи Photoshop 7,0 могут сразу склеить слой с текстом и слой фона. Для этого выполните команду Layer > Merge Layers (Слой > Склеить слои) или нажмите сочетание клавиш Ctrl+E.

Method ** Wind.

f~ Bfast f Stageer Direction "" (* From the Right Г From the Left Рис. 3.12. Диалоговое окно фильтра Wind (Ветер) 3.1. Надпись огнем * Поверните изображение на 90° против часовой стрелки: Image > Rotate Canvas > 90 CCW (Изображение t Повернуть холст V 90 градусов против часовой стрелки).

Примените фильтр W i n d (Ветер): Filter > Stylize > W i n d (Фильтр * Стилизация > Ветер) (рис. 3.12). Именно для того, чтобы применить данный фильтр, и необходи мо было вращать изображение. Настройки фильтра установите следующие: Method (Метод) — Wind (Ветер), Direction (Направление) — From the Left (Ветер слева).

Можно применить этот фильтр несколько раз, чтобы увеличить язычки пламе ни. Вместо повторения описанной последовательности действий нажимайте со четание клавши Ctrl+F. Результат работы представлен на рис. 3.13.

Рис. 3.13. Текст после применения фильтра Wind (Ветер) Теперь нам понадобится фильтр Diffuse (Диффузия): Filter > Stylize > Diffuse (Фильтр > Стилизация > Диффузия) (рис. 3.14). Он создает эффект диффунди рующих цветов: цвета от язычков пламени проникают в цвет фона и наоборот.

Установите в разделе Mode (Режим) переключатель Normal (Нормальная).

Рис. 3.14. Диалоговое окно фильтра Diffuse (Диффузия] 182 * Глава 3. Текстовые эффекты Теперь верните изображение в исходное положение: Image ^ Rotate Canvas > 90 CW (Изображение * Повернуть холст > 90 градусов по часовой стрелке) (рис. 3.15).

Рис. 3.15. Текст после применения фильтра Diffuse (Диффузия) Чтобы придать огню плавные очертания, размойте текст. Используйте для этого фильтр Gaussian, Blur: Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) (рис. 3. EG). В данном примере величина параметра Radius (Радиус) равна 1.

Gaussian Blur pixels Radius:

Рис. 3.16. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу) Сейчас вам следует немного оживить пламя, придать ему движение. Для этого воспользуйтесь фильтром Ripple (Рябь): Filter > Distort » Ripple (Фильтр > Дефор мация > Рябь). Мы советуем взять средний (Medium) размер ряби (Size) и сделать параметр A m o u n t (Эффект) равным 100 % (рис. 3.17).

Теперь самое интересное — будем раскрашивать пламя. Переведите изображение в режим индексированных цветов: Image t Mode > Indexed Color (Изображение > Режим > Индексированные цвета). И последний шаг: Image > Mode > Color Table (Изображение > Режим > Цветовая таблица). Как и в предыдущем случае, выбе рите таблицу Black Body (см. рис. 3.10).

Если у вас возникла какая-то путаница с цветами, значит, вы с самого начата рабо тали со своим изображением в цветовом режиме RGB, Lab либо CMYK. Вернитесь при помощи палитры History (Протокол) на два пункта назад и перед переходом 3.2. Пишем льдом * в индексированные цвета переведите свое изображение в полутоновое. Сделать это очень просто: Image > Mode > Grayscale (Изображение > Режим >• Полутоновое),..I Cancel 200% ^J Ш Amount |1СЮ % Medium J 5г |е Рис. 3.17. Диалоговое окно фильтра Ripple (Рябь) Результат, аналогичный тому, который должен получиться у вас, представлен на рис. 2 цветной вкладки.

3.2. Пишем льдом Мы предлагаем вам следующее решение данной художественной задачи, Создайте заготовку произвольного формата в режиме Grayscale (Полутоновое).

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

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

Отредактируйте текст, подберите для него подходящее место (внизу должно ос таться расстояние для сосулек).

frost Рис. 3.18. Текст, с которым мы будем работать Откройте палитру Layer (Слой) и щелкните правой кнопкой мыши по слою с тек стом. В появившемся контекстном меню выберите пункт Rasterize Layer (Растри ровать слой). С утого момента вы можете применять к тексту любые инструмен ты редактирования растровых изображений из стандартного набора Photoshop.

Глава 3. Текстовые эффекты 184 * Сейчас мы начнем превращение надписи в искрящийся лед. Прежде всего выпол ним кристаллизацию: Filter V Pixelate > Crystallize (Фильтр > Оформление > Кри сталлизация) (рис. 3.19). Установите размер ячейки кристаллизации равным 10, Если результат приемлемый, то пора переходить к следующему этапу.

Crystalline Рис. 3.19. Диалоговое окно фильтра Crystallize (Кристаллизация) Так как ледяная поверхность не идеально гладкая, надо придать ей шероховатость.

Для этого добавьте шум: Filter > Noise > Add Noise (Фильтр > Шум > Добавить шум) (рис. 3.20). Задайте значение Amount (Эффект) равным 70 % и, самое главное, ус тановите флажок Monochromatic (Монохромный).

Cancel Preview зоо» Amount:

r Disinbuftan "" I i™ Uniform I 1* Gaussian" • P' Monochromatic Рис. 3.20. Диалоговое окно фильтра Add Noise (Добавить шум) 3.2. Пишем льдом * Рисунок 3.21 иллюстрирует результат, который должен получиться после вы полнения вышеописанных действий. На нем хорошо видны те неровности по верхности, ради которых применялись два последних фильтра.

Рис. 3.21. Надпись после кристаллизации и добавления шума Смягчим эффект, полученный при кристаллизации и добавлении шума. Это можно сделать, например, при помощи фильтра Gaussian Blur: Filter > Blur > Gaussian Blur (Фильтр » Размытие > Размытие по Гауссу) (рис. 3.22). Слишком сильно размы вать не стоит — мы потеряем неровности. Лучше всего взять значение радиуса размытия около 2.

Gaussian Blur ЗУ Preview pixels Рис. 3.22. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу) Сейчас вам предстоит сделать выбор, так как можно воспользоваться одним из двух способов цветокоррекции. Мы воспользовалась вариантом с тоновыми кри выми, который описан в пункте 2.

1. Более простой, но менее эффектный способ. Выполните команду: Filter > Blur > Blur (Фильтр > Размытие v Размытие). Теперь необходимо склеить слой, на ко тором находится надпись, со слоем фона: Layer > Merge Down (Слой t Объединит], с предыдущим) либо Ctrl+E. Затем следует инвертировать изображение (для этого и понадобилось слияние слоев, так как последующие преобразования будут касаться не только текста, но и фона). Выполните команду Image > Adjustments ^ Inverse (Изображение > Настройки » Инвертировать) либо про сто нажмите сочетание клавиш Ctrl+I, 186 * Глава 3. Текстовые эффекты 2. Способ более кропотливый, но зато предоставляющий больше возможностей.

Выберите команду Image t Adjustments > Curves (Изображение > Настройки > Кривые) или нажмите сочетание клавиш Ctrl+M. Попытайтесь нарисовать кри вую, похожую на ту, которая изображена на рис. 3.23. Но если вам не нравит ся итоговый вариант, вы можете сами подобрать подходящую зависимость.

Результат, на который вы можете ориентироваться при построении кривой, представлен на рис. 3.24. Ну а теперь необходимо выполнить те же операции, что и в первом варианте, а именно склеить слои и инвертировать изображе ние нажатием Ctrl+E и Ctrl+I соответственно.

Auto jOpJiiCRi.^ Input: Output;

Preview Рис. 3.23. Кривая, примененная в примере Рис. 3.24. Надпись после применения кривой После того как вы определились, какой вариант вам больше нравится, и выпол нили преобразование, переходим к следующему этапу.

Какой лед бе;

! сосулек? Ими мы сейчас и займемся. Выберите сначала команду Image > Rotate Canvas >• 90 CW (Изображение > Повернуть холст > 90 градусов по часовой стрелке), а затем Filter > Stylize t W i n d (Фильтр > Стилизация > Ветер), Настройки фильтра Wind (Ветер) (рис. 3.25): Method (Метод) — Wind (Ветер), Direction (Направление) — From the Right (Ветер справа).

Советуем применить данный фильтр один раз, но если вам хочется сделать со сульки подлиннее, можете повторить эту операцию (Ctrl+F). Результат послед них действий можно видеть на рис. 3.26.

3,2. Пишем льдом * !

Direction & From the Flight f" From the Left Рис. 3.25. Диалоговое окно фильтра Wind (Ветер) Рис. 3.26. Текст после применения фильтра Wind (Ветер) Теперь перевернем холст в исходное положение командой Image > Rotate Canvas > 90 CCW (Изображение > Повернуть холст > 90 градусов против часовой стрелки), Пришло время раскрасить лед. В пашем примере для этого выбран голубой цвет. Переведите изображение в цветовой режим RGB: Image > Mode > RGB Color (Изображение > Режим > RGB).

Теперь выберите команду меню Image t Adjustments > Hue/Saturation (Изображе ние > Настройки > Цвет/Насыщенность) или нажмите CtrL+U. Установите флажок Colorize (Тонирование) и поэкспериментируйте с различными настройками тона (Hue), насыщенности (Saturation) и яркости (Lightness), пока не будете довольны результатом (рис. 3.27).

Глава 3. Текстовые эффекты 1 Hue/sal ur at ion l

Brightness/Contrast 8r illness: К Cancel Contrast:

"!•? Preview =EF= Рис. 3.28. Диалоговое окно Brightness/Contrast (Яркость/Контраст) Ну а напоследок, чтобы лед засверкал и заискрился, выберите инструмент Brush (Кисть) и активизируйте режим A i r b r u s h Capabilities (Возможности аэрографа).

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

Если вы сделали все правильно, то изображение будет похоже на то, которое по казано на рис. 3 цветной вкладки.

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

Для начала создайте заготовку произвольного размера. Больше, чем 400x400 пик селов, вряд ли стоит брать, так как будет очень трудно добиться реалистичности.

Убедившись с помощью пункта меню Image X Mode (Изображение » Режим), что изображение находится в нужном цветовом режиме, а именно в RGB, приступим к работе. Залейте рабочую область, используя инструмент Paint Bucket (Залив ка), черным цветом и напишите текст.

3.3. Пишем кровью * Wood Рис. 3.29. Исходная надпись Мы будем работать со словом «blood*. Если ни один из размеров шрифта вам не походит, используйте возможности команды Free Transform (Свободное трансфор мирование) (Ctrl+T).

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

Чтобы работали фильтры, нам необходимо перевести текст в растр. Сделаем это следующим образом;

откроем палитру слоев (Layers) и щелкнем правой кнопкой мыши на слое с текстом. В раскрывшемся меню выберем Rasterize Layer (Растри ровать слой).

Далее необходимо склеить слои: Layer > Merge Down (Слой » Объединить с преды дущим). На этом подготовительный этап создания кровавой надписи можно счи тать законченным.

Г Blast <"~ Stagger Direction f* From the Righl <"" From ihe Left Рис. 3.30. Применение фильтра Wind (Ветер) 190 + Глава 3. Текстовые эффекты Поверните изображение на 90° по часовой стрелке: Image > Rotate > 90 CW (Изо бражение > Повернуть холст > 90 градусов по часовой стрелке). Затем восполь зуйтесь несколько раз фильтром Wind (Ветер);

Filter > StyLize > Wind (Фильтр > Стилизация > Ветер) (рис. 3.30).

Для повторного применения фильтра достаточно лишь нажать сочетание кла виш CtrL+F. Мы повторили это действие 5 раз.

Вернем изображение в начальное положение: Image > Rotate ^ 90 CCW (Изображе ние > Повернуть холст > 90 градусов против часовой стрелки). Результат пока зан на рис. 3.31.

Рис. 3.31. Результат применения фильтра Wind (Ветер) Теперь наша задача в том, чтобы превратить эти свисающие тонкие полосы в сте кающую с надписи кровь. Сделать это очень просто.

Сначала воспользуемся фильтром Stamp (Линогравюра): Filter > Sketch > Stamp (Фильтр * Эскиз > Линогравюра) (рис. 3.32). Баланс Light/Dark (Баланс света и тени) лучше установить на значение 5-6, в зависимости от размеров и формы вашего изображения.

Ligh№afk Balance [ Smoothness « Рис. 3.32. Применение фильтра Stamp (Линогравюра) 3.3. Пишем кровью * Если ваш результат не похож на рис. 3.33, значит, некоторые параметры фильтра Stamp (Линогравюра) были выставлены неправильно. Они чаще всего индивиду альны для каждой картинки и зависят от размера, разрешения, степени примене ния фильтра W i n d (Ветер). В таком случае нажмите Ctrl+Z (Edit > Undo. Редакти рование > Отмена), чтобы отменить действие фильтра Stamp (Линогравюра), и попробуйте настроить параметры фильтра должным образом.

Рис, 3.33. Изображение после применения фильтра Stamp (Линогравюра) Теперь осталось придать надписи действительно кровавый цвет. В программе Photoshop очень богатый инструментарий по работе с цветовой гаммой, вполне достаточный для любой цветокорректирующей задачи. Для данного пример;

!, подходит минимум пять способов, мы выберем самый простой.

Прежде всего необходимо инвертировать изображение: Image t Adjust * Inverse (Изображение К Настройка > Инвертировать) либо сочетание клавиш Ctrl+I. За тем активизируйте инструмент Magic Wand (Волшебная палочка). Установите па раметр Tolerance (Допуск) достаточно большим — порядка 150 — и выделите с et:

помощью текст.

Теперь область выделения можно залить подходящим цветом (рис. 3.34).

Рис. 3.34. Изображение после заливки цветом И наконец, осталось придать нашей надписи объем и реалистичность. Для этого можно воспользоваться фильтром Bas Relief: Filter ^ Sketch > Bas Relief" (Фильтр > Эскиз > Рельеф). В нашем примере (рис. 3.35) параметр Detail. (Детали) равен 12, a Smoothness (Сглаживание) — 5.

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

192 * Глава 3. Текстовые эффекты |Е| Рис. 3.35. Диалоговое окно фильтра Bas Relief (Рельеф) Вот и все, кровавый текст готов. Хочется отметить, что не стоит останавливаться только на красном цвете и на рекомендуемых значениях и пропорциях исполь зуемых фильтров, так как это сильно сократит ваши возможности. Эксперимент и только эксперимент позволяет добиваться действительно хороших результа тов, Конечный результат представлен на рис. 4 цветной вкладки.

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

Создайте новое изображение (File > New (Файл * Создать)) в любом из цвето вых режимов,, таких как RGB, CMYK, Lab. Мы будем работать с цветовой мо делью RGB (рис. 3.36).

Создайте новый канал с помощью кнопки New Channel (Создать канал) палитры Channel (Кана-гы).

Сделав цвет переднего плана (Foreground Color) белым, убедитесь, что находитесь на только что созданном канале, и при помощи инструмента Туре (Текст) напи шите подходящий текст.

Чтобы продолжать работу с текстом, его необходимо Растрировать. Для этого в палитре слоев (Layers) щелкните правой кнопкой мыши по слою с текстом и вы берите из раскрывшегося меню пункт Rasterize Layer (Растрировать слой), При помощи инструмента Brush (Кисть), доступного также по клавише В, нари суйте несколько капель вокруг надписи. Это не обязательно, но желательно для получения качественного результата.

Создайте копию вашего канала путем перетаскивания его на кнопку Create a New Layer (Создать новый канал) в палитре Channels (Каналы). Затем придайте буквам 3.4. Пишем водой * объем, причем с плавными контурами. Для этого необходимо применить фильтр Plaster (Гипс): Filter > Sketch > Plaster (Фильтр > Эскиз > Гипс) из стандартного на бора фильтров Photoshop. В данном примере использованы следующие настрой ки фильтра (рис.. 3.37): Balance (Баланс) — 22, Smoothness (Сглаживание) — 2, Direction (Направление) — Тор (Сверху).

water.

Рис. 3.36. Исходное изображение Smoothness Light: T op Рис. 3.37. Настройки фильтра Plaster (Гипс) Перейдите в палитру слоев (Layers) и создайте новый слой путем нажатия кнопки New Layer (Создать слой). Новый слой можно создать также через меню — Layer »• New > Layer (Слой У Создать > Слой) — или сочетанием клавиш Ctrl+ShifHN, Теперь необходимо зафузить выделение из созданного вами канала. Для этого нуж но выбрать команду меню Select > Load Selection (Выделение > Зафузить выделение') и в раскрывшемся списке указать название только что созданного вами канала.

Выберите цвет, которым должен быть написан ваш текст, и установите его как цвет переднего плана (Foreground Color), после чего в меню Edit (Редактирование) выберите команду Fill (Заливка).

Нам нужно выделить надпись. Для этого придется пойти обходным путем. В палитре инструментов возьмите Magic Wand (Волшебная палочка) (клавиша, позволяющая выбирать этот инструмент с клавиатуры, — W). Допуск (Tolerance) установите по рядка 32, а в палитре Layers (Слои) установите флажок Lock Transparency (Сохранять прозрачность). Инструмент Magic Wand (Волшебная палочка) позволяет выделить сплошную область одинаково окрашенных пикселов, щелкнув внутри нее. Величи на допуска указывает количество оггепков, на которые расширится ваше выделение.

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

1 94 Глава 3. Текстовые эффекты Преобразуйте выделение при помощи команды Color R a n g e (Цветовой диапазон) меню Select (Выделение) и расширьте полученную область на 1-2 пиксела;

Select > Modify > Expand (Выделение > Изменить > Расширить) (рис, 3.38).

Expand Selection Expand By:

Рис. 3.38. Расширение выделения Инвертируйте выделение, чтобы выделенным оказался текст: Ctrl+Shift+I либо Select > Inverse (Выделение > Инвертировать).

Теперь создайте слой-маску;

Layer > Save Selection (Выделение > Сохранить выде ление). Перейдите в палитру Channels (Каналы) и выберите там второй создан ный вами канал. Для того чтобы вода приобрела более четкие границы, нужно применить фильтр Sharpen Edges (Контурная резкость): Filter > Sharpen > Sharpen Edges (Фильтр > Резкость > Контурная резкость). В том случае, если однократ ное воздействие фильтра вас не удовлетворит, примените его еще раз.

Для придания буквам большего объема можно воспользоваться встроенными в Photoshop стилями слоя. Из всех многочисленных стилей нас интересует Drop Shadow (Внешняя тень): Layer > Layer Style > Drop Shadow (Слой > Стили слоя > Внешняя тень). В результате у вас откроется окно, изображенное на рис. 3.39.

В Iyer Style Г СТФр Sh*d«v Q| j Styles Blending Options: Def-sult :

ГнТгс! fl iahT~" ^1 НИ СЭПСб!

--. Blend Mode:

jdt>i op Shddov у(~ч ^ -NewStyie... J Г" Inner Shadsw L ftn^ie^ f > ) |Тго ' S* useapbaiLiflht ;

| Preview y Г" Outer Glow *;

, $T~ A | ^,»J.,.A,™— | •,| Н,j Г 1 Texture м гм м :

'•- Qualify - - - vj I! -Ш * т-;

;

^ ;

TSitin Г" Crtce- OvtrUy P Gradient O*-«rf*y Г РлНегп Overlay -! J? Layer Knccks Out Drop Shadow • Г Stroke Рис. 3.39. Настройки стиля Drop Shadow (Внешняя тень) Установите все параметры аналогично нашим, и в результате вы получите почти готовое изображение (рис. 3.40). Можете дополнительно поэкспериментировать со слоевыми эффектами.

3.4. Пишем водой Рис. 3.40. Надпись после применения стиля Drop Shadow (Внешняя тень) Нам осталось отрегулировать цвет надписи. Впрочем, если вас удовлетворяет полученный результат, то на этом этапе можно остановиться.

Прежде всего увеличьте яркость надписи, так как она слишком темная. Для этого воспользуйтесь командой Brightness/Contrast (Яркость/Контраст): Image > Adjust ments > Brightness/Contrast (Изображение > Настройки » Яркость/Контраст). Пе редвигайте бегунок яркости в правую сторону до тех пор, пока не добьетесь хо рошего результата. Наши настройки вы можете видеть на рис. 3.41.

Brightness/Contrast Brightness.

Cancel^ j Contrast Preview Рис. 3.41. Настройки яркости в диалоговом окне Brightness/Contrast (Яркость/Контраст) Если цвета воды получились слишком насыщенными, это можно исправить, например, вызвав команду Image > Adjustments > Hue/Saturation (Изображение > Настройка > Цвет/Насыщенность) (рис. 3.42).

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

1DJ je/ Saturation • Edit;

| Master _*] i :

1 OK j Hue: pT \ ! Cancel Saturation: J9t i Loaa^J i Save... | Lightness;

frT"" Preview Рис. 3.42. Диалоговое окно команды Hue/Saturation (Цвет/Насыщенность) 196 * Глава 3. Текстовые эффекты 3.5. Ломаный текст Создайте новое изображение произвольного размера и цветовой модели. Дан ный эффект можно считать универсальным, потому что он применим к шрифтам практически любого вида и размера. Исключение составляют только очень тонкие буквы, похожие на те, которые образуются, когда мы пишем карандашом или ручкой.

Откройте палитру Channels (Каналы) и создайте новый канал. Для этого щелкни те мышью на кнопке с изображением чистого листа, расположенной внизу па литры, либо щелкните на круглой кнопке с черным треугольником и из раскрыв шегося меню выберите New Channel (Создать канал).

Цветом переднего плана поставьте белый, после чего приступайте к непосредст венному созданию текста.

Обратите внимание на то, что активным сейчас должен быть дополнительный канал, так как вы будете создавать выделение для текста, а не сами буквы. Напи шите любой текст, подберите для него подходящее расположение и шрифт, Рис. 3.43. Текст, с которым мы будем работать Гх| Р* Monochromatic Рис. 3-44. Диалоговое окно фильтра Add Noise (Добавить шум) 3.5. Ломаный текст * Перед тем как переходить к следующему шагу, снимите выделение с букв. Это можно сделать, нажав сочетание клавиш Ctrl+D, либо командой меню Select > Deselect (Выделение > Отменить выделение).

Разбейте изображение на мелкие составляющие при помощи фильтра Add Noise (Добавить шум) (рис. 3.44).

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

Мы рекомендуем выбрать значение в промежутке от 300 до 400.

На следующем этапе воспользуйтесь фильтром Crystallize (Кристаллизация) исз раздела Pixelate (Оформление) (рис. 3.45). Этот шаг необходим для того, чтобы соединить мелкие раздробленные кусочки текста в более крупные, которые бу дут иметь неправильную, произвольно образованную форму. Величину парамет ра Cell Size (Размер ячейки), который характеризует размер образующихся слеп ков, установите на 20-25.

Рис. 3.45. Настройки фильтра Crystallize (Кристаллизация) Далее воспользуйтесь следующим фильтром: Filer > Stylize > Glowing Edges (Фильтр I» Стилизация > Свечение краев). При помощи этого фильтра разбросанные куски вашего текста вновь соберутся в единое целое и образуют уже разломанный текст.

Числовые значения настроек (рис. 3.46) рекомендуются следующие: Edge Width (Толщина обводки) — 2-4, Edge Brightness (Яркость обводки) — 18-20, Smoothness (Сглаживание) — 1-2.

Все дальнейшие преобразования направлены на улучшение качества создаваемо го изображения. Сначала выполним сглаживание острых краев текста. Для этого предлагаем воспользоваться фильтром Smart Blur (Умное размытие) из раздела Blur (Размытие) (рис. 3.47).

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

Глава 3. Текстовые эффекть 1 98 * Cancel Glowing Edges _^J Edge Width 3H!IM if t->.^ цщ х^ и ».

Edge Brightness Smoothness Рис. 3.46- Диалоговое окно фильтра Glowing Edges (Свечение краев) Radius Threshold Рис. 3.47. Диалоговое окно фильтра Smart Blur (Умное размытие) После всех вышеописанных манипуляций у вас должно получиться изображе ние, похожее на го, которое представлено на рис. 3.48.

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

Загрузите канал в выделение, щелкнув мышью на кнопке в виде пунктирного кружка, расположенной внизу палитры каналов.

3.6. Болотный текст * Рис. 3.48. Итоговая маска После этого немного увеличьте выделение: Select t Modify V Expand (Выделение Изменить t Расширить) (рис. 3.49).

Expand Selection Expand By: 1 piKels Cancel Рис. 3.49. Диалоговое окно модификации выделения Теперь выделение готово к применению. Вы можете заливать его любым цветом или текстурой. Мы выбрали желтый цвет, и то, что у нас получилось, представ лено на рис. 3.50, Рис. 3.50. Разбитый текст Для придания большей реалистичности воспользуйтесь эффектами слоя и соз дайте тень от букв. Настройки, которые вы будете применять, зависят от самого текста и его окружения. На рис. 3.51 приведено диалоговое окно эффектов слоя, в котором указаны величины, примененные нами.

В итоге мы получили изображение, представленное на рис. 6 цветной вкладки.

3.6. Болотный текст Мы попытаемся нарисовать нечто зеленое, склизкое и противное. В общем, в том духе, в каком в фильмах ужасов изображают всякую нечисть. До сих пор мы не рисовали ничего неприятного на вид. А ведь это приходится применять даже чаще, чем многое из того, что описано в предыдущих разделах, Приступим к работе. Какого цвета должно быть нечто отвратительное? Конечно, зеленого. Давно известно, что именно этот цвет ассоциируется у большинства людей с чем-то неприятным. Поэтому в рекламе продуктов почти никогда нет *е леного цвета.

200 * Глава 3. Текстовые эффекты Н НН Н Н Н В Н Н Н К Н^ЯЙВННВННО lyer Style r ' Drop Shadov - •"Т 1. OK Styles Bleriding Options: Default i = Blend M«k fitful tioV " "Л | Й Н СЗПСб!

f:^ rtparitv > - « 2&n>p Shadow JT-^V -" '^ Newstyie.. I Angle;

{ ъ JjiscT "* | Ui* Global LijM 5 fw'' rYeVieV.

Г Outer Gbv Ш.^ S 112 « --., r --— • u i* " ;

*. -- '."

P Texture " - - !г Quality Г" Satin Г" Color Overlay Contour: I ж1Н i Antf-ifJied i. :!SM i ' -: :

-...' j.

•:

Г" Gradient Ovartay f Pattern Overlay.

!«? Layer Knocki Out Drop Shedow Г Stroke Рис. 3.51. Настройки эффектов слоя Итак, создаем новый файл и заливаем сто зеленой краской. Лучше взять ее ско рее темно-зеленой, чем салатной — эффектней будет результат.

Для начала добавьте шум на исходное изображение. Сделать это можно при по мощи фильтра Add Noise (Добавить шум): Filter > Noise > Add Noise (Фильтр ^ Шум > Добавить шум). Настройки фильтра видны на рис. 3.52.

Amount;

jdi W.MonocfiromalJc Рис. 3.52. Настройки фильтра Add Noise (Добавить шум) 3.6. Болотный текст + Теперь на время оставим текстуру и перейдем к созданию заготовки для букв.

Необходимо открыть новый канал. Для этого достаточно щелкнуть мышью на кнопке New Channel (Создать канал) в палитре Channels (Каналы).

Используя инструмент Туре (Текст), напишите любое слово в новом канале. Луч ше не выбирать слишком массивный или слишком тонкий шрифт (рис. 3.53).

Рис. 3.53. Текст в альфа-канале После выполнения последней операции можно вернуться в RGB-канал и про должить редактирование текстуры.

Для того чтобы придать ей специфический вид, воспользуемся фильтром Wind (Ветер): Filter » Stylize > Wind (Фильтр > Стилизация >• Ветер). Примененные па раметры показаны на рис. 3.54.

:•- Direction" Рис. 3,54. Настройки фильтра Wind (Ветер) Исходную текстуру можно считать готовой. Если хотите, примените фильтр W i n d (Ветер) вторично, возможно, в вашем случае это улучшит ее вид.

Теперь воспользуемся нашей заготовкой в виде текста в альфа-канале. После при менения следующего фильтра он проступит в канале RGB;

кроме того, он станет достаточно объемным и появится с наложенной текстурой. Выберите фильтр 202 » Глава 3. Текстовые эффекты Lighting Effects (Эффекты света): Fitter > Render > Lighting Effects (Фильтр » Осве щение > Эффекты света). Необходимые настройки отображены на рис. 3.55.

Lighting Effects Focus;

Pro per tie s Shiny • Gloss:

Plastic Material.

Over Positr Ambience:

Mountainous p" Preview v" Рис. 3.55. Настройки фильтра Lighting Effects (Эффекты света) Обратите внимание на самый главный параметр: в качестве Texture C h a n n e l (Ка нал текстуры) мы использовали канал Alpha 1, на котором был написан текст.

•Direction •" From the Right Г From the Lett:

Рис. 3.56. Использование фильтра Wind (Ветер) 3.7, Лазерная надпись Поверните полученное изображение на 90° против часовой стрелки: Image ^ Rotate Canvas > 90 CW (Изображение > Повернуть холст 90 градусов по часовой стрелке).

Примените фильтр Wind (Ветер), чтобы создать «водоросли» на буквах: Filter » Stylize > W i n d (Фильтр > Стилизация К Ветер) (рис. 3.56).

Полученные отростки напоминают свисающие водоросли очень слабо. Чтобы ис править это, лучше всего воспользоваться фильтром Ripple (Рябь): Filter » Distort t Ripple (Фильтр > Деформация > Рябь). Использованные настройки показаны на рис. 3.57.

Size Рис. 3.57. Диалоговое окно фильтра Ripple (Рябь) На этом работа сделана полностью. Если результат вас не вполне удовлетворя ет, то, скорее всего, стоит его подкорректировать при помощи команды Image > Adjustments » Brightness/Contrast (Изображение > Настройки > Яркость/Контраст).

Итоговое изображение показано на рис. 7 цветной вкладки.

3.7. Лазерная надпись Описываемый в данном разделе эффект несколько нестандартен. Правда, от вас потребуются некоторые затраты времени, чтобы его реализовать, но они явно оправданы результатом.

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

Теперь напишите на изображении текст черным цветом. Однако нам еще предстоит использовать фильтры, которые к не переведенному в растр тексту не применяют ся. Поэтому преобразуем текст в растровое изображение: Layer > Rasterize Hype (Слой > Растрировать > Текст), 204 * Глава 3. Текстовые эффекты adobe Рис. 3.58. Исходное изображение В Photoshop много различных фильтров, которые применяются в нестандартных художественных задачах. Следующий — из этой серии.

Примените к полученному изображению фильтр Plastic Wrap (Целлофановая упа ковка): Fitter > Artistic > Plastic Wrap (Фильтр > Имитация > Целлофановая упаковка).

Благодаря этому фильтру буквы становятся несколько объемнее и на них появ ляются слабо выраженные грани, представленные в виде светлых полос. Это боль иге всего напоминает пластиковую пленку или полиэтиленовый пакет, на который нанесено наше изображение. В данном примере применены следующие настрой ки фильтра (рис. 3.59): Highlight Strength (Подсветка) — 16, Detail (Детали) — 8, Smoothness (Сглаживание) — 10. Впрочем, вы можете применить и свои парамет ры, возможно, у вас эффект получится интереснее.

Detail ЯГ Smoothness Рис. 3.59. Настройки фильтра Plastic Wrap (Целлофановая упаковка) На следующем этапе необходимо светлые полосы сделать более контрастными по отношению к темному цвету самих букв. В дальнейшем на основе этих полос мы будем формировать так называемые лазерные лучи. Photoshop предлагает не сколько вариантов решения подобных задач, но мы остановимся на самом совер шенном — воспользуемся тоновыми кривыми.

Выберите команду Image > Adjustments > Curves (Изображение > Настройки > Кри вые) либо нажмите сочетание клавиш Ctrl+M. Поэкспериментируйте с настройками.

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

Если у вас не получается добиться чего-то подобного рис. 3.61, то, скорее всего, дело в неправильно построенной кривой. Отмените действия, используя палитру History (Протокол), до применения кривой включительно и попробуйте еще раз.

3.7. Лазерная надпись * Channel: RGB. Cancel Save...

Auto J Preview Рис. 3.60. Вид и параметры кривой Рис. 3.61. Изображение после применения кривой Итак, основную часть работы мы уже выполнили — создали сложную факту ру поверхности букв. Теперь нам необходимо сделать лазерный луч цветным, в нашем случае синим, однако вы можете выбрать любой другой цвет. И снова мы встаем перед выбором: какой именно инструмент из обширной коллек ции средств настройки цвета использовать. Предлагаем следующий способ:

Image > Adjustments >• Selective Color (Изображение > Настройки > Избранные цвета).

В этом примере цвет был установлен в соответствии с такими настройками (рис. 3.62): Cyan (Голубой) — +82, Magenta (Фиолетовый) — +1, Yellow (Жел тый) 89, Black (Черный) — 0. Но помните, что это всего лишь один из вариан тов. Используя бегунки этого окна, вы можете добиться любого цвета лучей, не забудьте только поставить галочку напротив параметра Preview (Просмотр).

Кстати, естественных красных оттенков в данном эффекте добиться гораздо лег че, чем примененных у нас синих, Далее выделите ваш текст (любым инструментом выделения) и создайте яо вый слой через копирование, щелкнув правой кнопкой мыши в области выде ления и выбрав в раскрывшемся меню пункт Layer V i a Copy (Слой копировани ем). В результате вы получите новый слой, на котором все будет прозрачным, кроме текста.

Чтобы лазерный текст выглядел более эффектно, зальем при помощи инстру мента Paint Bucket (Заливка) первый слой черным цветом (рис. 3.63), 206 * Глава 3. Текстовые эффекты Selective Color ', Black ?

Method: *~ Relative < lAbsoJute Рис. 3.62. Диалоговое окно Selective Color {Избранные цвета) Рис. 3.63. Черный фон усиливает эффектность aver Style $Й.:- - Outer Glew • " ;

i OK Slyles Blending Opiion»: Default :

;

Bend fVbdt;

| ^ Г " п™ " "~3D Cancel f" Drop Shadow ;

!-. - L— ™ - ! NewStyte... } f Inner Shadov :

[Of Outer

г.- — — •• -я-- ~~ — •-> |55" S« f Tix(ur« rs*tm • •" f~ Cator Overlay I r Quality I Gradient Overbjr Contour: 1,ШТ1 Г" Anb-al(««d i Г Piliem Overlay is l^paJ i;

". Г Strote Рис. 3.64. Применение эффекта Outer Glow (Внешнее свечение) Все, что мы будем делать дальше, будет только усовершенствованием сделанно го, впрочем, основную привлекательность изображение получает именно благо даря этим улучшениям.

3.8. Буквы под снегом * Итак, сделаем легкое сияние вокруг букв. Для этого лучше всего воспользоваться эффектами слоя, а точнее Outer Glow (Внешнее свечение): Layer > Layer Style >• Outer Glow (Слой > Стили слоя > Внешнее свечение). Цвет, разумеется, темно-синий, остальные параметры «по вкусу». Наш выбор вы можете видеть на рис. 3.64, Результат впечатляет, не так ли? Правда, необходимо одно замечание: в связи с тем, что переходы цветов очень тонкие, это изображение лучше использоват!, только в электронном виде, например и веб-дизайне — при печати оно не потеряет вида только в случае очень качественной полиграфии. Полученное изображение показано на рис. 8 цветной вкладки.

3.8. Буквы под снегом В этом разделе будет описан полезный под Новый год эффект — будем рисовать снег. Правда, сразу оговоримся, что делать мы будем снег, пригодный скорее дли рисованной открытки (или стилизованной под нее), чем для фотографии.

Для начала создайте новое изображение (Ctrl+N), примерно 300x300 пикселом.

Не стоит делать его слишком большим — тогда получить снег будет практически нереально (в этом вы убедитесь позднее).

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

Теперь напишите текст, используя инструмент Туре (Текст). Цвет букв не имеет особого значения, но приятнее будут смотреться оттенки синего.

Рис. 3.65. Фон лучше взять синего или голубого цвета Теперь займемся непосредственно созданием снега. Возьмем инструмент Brush (Кисть) с мягкими краями. Некоторые для подобных операций предпочитают его модификацию в виде аэрографа (для этого следует установить параметр ин струмента Brush (Кисть) под названием Airbrush Capabilities (Возможности аэро графа)), что также имеет смысл — этим инструментом очень удобно наносить поверхности с нечеткими краями, какой и является снег.

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

Рис. 3.66. Нарисованный при помощи кисти «снег» 208 * Глава 3. Текстовые эффекты Сделав заготовку для будущего снега, можно начать работать над реалистич ностью.

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

Итак, возьмите Smudge (Палец) и смажьте края снега так, как будто он под своей тяжестью стал нависать над буквами. Если у вас упорно не получается, измените параметры инструмента, а именно увеличьте давление (Pressure). Результат пока зан на рис. 3.67..

Рис. 3.67. Изображение после применения инструмента Smudge (Палец) Следующий этап связан с тем же инструментом — мы будем имитировать на плывы снега. Такую картину можно наблюдать во время оттепели, когда подта явший снег сползает, образуя оригинальные формы. Создаются они просто: тем же самым «паяьцем» смазывайте снег л вертикальном направлении. Сразу стоит предупредить: делайте это аккуратно, так как Smudge (Палец) — инструмент не слишком тонкий в работе. Места, где снег сполз неубедительно, исправьте с по мощью кисти.

Но все же пока картинка производит впечатление не очень зимнее. Причина в том, что снег — вещество не гладкое, а состоящее из множества гранул. Это и необхо димо нам сейчас передать. Решение приходит само собой — стандартный фильтр Add Noise (Добавить шум): Filter > Noise > A d d Noise (Фильтр > Шум > Добавить шум). Настройки фильтра показаны на рис. 3.68.

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

Добавьте шум, уровень шума (Amount) определите визуально. Величина этого пара метра указывает диапазон оттенков, на который новый цвет пиксела может от личаться от изначального. Например, если вы указали значение 20 и работаете в цветовой модели RGB, то новый цвет может отличаться от исходного НЕ. 20 оттен ков по красному, зеленому и синему каналам. Если значение A m o u n t (Эффект) превышает 253, то программа будет выбирать любые цвета из 16-миллионной палитры. Чем больше выставлено значение A m o u n t (Эффект), тем больше веро ятность того, что близлежащие пикселы будут окрашены в цвета противополож ных концов гаммы. Данный параметр влияет только на цвет, но не на яркость.

Последние штрихи подведите следующим образом. Примените фильтр BLur (Раз мытие): Filter > Blur > Blur (Фильтр > Размытие > Размытие) несколько раз, пока не получите удовлетворительный результат. При использовании данного филь 3.9. Матовое стекло * тра создается впечатление смешивания контуров, как будто на изображение раз лили воду и от этого вес контуры расплылись.

Amount. Ю f- Distribution •" " - | f* Uniform ! <~ Gaussian - Г" Monochromatic Рис. 3.68. Применение фильтра Add Noise (Добавить шум) Снег под буквами мы нарисовали при помощи инструмента кисть с выставлен ными в палитре Brushes (Кисти) параметрами Airbrush (Аэрограф) и Noise (Шум), На этом работу можно было бы считать законченной, но мы добавим еще один ма ленький элемент — идущий снег. Для этого возьмите инструмент B r u s h (Кисть) и через окно свойств загрузите (командой Load Brushes (Загрузить кисти)) набор кистей Assorted. Туда входят самые разные нестандартные кисти, в том числе есть и снежинка. Возьмите ее и поставьте необходимое количество оттисков. Ре зультат (см. рис. 9 цветной вкладки), конечно, нельзя назвать фотографическим, но новогодний дух в нем есть.

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

Более простым аналогом получения подобного результата является использование слоевого эффекта Bevel and Emboss (Скосы и рельеф), однако, выполнив этот при мер, вы научитесь работать с Calculations (Вычисления), что будет вовсе не лишим.

На новом изображении с белым фоном напишите черным текстом любое слово.

Если вас не удовлетворяют стандартные приемы форматирования текста, то луч 210 * Глава 3. Текстовые эффекты ше всего использовать команду Free Transform (Свободное трансформирование), которая вызывается сочетанием клавиш Ctrl+T.

dull Рис. 3.69. Исходное изображение Мы будем работать со словом «dull». Советуем не брать очень короткое слово или одну букву — почему, вы поймете потом.

Теперь необходимо сделать края букв нечеткими. Как вы, наверное, обратили внимание, этот прием применяется довольно часто в качестве первого шага, если необходимо сымитировать объем букв. Для этих целей мы применим фильтр Gaussian Blur (Размытие по Гауссу) (рис. 3.70): Fitter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу), Примените его со значением Radius (Радиус), равным 3. Правда, если у вас изображение заметно больше нашего, то нужно установить этот параметр соответственно размеру изображения.

Gaussian Blur pixels Radius: Ш Рис. 3.70. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу] Подчеркнем эффект размытых контуров при помощи фильтра Offset (Смещение):

Filter > Other > Offset (Фильтр >• Другие > Смещение). Используйте параметры, ко торые указаны па рис. 3.71.

Если сдвиг пикселов не заметен, то необходимо увеличить значение смещения в вертикальном и горизонтальном направлении. Результат должен быть похо жим на то, что изображено на рис. 3.72, Теперь перейдем непосредственно к реализации эффекта. Прежде всего, нам не обходимо создать дубликат изображения: Image > Duplicate (Изображение к Соз дать копию изображения). После этого мы будем иметь две абсолютно одинако вые картинки.

3.9. Матовое стекло * Horizontal: Cancel pixels down Vertical: Preview • Undefined Areas — Г Set to Background <" Repeat Edge Pixels <* Wrap Around Рис. 3.71. Применение фильтра Offset (Смещение) Рис. 3.72. Надпись после фильтра Offset (Смещение) Примените фильтр Offset (Смещение) к дубликату с теми же настройками, что и прежде. Больше ничего делать не надо.

Сейчас мы будем работать с очень интересной командой — Calculations (Вычис ления). В этой книге она еще ни разу не применялась. Команда Calculations (Вы числения) позволяет находить и использовать разность между слоями, каналами, изображениями, выделениями. Запустите ее: Image К Calculation (Изображение > Вычисления). Примените с параметрами, показанными на рис. 3.73, Calculations а Source 1;

" L-эуег: i Background Channel: Red -d !

i source 2: [rj4COpy~™" "~3 !

~\ Layer: ! Background f? tivert Channel: Red :.—.

f sending: | Screen _^J '-" '" ~ i 1 Opacity: J50 '% ;

Г Maik...

Result: NEWChannel jj Рис. 3.73. Применение команды Calculations (Вычисления) 212 * Глава 3. Текстовые эффекты Обратите внимание на то, что результат вычислений у нас помещается в новый документ, то есть два старых можно спокойно закрыть.

Итак, мы уже имеем нечто довольно объемное (рис. 3.74). Задача - превратить это нечто в матовое стекло, чем мы и займемся.

Рис. 3.74, Изображение после применения команды Calculations (Вычисления) Прежде всего необходимо сделать изображение цветным. Тут есть несколько ва риантон, но мы воспользуемся командой Hue/Saturation (Цвет/Насыщенность), несомненно, лучшей в своей области: Image > Adjustments > Hue/Saturation (Изо бражение > Настройки > Цвет/Насыщенность). В данном примере применены параметры, отображенные на рис. 3.75.

Hue/Saturation Рис. 3.75. Настройки команды Hue/Saturation (Цвет/Насыщенность) Мы предпочли синие оттенки, а вам, может быть, больше подходят другие.

Единственное, что обязательно, — установить флажок Colorize (Тонирование).

Результат представлен на рис. 3.76.

Рис- 3.76. Результат применения команды Hue/Saturation (Цвет/Насыщенность) Теперь необходимо выбрать картинку, на которой будет использоваться надпись.

Мы выбрали просто линейный красный градиент, чтобы показать прозрачность букв, 3.10. Железные буквы * Для выделения надписи лучше всего воспользоваться инструментом Magic Wand (Волшебная палочка) с допуском, равным 1. Щелкните по фону, и в результате у вас будет выделено все, кроме букв. Инвертируйте выделение (CtrlH) и ско пируйте его в буфер обмена. Теперь можно просто вставить текст на нужный фон.

Но это еще не все. Щелкните в палитре Layers (Слои) правой кнопкой мыши по слою с текстом и в появившемся меню выберите пункт Blending Options (Пара метры наложения). В открывшемся окне необходимо уменьшить значение не прозрачности (Opacity) до уровня 40-50 %. В результате текст у вас должен стать действительно как будто отлитым из стекла (рис. 10 цветной вкладки).

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

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

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

Итак, нажмите клавишу Т, выбрав тем самым инструмент Type Mask (Маска тек ста) (выглядит как буква «Т», написанная штрихпунтирной линией). Затем на пишите текст. Мы будем работать со словом «Me».

ВНИМАНИЕ Если размер букв вас не удовлетворяет, то использовать команду Free Transform (Сво бодное трансформирование), как мы делали в случаях создания простого текста, аы не можете. Выход — команда Select»Transform Selection (Выделение > Преобразовать вы деление).

Рис. 3.77. Маска текста Получившееся выделение но свойствам ничем от любого другого выделения HI отличается. Отсюда и вытекает последовательность дальнейших действий.

Глава 3. Текстовые эффекты 214 * Сейчас нам понадобится инструмент Gradient (Градиент), Перед его запуском установите цветом переднего плана ( F o r e g r o u n d Color) черный, а цветом задне го плана ( B a c k g r o u n d Color) — белый. Это можно выполнить, просто нажав кла вишу D.

Теперь, используя линейный градиент (тип Linear), залейте ваши буквы. Резуль тат будет подобен тому, что изображено на рис. 3.78.

Рис. 3.78. Изображение после применения градиента Заметьте, уже похоже на железо. Сейчас мы постараемся передать объем метал лических букв. Для этого есть несколько совершенно непохожих друг на друга способов, но мы возьмем тот, который еще ни разу не применялся и подходит в данной ситуации наилучшим образом.

Необходимо модифицировать выделение, а точнее, сузить его на несколько пик селов (на сколько — зависит от размера исходного выделения). Для этого можно воспользоваться трансформированием выделения (команда T r a n s f o r m Selection (Преобразовать выделение)), но это будет нерационально.

Применим специально предназначенную для этих целей возможность — коман ду Select > Modify > Contract (Выделение > Изменить > Сжать). Мы задали сужение на 3 пиксела (рис. 3.79).

Contract Selection Contract By: J3[ pixels Рис. 3.79. Диалоговое окно Contract Selection (Сжатие выделения) Делали мы это для того, чтобы сейчас применить один хитрый прием. Возьмите градиент с прежними настройками и залейте им выделение еще раз, но — и в этом вся суть — в обратном направлении. В результате получится очень интерес ный эффект псевдообъема (рис. 3.80).

Рис. 3.80. Имитация объема букв 3.10. Железные буквы И все же, это далеко не металл. Если посмотреть на шершавую железную поверх ность, то можно заметить переливание на шероховатостях всеми цветами радуги, что и необходимо показать. Решим эту задачу в несколько этапов.

Прежде всего, примените фильтр, который даст эти переливы. Больше всего под ходит фильтр Grain (Зерно): Filter t Texture > Grain (Фильтр > Текстура > Зерно).

Используйте его с параметрами, которые показаны на рис. 3.81.

гж Cancel | Grain Intensity Contrast Grain Type: i Contrast^ Рис. 3.81, Применение фильтра Grain (Зерно) Возможна ситуация, когда эти настройки вам не подойдут, и эффект, передан ный на рис. 3.82, не будет воссоздан. Тогда ваша задача — немного поэкспери ментировать с настройками. Мы можем сказать, что дело, скорее всего, в пара метре Intensity (Яркость), но Grain Type (Стиль) менять не нужно ни в коем случае.

Рис. 3.82. Результат применения фильтра Grain (Зерно) Это уже можно считать неким результатом. Кому-то данный вариант подойдет лаже больше, чем конечный. Но мы продолжаем.

Переходы цвета мы показали, теперь необходимо сымитировать зернистость поверхности. Сразу напрашивается идея фильтра Add Noise (Добавить шум) действительно, шум очень неплохо применяется там, где требуется передать неровность поверхностей. Им мы и воспользуемся: Filter ^ Noise > Add Noise (Фильтр > Шум > Добавить шум) (рис. 3.83).

216 * Глава 3. Текстовые эффекты Обязательно установите флажок Monochromatic (Монохромный). Это необходи мо, чтобы шум соответствовал по цвету металлической поверхности, а не был, например, оранжевым. Остальные настройки установите на глаз, так как они да леко не всегда будут соответствовать примененным нами. К тому же у вас есть зрительная опора — рис. 3.84.

Amount: П5Г --йг-^ г- Distribution \ i* Uniform -j ** Gaussian ;

' |5*. Monochromatic Рис. 3.83. Диалоговое окно фильтра Add Noise (Добавить шум) Весьма похоже на металл. Но выглядит грубовато, это необходимо исправить.

Photoshop предлагает целый ряд решений, из которых мы воспользуемся самым простым — фильтром, Рис. 3.84. Результат применения фильтра Add Noise (Добавить шум) Запустите фильтр Unsharp Mask (Маска резкости): Filter > Sharpen > UnSharp Mask (Фильтр > Резкость > Маска резкости). Его следует применить с такими пара метрами: Amount (Эффект) — 345, Radius (Радиус) — 1,5, Threshold (Порог) — (рис. 3.85).

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

3.10. Железные буквы * Прежде всего необходимо скопировать буквы на новый слой. Мы советуем сделать это следующим образом: возьмите инструмент Magic W a n d (Волшеб ная палочка) и примените его к белому фону с допуском (Tolerance), равным 1.

В результате у вас выделится только фон. Теперь инвертируйте выделение;

Select > Inverse (Выделение > Инвертировать) или просто Ctrl+ShiftH. Затем выполните копирование (Ctrl+C) и вставку (Ctrl+V). Результат — буквы на но вом слое.

Lin sharp Mask % Amount: | Radius: pixels Threshold: [45J levels Рис. 3.85. Настройки фильтра UnSharp Mask (Маска резкости) Результатом будет почти готовое изображение, показанное на рис. 3.86.

Рис. 3.86. Изображение после применения фильтра Unsharp Mask (Маска резкости) Сейчас можно использовать слоевые эффекты. В данном случае нам необхо дима внешняя тень (Drop Shadow): Layer > Layer Style > Drop Shadow (Слой > Стили слоя > Внешняя тень). Параметры, примененные нами, видны на рис. 3.87.

Теперь эффект сделан полностью. Итоговое изображение см. на рис. 11 цветной вкладки.

218 * Глава 3. Текстовые эффекты aye» Style 1 ^^^ 3 ^^H ;

— Or*p Shadov •• OK Styles 1 c" Siructure ~ ••- ~" '" Blending Options Dsf#Jt < Biend Mod*- fMjUipiv 3Щ Cancel | !j. ' ^^ ^..:;

New Style... | Г* Innsr Shadow Angle: f • J J20 ' f/ U« StobtfLlflht p Preview Г Outer Slow Г" Inner Glow Ш '. Г" Sav*l and EmbofE Г* Texture • p Quality Г satin j ';

' Contour: J* | P Anti-Jtased P Color Overlay Г" Gradient Overlay Г Pattern Overlay fv Layer Kiracks O«i Drop Shadow Г Stroke : :

! : "= Рис. 3.87. Параметры эффекта Drop Shadow (Внешняя тень) 3.11. Хромированные буквы В этом разделе мы попытаемся передать достаточно сложный эффект — вид хро мированной поверхности, а точнее текста.

Прежде всего нам необходимо написать текст. Однако в данном случае есть одна тонкость — на этот раз писать мы будем в отдельном альфа-канале. Зачем, вы узнаете чуть позже.

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

Возьмите инструмент Туре (Текст) и напишите любое слово. Мы будем работать со словом «hrom». Обратите внимание на цвет букв — он должен быть средне серым (примерно 130 по градации яркости).

Рис. 3.88. Текст в новом канале Всякий текст, написанный в альфа-канале, автоматически выделяется. Однако для выполнения следующей операции требуется выделение убрать. Это делается 3.11. Хромированные буквы * командой Select > Deselect (Выделение > Отменить выделение) или сочетанием клавиш Ctrl+D.

Следующее действие — размытие букв. Для этих целей лучше всего приме нить какой-то из размывающих фильтров. Мы остановились на Gaussian Blur (Размытие по Гауссу): Filter > Blur > Gaussian Blur (Фильтр > Размытие * Размытие по Гауссу). Используйте его со значением радиуса размытия (Radius), равным (рис. 3.89).

Gaussian Blur Рис. З.ВЭ. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу) Вы должны получить буквы с нечеткими краями. Посмотрите на рис. 3.90: если у вас края букв четче, то путем нажатия сочетания Ctrl+F повторите размытие, Рис. 3.90. Результат применения фильтра Gaussian Blur (Размытие по Гауссу) На этом редактирование изображения в одном канале закончено. Перейдем в ка нал RGB простым щелчком мыши на соответствующей пиктограмме в палитре каналов. Не удивляйтесь тому, что не увидите надписи, — вы и не должны ничего видеть. Так как буквы созданы на альфа-канале, то они не являются составной частью изображения и поэтому невидимы. Мы писали их для того, чтобы сейчас применить очень хитрый прием.

Запустите фильтр L i g h t i n g Effects (Эффекты света): Filter > Render > Lighting Effects (Фильтр > Осветление Эффекты света). Настройки видны на рис. 3.91. Однако обратите внимание: самое главное — установить в качестве Texture Channel (Ка нал текстуры) канал Alpha 1. то есть канал, на котором написан текст.

220 Глава 3. Текстовые эффекты Обратите внимание на то, каким мощным инструментом является данный фильтр. Он позволяет реализовывать поистине фантастические эффекты. Одна ко повышенного внимания мы ему не уделим по причине того, что он понятен интуитивно.

Lighting Effects Style: [Default Exposure:

Positive Ifl TertueChannel: j Alpha F? White is high Flat 100 Mountainous Height:

v Pieview Рис. 3.91. Диалоговое окно фильтра Lighting Effects (Эффекты света] Итак, если все параметры вы применили правильно, то результат у вас должен быть такой же, как на рис. 3.92.

Рис. 3.92. Изображение после применения фильтра Lighting Effects (Эффекты света) Объем уже заметен. Но необходимо передать не просто объем, а довольно слож ную ступенчатую поверхность. Для этого применим все те же тоновые кривые — один из самых мощных и полезных инструментов: Image >• A d j u s t m e n t s t Curves (Изображение > Настройки > Кривые) (рис. 3.93).

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

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

3.11. Хромированные буквы * Channel: ]RGB Auto Options,, •и Input: \ Output: [эо Preview Рис. 3.93. Вид кривой для образования ступенчатой поверхности Рис. 3.94. Текст после применения кривой Для этого лучше всего использовать команду Hue/Saturation: Image > Adjustments > Hue/Saturation (Изображение > Настройки > Цвет/Насыщенность). Примените ее с параметрами, указанными на рис. 3.95;

самое главное — не забудьте установить флажок Colorize (Тонирование). Цвет необходимо использовать темно-желтый.

Hue/saturation |зЁГ Hue:

Cancel] —о Saturation:

Save...

lightness:

Рис. 3.95. Диалоговое окно Hue/Saturation (Цвет/Насыщенность) Постарайтесь, чтобы у вас получилось нечто похожее на рис. 3.96. Хотя, можег быть, ваш результат будет гораздо интереснее.

222 * Глава 3. Текстовые эффекты Рис. 3.96. Окрашенное изображение Осталась последняя деталь — придать поверхности металлический вид. В дан ном случае нам необходимо создать отсветы и характерные затемнения. Для ре шения этой задачи подходит только один инструмент — все те же тоновые кри вые. Нажмите Ctrl+M и постройте кривую, которая показана на рис. 3.97.

Input: Output: FS Рис. 3.97. Вид кривой, передающей отблески и тени Вот и все, работу можно считать сделанной. Результат показан на рис. 12 цвет ной вкладки, Подобного можно добиться и используя только эффекты слоя, но это займет гораздо больше времени.

3.12. Золотые буквы Начните с того, что создайте новое изображение в любой из цветовых моделей.

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

Залейте фон черным цветом, воспользовавшись инструментом Paint Bucket (Заливка);

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

3.12. Золотые буквы * Выберите инструмент Туре (Текст) и серым цветом напишите слово. Советуем выбрать массивный шрифт (полужирный), хотя очень громоздкие буквы тоже не подойдут.

Рис. 3.98. Исходное изображение Для дальнейшей работы с текстом его необходимо перевести в растр. Щелкните правой кнопкой мыши по слою с текстом, и из раскрывшегося меню выберите команду Rasterize Layer (Растрировать слой).

Теперь необходимо выделить текст. Наиболее простой способ — воспользовать ся инструментом Magic Wand (Волшебная палочка), его горячая клавиша — W. До пуск (Tolerance) можно установить любой, кроме 255 и близких к нему значений, чтобы не выделилось все изображение целиком.

Сохраните выделение в отдельном канале в виде маски. Для этого достаточно щелкнуть по белому кружку, ограниченному штриховой линией, расположенном} в нижней части палитры Channels (Каналы), либо выполнить команду Select > Save Selection (Выделение V Сохранить выделение).

Сделайте активным только что созданный канал (просто щелкните по нему в палитре каналов) и размойте его при помощи фильтра Gaussian Blur (Размы тие по Гауссу) из раздела Blur (Размытие) с радиусом, равным 2-3 пикселам (рис. 3.99).

Gaussian Blur Рис. 3.99. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу) Глава 3. Текстовые эффекты 224 * Вернитесь в RGB-канал и откройте палитру Layers (Слои). Убедившись в том, что активен слой с текстом, проделайте следующее: Filters > Render > Lighting Effects (Фильтр * Освещение > Эффекты света). В разделе Texture Channel (Текстура ка нала) выберите канал с размытым текстом. Остальные настройки на нашем изобра жении были такими (рис. 3.100);

Light Type (Источник) — Spotlight (Прожектор), Intensity (Яркость) — 35, Focus (Фокус) — 69, Gloss (Фактура) — 0, Material (Матери ал) — 69, Exposure (Экспозиция) — 0, A m b i e n c e (Среда) — 8, оба цвета в настрой ках — белые. Результат показан на рис. 3.101.

Lighting E fleets V "- Preview Рис. 3.100. Применение фильтра Lighting Effects (Эффекты света) Рис. 3.101. Текст после применения фильтра Lighting Effects (Эффекты света) Для того чтобы придать буквам металлический вид, необходимо воспользоваться тоновыми кривыми: Image к A d j u s t m e n t s > Curves (Изображение > Настройки > Кривые). Постройте кривую, похожую на ту, которая изображена на рис. 3.102.

Результат применения этой кривой показан па рис. 3.103.

Теперь раскрасим надпись, превратив ее в блестящее золото. Для этого необходимо воспользоваться командой Image > Adjustments > Hue/Saturation (Изображение > Настройки > Цвет/Насыщенность) либо сочетанием клавиш Ctrl+U. Установите флажок Colorize (Тонирование) и, передвигая бегунки, подберите подходящие параметры. В примере применены настройки, показанные на рис. 3.104.

3.12. Золотые буквы * Input: | i''Output: fi Рис. 3.102. Вид кривой Рис. 3.103. Текст после цветокоррекции Hue/Saturation Hue рю" Saturation:

Рис. 3.104. Настройки команды Hue/Saturation (Цвет/Насыщенность) Если ваше изображение получилось недостаточно ярким, можете подкорректи ровать его при помощи команды Brightness/Contrast (Яркость/Контрастность), которая находится в том же меню, что и предыдущая. Вот и все. Конечный ре зультат представлен на рис. 13 диетной вкладки. Впечатляет, не правда ли?

Глав;

;

! 3. Текстовые эффекты 226 * 3.13. Надпись.из ртути В предыдущие разделах вы могли познакомиться с тем, как можно создавать текст, фактура которого имитирует металл. Имеются в виду железные буквы и золотой текст, однако этим возможности Photoshop не исчерпываются. В данной главе будет приведен универсальный способ создания металлических поверхностей.

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

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

Pages:     | 1 | 2 || 4 | 5 |   ...   | 7 |



© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.