WWW.DISSERS.RU

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

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

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

«Юрий Гурский, Андрей Васильев CD-ROM прилагается БЕСТСЕЛЛЕР №1 эффекты Юрий Гурский Андрей Васильев D Москва • Санкт-Петербург • Нижний Новгород - Воронеж Новосибирск • Ростов-на-Дону • ...»

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

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

"MEW Партнеры Рис. 2.16. Веб-страница, на основе окружности Вы можете сами попробовать вспомнить, много ли вы видели сайтов, построен ных на основе окружности. Это самый лучший способ сделать оригинальный ди зайн страницы, но вместе с тем и самый простой способ сделать его неудачным.

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

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

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

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

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

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

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

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

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

модность;

протест;

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

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

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

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

с засечками (рис. 2.20, а);

шрифты (рис. 2.20, б);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

более-менее профессиональные решения или основаны на контрасте, или содер жат контраст в качестве компонента.

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

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

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

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

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

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

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

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

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

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

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

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

Чрезмерное усложнение Это самая главная ошибка, которая встречается невероятно часто и влечет за со бой множество других. Проблема проистекает из того, что молодые дизайнеры (можно ли их уже называть этим гордым именем?) очень боятся, что зрители не увидят того, что они хорошо владеют, скажем, Photoshop или CorelDRAW. По этому и появляются сайты, в которых все кнопки — это непременно имитируют объем, а цвета текстовых блоков очень Идеальный вариант для таких страничек — желтый на голубом! Мы даже не ста нем приводить примеры подобных работ — всем известны сайты с narod.ru или и не стоит выделять какой-нибудь из них в качестве особо Аналогичные можно встретить и среди Разве вы не ви дели рекламные плакаты, в которых из-за давления цветов, объектов, эффектов просто невозможно уловить, что эта работа хочет донести, какой товар Несмотря на то, что эта книга посвящена эффектам, мы не хотим, чтобы ее вос принимали как «поваренную книгу» для переноса готовых рецептов в свои рабо ты. Задача книги совсем другая — на характерных и ярких примерах научиться использовать нужные функции программы и забывать про бесполезные, Чрезмерное упрощение Ему, в отличие от усложнения, подвержены даже профессиональные дизайнеры, но чаще — те, кто пытается делать современные и профессиональные работы, но не имеет для этого достаточно знаний или опыта.

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

Однако не стоит путать с академический в веб-дизайне. Это стиль, в котором были первые сайты в Сети, основанный на параметрах по умолчанию в Этим стилем вы что для данной страницы дизайн не имеет никакого значения, так как главное — В частности, академическом стиле самая большая и старая сетевая библиотека — 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), Рис. Поиск вхождений одних слов в других — прием, который используется слишком часто Лет десять назад подобное решение можно было бы назвать удачным, но сегодня трудно сделать дизайн, основанный на поиске аналогий в написании слов, чтобы не продублировать кого-то, кто сделал это раньше.

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

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

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

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

Это можно сделать с помощью команды меню Layer Merge Down (Слой Объ единить с или нажав сочетание клавиш Глава 3. Текстовые эффекты На этапе кристаллизуйте полученный текст (эту операцию и — она улучшает качество эффекта, но довольно часто именно фильтр в программе не работает). Фильтр кристаллизации доступен через меню Filter Crystallize (Фильтр Оформление Кристаллизация).

В диалоговом окне (Кристаллизация) (рис. 3.2) установите размер кристаллизации порядка 3- Теперь размойте Для этого воспользуйтесь фильтром Gaussian Blur;

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

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

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

Надпись огнем Рис. 3.5. Инвертированное и перевернутое изображение Создадим язычки пламени, пока в черно-белом варианте: Wind (Фильтр Стилизация Ветер) (рис. 3.6). Используйте From the Left (Ветер слева). Если вам кажется, что пламя недостаточно велико, то приме ните этот фильтр снова, нажав сочетание клавиш В представленном мере мы использовали его 2 раза.

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

* Глава 3. Текстовые эффекты Рис. 3.7. Пламя применения фильтра Wind (Ветер) Для большей добавьте в ваше пламя колебание. Сделать это можно командой Distort Ripple (Фильтр Деформация Рябь). В нашем примере параметры настроены так: Amount (Эффект) равен 50 a Size (Размер) установлен на среднее значение (Medium) (рис. 3.8).

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

Ну как, уже похоже на огонь? Применим еще раз Distort Ripple Деформация Рябь). Только теперь Amount (Эффект) установим на 30 a Size (Размер) — на значение High (Высокий).

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

Рис. Изображение, перевернутое в горизонтальное положение i Preview Рис. 3.10. таблица В результате у вас должно получиться весьма правдоподобное пламя, похожее на то, которое показано на рис. 1 вкладки.

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

3.1.2. Вариант Сейчас вы еще с одним вариантом создания огня.

принципиально не отличается от предыдущего, однако результаты несколько от личаются по стилю, а процесс создания — по используемым командам и приемам.

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

From Right Г Рис. Диалоговое окно фильтра Wind (Ветер) Надпись огнем * Поверните изображение на 90° против часовой стрелки: Image Rotate Canvas 90 CCW (Изображение Повернуть холст 90 градусов против часовой стрелки).

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

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

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

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

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

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

Gaussian Blur Radius:

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

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

Если у вас возникла какая-то путаница с вы с самого рабо тали со изображением в режиме RGB, Lab либо CMYK.

при помощи палитры History (Протокол) на два назад и перед переходом 3.2. Пишем льдом в индексированные цвета переведите свое изображение в полутоновое. Сделать это очень просто: Image Mode Grayscale (Изображение Режим Полутоновое),.

Cancel Amount Рис. Диалоговое окно фильтра Ripple (Рябь) Результат, аналогичный тому, который должен получиться у вас, представлен на рис. 2 вкладки.

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

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

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

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

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

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

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

Amount:

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

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

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

1. Более простой, но менее эффектный способ. Выполните команду: Blur Blur (Фильтр Размытие Размытие). Теперь необходимо склеить слой, на ко тором находится надпись, со слоем фона: Layer Merge (Слой с предыдущим) либо Затем следует инвертировать изображение (для этого и понадобилось слияние слоев, так как последующие преобразования будут касаться не только текста, но и фона). Выполните команду Image Adjustments Inverse (Изображение Настройки Инвертировать) либо про сто нажмите сочетание клавиш Глава 3. Текстовые эффекты 2. Способ более кропотливый, но зато предоставляющий больше возможностей.

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

Auto Input:

Output;

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

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

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

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

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

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

Глава 3. Текстовые эффекты Рис. 3.27. Диалоговое окно Hue/Saturation (Цвет/Насыщенность) Чтобы подчеркнуть переходы в неровностях можете подправить контрастность изображения (рис. 3.28).

К Cancel Preview Рис. 3.28. Диалоговое окно Brightness/Contrast (Яркость/Контраст) Ну а напоследок, чтобы лед засверкал и заискрился, выберите инструмент Brush и активизируйте режим Airbrush (Возможности аэрографа).

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

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

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

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

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

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

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

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

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

Г Stagger From the Left Рис. 3.30. Применение фильтра Wind (Ветер) Глава 3. Текстовые эффекты Поверните изображение на 90° по часовой стрелке: Image Rotate 90 (Изо бражение Повернуть холст 90 градусов по часовой стрелке). Затем восполь зуйтесь несколько раз фильтром Wind (Ветер);

Wind (Фильтр Стилизация (рис. 3.30).

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

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

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

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

[ « Рис. 3.32. Применение фильтра Stamp (Линогравюра) 3.3. Пишем кровью Если ваш результат не похож на рис. 3.33, значит, некоторые параметры фильтра Stamp были выставлены чаще всего индивиду альны для каждой картинки и зависят от размера, примене ния фильтра (Ветер). В таком случае нажмите (Edit Undo. Редакти рование Отмена), чтобы отменить действие фильтра Stamp (Линогравюра), и попробуйте параметры фильтра образом.

Рис, 3.33. Изображение после применения фильтра Stamp Теперь осталось придать надписи действительно кровавый цвет. В Photoshop очень инструментарий по работе с цветовой гаммой, вполне достаточный для любой задачи. Для данного подходит минимум пять способов, мы выберем самый Прежде всего Image Adjust (Изображение Настройка либо сочетание клавиш тем активизируйте Magic Wand (Волшебная Установите раметр Tolerance (Допуск) достаточно большим — порядка 150 — и выделите с помощью текст.

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

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

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

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

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

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

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

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

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

water.

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

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

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

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

3. Текстовые эффекты Преобразуйте выделение при помощи команды Range диапазон) меню Select (Выделение) и расширьте полученную область на 1-2 пиксела;

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

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

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

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

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

j --. Blend Mode:

ftn^ie^ ' Outer, --- j Г -! Drop Г Stroke Рис. 3.39. Настройки стиля Drop Shadow тень) Установите все параметры аналогично нашим, и в результате вы получите почти готовое изображение (рис. 3.40). Можете дополнительно поэкспериментировать со слоевыми эффектами.

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

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

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

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

• Edit;

i OK Hue:

! Cancel i i Save...

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

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

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

Обратите внимание на то, что активным сейчас должен быть дополнительный так как вы будете создавать выделение для текста, а не сами буквы. Напи шите любой текст, подберите для него расположение и шрифт, Рис. 3.43. Текст, с которым мы будем работать Monochromatic Рис. Диалоговое окно фильтра Add Noise (Добавить шум) 3.5. Ломаный текст * Перед как к следующему шагу, снимите выделение с букв. Это можно сделать, нажав сочетание клавиш либо командой Deselect Отменить выделение).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

200 * Глава 3. Текстовые эффекты Style - • Т. OK Blend rtparitv- I Angle;

Global Г. S ;

- P Texture " - - г Satin Color I i • :

-.

Gradient.

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

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

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

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

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

ше не выбирать слишком массивный или слишком тонкий шрифт (рис. 3.53).

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

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

раметры показаны на рис. 3.54.

Рис. 3,54. Настройки фильтра Wind Исходную текстуру можно считать готовой. Если хотите, примените фильтр Wi nd (Ветер) вторично, возможно, в вашем случае это улучшит ее вид.

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

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

Focus;

s Ambience:

Рис. 3.55. Настройки фильтра Lighting Effects (Эффекты света) Обратите внимание на самый главный в качестве Texture Channel (Ка нал текстуры) мы канал Alpha на котором был написан текст.

•Direction From the Рис. 3.56. Wind 3.7, Лазерная надпись полученное изображение на 90° против часовой стрелки: Image Rotate Canvas 90 Повернуть холст 90 градусов по часовой стрелке).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы текст выглядел более эффектно, зальем при помощи инстру мента Paint Bucket (Заливка) первый слой черным цветом (рис. 3.63), 206 * Глава 3. эффекты ', Рис. 3.62. Диалоговое окно Selective Color цвета) Рис. 3.63. Черный фон эффектность Style - • " i OK Blending ;

Drop - !

Inner j and • : I i Г Overlay i s ". Г Рис. 3.64. Применение эффекта Outer Glow (Внешнее свечение) Все, что мы будем делать дальше, будет только усовершенствованием сделанно го, впрочем, привлекательность изображение получает именно благо даря этим улучшениям.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Amount.

Distribution - | - Рис. 3.68. Применение фильтра Add Noise (Добавить шум) под буквами мы при помощи инструмента кисть с ными в палитре Brushes (Кисти) параметрами Airbrush (Аэрограф) и Noise (Шум), На этом работу можно было бы считать но мы добавим один ма элемент — Для этого инструмент Brush (Кисть) и через свойств загрузите (командой Load Brushes (Загрузить набор кистей Assorted. Туда входят самые разные нестандартные кисти, в том есть и снежинка. Возьмите ее и поставьте необходимое количество оттисков. Ре зультат (см. рис. 9 цветной вкладки), конечно, нельзя назвать фотографическим, но новогодний в нем есть.

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

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

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

Если вас не удовлетворяют приемы форматирования то луч * Глава 3. Текстовые эффекты ше использовать команду Free Transform которая вызывается dull Рис. 3.69. Исходное изображение Мы будем работать со словом Советуем не брать очень короткое слово или одну букву — почему, вы поймете потом.

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

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

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

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

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

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

а Red i 2:

!

Layer:

Red | i 1 Opacity:

Ma Result:

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

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

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

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

Единственное, что обязательно, — установить флажок Результат представлен на рис. 3.76.

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

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

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

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

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

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

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

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

214 * Глава 3. Текстовые эффекты Сейчас нам понадобится инструмент Gradient (Градиент), Перед его запуском установите цветом переднего плана (Foreground черный, а цветом задне го плана (Background — белый. Это можно выполнить, нажав кла вишу D.

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

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

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

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

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

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

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

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

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

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

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

Amount:

\ Uniform ;

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

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

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

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

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

Inverse Инвертировать) или просто Затем выполните копирование и вставку Результат — буквы на но вом слое.

sharp Mask % Radius:

Threshold:

Рис. 3.85. Настройки фильтра Mask (Маска резкости) Результатом будет почти готовое изображение, на рис. 3.86.

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

Теперь эффект сделан полностью. изображение см. на рис.

вкладки.

* Глава 3. Текстовые эффекты aye» Style •• ~ Options Cancel |..

J ' Preview Г Outer Inner • p Г satin P Color j ';

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

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

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

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

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

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

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

Глава 3. Текстовые эффекты Обратите внимание на то, каким мощным инструментом является данный фильтр. Он реализовывать поистине эффекты. Одна ко внимания мы ему не уделим по причине того, что он понятен Lighting [Default White Flat Рис. Диалоговое окно фильтра Lighting Effects (Эффекты света] если все вы применили правильно, то результат у вас должен быть такой же, как на рис. 3.92.

Рис. Изображение после применения фильтра Lighting Effects (Эффекты света) Объем уже заметен. Но необходимо передать не просто объем, а довольно слож ную ступенчатую поверхность. Для этого применим все те же тоновые кривые — один из самых мощных и полезных Image Adjustments Curves (Изображение Кривые) (рис. 3.93).

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

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

3.11. Хромированные буквы * Input: \ Output:

Рис. 3.93. Вид кривой образования ступенчатой поверхности Рис. 3.94. Текст после применения кривой Для этого лучше всего использовать команду Hue/Saturation: Image Adjustments Hue/Saturation Настройки Примените ее с параметрами, указанными на рис. 3.95;

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

Hue:

Cancel] Saturation:

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

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

Input:

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

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

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

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

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

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

Сохраните выделение в отдельном в виде маски. Для этого достаточно щелкнуть по белому кружку, ограниченному линией, в нижней части палитры Channels (Каналы), либо выполнить команду Select Save Сохранить активным только что (просто щелкните по нему в палитре и размойте его при помощи фильтра Gaussian Blur (Размы тие по Гауссу) раздела Blur (Размытие) с радиусом, равным 2-3 пикселам (рис. 3.99).

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

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

Lighting " V Рис. 3.100. Применение фильтра Lighting Effects (Эффекты света) Рис. Текст после применения фильтра Lighting Effects (Эффекты света) Для того чтобы придать буквам металлический вид, необходимо тоновыми кривыми: Image Adj ustments Curves (Изображение Настройки Постройте кривую, похожую на ту, которая изображена на рис. 3.102.

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

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

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

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

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

Рис. Текст в канале Снимите выделение которое всегда появляется при написании текста в дополнительном канале. Так происходит, потому что альфа-каналы — это об ласти выделения, которые создаются сразу написании текста.

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

Gaussian Blur Рис. 3.106. Диалоговое окно фильтра Gaussian Blur по Гауссу) 3.13. Надпись из ртути После тога как вы применили данный фильтр, необходимо создать еще один дополнительный канал, скопировав на него предыдущий. Для этого перетащи те уже существующий канал на с изображением чистого листа внизу палитры Сделав активным новый канал, сместите изображение па нем: Other Offset (Фильтр Другие Смещение). Мы передвинуть изображе ние на 1 пиксел по горизонтали и по вертикали (рис. 3.107).

Preview Undefined Г set to Transparent I Г Edge Pixels j Wrap Around Рис. 3.107. Диалоговое окно фильтра Offset (Смещение) Перейдите на предыдущий канал и примените к нему тот же фильтр, однако величину смещения поставьте -1;

-1.

Объедините два ваших канала при помощи вычислений: Image (Изо бражение Вычисления). Настройки в диалоговом окне ны на рис. 3.108.

Calculations Source I:

Layer: ] 1 P Invert V Preview | • layer: Background | Alpha 1 copy Г Result New Рис. 3.108. Диалоговое окно Calculations (Вычисления] 228 * Глава 3. Текстовые эффекты В данном случае вычисления будут происходить между двумя каналами — Сору и Сору 2. Выделение, находящееся во втором канале, будет вычитаться из выде ления в первом, а результат запишется в новый дополнительный канал.

метры слоев и не применяются. Рисунок 3.109 иллюстрирует результат.

Рис. 3.109. Третий дополнительный канал Так как белый цвет символизирует выделенные области, черный невыделенные, а серый — частично выделенные, то после преобразования почти все изображе ние оказалась замаскированным. Это что после того, как вы загрузите данный канал в выделение, оно будет защищено от изменений. Чтобы это исправить, инвертируйте данный канал при помощи сочетания клавиш либо командой Image Adjustments Inverse (Изображение Настройки Инвертировать). После этого ваше изображение станет похоже на рис.

Рис. канал Сейчас одна из самых сложных частей работы, а ручное Для этого вам понадобится Brush а точнее его модификация — аэрограф. Выберите в палитре инструментов Brush (Кисть) и воспользуйтесь параметром кисти Airbrush Capabilites (Возможности аэрографа).

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

Рис. Канал после применения аэрографа 3.13. Надпись из ртути Пока изображение очень текст, однако после сле дующего тага оно должно стать именно таковым. Мы предлагаем применить вые кривые (Image Adjustments Curves (Изображение Настройки Так как позволяют изменять одни цвета, не затрагивая при этом то идеально подходят для того, чтобы увеличивать контрастность там, где необходимо. Мы применили изображенную на рис. 3.112, вам следует создать нечто похожее.

Рис. 3.112. кривая Изображение, полученное на этом шаге, представлено на рис. 3.113. Однако не следует забывать, что это всего лишь дополнительный канал, который существу ет вне самого рисунка, поэтому если вы переключитесь в режим RGB, то увиди те, что ваше изображение по-прежнему остается белым чистым листом.

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

Можете также инструментом Magic Wand (Волшебная чтобы выделить буквы, а все остальное закрасить белым цветом. И третий ва риант — взять мягкую кисть и закрасить ею все, кроме самих букв.

230 * Глава 3. Текстовые эффекты И, загрузите канал в щелкнув по нему мышью при нажатой клавише Теперь нужно выбрать цвет для заливки изображения. Мы выбрали серо-синий.

Что у нас получилось, вы можете увидеть на рис. 14 цветной вкладки.

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

Эффект X-Files Один самых впечатляющих и, как ни странно, простых трюков. Появился он достаточно давно, и в Photoshop CS есть альтернативный вариант создания тако го эффекта при помощи слоевого эффекта Outer Glow (Внешнее свечение). Одна ко качественно эффект от этого не выиграл, а как раз наоборот. Именно поэтому мы будем делать старым, проверенным способом через каналы.

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

Создадим новый канал, щелкнув в палитре Channels (Каналы) на кнопке в виде чистого листка бумаги. Назовем его Black, почему, вы поймете несколько позднее.

Теперь напишем слово или букву, с которой будем работать. Лучше написать текст каким-нибудь массивным шрифтом или сделать такой вручную, используя команду Free Transform (Свободное трансформирование) Рис. 3.114. Исходное изображение Продублируем слой Сделать это можно несколькими способами, мы реко мендуем щелкнуть правой кнопкой мыши по дублируемому слою и в появив шемся меню выбрать команду Duplicate Layer (Создать слоя). Назовем лученный слой White.

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

Modify Expand (Выделение Изменить Расширить). Значение парамет ра поставьте 2-3 пиксела (рис. 3.115).

В результате вы получите выделение, которое шире буквы. Теперь необходимо сделать так, чтобы буква соответствовала выделению, но граница получилась 3.14. Эффект X-Files * расплывчатой. В таких случаях как правило, фильтр Gaussian (Размытие по Гауссу): Blur Blur (Фильтр Размытие по Гауссу). радиуса размытия сделать равным расшире нию границы (рис.

Selection OK Рис. 3.115. Диалоговое окно Expand Selection (Расширить выделение) Blur Рис. Применение фильтра Gaussian Blur (Размытие по Гауссу) Таким образом, вы получите канал, на котором будет изображена буква с размытыми краями (рис. 3.117), Рис. Канал White Создайте копию полученного канала и созданный канал Yellow. Проде лайте с ним те же действия, что и с предыдущим.

Продублируйте канал Yellow и назовите канал Опять не обходимо расширить выделение, но уже на пикселов, и размыть по Гауссу с новыми настройками. Если вее будет сделано правильно, то результат будет похож на что изображено на рис. 3.118, 232 Глава 3. Текстовые эффекты Рис. Канал На этом создание каналов закончено. Загрузите канал X-Green как выделе ние. Для этого достаточно по нему мышью, удерживая нажатой кла вишу В в канале RGB у вас выделение в виде размытой буквы «X».

Сейчас необходимо залить его зеленым цветом. Выберите этот цвет основным (Foreground и, используя инструмент Paint Bucket (Заливка), залейте выде ленную область. Результат показан на рис. 3.119.

Рис. Заливаем выделение зеленым цветом Вы можете воспользоваться и командой заливки (Заливка): Edit (Редак тирование Заливка). Не забудьте взять в качестве источника заливки цвет переднего плана, поступите с каналами и White. Отличие только в том, что за ливать надо желтым и белым а не зеленым (рис. 3.120). Теперь понят но, зачем мы каналы такими именами.

Рис. выделение желтым и белым цветами Ну а теперь загружаем последний канал — — и заливаем выделение черным цветом. Вот и все. Результат представлен на рис. 3.121, 3.15. Каменные буквы * Заметьте, что это далеко не самый красивый вариант данного эффекта, но зато достаточно простой и в нем принципы можно зовать еще во многих ситуациях, всегда связанных с Рис. Итоговое изображение 3.15. Каменные буквы Для начала создайте файл произвольных размеров. Цветовая модель не имеет значения, однако для реализации эффекта в цвете мы рекомендуем RGB, CMYK или Lab. Если устраивают градации серого, предпочтение может быть отдано ре жиму (Полутоновое).

Выберите цвет или иллюстрацию для фона, на котором будет располагаться текст. (Мы взяли за основу черный цвет заднего для достижения большей Напишите любой текст. Буквы шрифта, которые вы будете ис пользовать для создания основной надписи, должны быть довольно массивными и иметь четко выраженную форму. Классическим такого шрифта ляется Times New Roman (полужирного начертания).

Рис. 3.122. Исходное изображение Следующие будут относиться только к тексту и не должны затрагивать все остальное вашу надпись в изображение. Для этого в палитре Layers (Слои) щелкните правой мыши по слою, на котором расположен текст.

Перед вами появится контекстное меню, в котором необходимо выбрать коман ду Rasterize Layer (Растрировать слой).

Выделите при помощи инструмента Magic (Волшебная палочка).

Данная операция не требует никакой особой так как текст — это един ственный объект, на слое.

Не снимая выделение, объедините все существующие слои: Merge Down (Слой Объединить с предыдущим) или сочетание клавиш 234 3. эффекты Начните преобразование вашего текста с фильтра Ocean Ripple (Океанские волны): Filter Distort Ocean Ripple (Фильтр Деформация Океанские вол ны). Не стоит указывать слишком величины в настройках (рис. 3,123), так как требуется лишь немного исказить края, чтобы они приняли непра вильную форму. Мы рекомендуем обоих параметров установить в ин тервале от 3 до 7.

Ripple Рис. 3.123. Диалоговое окно фильтра Ocean Ripple (Океанские волны) Чтобы сгладить рваные края, воспользуйтесь фильтром Crystallize (Кристаллиза ция): Filter Pixelate Crystallize (Фильтр Оформление Кристаллизация). Раз мер ячейки (Cell может варьироваться от 4 до 7 (рис. 3.124).

Cancel Cell Рис. 3.124. Диалоговое окно фильтра (Кристаллизация) После данных фильтров края будущей каменной надписи полно стью сформированы. Они должны выглядеть примерно как на рис. 3.125.

С границами текста мы наша следующая задача — имитировать фактуру. Предлагаем начать с создания шероховатой поверхности. Для этого можно воспользоваться фильтром Add Noise (Добавить шум): Filter Noise Add 3.15. Каменные буквы * Noise (Фильтр Шум Добавить шум) (рис. 3.126). Обратите внимание на то, что ваши буквы должны оставаться выделенными, иначе шум бу дет накладываться не только на текст, но и на фон. Параметр Amount (Эффект) установите равным 20-30. Обязательно установите флажок Monochromatic (Мо нохромный), благодаря чему шум будет состоять из пикселов близкого к цвету букв.

Рис. 3.125. Сформированные края изображения. :

.

I.

. ;

;

Рис. 3.126. Диалоговое окно фильтра Add Noise (Добавить шум) И, наконец, последний шаг формирования структуры текста. Для имитации факту ры различных материалов в Photoshop имеется целый раздел фильтров, называю щийся Texture (Текстура). Мы фильтр (Кракелюры);

Texture Craquelure (Фильтр Текстура Кракелюры). Описывать все настройки данного фильтра (рис. 3.127) не имеет смысла, поэтому остановимся на рекоменда циях значений: Crack Spacing (Интервал) — 20-25, Crack Depth (Глубина трещин) 3-7, Crack Brightness (Яркость трещин) — 3-7. Если вы работаете с буквами большо го размера (более то все настройки данного фильтра следует увеличить на 3-5, чтобы неровности, появившиеся на поверхности изображения, были больше.

После этого фильтра поверхность текста приобретет зернистую, не ровную фактуру. Результат показан на рис. 16 цветной вкладки.

236 * 3. Текстовые эффекты Crack Crack Рис. 3.127. Настройки 3.16. Буквы под водой Большинство разделов этой работе с текстом, рассказывают о способах преобразования шрифта, но не фона. В данной главе мы расскажем об интересном эффекте, который практически не касается самих букв, одна ко заметно влияет на их вид.

Для начала создайте файл произвольных размеров в цветовой модели RGB, CMYK Lab. Создание этого изображения, в отличие от начнет ся не с написания текста, а с подготовки фона.

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

3.128 иллюстрирует результат применения фильтра Clouds (Облака). В дан ном случае переходы между цветами выглядят расплывчатыми. Этот мы устраним, применив фильтр: Filter Sketch Chrome (Фильтр Эскиз Хром). Диалоговое окно фильтра показано на рис. 3.129.

Рис. Изображение после применения фильтра Clouds (Облака) 3.16. Буквы под водой * Cancel Рис. 3.12Э. Настройки фильтра Chrome (Хром) Данный фильтр имеет две Первая — Detail (Детали) — опреде ляет размеры и контрастность. Чем больше значение этого параметра, нюансов исходного рисунка останется после применения фильтра. Вто рая — Smoothness (Сглаживание) — определяет, насколько лен будет эффект хромирования на получившемся изображении. Мы применили фильтр, задав значения Detail 8 и Smoothness 0, и получили результат, пред ставленный на рис. 3.130.

Рис. 3.130. Изображение после применения фильтра Chrome У вас должно получиться изображение, похожее на поверхность но в черно белом варианте. Чтобы раскрасить ее, можно воспользоваться командой Color Balance (Цветовой баланс): Image Adjustments Balance (Изображение Настройки Цветовой баланс). Подберите цвет, подходящий для вашего изображения. Передви гая маркеры в диалоговом окне Color Balance (Цветовой баланс) (рис. 3.131), вы можете получить любой цвет. Бы можете создать лаву извергающегося вулкана или зеленую болотную поверхность. Однако мы выбрали классический пример и при менили следующие настройки: Cyan-Red = -67;

Magenta-Green = 26;

Yellow-Blue = 74.

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

238 * 3. Текстовые эффекты Color Cancel. Cyan Red Preview Green Blue i one Рис. Диалоговое окно Color Balance (Цветовой баланс) Установите цвет фона и переднего плана черным и белым соответственно и по вторите фильтров Clouds (Облака) и Chrome (Хром). вы можете видеть на рис.

Рис, 3.132. Второй слой изображения Теперь необходимо раскрасить этот слой. сделать его несколько чем предыдущий. Для этого можно воспользоваться командой Color (Цветовой баланс) или любой другой командой меню Image Adjustments (Изображение Настройки), позволяющей менять цвет изображения, например Hue/Saturation (Цвет/Насыщенность). Результат на рис. 3.133.

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

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

который получили мы, изображен на рис. 3.134.

Рис. 3.134. Готовая вода И, наконец, о тексте. Между двумя слоями создайте еще один. Напишите на нем текст либо любое изображение. После того как создан текст, его надо в растр, щелкнув правой кнопкой мыши по слою с текстом и выбрав из меню пункт Layer (Растрировать слой).

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

•Type: OK of Generators:

Sine Max.

Wavelength: Min. Max.

Amplitude:

Ч :

Vert, % Randomize Around Repeat Edge Pixels Рис. 3.135. Диалоговое окно фильтра Wave (Волна) 240 * Глава 3. Текстовые эффекты Этот фильтр имеет огромное количество различных настроек (рис. 3.135), опи сывать которые имеет смысла из-за их интуитивной ясности. В любом случае не стоит только приведенными настройками и фильтром. Вы можете свой текст так, как это вам необходимо. Рисунок 17 цветной вкладки итоговое изображение.

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

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

Рис. 3.136. Исходное изображение Теперь, как во многих случаях имитации объема или сложной поверхности, размо ем текст. Можно применить весь класс инструментов но больше все го подходит Gaussian Blur (Размытие по Гауссу) (рис. 3.137): Filter Blur Blur (Фильтр Размытие Размытие по Гауссу). Параметр Radius (Радиус) необ ходимо равным 4-6.

Blur 3.137. Применение фильтра Gaussian Blur (Размытие по получившееся изображение с рис. 3.138. Должно быть достаточно по хоже, иначе примените размытие еще раз.

3.17. Буквы из снега Рис. 3.138. Размытый текст Продублируйте данное изображение: Image (Изображение Создать копию изображения). Первую картинку можете свернуть — некоторое мы будем работать только с дубликатом.

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

Применим фильтр Offset (Смещение), очень часто используемый в таких случа ях: Other Offset (Фильтр Другие Смещение). Примените его с ками, показанными на рис. 3.139.

Preview •• Undefined Areas Г set to Г Repeat Edge Wrap Around Рис. 3.139. Использование фильтра Offset (Смещение] к новому этапу работы — непосредственному созданию заготовки для снега. Переверните изображение: Image Rotate Canvas CW (Изображение Повернуть холст 90 градусов по часовой стрелке). Обратите внимание: именно по часовой стрелке, если вы сделаете наоборот (90 CCW), ничего не получится.

Примените фильтр Wind Filter Wind (Фильтр Стилизация Ветер). Настройки показаны на рис. 3.140.

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

Переверните изображение обратно: Image Rotate Canvas 90 CCW (Изображение Повернуть холст 90 против часовой стрелки). Если вы все сделали правильно, то ваш текст будет похож на рис, 3.141.

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

242 * Глава 3. Текстовые эффекты •• • ~ ••• the Right Рис. 3.140. Диалоговое окно фильтра Wind (Ветер) Рис. Изображение после применения фильтра Wind (Ветер) Запустите фильтр Diffuse Filter Stylize Diffuse (Фильтр Стили зация Диффузия). с настройками, показанными на рис. 3.142, Обратите внимание на последовательность действий данном примере. Сначала мы создали возможность получить полупрозрачные и размытые а потом сделали их такими при помощи одного фильтра Diffuse Результат показан на рис. 3.143.

Мы подошли к очень важной части работы. Сейчас нам сделать текст по на вылепленный из снега. Для этого нам понадобится команда Calculations (Вычисления): Image (Изображение Вычисления).

В качестве (Source 1) выберите первое а в каче стве второго (Source 2) — его дубликат, который мы только что редактировали.

Результат (Result) необходимо в новый документ (New Document).

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

3.17. Буквы из снега * Mode I Only I Lighten Г Рис. 3.142. Диалоговое окно фильтра Diffuse (Диффузия) Рис. 3,143. Изображение после применения фильтра Diffuse (Диффузия) Рис. 3.144. Результат применения команды (Вычисления) Раскрасим изображение с помощью команды Hue/Saturation (Цвет/Насыщен ность): Image Adjustments (Изображение V Настройки Насыщенность). Примените ее с параметрами, которые отображены на рис. 3.145.

Остался маленький штрих — оптимизировать яркость и контраст изображе ния: Image Adjustments Brightness/Contrast (Изображение Настройки Яркость/ Контраст). Установите настройки на глаз, ориентируясь на рис. 18 цветной вкладки, 244 * Глава 3. Текстовые эффекты Рис. 3.145. Настройки команды Hue/Saturation (Цвет/Насыщенность) 3.18. Текст на волнистой поверхности В этом разделе мы поговорим о том, как нарисовать текст на волнистой ности. пример волнистой поверхности — развевающийся на ветру флаг. Его мы и будем рисовать, разумеется, стилизованно.

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

текст. Мы ограничились всего двумя буквами синего цвета. Прав да, для большей реалистичности они еще при помощи команды Warp Text (Деформировать текст), а конкретно — в стиле Arc, но это делать вовсе не обязательно.

Рис. 3.146. Исходное Создайте новый канал. Для этого в палитре Channels (Каналы) нажмите кнопку в виде листка Нам необходимо применить инструмент Gradient (Градиент). Нажмите клавишу D, чтобы вернуть цвета в состояние по (передний план — черный, фон белый). Теперь можно вызывать инструмент Gradient (Градиент). В окне настрой ки инструмента создайте градиент, подобный изображенному на рис. 3.147.

Текст на волнистой поверхности * Gradient Editor Presets Name: New Г" Type.

poo I I % Stops Delete Рис. 3.147. Создание градиента Напомним, что для того, чтобы создать новый в правой кнопкой мыши в зоне бегунков (под Остальные параметры из по этому не повторяться.

Дальнейшая наша работа будет происходить в поэтому его активным (просто щелкните по нему мышью в палитре Залейте канал градиентом, вы только что сделали. внимание на направление: нам необходимо, чтобы полосы горизонтально, а Переключитесь RGB-канал. Не стоит удивляться тому, что в нем нет изменений — альфа-канал никакого отношения к изображению как сти пикселов не имеет. Это лишь форма выделения.

Сейчас мы займемся тем, что составляет основу эффекта. Любой видимый нами объем исключительно благодаря игре света. Это мы и постараемся сейчас передать. Необходимо применить фильтр Lighting Effects (Эффекты све та): Filter Render Lighting Effects (Фильтр Освещение Эффекты чения параметров видны на рис. 3.148.

Обратить внимание стоит только на ключевую настройку: в качестве Texture Channel (Канал текстуры) мы залитый градиентом канал Alpha 1.

На эффект основан, 246 * Глава 3. Текстовые эффекты 32. Over Ambience:

• f Alpha White High,l!

Рис. 3.148. Применение фильтра Effects (Эффекты света) Вот и Наш результат можно на рис. 19 цветной вкладки. Если же вместо линейного (Linear) взять радиальный (Radial) градиент, а все настрой ки оставить без изменений, то получится напоминающее волны на поверхности 3.19. Буквы в стиле Эффект, о котором сейчас пойдет речь, очень интересен и необычен. Он не ими тирует ни природные материалы, ни известные стили — он интересен сам по себе и по принципу своей его на примере текста.

Создайте новое изображение размера и цветовой модели, которая позволяет работать с цветом.

Напишите текст выделением. Для этого активизируйте инструмент Type Mask (Маска текста). Можно выбрать его в палитре инструментов или просто нажать клавишу Т.

Далее провести подготовительную работу. Дело в том, что получен ное выделение мы будем заполнять созданным Вы берите инструмент Gradient (Градиент) (горячая клавиша — G) и щелкните по списку градиентов в панели вызвав тем самым диалоговое окно Gradient Editor градиента), В диалоговом окне Gradient Editor (Редактирование градиента) щелкните на кнопке New (Создать), Далее выберите в списке Gradient Type градиента) значение Noise (Шум), а также установите флажок Add Transparency (Добавить прозрачность), тогда градиенте будут присутствовать переходы При помощи цветовых ограничителей сформируйте используемую гамму цветов, в нашем примере это са Остальные параметры представлены на рис.

3.19. Буквы в стиле Дали Editor Name: New Color Model: RGB Г Colors Ada Randomize I Рис. 3.149. Диалоговое окно Gradient Editor градиента) В итоге вы получите образец градиентной заливки, состоящий из цветовых прозрачными.

Создайте изображении новый слой, выбрав команду Layer New Layer (Слой Создать Слой), либо нажав либо щелкнув ке с изображением чистого расположенной внизу палитры Layers (Слои).

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

Рис. 3.150. Применение градиентной заливки к 248 * Глава 3. Текстовые эффекты Снимите выделение так как оно больше не понадобится. Примените к слою с буквами слоевой эффект, щелкнув по значку с изображением буквы расположенной внизу палитры Layers (Слои), или выбрав команду Layer Layer (Слои Стили слоя Скос и рельеф). На рис. 3.151 пред ставлено диалоговое окно с использованными в нашем примере настройками эффекта, Style and ! OK | Structure - j ".

Outer Up Inner. -.

i Emboss ' Г Overtly ! Gloss - • Г.

I - | | Рис. 3.151. Диалоговое окно Layer Style (Эффекты слоя) Мы не будем описывать установленные параметры — в этом нет смысла, так как подбирать их следует к изображению. Отметим что здесь используется то свойство слоя, что в промежутках между цветовыми поло сами слой прозрачный, а следовательно, применяемый эффект отдельно прояв ляется на каждой световой полосе, создавая интересный и необычный рисунок.

На рис. 3.152 представлен вид изображения после применения данного с настройками, приведенными на рис. 3.151.

Рис. 3.152. Результат применения эффекта and Emboss (Скос и рельеф) 3.20. Надпись из объемных точек Для оформления нам потребуется создать еще один градиент. Все его параметры должны быть точно такими же, как и в первом случае, только цве товые полосы должны быть тоньше и располагаться значительно реже. Такого эффекта можно добиться, многократно щелкая кнопке Randomize (Случайный).

Когда вы увидите подходящий напоминающий рис. остановитесь.

Presets New Gradient Type: color Add Transparency Рис. 3.153. Второй градиентной заливки данный градиент на том же слое, где расположены буквы. Проведите им несколько раз в разных направлениях, создавая сетку, окружающую текст.

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

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

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

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

250 Глава 3. Текстовые эффекты Напишите любой текст при помощи инструмента Туре (Текст), для активизации которого следует обратиться к палитре или нажать клавишу Т.

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

Склейте слой, котором находится текст, с фоновым слоем: Layer Merge Visible (Слой Объединить видимые слои) или Мы будем работать с представленным на рис. 3.154.

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

Далее верхний слой необходимо размыть при помощи фильтра Gaussian Blur по Гауссу) из набора (Размытие). Сила действия данного фильт ра должна быть такой, чтобы буквы оставались читаемыми, поэтому рекоменду ем ограничиться в поле Amount (Эффект) 5-6 пикселов (рис. 3.155).

Blur Radius:

Рис. 3.155. окно фильтра Gaussian Blur (Размытие по 3.20. Надпись из объемных точек + Далее сами точки: Pixelate Color Halftone (Фильтр Оформ ление настройки показаны па рис. 3.156.

Color Мак, (Degrees Channel 4:

Диалоговое окно фильтра Color Halftone полутона) Обратите внимание, что перед применением этого фильтра изображение должно находиться в цветовой модели Grayscale (Полутоновое). Это необходимо, чтобы не разбиения цветов, так как данный фильтр влияет на каждый нал отдельно. После фильтра изображение должно стать таким, как показано на рис. 3.157.

Рис. 3.157. Результат преобразования текста в точки Создайте копию слоя, который вы только что редактировали, причем один из двух слоя сделайте невидимым, так как он понадобится для создания выделения. Второй размойте при помощи фильтра Gaussian Blur по Гауссу) из набора (Размытие), только радиус (Radius) ука жите меньше — порядка пикселов. Далее инвертируйте полученный слой, сочетание клавиш или выбрав команду Image Adjustments Inverse (Изображение Настройки Инвертировать).

После выполнения этих операций изображение должно стать похоже на то, представлено на рис. 3.158.

Вернитесь к слою, который был ранее переведен в и загрузите имеющиеся на точки в выделение. Для этого можно рументом Magic Wand (Волшебная палочка). Установите небольшой диапазон 252 * 3. Текстовые эффекты действия и мытью по любому черному пикселу — так вы выделите и все остальные пикселы, близкие ему по цвету. После этого дан ный слой можно удалить, так как он больше не понадобится.

Рис. 3.158. Инвертированные размытые Создайте новый слой и залейте па любым цветом полученное выделение.

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

рис. 3.159 представлен наш текст с закрашенным выделением.

Рис. 3.159. Закрашенные точки Присутствие цвета значительно украшает надпись, однако для достижения наилуч шего результата добавим объем. Воспользуемся для этого фильтром Lighting Effects (Эффекты света): Render Lighting Effects (Фильтр Освещение Эффек ты света). На рис. 3.160 представлено диалоговое окно данного с ис настройками.

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

Трехмерный текст + На рис. 3.161 конечное изображение (см. рис. 21 цветной вкладки).

.

Light type;

On Wide Focus:

Metallic Ambience: 1 Т White is high.

Height Рис. 3.160. Диалоговое окно фильтра Lighting Effects света) Рис. Итоговое изображение 3.21. Трехмерный текст В этом разделе мы хотим рассказать о том, как из простого плоского текста можно сделать объемные буквы, причем без всяких или программ. Следует отметить, что рассматриваемый здесь эффект можно применять при работе не толь ко со шрифтами, но и с любыми другими объектами достаточно простой формы.

создание этого эффекта с «чистого Создайте новый файл:

New (Файл Создать). Никаких ограничений здесь нет, кроме одного условия фон должен быть черным.

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

254 Глава 3. Текстовые эффекты Adobe Рис. 3.162. Исходный текст Подберите подходящий размер и расположение текста. Для лучшей имитации объема можно сразу ввести на изображении третье измерение. Но сначала необ ходимо перевести текст в растр: щелкните правой кнопкой мыши по слою с тек стом и выберите в контекстном команду Layer (Растрировать слой).

Далее следует преобразовать текст чтобы он был в перспективе: Edit Transform Perspective (Редактирование Перспектива). Учтите, что буквы должны располагаться так, со всех сторон оставалось немного свободного пространства. В результате преобразований необходимо получить текст, на представленный на рис. 3.163.

Рис. 3.163. Текст в перспективе Создайте слоя с текстом, перетащив его к кнопке с изображением чистого листа в палитре (Слои) или по нему правой кнопкой мыши и да лее выбрав в контекстном меню команду Duplicate Layer (Создать копию слоя).

Склейте один из этих слоев с фоном. Для этого выделите слой, расположенный непосредственно над фоновым, и сочетание клавиш К получен ному слою, ставшему теперь фоновым, размытие: Blur Motion Blur (Фильтр Размытие Размыть в движении). Диалоговое окно с настройка ми данного фильтра представлено на рис. 3.164.

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

Затем выберите команду Filter > Stylize Find Edges (Фильтр Стилизация Найти края), после чего инвертируйте полученное изображение командой Image Adjustments Inverse (Изображение Настройки Инвертировать) или нажати ем клавиш Б результате перечисленных действий примут примерно такой вид, как показано на рис.

Трехмерный текст Рис. Диалоговое окно фильтра Motion Blur (Размыть в движении) Рис. 3.165. Текст после преобразования Для более четкого выделения букв из фона следует немного уровни яркости: Image Adjustments (Изображение Настройки Уровни) или Диалоговое окно с необходимыми настройками представлено па рис. 3.166. Передвиньте светлый и серый маркеры влево чтобы буквы ста ли достаточно четко видны, но оставались серые тона. При этом вы можете ориентироваться на результат преобразований, показанный на рис. 3.167.

Создайте копию оставшегося слоя с текстом. Затем для одного из двух одинако вых слоев установите непрозрачность (Opacity) порядка и этим слоем заднюю поверхность букв, а для второго задайте непрозрачность 80 %, после чего поместите его Теперь можно склеить все слон: Layer Merge (Слой Объединить ви димые слои) или Рисунок 3.168 иллюстрирует результат работы (см. рис. 22 вкладки).

256 * Глава 3. Текстовые эффекты Channel: RGB •• Output [255™ Preview Рис. 3.166. Диалоговое окно Levels Рис. 3.167. Объемные Рис. 3.168. Итоговое изображение 3.22. Взрывающиеся буквы Выполнив описанную ниже последовательность действий, вы резуль тат, либо через поверхность определенной формы вторяющей в нашем случае форму букв), либо картину взрыва, когда разлом плоскости имеет заданную форму. Чтобы все стало предельно ясно, обратитесь к рис. 20 цветной вкладки.

3.22. Взрывающиеся буквы * Для начала создайте новое изображение (File New (Файл Создать) или сочета ние клавиш произвольного размера, модель следует так, чтобы иметь возможность работать с цветом. Фон должен быть белого цвета.

Активизируйте инструмент Туре (Текст) (горячая клавиша — Т) и напишите лю бой текст. Исходное изображение, которое будет использоваться в качестве при мера, на рис. 3.169.

Photo Рис. 3.169. Исходное изображение Склейте слой, содержащий текст, с фоном, и переведите его в растр. Оба эти можно выполнить одновременно при помощи команды Layer Merge (Слой Объединить видимые слои) или ее клавиатурного эквивалента Смягчите контур текста, для чего воспользуйтесь размытием: Filter Blur Gaussian Blur (Фильтр Размытие Размытие по Гауссу). Диалоговое окно с настройками данного фильтра представлено на рис. 3.170. В нашем примере радиус размытия (Radius) равен 2 пикселам.

Blur Cancel Preview Рис. 3.170. Диалоговое окно фильтра Gaussian (Размытие по Гауссу) Далее следует применить еще один фильтр: Filter Stylize Solarize (Фильтр Стилизация Соляризация). В результате изображение станет а от букв останутся только очень слабые светлые очертания.

Для того чтобы сделать буквы ярче, следует настроить уровни яркости, однако в дан случае можно доверить эту миссию программе, автоматическую Image Adjustments Auto Levels Настройки Авто матическая коррекция уровней) или Результат должен быть похож на рис. 3.171.

258 * Глава 3. эффекты Рис. Промежуточный Создайте копию активного слоя, перетащив его к расположенной внизу палитры Layers (Слои) кнопке, имеющей вид белого листа, или щелкнув по нему правой кнопкой мыши и в контекстном меню команду Duplicate Layer (Создать копию слоя).

Перейдите на фоновый слой, так как дальнейшие преобразования будут проис ходить на нем. Для удобства на время сделать верхний слой щелкнув рядом с ним на значке с глаза в палитре слоев, Деформируйте текст при помощи фильтра (Полярные коорди наты): Coordinates (Фильтр Деформация Полярные коор динаты). Диалоговое окно этого фильтра представлено на рис. 3.172, В настрой ках следует переключатель to Rectangular (Перевести полярные координаты в Текст исказится практически до но это не беда — потом мы все исправим.

Polar Coordinates г Options: ••••• to Polar | Рис. 3,172. Диалоговое окно фильтра Polar Coordinates (Полярные координаты) Теперь поверните все изображение на 90° по часовой стрелке: Image Rotate Canvas 90 CW (Изображение Повернуть холст 90 градусов по часовой стрел ке). Далее инвертируйте цвета, используя команду Image Adjustments Inverse (Изображение Настройки Инвертировать), или просто нажмите сочетание клавиш В результате вы получите нечто, похожее на рис. 3.173, Следующий этап работы будет посвящен созданию лучей, вырывающихся из-за поверхности букв в результате взрыва. Воспользуемся фильтром, имитирующим действие ветра: Wind (Фильтр Стилизация Ветер). Диалоговое 3.22. Взрывающиеся буквы * окно с его настройками представлено на рис. 3.174. Направление (Direction) мож но установить любое, а вот разделе Method (Метод) необходимо выбрать пере ключатель Wind (Ветер).

Рис. 3.173. Текст после поворота и инвертирования Method ft Wind ft" the Left Рис. 3.174. Диалоговое окно фильтра Wind (Ветер) Примените этот фильтр трижды с одинаковыми настройками. Для этого можно просто нажимать сочетание клавиш Затем еще раз воспользуйтесь автоматической коррекцией уровней яркости (Image Adjustments Auto (Изображение Настройки Автоматическая коррекция уровней) или и инвертируйте цвета, нажав сочетание клавиш 260 * Глава 3. Текстовые эффекты Далее вновь трижды примените фильтр Wind (Ветер), для повторного вызова на жимая Изображение примет вид, напоминающий Рис. 3.175. Результат применения фильтра (Ветер) Поставьте изображение повернув его в обратном Image Rotate Canvas 90 CCW (Изображение Повернуть холст 90 градусов против часо вой стрелки).

Наконец, настало время вернуть буквам узнаваемый вид. Снова ко манду Coordinates (Фильтр Деформация Полярные коор динаты), только теперь установим to Polar пря моугольные координаты в полярные). Так мы создадим впечатление, как будто из букв вырываются яркие лучи света (рис. 3.176).

Рис. 3.176. буквы Осталось раскрасить изображение. Проще всего это делается при помощи ко манды Adjustments Hue/Saturation (Изображение Настройки Цвет/ Насыщенность), которая вызывается также сочетания клавиш На рис. 3.177 представлено с настройками команды.

Обязательно установите флажок (Тонирование), а остальные настрой ки подберите по своему вкусу. Нам показалось, что наиболее подходящим цве том будет яркий желто-оранжевый, а ему соответствуют такие настройки: Hue (Цвет) — Saturation (Насыщенность) — 100, Lightness (Яркость) — 0.

видимым верхний слой и измените для него следующие параметры:

в списке Mode (Режим наложения) выберите (Перекрытие), а также 3.23. Пиксельный текст * щите параметр Opacity (Непрозрачность). В нашем примере величина ности равна 35%.

Итоговое изображение вы можете увидеть на рис. 23 цветной вкладки.

OK Hue:

" i tancei Load...

Рис. 3.177. Диалоговое окно Hue/Saturation (Цвет/Насыщенность) 3.23. Пиксельный текст Имитация текста, образованного отдельными пикселами, — достаточно прием и тех или иных работ, что вполне понятно это из лучших способов сыграть на стереотипах и подчеркнуть, рекламируемого товара.

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

Создайте новое изображение в цветовом режиме RGB размером 500x400 пиксе лов. Сразу залейте фон черным цветом при инструмента Paint Bucket (За ливка). Напишите слово. Размеры подберите на глаз, но оно должно смотреться примерно так, как это показано на рис. 3.178.

PIXEL Рис. 3.178. надпись Запустите фильтр Gaussian Blur: Blur Gaussian Blur (Фильтр Размытие Размытие но Гауссу). Перед тем как выполнить команду, программа разрешения на преобразование текста в растр. ОК. Необходимые на стройки Gaussian Blur показаны на рис. 3.179.

Склейте слои 262 * 3. Текстовые эффекты Cancel Preview Radius: pixels Рис. 3.179. Диалоговое окно фильтра Gaussian по Гауссу) Теперь дошли до шага, который в основном и реализует эффект пиксельного текста. Запустите фильтр Mosaic: Mosaic (Фильтр Мозаика) и примените его с настройками, показанными на рис. 3.180.

Рис. 3.180. Настройки фильтра Mosaic (Мозаика) Впрочем, на этом этапе, возможно, лучше немного поэкспериментировать и подо брать величину наиболее хорошо под вашу задумку. Наша работа после использования фильтра Mosaic (Мозаика) показана на рис. 3.181.

Продублируйте существующий в работе слой, перетянув его в па литре Layers (Слои) на значок в виде белого листа бумаги. Непрозрачность (Opacity) нового слоя там же выставьте на уровень в Применим к новому слою фильтр Sharpen: Filter Sharpen Sharpen (Фильтр Рез кость Резкость). Повторите эту 3-4 раза, затем сложите слои 3.24. Текст из сыра * Рис. Работа после применения фильтра Mosaic (Мозаика) Если необходимо, чтобы пиксельная надпись была цветной (в нашем случае она будет голубая), используйте инструмент Hue/Saturation (Оттенок/Насыщенность) Настройки, использованные показаны на рис. 3.182.

Р Preview Рис. 3.182. Hue/Saturation (Тон/Насыщенность) Пример выполнен Итоговое изображение показано на рис. 3. вариант см. рис. 24 вкладки).

Рис. 3.183. Итоговое изображение 3.24. Текст из сыра Этот пример очень нравится авторам. Во-первых, он чрезвычайно прост. Во-вто рых, демонстрирует специфику работы с несколькими полезными инструмента ми Photoshop. А в третьих — его результат симпатичен и даже Для начала создайте новое изображение в цветовом режиме RGB. Авторы рабо тали с достаточно большим — 1000x400 пикселов. Для нашего при мера это необходимо, так как в ином случае «сырная» надпись выйдет недоста гладкой. Сразу залейте изображение черным цветом.

264 Глава 3. Текстовые эффекты важно правильно подобрать шрифт. Он должен быть достаточно массивным и, между тем, с мягкими контурами. авторы посчитали достаточно распространенный шрифт которым и написано слово (рис. 3.184).

Цвет также важен — наш выбор: R248 G Рис. 3.184. надпись Выделите надпись, щелкнув левой кнопкой мыши на текстовом в палитре Layers (Слои), одновременно удерживая клавишу Ctrl.

Сейчас вам предстоит самый важный и сложный этап работы, в котором придет ся рассчитывать только на собственный художественный вкус. Нужно создать дырки в Технически это очень просто — нужно активизировать инстру мент Eraser (Ластик), и, меняя в панели параметров размер нарисовать нужное количество различных по диаметру отверстий.

Но в этом и сложность. Сколько делать отверстий и какого размера они должны быть? В этом авторы вам вряд ли помогут, разве что предложат пока на Рис. 3.185. дырки Создайте новый слой. Обратите внимание на то, что созданное выделение долж но быть Залейте его на новом слое более темным желтым чем тот, что мы для основной надписи. Авторы остановили спой выбор на цвете R217 G190 Надпись сразу станет похожей на сыр.

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

Запустите кнопкой Add Layer Style (Добавить стиль слоя) в палитре Layers (Слои) слоевой эффект Drop Shadow тень). нужен нам как одна из со ставляющих для имитации объема надписи. Использованные настройки пока заны на рис. 3.186.

Не закрывая окна Layer Style (Стиль слоя), переключитесь на and Emboss (Скосы и рельеф). Этот основной инструмент для имитации объема в Photoshop выручит нас и на этот раз. Необходимые настройки смотрите на рис. 3.187.

3.24. Текст из сыра * Blend Mode!

Angle! I 1- Г Out Drop Shadow Рис. 3.186. Настройки Drop Shadow (Падающая тень) Bevel Up Soften:

Shading Use Global Light Anti-aliased Gloss Mode:

Opacity!

Shadow Mode:

Рис. 3.187. Параметры Bevel and Emboss (Скосы и рельеф) Снова переключитесь, на этот раз на Satin (Атлас). Он нам необходим для того, чтобы изменить поверхности, создав на ней переходы, которые сде лают похожей на настоящий сыр. Примененные настройки на рис. 3.188.

Объедините слои (Ctrl+E). Можно немного улучшить изображение, ластиком (Eraser), чтобы некоторые отверстия стали сквозными. Авторы именно так и поступили. итоговое изображение показано на рис. 3.189 (см. рис. вкладки).

266 * Глава 3. Текстовые эффекты Blend Рис. рисунка Рис. Итоговое изображение 3.25. Текст «высокого напряжения» В этом примере мы попробуем корону электрических разрядов. Залог реализации этого эффекта — совместное использование Wind (Ветер) и Coordinates (Полярные координаты). Авторы рекомендуют обратить внимание на использование последнего — это наиболее простой и быстрый способ получения очень сложных форм, которые нереализуемы другими сред ствами.

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

Напишем любое слово любой Оно также должно быть достаточно крупным (рис. 3..190), Рис. надпись Продублируйте слой с надписью (Layer Layer (Слой Дублировать Мы будем работать именно с копией, основной слой пока скройте, отклю чив пиктограмму в виде глаза слоя в палитре Layers (Слои).

3.25. Текст «высокого * Слейте дубликат надписи и фон Теперь необходимо запустить фильтр Wind: Filter Wind (Фильтр Сти лизация Ветер). Примените его с настройками, показанными на рис.

• Method Wind — the Г From the Left Рис. Диалоговое окно фильтра Wind (Ветер) Эффект окажется почти незаметным, так как мы работаем с большим изображе нием. Повторите применение фильтра еще два-три раза (для этого достаточно нажать сочетание клавиш соответствующее количество раз.

Повторите все действия с фильтром Wind изменив направление действия на левое (From the left). После этого перевернем изображение на 90°:

Image Rotate Canvas 90° CW (Изображение Поворот холста 90° п. ч. с).

Снова применим фильтр Wind (Ветер) несколько раз для каждого направления.

Поверните изображение обратно: Image Rotate Canvas 90° (Изображение Поворот холста 90° пр. ч. с). Затем примените фильтр Ripple (Рябь) с указан ными на рис. 3.192 настройками.

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

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



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

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