КомпьюАрт

2 - 2003

Photoshop: от простого к сложному. Часть 62

Текст как элемент оформления

1 Фон

2 Извлечение шрифта из надписи

3 Текст как текстура

4 Деформация текста

5 Поток мыслей

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

1 Фон

Чтобы типографика выглядела интереснее, потребуется соответствующие фон и текстура. Их-то и нужно создать прежде всего...

  1. Для фона мы выбрали вот такое изображение с градиентом, а в качестве текстуры используем два черепа. Подумаем, как лучше разместить эти объекты в композиции. Макет должен наилучшим образом оттенять инициалы JH (см. изображение в самом начале). picture
  2. Сначала тонируем фон. Комбинацией клавиш Ctrl+U/Command-U откройте диалоговое окно Hue/Saturation (Цветовой тон/Насыщенность). Регулятором Saturation понизьте насыщенность цвета, а регулятором Hue задайте ему коричневый оттенок. Этот тусклый цвет в дальнейшем послужит хорошей основой для наложения на фон других изображений в режиме Overlay (Перекрытие). picture
  3. «Череп.1» помещаем в центр так, чтобы верхнее и нижнее изображения сливались. Задайте режим наложения Maltiply (Умножение) — на светлом пятне должен частично проявиться силуэт черепа. picture
  4. Берем еще одно изображение, «Череп.2», и переносим его в левую часть композиции. С помощью инструмента трансформации (Ctrl/Command+T) поворачиваем изображение перпендикулярно центральному черепу. Затем дублируем слой «Череп.2» и командой Edit > Transform > Flip Horizontal (Редактор > Трансформация > Отразить по горизонтали) создаем отраженное изображение в правой части иллюстрации. picture
  5. К обоим слоям применяем режим наложения Screen (Осветление). При этом черные области исчезают и остаются только белые черепа. Итак, основа для композиции создана. picture
  6. Открываем изображение высоковольтной вышки. Инвертируем его (Ctrl/Command+I). Переносим негатив на фон и позиционируем так, чтобы он перекрывал левый череп. Применяем режим наложения Screen, чтобы вышка выглядела призрачной. picture
  7. Для огрубления полученного изображения откроем файл с текстурой. Инвертируем его (Ctrl/Command+I). Это нужно для того, чтобы текстуру можно было наложить на композицию в режиме Screen. picture
  8. Помещаем текстуру на фон и выбираем режим наложения Screen. Изображение обретает наэлектризованность и эфемерность. С помощью регуляторов в диалоговом окне Levels (Уровни) добейтесь, чтобы шумы текстуры растворились в фоне. picture
  9. Увеличение показывает, насколько текстура помогает объединить все элементы изображения: черепа, вышка и фон обретают некое единство. picture
В начало В начало

2 Извлечение шрифта из надписи

Эта надпись была вырезана на камне более 100 лет назад. Мы преобразуем ее в цифровую форму...

  1. На этой фотографии изображен крест, установленный в 1892 году. Красивый готический шрифт отлично подходит для вензеля, который должен находиться в центре нашего изображения. Это в очередной раз подтверждает, насколько удобно всегда иметь под рукой фотоаппарат. Инициалы JH будут центральной частью всей композиции. picture
  2. Чтобы буквы выглядели, как новые, понадобится трассировать их, то есть обвести инструментом «перо». Работа с «пером» требует определенных навыков. Это важнейший инструмент в арсенале компьютерного дизайнера-графика, поэтому его обязательно надо освоить. picture
  3. Аккуратно обведя все буквы, открываем палитру Paths (Контуры). Щелчок на символе «выделить контур» преобразует контур в выделение. picture
  4. С помощью инструмента "область" размещаем выделение между двумя фланговыми черепами. Клавишами-стрелками выравниваем выделение по центру. picture
  5. Заполняем выделение слабым оттенком серого. Слой «Шрифт» должен находиться под слоем с текстурой, чтобы воспринять ее шероховатость. Сбрасываем выделение (Ctrl/Command+D) и выбираем режим наложения Color Dodge (Осветление основы). picture
  6. На данном этапе буквы выглядят не особенно ярко. Дублируем этот слой и понизим уровень непрозрачности копии до 50 процентов. Теперь буквы видны достаточно хорошо, чтобы составить центральный элемент композиции, и при этом сохраняют шероховатость нижней текстуры. picture
В начало В начало

3 Текст как текстура

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

  1. Откройте новый документ и выберите какой-нибудь старинный шрифт. В нашем примере это Old English Next, хотя сюда хорошо впишется любой из подобных шрифтов. Выберите инструмент «текст» и введите строку текста размером примерно 30 пунктов. picture
  2. Выделите текст и нажмите кнопку с буквой Т на горизонтальной панели инструментов. При этом откроется диалоговое окно деформации текста. Из списка вариантов мы выбрали Bulge. picture
  3. Создайте несколько строк текста и каждой строке задайте свой стиль искривления. Хотя текст предназначен для текстуры, некоторые слова все же останутся читаемыми, поэтому подобранные с умом фразы способны придать компании больше загадочности. picture
  4. Свяжите текстовые слои, щелкая в пустом квадратике слева от строки каждого слоя на палитре Layers (в квадратиках появляется изображение цепи). Связав слои (кроме фонового), комбинацией клавиш Ctrl/Command+Е совместите их. Выделите кусок текста инструментом «лассо» и перетащите его в основное изображение. picture
  5. Поместите этот текст позади символов JH — они должны оставаться яркими. Задайте режим наложения Multiply (Умножение) и позиционируйте текст-текстуру по центру. picture
  6. Создайте несколько дубликатов слоя с куском текста и постройте из них колонку посередине композиции. Это поможет усилить фокальную точку иллюстрации и симметричность композиции. picture
В начало В начало

4 Деформация текста

Чем сильнее деформирован текст, тем загадочнее будут выглядеть буквы фона...

  1. Вернемся к совмещенному файлу с текстом и дублируем слой. Откройте модуль Liquify (Shift+Ctrl/Command+Х) и обработайте текст, используя для этого разные инструменты. picture
  2. Перенесите слой в иллюстрацию и инвертируйте его, превратив черные буквы в белые (Ctrl/Command+I). В списке режимов наложения на палитре Layers выберите вариант Overlay (Перекрытие). Теперь буквы выглядят так, будто плавают на текстуре. picture
  3. Повторите этот процесс несколько раз, пока фон не заполнится перекрывающим его текстом. Кое-где измените уровень непрозрачности, чтобы придать изображению некоторую неравномерность. Не задумывайтесь, что и где должно находиться — лучше смотрите, как выглядит текстура в разных областях. picture
В начало В начало

5 Поток мыслей

В завершение вставим в иллюстрацию еще один рукописный текст...

  1. Напишите коричневым цветом многократно повторяющуюся строку текста, который передает ощущение, вызываемое этим изображением. Новый текст должен быть более разборчивым, чтобы составить контраст уже имеющемуся деформированному тексту. Размер букв должен быть значительно меньше: примерно 8-9 пунктов. picture
  2. Обработайте некоторые участки нового текста в модуле Liquify. Только не перестарайтесь: достаточно будет небольшой волны. Можете воспользоваться инструментом Twirl (Искривление) с кистью большого диаметра. Придайте тексту такой вид, будто по нему прокатился шквал или поток воды. picture
  3. Позиционируйте текст так, чтобы он пересек все изображение, пройдя через фланговые черепа и инициалы JH. В заключение выберите режим наложения Multiply (Умножение) и скопируйте слой несколько раз, пока поперек всего изображения со всей очевидностью не проявится ваш текст. picture

КомпьюАрт 2'2003

Выбор номера:

heidelberg

Популярные статьи

Удаление эффекта красных глаз в Adobe Photoshop

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

Мировая реклама: правила хорошего тона. Вокруг цвета

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

CorelDRAW: размещение текста вдоль кривой

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

Нормативные требования к этикеткам

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