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

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

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

Шаг 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
Перевод: Будулатий Александр
Ссылка на источник

           

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

Разбиваем текст в Фотошоп
Создаем новый документ (Ctrl+N) , разрешением 600x450px, дублируем его (Ctrl +J) и применяем к нему стиль слоя - наложение градиента - Радиальный градиент (Layer Style - Gradient Overlay), как показано на рисунке ниже.
Разбиваем текст в Фотошоп
Ресурсы для урока: Фотография дерева Зимняя ветка Кора дерева Ворон Абстрактные кисти
Разбиваем текст в Фотошоп
При помощи этого урока мы будем создавать подводную атмосферу  -  взгляд из глубины.
Разбиваем текст в Фотошоп
Шаг 1. Создайте новый документ размером 1920x1200. Затем используйте стиль слоя Gradient Overlay (Наложение градиента): цвета #07090b и #27160a. Тип заливки – Radial (Радиальный). Увеличьте масштаб изображения до 115%.
Разбиваем текст в Фотошоп
Этот урок о том, как сделать акцент на определённой детали фотографии.  Надеюсь, он будет Вам полезен.
Разбиваем текст в Фотошоп
В этом уроке будет показано, как создать красивый текстовый эффект при помощи текстуры печенья и стилей слоя. Метод очень простой и не займёт больше 30 минут.
Разбиваем текст в Фотошоп
В этом уроке я покажу вам как создать классный необычный эффект для текста. Превью:
Разбиваем текст в Фотошоп
В этом уроке я собираюсь рассказать вам, как сделать элегантный текст. Итог урока:
Разбиваем текст в Фотошоп
В этом уроке вы узнаете, как создать футуристический гранжевый текст с царапинами и неоновым светом. Давайте приступим!
Разбиваем текст в Фотошоп
Слейте изображения.  Layer – Merge Layers (Слой – слить слои). Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). Перейдем к меню Channels (Каналы), которое  находится во вкладке рядом с панелью слоев,  Duplicate (дублируем) Blue(Синий) канал.
Разбиваем текст в Фотошоп
У этом уроке мы сделаем интересный, но лёгкий и полезный эффект размытия.
Разбиваем текст в Фотошоп
Постеры фильмов – хорошие источники вдохновения для дизайнеров. В этом уроке я расскажу, как воссоздать логотип фильма Пираты Карибского моря.
Разбиваем текст в Фотошоп
Для этого урока я взял вот такой рисунок:
Разбиваем текст в Фотошоп
В этом уроке Вы узнаете, как создать акварельное лого, используя различные кисти и текстуры.
Разбиваем текст в Фотошоп
В этом уроке я покажу вам, как создать полупрозрачный текст, используя травяную текстуру и "облачные" кисти.  Вот превью финального результата, которые мы должны получить по окончании урока:
Разбиваем текст в Фотошоп
В этом уроке я расскажу Вам как создать красивый полупрозрачный текст ко дню Св.Валентина, используя стили слоя.
Разбиваем текст в Фотошоп
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Разбиваем текст в Фотошоп
Шаг 1. Давайте начнем, создайте новый файл. Я использовал размер 600×500  пикселей в 72 пикс/дюйм, и я залил черным цветом. Теперь создайте новый слой и назовите это ‘‘Темный текст’’. После выберите инструмент Horizontal Type Tool (Горизонтальный текст), устанавливаете шрифт Arial, размер - 150 pt, цвет - черный.
Разбиваем текст в Фотошоп
В то время, когда на смену перекидным табло приходят всё больше цифровые дисплеи, в таких местах, как аэропорты, вокзалы, автовокзалы, и так далее, они по-прежнему живут как символ путешествия. Используете ли вы их в интерфейсе приложения или ретро дизайне, автор уверен, что этот урок вы найдёте полезным и интересным.