Уроки Работа с текстом Александр Будулатий 13 августа 2010

Разбиваем текст в Фотошоп

Сложность урока: Средний

Ожидаемый результат:

Материалы для урока:

Архив

Шаг 1. Создаём новый документ с чёрным фоном #000000. Выбираем инструмент Тext Тool (Текст) и подбираем подходящий шрифт. В этом случае я использовал шрифт MyriadBold, с размером 70 пт и взял белый цвет #FFFFFF.  Я разместил текст и растрировал слой. Чтобы растрировать текст, убедитесь что ваш слой выделен, а за тем идём Layer>Rasterize>Type (Слои – Растрировать – Текст) – это превратит текст в обычную картинку, которую можно редактировать. Даём имя слою Креативный. У нас должно получиться, что-то вроде этого:

Шаг 2. Выбираем инструмент Рen Тool (Перо) – выбираем вверху экрана в опциях инструмента – Контуры. Стоя на слое Креативный, инструментом Перо выделяем часть буквы С, когда замкнём область нажимаем пр.клавишу мыши и выбираем Make Selection (Образовать выделенную область) с радиусом растушевки 0. Далее Edit>Cut (CTRL + X) (Редактирование - Вырезать)  и идём  Edit>Paste (CTRL + V) (Редактирование - Вставка) это действие вставит пол буквы С на новый слой. Теперь выбираем инструмент Move Tool (V) (Перемещение) и размещаем пол буквы С как нам удобно.

Перо

Смещение

Шаг 3. Теперь будем выполнять действия над буквой R. Для начала дублируем Креативный слой Layer>Duplicate layer (Слои – Дублировать слой). Создадим новый слой под дубликатом Креативного и выберем  инструмент Рen Тool  (Перо). Теперь на этом слое создадим треугольное выделение над буквой R и зальем его чёрным #000000. Вы должны находиться на новом слое, который вы создали под дубликатом Креативного.

Переходим на дубликат Креативного слоя и создаём обтравочную маску (CTRL + ALT + G). Сначала мы не заметим изменений, выберем  инструмент Мove Тool (V) (Перемещение) и сдвинем дубликат Креативного слоя немного вниз, и мы сразу увидим влияние заливки R.

Шаг 4. Теперь приступим к следующим буквам. Такой же техникой будем воздействовать на оставшиеся символы. Мы должны  находиться на слое Креативный. Далее  берём Pen tool (Перо), выделяем часть буквы, которую мы желаем переместить. Вырезаем  её (CTRL+X)  и вставляем (CTRL+V). Используя инструмент Перемещение , сдвинем часть буквы.

Замечание. Выделять части букв можно и другими инструментами.
Совет переводчика: используйте инструмент Прямолинейное лассо . Вот как это выглядело у меня:

Шаг 5. Теперь, когда наше слово Креативный полностью «порезано» пришло время  ко второму слову. Берём инструмент Text (Текст) и пишем слово “Block” с таким же шрифтом, цветом но размером 40 пт. Растрируем этот слой Layer>Rasterize>Type (Слой – Растрировать – Текст) или пр. клавиша мыши на слое – Растрировать.
Теперь выделяем части букв вырезаем и вставляем и с помощью перемещения размещаем их так как нам угодно. Вот результат:

Шаг 6.Ну и теперь последняя и самая сложная часть урока.
Найдём текстуру бетона. Размещаем  нашу текстуру поверх всех слоёв и ставим режим смешивания для этого слоя Darken (Затемнение).
Ещё, по желанию можно, снизить непрозрачность слоя с текстурой.

Шаг 7 .Я знаю, что изображение выглядит не очень привлекательно, но мы исправим это. Переходим на слой с текстурой и выбираем инструмент Burn Tool (Затемнение).
Ставим диапазон средние тона и экспозицию на 25-50%. Теперь затемним края букв для придания контраста :

Шаг 8. Теперь Layer>New Adjustment Layer>Brightness and Contrast (Слои - Новый корректирующий слой – Яркость \ Контрастность) Яркость +14 и Контрастность +100.
Это придаст глубины буквам, но недостаточно. Двойной щелчок по любому названию слоя с частью буквы, в палитре слоев, и откроется окно стилей слоя, добавим  Drop Shadow (Тень). И поставим следующие настройки:

Жмём правую клавишу мыши стоя на этом слое и Копировать стиль слоя. Теперь выделим все слои кроме слоя с текстурой, слоя Креативный, слоя Блок и слоя с обтравочной маской. Это можно сделать, зажав клавишу CTRL и кликать по названию слоя в палитре слоёв. После кликнем правой клавишей мыши на любом из них и Вставить стиль слоя. Эти действия добавят глубины и разнообразия нашим буквам.

Шаг 9. Создадим новый слой Layer>New>Layer (CTRL+SHIFT+N) (Слои – Новый – Слой) и зальём его чёрным, поставим режим смешивания Color Dodge (Осветление основы) и выберем инструмент Brush Tool (Кисточка).

Используем довольно большую, мягкую кисточку с яркими цветами, например оранжевый, зелёный, синий, зелёный. Я использовал зелёный и оранжевый, коснёмся краёв наших букв. Теперь создадим ещё один новый слой и зальём его также чёрным, но поставим ему уже режим смешивания Overlay (Перекрытие). Берём кисточку белого цвета и добавляем светлых участков буквам.

Шаг 10. Последним шагом нашего проекта будет добавление битого стекла. Можете скачать здесь. Ставим Режим смешивания для изображения со стеклом Linear Dodge (Линейный свет)  и лишнее стираем ластиком . Урок закончен. Надеюсь Вы разбили свой Креативный блок в дребезги =)

Результат автора урока:

Вариант переводчика:

Автор: Jacques van Heerden
 

Источник: creativeoverflow.net

Комментарии 483

Спасибо за Урок! Пером ничего не выходило) Глупый наверное

Спасибо большое!!! только недавно начала изучать фотошоп. урок очень понравился! интересно и всё понятно!)))

Не понял, что ластиком подтирать, сделал по-своему: дублировал Осколки, применил Линейный свет и перенес слой под буквы, а верхнему чистому слою Осколки убрал прозрачность на 50%.

Очень хороший урок! Спасибо огромное!

спасибо за урок

и мой способ применения данного урока. Спасибо, полезный и удачный урок

мой вариант

Отличный урок, очень пригодился))
спасибо))

Дякую, за урок.

получилась обложка для моего нового сета. спасибо автору!

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

мой креативчик)

Разбиваем текст в Фотошоп. Спасибо.

Понравилось!

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

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

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

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее