Рубрика: Photoshop Уроки | Урок прочитали: 358
 (голосов: 0)

Создание типографического коллажа в Фотошоп

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

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

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

3) Много-много качественных фотографий с бесплатных стоков. Вы же не собираетесь брать для своей работы изображения из Google.  Это всегда плохая затея. Автор изображения может разглядеть в вашем коллаже свою работу и подать иск против вас. Я бы посоветовал использовать сайты istockphoto или sxc.hu, они очень хорошо подойдут для начала. Также для этих целей очень неплохой сайт flickr (если вы будете спрашивать разрешение у фотографов на использование их работ).

4) Терпение. Для формирования типографического коллажа потребуется много времени. Главное не сдаваться и довести работу до ума.

5) Базовые знания Photoshop. В этом уроке используется инструмент Перо (Pen), Режимы смешивания (Blending modes), инструменты Трансформации (Transform) и другие фильтры и эффекты.

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

Шаг 1. Подготовка: Печать текста и редактирование фото

Итак, начнём. Первое, что нам нужно сделать – определить композицию, иными словами, нужно написать текст, который будет выступать у нас в роли основы. В данном случае я использую шрифт Sign Painter предоставленный  House Industries. Напишем что-нибудь короткое. Fly (Летать) – довольно простое слово, всего три буквы. Его отлично подчеркнут изображения птиц, так что будем работать с их образами.

Шаг 2

Следующее, что необходимо сделать – найти изображение и удалить фон. Я покажу, как это делать на одном примере, но на весь коллаж мне понадобилось, в целом, около 30-40 изображений. Для изображения с пеликаном я применил технику вырезания инструментом Перо (Pen) (создал обводку по контуру пеликана).

Шаг 3

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

Шаг 4

Затем я перехожу в меню Выделение (Select) – Уточнить край (Refine Edge). Мне нужно быть уверенным, что края у птицы чистые и ровные, что на них нет ничего постороннего.

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

Шаг 5

Итак, после того, как я уточнил края выделения, мне нужно отделить пеликана от фона. Нажмите сочетание клавиш Cmd/Ctrl+J, чтобы создать новый слой для выделения. Теперь пеликан располагается на отдельном слое. Посмотрите, какие чистые у него края.

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

Шаг 6. Формирование букв

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

Теперь начните формировать буквы, используя изображения. Проанализируйте фотографии, посмотрите, какое изображение лучше подойдёт для формирования первой буквы. Например, используем крыло для «ручки» буквы F. Опять же, не ограничивайтесь тем, что именно это определенное изображение, должно быть именно в этом месте. Вы можете найти что-то лучше.

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

Шаг 7

Как я уже отметил в предыдущем шаге, не бойтесь редактировать изображения. Инструмент деформации отлично подойдет для того, чтобы подогнать какую-то часть птицы под форму буквы. В данном случае я воспользовался инструментом Деформация (Warp) (Редактирование (Edit) – Трансформация (Transform) – Деформация (Warp)), чтобы выгнуть перо по форме буквы L.

Шаг 8

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

Шаг 9

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

Шаг 10

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

Я также постоянно думаю о том, все ли объекты расположены на своём месте. Некоторые из них я переместил в другое место, некоторые – удалил, какие-то сделал больше размером и т.д.

Шаг 11. Постобработка: добавление элементов и винтажного эффекта

Итак, я завершил работу над коллажем. Теперь нужно почистить и упорядочить файл. Удаляем все слои, которые не используются в коллаже и группируем объекты для каждой буквы в отдельную папку. Итак, теперь, когда у меня все приведено в порядок, сохраняю файл и перехожу к постобработке. Я хочу добавить на фон облака. Для этого создадим слой под нашим текстом и заполним его ярко-синим цветом. Затем, находим изображение с облаками.

Теперь отделим облака от фона. Будет издевательством вырезать облака инструментом Перо (Pen), воспользуемся вместо этого каналами (channels). Для начала необходимо обесцветить изображение – Cmd/ctrl+Shift+U. Затем перейдите в меню Изображение (Image) – Коррекции (Adjustments) - Уровни (Levels) или нажмите сочетание клавиш Cmd/Ctrl+L. Убедитесь, что между небом и облаками очень высокий контраст. Должно получиться вот так:

Шаг 12

Затем перейдите к панели Каналы (Channels). Cmd/Ctrl+клик по миниатюре канала RGB. Это действие выделит самые яркие участки изображения, в данном случае, это будут облака.

Шаг 13

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

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

Шаг 14

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

Добавим немного шума и частиц, чтобы придать легкий винтажный эффект. Да, на сегодняшний день этот эффект является супер трендом, но мы не будем совсем на нем зацикливаться. Добавим лишь легкое напоминание этого эффекта. Для начала необходимо скопировать все слои и слить их в  один. Это будет ваш слой-фильтр. Затем добавьте шум. Фильтр (Filter) – Шум (Noise) – Добавить шум (Add Noise). Вот какие настройки применил я, вы же выставляйте на свое усмотрение:

Шаг 15

Затем примените Размытие по Гауссу (Gaussian Blur). Фильтр (Filter)  - Размытие (Blur) – Размытие по Гауссу (Gaussian Blur).

Шаг 16

Переходим к умной резкости. Фильтр (Filter)  - Резкость (Sharpen) – Умная резкость (Smart Sharpen). Опять же, здесь указаны параметры, которые применил я. Экспериментируйте со своим изображением. Убедитесь, что для параметра Remove (Удалить) выбрано Размытие по Гауссу (Gaussian Blur).

А вот и результат.

Слишком сильный эффект, как мне кажется, поэтому я уменьшаю Непрозрачность (Opacity) до 40%.

Шаг 17

Создаю еще один слой, заливаю его бледно-желтым цветом, устанавливаю Режим смешивания (Blending mode) на Умножение (Multiply) и устанавливаю Непрозрачность (Opacity) на 60%.

Вот и все. А вот еще примеры типографического коллажа:

Автор: Oliver Barrett
Перевод: Анцыперович Александра

           

Похожие файлы и публикации:

Создание типографического коллажа в Фотошоп
Шаг 1. Первое, что нам нужно для нашего изображения – задний фон. Мы будем применять быстрый прием создания фона с небом и звездами. Существует много уроков по созданию данного эффекта, и в действительности, это очень просто и делается в два шага: clouds+noise (облака + шум). Перейдем к нашему документу, выберем темно синий цвет #18323a и черный, затем зайдем в меню Filter > Render > Clouds (Фильтр > Рендеринг > Облака).
Создание типографического коллажа в Фотошоп
Для этого урока я взял вот такой рисунок:
Создание типографического коллажа в Фотошоп
Этот урок посвящен световым эффектам. При их создании, мы будем использовать режимы наложения, например, Осветление  основы  (Color Dodge). Этот режим наложения является очень важным  и мощным  для создания световых эффектов в Photoshop. Прежде чем мы начнем, взгляните на изображение, которое мы будем создавать. Предлагаю вам посмотреть его реальный размер
Создание типографического коллажа в Фотошоп
Несколько недель назад, прогуливаясь по улицам Нью Йорка, я увидел большой рекламный щит с плакатом к фильму «Бурлеск». Вот что действительно привлекло мое внимание, так это эффект, примененный к тексту, в эдаком ретро-казино стиле. Мне очень понравился этот эффект, и я подумал, что было бы неплохо повторить его в Photoshop.
Создание типографического коллажа в Фотошоп
Посмотреть итоговую композицию. Как вы видите, итоговый результат представляет собой совокупность нескольких слоев, смешанных друг с другом по тематике и цветовой коррекцией. Создание  настроения сцены тонкой настройкой цветового баланса с помощью корректирующих слоев объединяет изображения вместе в единую историю. Простое наложение слоев друг на друга не будет давать такой же эффект и будет неубедительным для вашей аудитории. Все начинается с идеи. В данном случае – создание темы зловещей красоты. Ваш первый коммерческий заказ заключался бы в просмотре стоковых архивов (прим. сайтов с изображениями) с целью найти образы, которые вы себе задумали, но в процессе вы, конечно же, будете адаптировать свою идею под имеющиеся изображения. В этом уроке следуйте моим примерам, которые я предоставляю вам для того, чтобы вы поняли, как эти изображения объединяются друг с другом.
Создание типографического коллажа в Фотошоп
Шаг 1. Создайте новый документ размером 1920x1200. Затем используйте стиль слоя Gradient Overlay (Наложение градиента): цвета #07090b и #27160a. Тип заливки – Radial (Радиальный). Увеличьте масштаб изображения до 115%.
Создание типографического коллажа в Фотошоп
В этом коротком уроке я покажу вам, как создать текст с эффектом мозаики, используя случайные фотографии и жирный шрифт. Все что вам нужно – это несколько хороших фотографий, разные по творчеству, которые можно достать везде. Это очень легко осуществить, единственное, вы можете получить очень впечатляющие результаты, если вы вложите свой творческий ум в работу.
Создание типографического коллажа в Фотошоп
В этом уроке мы будем создавать очень простой эффект для фотографии. После создания этого эффекта изображение будет похоже на картину, написанную акварельными красками, а также иметь гранжевую текстуру.
Создание типографического коллажа в Фотошоп
Шаг 1: Создание формы Создайте новый документ в Фотошоп, залейте его белым (#FFFFFF). Создайте new layer (новый слой) и используйте инструмент Pen (Перо), чтобы нарисовать фигуру бейсболки (вы можете использовать в качестве  ориентира изображение бейсболки или этот контур, представленный ниже). После чего нажмите Ctrl+Enter, чтобы трансформировать контур в выделение. Затем залейте его цветом #1c1812.
Создание типографического коллажа в Фотошоп
В этом уроке вы узнаете, как создать морозный текстовый эффект с сосульками, используя изображения и методы коллажирования. Для прохождения урока у вас уже должен быть опыт работы в программе.
Создание типографического коллажа в Фотошоп
Шаг 1. Создание фона Зайдите в меню File > New (Файл > Новый) и создайте новый документ 600 х 200px с белым фоном. Посмотрите на изображение ниже, если вы не уверены в настройках.
Создание типографического коллажа в Фотошоп
Слейте изображения.  Layer – Merge Layers (Слой – слить слои). Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). Перейдем к меню Channels (Каналы), которое  находится во вкладке рядом с панелью слоев,  Duplicate (дублируем) Blue(Синий) канал.
Создание типографического коллажа в Фотошоп
Предпросмотр итогового изображения:
Создание типографического коллажа в Фотошоп
Что должно получиться
Создание типографического коллажа в Фотошоп
Этот урок посвящён созданию сцены в космосе. По ходу урока Вы можете использовать не только представленные мной «графические материалы», но и использовать какие-нибудь свои изображения. Это полёт фантазий!
Создание типографического коллажа в Фотошоп
Прежде всего, создайте новый документ, размером 1900 × 1200 пикселей, и заполните холст с черным цветом.
Создание типографического коллажа в Фотошоп
С приходом цифровой эры гламурные фотографии ретушировались умелыми фотографами с целью удаления несовершенства на коже. На сегодняшний день с помощью усовершенствованных редакторов изображений, таких как Adobe Photoshop, в ретушировании можно легко добиться  реалистичных результатов. Тем не менее, множество существующих техник ретуширования удаляют слишком много деталей, что делает кожу пластиковой и нереалистичной. В этом уроке мы научим вас эффективной технике ретуширования без потери текстуры в Photoshop.
Создание типографического коллажа в Фотошоп
Данный урок рассчитан на продвинутых пользователей Photoshop.