Разбитые буквы в Фотошоп / Creativo.one
В этом уроке мы будем создавать разбитые буквы, используя фигуры в Фотошопе. От Вас требуются небольшие знания о векторных фигурах и контурах.
Конечный результат:
Материалы для урока:
Архив
Начнём работу с создания фона. Загрузите набор бумажных текстур, создайте новый документ в Фотошопе и к фоновому слою примените стиль Наложение узора (Pattern Overlay).
Над слоем с текстурой создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation). Для этого кликните на иконке чёрно-белого круга в нижней части палитры слоёв и выберите нужный пункт.
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T) и напишите пару слов, используя шрифт «Impact». Настройки шрифта показаны ниже на скриншоте.
Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в кривые (Convert to Shape). Это нужно для того, чтобы вырезать часть букв.
Загрузите набор фигур разбитого стекла и добавьте их в папку с программой. Выберите инструмент Произвольная фигура (Custom Shape Tool) (U) и на верхней панели выберите одну из фигур.
Создайте фигуру поверх букв. Затем выберите инструмент Выделение контура (Path Selection Tool) (A) и выделите первую букву слова.
Выберите инструмент Выделение контура (Path Selection Tool) и сдвиньте букву «G» в любое место в пределах текстуры. Затем кликните на иконке Область пересечения фигур (Intersect shape areas). Если Вам понравится результат, нажмите на кнопку Объединить (Combine).
Проделайте то же самое с другими буквами. В результате у Вас должно получиться 5 слоёв для каждой буквы слова «GLASS». Расположите разбитые буквы в те же места, где они были раньше. Используйте копи/паст (Ctrl + C / Ctrl + V), чтобы все буквы были на одном слое.
Кликните дважды на слое с буквами, чтобы открыть окно стилей. Примените следующие стили:
Отбрасывание тени:
Внутренняя тень:
Внутреннее свечение:
Тиснение:
Текстура
Наложение цвета:
Рис.15
Для стиля Тиснение я использовал ту же текстуру, что и для фона.
Инструментом Перо (Pen Tool) (P) нарисуйте кусочки разбитого стекла вокруг текста. Дополнительно можете создать эффект виньетирования и поработать с корректирующим слоем Яркость/Контрастность (Brightness/Contrast), а также применить фильтр Блик (Фильтр > Рендеринг > Блик) (Filter > Render > Lens Flare).
Источник: www.psd-dude.com
Используем текст в качестве контейнера для другого текста в Adobe Photoshop
В этом уроке мы научимся использовать текст в качестве контейнера для размещения дополнительного текста! Мы заполним один абзац таким образом, чтобы текст отображался в форме буквы.
Вот так будет выглядеть результат:
Эффект “текст внутри текста”.
Приступим!
Для начала нам нужен новый документ. В меню Файл (File), находящемся в самом верху экрана, выбираем команду Создать (New…), или с помощью комбинации Ctrl+N (Win) / Command+N (Mac) вызываем диалоговое окно Photoshop Новый документ (New Document). Выбираем нужный размер документа. Я поставил размер 6 на 4 дюйма, но вы можете использовать любой размер, который вам нужен. Так как я хочу впоследствии распечатать его, я ставлю свойство Разрешение (Resolution) равное 300 (пикселей/дюймов).
Убедитесь, что опция Содержимое фона (Background Contents) имеет значение Белый (White), затем нажмите OK:
Выберите размер, разрешение и цвет фона для нового документа.
Далее, для того чтобы добавить текст, нужно выбрать «Инструмент Текст» (Type Tool). Возьмите его на панели инструментов или нажмите букву Т на клавиатуре:
Выбираем инструмент «Текст».
Инструмент «Текст» (Type Tool) выбран. Перейдите к панели параметров в верхней части экрана и выберите шрифт. Так как мы собираемся использовать буквы как контейнер, который будет больше самого текста, попробуйте выбрать шрифт с толстыми буквами. Я буду использовать Arial Black. Не беспокойтесь сейчас о размере. Мы изменим размер текста по мере необходимости:
Выберите шрифт из панели параметров, желательно с толстыми буквами.
Щелкните в любом месте внутри документа Photoshop и введите букву для использования в качестве контейнера остального текста. Я напечатал букву «Т«, так как она приятной и простой формы.
Если вам нужно изменить размер букв — нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть диалоговое окно «Свободное трансформирование» (Free Transform box).
Вокруг буквы появятся маркеры, которые можно перетаскивать (выглядят как маленькие квадраты) для того, чтобы изменить ее размер. Во время перемещения маркеров нажмите и удерживайте нажатой клавишу Shift, дабы избежать случайного искажения формы буквы. Если нужно изменить размер буквы от ее центра — удерживайте нажатой клавишу Alt (Win) / Option (Mac):
Изменение размера буквы в Photoshop с помощью команды «Свободное трансформирование».
Нажмите Enter (Win) / Return (Mac), когда закончите трансформацию, чтобы завершить действие.
С помощью инструмента Текст (Type Tool), правой кнопкой мыши (клавиатурная клавиша Context (Win) / Option-click (Mac)) щелкните в любом месте документа, чтобы вызвать подменю опций для текста. Мы сконвертируем букву в контур, который будем использовать для создания контейнера остального текста. Из подменю выбирайте команду «Создать рабочий контур» (Create Work Path):
Создаем рабочий контур из буквы.
В зависимости от цвета, который вы используете для текста, вы можете не заметить контур вокруг буквы сразу после его создания. Контур выглядит как пунктирные линии, и, если вы не видите их, это не значит, что контур не создан.
Если вы не заметили контур вокруг буквы после команды «Создать рабочий контур«, он станет заметен после этого шага, потому скроем текстовый слой, так как он нам больше не нужен.
В дальнем левом углу текстового слоя в палитре слоев находится иконка в виде глаза. Это значок «Видимость слоя» (Layer Visibility), но большинство людей называет его просто «глаз».
Когда глаз показан, слой виден в документе, когда глаз скрыт – скрыт слой. Сейчас глаз виден, поэтому мы видим букву в документе. Щелкните по иконке глаза левой кнопкой мыши. Текст в документе будет скрыт:
Скрываем букву в документе, нажав на иконку его видимости в палитре слоев.
Вы можете снова кликнуть по иконке глаза, что вернуть слою видимость.
Со скрытым слоем виден только контур, который мы создали:
Теперь текст скрыт, показывая контур, который мы создали из буквы.
Теперь созданный контур отлично видно и мы собираемся использовать его в качестве контейнера для нашего текста. Нам нужно просто добавить текст!
Выбран инструмент Текст (Type Tool). Наведите курсор мыши на любое место внутри контура. Вы увидите, что форма курсора поменялась на пунктирный эллипс. Это значит, что если вы щелкните мышью и начнете печатать – символы появятся внутри контура. Это именно то, чего мы и добивались. Щелкните в любом месте внутри контура, но пока не спешите набирать текст.
Возможно, вы захотите уменьшить размер вашего шрифта, прежде чем начать печатать, поэтому, воспользуйтесь панелью параметров (Options Bar) и установите нужный вам размер шрифта. Я установил его равным 36 пунктов. Вы также можете изменить шрифт. Я установил Arial, а не Arial Black, который использовал для контейнера:
Изменение шрифта и размера шрифта в панели параметров.
И еще одна вещь, которую нужно выполнить, прежде чем начать печатать. Нужно установить выравнивание текста Justify All, чтобы текст заполнял форму слева направо.
Мы можем получить доступ к параметрам выравнивания из панели «Параграф». Если панель «Параграф» (Paragraph palette) не открыта, выбрав инструмент Текст (Type Tool), зайдите в «Панель настроек» (Options Bar) и нажмите на «Кнопку переключение панели символов и параграфов» (Character and Paragraph palette toggle button):
Нажмите на Кнопку переключение панели символов и параграфов (Character and Paragraph palette toggle button) для доступа к панели «Параграф».
По умолчанию в Photoshop группы «Символы» и «Абзацы» объединены в одну группу и потому работают как одна команда.
Если показана вкладка «Символы», просто кликните по вкладке с именем «Paragraph palette» в верхней части панели, чтобы активировать панель «Параграф», а панель «Символы» скрыть.
Когда вы выберите панель «Параграф», нажмите «Выровнять все» в правом верхнем углу панели. Это позволит тексту заполнять всю доступную область:
Нажмите кнопку «Выровнять все».
Все, что теперь осталось сделать — добавить текст внутри контура. Начинаем печатать. Вы сразу увидите текст, заполняющий внутреннюю часть контейнера:
Вы сразу увидите текст, заполняющий внутреннюю часть контейнера.
Продолжайте печатать до тех пор, пока полностью не заполните букву текстом:
Буква “T” полностью заполнена текстом.
Когда закончите добавлять текст, нажмите на галочку в панели параметров, чтобы окончить ввод:
Примените ввод текста, нажав на галочку в панели параметров.
Теперь, когда текст добавлен, все, что остается сделать, это скрыть контур. Делаем это с помощью комбинации клавиш Ctrl+H (Win) / Command+H (Mac). Готово!
Вот конечный результат, с текстом в форме буквы Т:
Окончательный результат. Форма буквы сохраняется благодаря тексту внутри нее.
Теперь вы знаете, как в Photoshop преобразовать букву в контур и использовать его в качестве контейнера для оформления текста!
Данная публикация является переводом статьи «Using Text As A Container For More Text In Photoshop» , подготовленная редакцией проекта.
Создаем сладкий текст в Фотошоп
В этом уроке я проведу вас через процесс создания сладкого текста в Фотошоп. Мы вместе будем использовать основные инструменты и эффекты для достижения окончательного результата в короткие сроки. Так давайте же начнем!
Это то, что вы будете создавать:
Детали
Программа: Adobe Photoshop CS6
Предполагаемое время работы: 45 минут
Ресурсы: http://www.dafont.com/joint-by-pizzadude.font
Шаг 1
Откройте новый файл (File > New) в Фотошоп со следующими параметрами.
Шаг 2
Заполните фон любым цветом. Затем дважды щелкните, чтобы открыть стиль слоя и задайте градиент для нашего фона.
Создайте новый корректирующий слой Кривые и используйте мягкую большую черную кисть с Непрозрачностью =50%, затем мы сотрем центральную часть.
Вы должны получить такой результат.
Шаг 3
Сейчас мы создаем новую группу и назовите эту группу ” S “. Мы будем создавать текст по отдельности. Мы начинаем с буквы ” S ”. Добавьте текст, выберите шрифт joint by pizzadude, размером 90px. Мы называем этот текстовый слой ” база 1 ”
Шаг 4
Дважды щелкните на текстовом слое, из меню выберите режим наложения. Добавьте “Внешняя тень”.
Добавьте “Наложение Градиента”.
Затем «Скос и рельеф»
Шаг 5
Дублируем (Ctrl + J) слой ” база 1 ” затем мы переименуйте эту копию в ”база 2 “. Передвиньте ” база 2 ” чуть-чуть вверх.
Теперь мы меняем стиль слоя. Мы начинаем с ” Отбросить тень ”.
Далее идет ” наложение градиента ”
Далее ” Скос и рельеф ”
Вы должны получить такой результат.
Шаг 6
Дублируем (Ctrl + J) слой ” база 2”, затем переименуйте эту копию в ”база 3 “. В этом шаге, мы просто немного изменим наложение градиента.
Затем мы добавляем ” Перекрытие узора ”
Вы должны получить примерно такой же результат.
Шаг 7
В этом шаге мы сделаем глазурь. Теперь мы создаем новый слой и размещаем его сверху, просто нажмите Ctrl/Cmd и нажмите на кнопку “база 3”, чтобы создать выделение, затем перейдите Выделение > Модификация > Сжатие. Мы называем слой ”Крем S ”
Шаг 8
Заполните глазурь любым цветом. Затем дважды щелкните, чтобы открыть стиль слоя. Теперь добавим ” Тень “.
Далее идет ” наложение градиента ”
Далее скос и рельеф
И добавляем ” контур ”
Как вы знаете, глазурь никогда не бывает идеальной. Теперь добавим слой маску на слой ” Крем S ” и сотрем какую-либо внешнюю часть глазури.
Дублируем (Cmd + J) глазурь и перемещаем копию чуть-чуть вверх.
Шаг 9
Далее, добавим немного посыпки на глазурь. Создайте новую группу и назовите ее ”посыпка“. Выберите инструмент Эллипс (U) и нарисуйте маленький круг, затем примените данный Стиль слоя.
Далее идет ”Наложение градиента”
Далее ”Тиснение ”
И добавляем ”Контур ”
Вы должны получить результат, похожий на этот
Шаг 10
Дублируйте (Cmd + J) посыпку, которую мы уже создали. Теперь мы изменим цвет, просто дважды – нажмите, чтобы открыть стиль слоя и измените наложение градиента.
Измените «Тиснение»
Шаг 11
Дублируйте (Cmd + J) посыпку снова, и измените наложение градиента.
Далее – «Тиснение»
Шаг 12
Теперь мы повторяем предыдущий шаг для зеленой посыпки
Далее идет ” Тиснение ”.
Шаг 13
Далее мы повторяем предыдущий шаг для голубой посыпки.
Теперь «Тиснение»
Шаг 13
Далее мы повторяем предыдущий шаг для розовой посыпки.
Теперь «Тиснение»
Результат должен быть похож на этот:
Шаг 15
Дублируйте (Cmd + J) посыпку и измените размеры на меньший, разместите их так, как вам больше нравится. Вот мой результат.
Шаг 16
Мы сделали ” S “. В этом шаге мы дублируем группу ” S ”, переименуйте копию группы на ” W “.
Шаг 17
Откройте папку ” W ”, сначала вы удаляете слой ” крем S ”, затем выключите все слои, кроме 3 базовых слоев, затем введите текст ” w “.
Теперь мы должны изменить форму глазури для текста ” w ” , просто Cmd + клик по тексту ” w”, чтобы создать выделение, затем перейдите Выделение > Модификация > Сжать и установите значение = 8px. Заливаем любой цвет на новый слой, который называем ” крем W “.
Шаг 18
Далее, мы применяем Стиль слоя для глазури ”крем-W“. Добавьте ”Падающую тень ”
Добавьте ” наложение градиента ”
Добавьте «Тиснение»
Добавьте «Контур»
Теперь добавим слой-маску и сотрем некоторые части глазури, чтобы она выглядела несовершенной.
Дублируйте глазурь и переместите копию чуть-чуть выше.
Шаг 19
Давайте создадим новый слой, назовите его ” глазурь W ” , возьмите кисть и нарисуйте форму.
Добавьте слой-маску и сотрите некоторые части линии.
Шаг 20
Далее, мы применим Стиль слоя для ” глазурь W “. Во-первых, мы добавляем ”Падающая тень “.
Далее «Тиснение» и «Контур»
Вы должны получить такой результат.
Шаг 21
Давайте добавим посыпку на букву ” W “.
Шаг 22
Теперь мы будем работать с буквой ” e ” . Просто повторите предыдущие шаги, как мы делали с группой ” W “.
Шаг 23
Далее, мы сделаем глазурь для буквы ” e ” . Просто повторите предыдущий шаг, как мы это делали с буквой ” W ” .
Шаг 24
Добавьте слой-маску и сотрите некоторые части глазури, чтобы она выглядела несовершенной. Затем откройте окно «стиль слоя» и примените следующие настройки.
У вас должен быть такой результат
Шаг 25
Дублируйте глазурь и переместите копию чуть-чуть выше.
Затем мы добавляем немного посыпки на букву ” Е “.
Шаг 26
Теперь мы дублируем группу «E». В копии мы сохраняем стиль слоя.
И у вас должен получиться такой результат
Шаг 27.
Далее, мы используем Инструмент Кисть, чтобы нарисовать линии в виде глазури, как показано ниже.
Добавьте маску-слоя и сотрите некоторые части глазури, чтобы она выглядела неровной.
Перейдите на слой «Глазурь W» и скопируйте стили слоя, затем вставьте эти стили для слоя с буквой E.
Шаг 28.
Теперь перейдем к букве T. Дублируйте группу, относящуюся к W, переименуйте скопированную группу, измените текст.
Теперь нам нужно изменить форму глазури. Зажмите Ctrl и кликните по слою с буквой, чтобы создать выделение. Затем перейдите в Выделение – Модификация – Сжать, установите значение на 8 пикс. Залейте выделение цветом, который вам нравится.
Шаг 29.
Добавьте маску для слоя, сотрите некоторые части глазури. Затем откройте окно стилей слоя и настройте слой так, как показано ниже:
Вот результат, который у нас должен получиться:
Шаг 30.
Дублируйте слой с глазурью, и немного сместите скопированный слой.
Далее поместите посыпку на букву T. Просто поместите ее так, как вам больше нравится. Вот мой результат:
Шаг 31.
Итак, мы почти закончили, на данный момент у нас получился следующий результат:
Шаг 32.
В этом шаге мы добавим немного посыпки вокруг букв:
Шаг 33.
Далее используем Инструмент Кисть, чтобы нарисовать капли глазури возле букв:
Шаг 34.
Перейдите на слой «Крем S» и скопируйте стили этого слоя, затем вставьте эти стили для слоя с каплями глазури. Вот, что должно получиться:
Шаг 35.
Добавьте новый корректирующий слой Яркость/Контрастность. Затем с помощью мягкой кисти сотрите часть слоя, которая не охватывает буквы.
Мы закончили! Надеюсь, вам понравился этот урок, и вы будете использовать приведенную технику в будущих проектах.
Автор: Kim Chen
1410 Просмотрело
Текст с эффектом взрыва в Photoshop – PhotoDrum.com – сайт дизайнера
Этот урок будет посвящен текстовому эффекту в Photoshop. В нем мы узнаем, как создать текст в лучах света, которые будут излучаться через и вокруг него. Этот урок подразумевает, что у вас установлена версия Photoshop CS6 или выше.
В уроке довольно много шагов, при создании этого текстового эффекта, но все они не сложные и им легко следовать, даже если вы новичок в Photoshop. Давайте начнем!
Создание нового документа Photoshop
Давайте начнем с самого начала, создадим новый документ. Перейти к File> New:
Откроется диалоговое окно создание документа, где мы можем установить различные установки для нашего нового документа, в том числе и его размеры. Для этого урока я выберу Web предустановки и размеры ширины в 800 пикселей и высоты в 600 пикселей. Разрешение установлю на 72 пикселей на дюйм, если вы не собираетесь использовать этот эффект для печати, вам не нужно беспокоиться о большем разрешении. Цвет фона установим White (белый). Нажмите OK:
Добавление текста
Теперь у нас есть новый документ, давайте добавим текст. Выберите инструмент Type Tool:
Нажмите на клавиатуре кнопку D, чтобы быстро сбросить цвета текста и фона на цвета по умолчанию. Photoshop использует текущий цвет переднего плана для цвета текста, значит у нас будет черный текст.
Затем, выберите шрифт. Эффект, который мы будем создавать, будет смотреться лучше с толстыми буквами, так что я выберу шрифт Impact, и установлю начальный размер шрифта 72 pt:
Наберите текст, я ввел “LIGHT BURST”:
Когда вы закончите, нажмите галочку в панели параметров, чтобы применить все настройки и выйти из режима редактирования текста:
Если мы взглянем на панель Layers, то увидим, что слой с текстом отображается над слоем фона:
Изменение размера текста с помощью Free Transform
Если ваш текст выглядит слишком маленьким, как в моем случае, то мы можем легко его изменить с помощью инструмента Free Transform. Перейти к Edit> Free Transform:
Чтобы изменить размер текста, нажмите и перетащите за любой из угловых маркеров. Удерживая клавишу Shift вы сохраните пропорции текста. Когда закончите – нажмите Enter на клавиатуре, чтобы применить изменения и выйти из режима Free Transform:
Растеризуйте текстовый слой
Далее, мы должны преобразовать наш текст в растровый объект. Перейти к меню Type> Rasterize Type Layer:
Кажется, что с текстом ничего не случилось, но если мы посмотрим на панель Layers, то видим, что наш текстовый слой был преобразован в растровый слой:
Сохранение выделенной области
Теперь нам нужно создать выделенный контур из нашего текста, а затем сохранить его, чтобы мы смогли загрузить его позже. Чтобы создать выделенный контур, нажмите и удерживайте на клавиатуре Ctrl нажмите прямо на эскиз слоя с текстом в панели Layers:
Photoshop загрузит выделение вокруг букв:
Чтобы сохранить выбранный диапазон, переключитесь на панель Channels:
Затем нажмите на Save Selection As Channel в нижней части панели Channels (второй значок слева):
Создастся новый канал с имени “Alpha 1” и наш выбор будет сохранен:
Вернитесь на панели каналов в вашей панели слоев:
Нам больше не нужен контур выделения вокруг текста, поэтому отменим выбор, просто нажав Ctrl + D на клавиатуре:
Создание белого контура текста
Отключите видимость фонового слоя, чтобы временно его скрыть:
В результате, в документе мы увидим только текстовый слой:
Теперь нам нужно заполнить пустое пространство белым цветом не затрагивая наш черный текст. Для этого перейдите к Edit> Fill:
Откроется диалоговое окно Fill. Установите следующие настройки, как показано на картинке снизу:
Нажмите OK, чтобы закрыть диалоговое окно Fill, и Photoshop заполнит прозрачную зону вокруг текста белым цветом. Поясню, почему так получилось – установив режим наложения Multiply, черные буквы не были затронуты:
Теперь мы можем включить видимость фонового слоя:
Применение фильтра Gaussian Blur
Нам нужно добавить тексту небольшое размытие, и нам поможет это сделать фильтр Gaussian Blur. Перейдите к Filter> Blur> Gaussian Blur:
Когда откроется диалоговое окно Gaussian Blur, переместите ползунок в нижней части так, чтобы установить значение Radius на 4 пикселя:
Нажмите OK:
Применение фильтра Solarize
Снова идем в меню фильтров к Filter> Stylize> Solarize:
В этом фильтре нет диалогового окна, Photoshop просто применяет фильтр на слой с текстом:
Осветление текста с Auto Tone
Сейчас нам нужно немного осветлить текст, сделать это очень просто. Перейти к Image> Auto Tone:
Получится следующий результат:
Продублируйте слой с текстом нажав Ctrl + J:
Применение фильтра Polar Coordinates
К копии слоя с текстом примените фильтр “Polar Coordinates” перейдя к Filter> Distort> Polar Coordinates:
Когда откроется диалоговое окно “Polar Coordinates” выберите Polar to Rectangular, и нажмите кнопку ОК:
Ваш текст будет выглядеть примерно так:
Поворот изображения
Теперь мы применим фильтр Wind, но этот фильтр работает только по горизонтали, поэтому, мы должны повернуть наш текст. Чтобы это сделать, перейдите к Image> Image Rotation> 90° CW:
Изображение должно повернуться по часовой стрелке:
Инвертирование изображения
Далее, нам необходимо инвертировать изображение. Перейти к Image> Adjustments> Invert:
Вот результат:
Применение фильтра Wind
Чтобы создать то, что станет в конечном итоге лучами света, мы будем использовать фильтр Wind. Перейти к Filter> Stylize> Wind:
Когда появится диалоговое окно Wind, установить значения Method = Wind и Direction = From the Right:
Нажмите OK. Чтобы усилить эффект – примените его еще два раза, для этого нажмите Ctrl + F два раза. Получим следующее:
Обратное инвертирование
Далее, мы должны повторно инвертировать изображение, поэтому еще раз перейдите к Image> Adjustments> Invert или нажмите Ctrl + I на клавиатуре:
Получится это:
Осветление текста и применение Auto Tone
Давайте снова сделаем текст ярче, перейдем к Image> Auto Tone:
И снова текст отображается ярче, как нам и надо:
Повторное применение фильтра Wind
Нажмите Ctrl + F на клавиатуре три раза, чтобы повторно применить фильтр Wind еще три раза. Получим изображение:
Поворот изображения
Мы сделали с фильтром Wind все что хотели, так что давайте поворачивать изображение в исходную ориентацию. Перейти к Image> Image Rotation> 90° CCW:
Видим следующее:
Повторное применение Polar Coordinates
Перейдем к Filter> Distort> Polar Coordinates:
Нажмите кнопку ОК, чтобы применить фильтр. Эффект взрыва начинают принимать форму:
Применение режима смешивания Screen
Далее, нам необходимо, чтобы наш оригинальный текстовый слой, который расположен ниже показался через лучи. Мы можем сделать это просто изменив режим наложения верхнего слоя:
В режиме наложения Screen вы увидим такую картину:
Добавление градиентной заливки
Чтобы раскрасить наш текст, давайте добавим градиентную заливку слоя. Нажмите на иконку New Fill or Adjustment Layer в нижней части панели слоев:
Выберите в списке градиент:
Откроется диалоговое окно Gradient Fill. Нажмите на предварительный просмотр градиента в верхней части окна, чтобы открыть редактор градиентов:
Когда появится редактор градиентов, выберите черно-белый градиент, нажав на его миниатюре и убедитесь что оба цвета на 100% непрозрачны:
Дважды щелкните на черном ползунке градиента:
Это откроет в Photoshop выбор цвета, здесь мы можем заменить черный цвет на то, что нам нравится. Я выбрал красно-оранжевый цвет. Нажмем кнопку ОК:
Затем сделаем то же самое с другим ползунком градиента в редакторе градиентов:
Для второго цвета я выбрал оранжево-желтый. Нажмите OK:
Вот мой отредактировал градиент с новыми цветами. Если вы довольны цветами, которые вы выбрали, нажмите кнопку ОК, чтобы закрыть редактор градиента, а затем нажмите OK, чтобы закрыть диалоговое окно Fill:
Изменение режима наложения градиентной заливки
На данный момент, градиент заполняет весь документ сверху донизу, что, очевидно, не то, что мы хотим. Нам необходимо, чтобы он раскрасил только наш текст и лучи света. Чтобы устранить эту проблему, все, что мы должны сделать, это изменить режим смешивания для слоя градиентной заливки с Normal на Color:
Вот, что должно получится:
Преобразование слоя оригинального текста в смарт-объект
Нам осталось применить еще один последний фильтр к исходному текстовому слою, поэтому сначала выберите его в панели слоев, чтобы сделать его активным:
Фильтр, который мы собираемся использовать, это Radial Blur, но проблема с этим фильтром в том, что он не дает нам предварительного просмотра результата. Это означает, что мы не сможем увидеть эффект размытия, пока мы не применим фильтр. К счастью, есть простой способ решить эту проблему, но для начала преобразуем слой с текстом в смарт-объект:
Выберите Convert to Smart Object из меню, которое появляется:
Ничего видимого в окне документа не произойдет, но на иконке слоя появится небольшой значок смарт-объекта, в правом нижнем углу:
Применение Radial Blur Smart Filter
Теперь, любые фильтры применяемые к нашему Smart Object станут Smart Filters. И самая большая польза в Smart Filters, это то, что мы можем изменять настройки фильтра сколько угодно раз и это не приведет к необратимым повреждениям изображения. Давайте применим фильтр радиального размытия. Перейти к Filter> Blur> Radial Blur:
В открывшемся диалоговом окне установите Blur Method = Zoom, Quality = Best и Amount = 65:
Нажмите OK:
Мы почти закончили. Нажмите на New Layer в панели слоев:
Photoshop добавит новый пустой слой:
Загрузка выделенной области
Помните, как в начале урока мы сохранили в каналах выделенный фрагмент? Настало время им воспользоваться. Перейдите на вкладку Channels и с нажатой клавишей Ctrl кликните на сохраненный канал Alpha 1.
Выбранный контур вновь появляется в документе:
Заполнение черным цветом
Вернитесь к панели слоев Layers, а затем перейти к Edit> Fill:
В появившемся диалоговом окне установите Use = Black и Blending Mode = Normal:
Нажмите OK. Чтобы быстро удалить контур выделения, просто нажмите Ctrl + D на клавиатуре. Вот, что у нас получилось в финале:
Надеюсь вам понравилось. Как всегда – все вопросы можно задать в комментариях к этому уроку.
Автор здесь.
Похожие уроки и статьи
Оценка посетителей
[Всего: 2 Среднее: 5]Инструмент текст в фотошопе: как с ним работать
Автор Олег Евгеньевич Просмотров 362 Обновлено
Приветствую покорителей фотошопа! Если Вы заглянули в эту статью, значит вы любознательный человек и решили досконально разобраться во всех тонкостях фотошопа. Потому как, инструмент текст в фотошопе многим кажется простым и понятным.
Итак, в этой статье постараюсь раскрыть все возможности инструмента текст в фотошоп.
Активация инструмента
Инструмент Текст (Type Tool) размещен на главной панели инструментов, вызвать команду можно с помощью горячей клавиши «T».
Главная задача инструмента – создать надпись.
При этом фотошоп позволяет видоизменять стиль отображения надписи, используются для этого специальные инструменты управления характеристиками.
С помощью инструмента Текст создается надпись на отдельном слое, он не привязывает ни к какому текущему слою.
Поскольку надпись является векторным графическим элементом, на нее можно накладывать любые доступные эффекты, использовать стили форматирования.
Инструмент Текст имеет четыре подгруппы, используя которые можно создавать горизонтальный или вертикальный текст.
Также доступна функция создания горизонтальной или вертикальной маски текста (область, выделенная двигающимся штрих-пунктиром).
Создание нового текста
Создать новый текст можно двумя способами.
В первом варианте после выбора команды «Текст» необходимо кликнуть левой кнопкой мыши в месте, где планируется надпись.
В результате на экране появиться мигающая вертикальная палочка, которую все мы привыкли видеть в любых текстовых редакторах.
Второй вариант более походит тем, кто работает с чертежной графикой.
Для создания текста необходимо указать область, где будет отображаться текст. Для этого необходимо клацнуть левой кнопкой мыши и, не отпуская ее, отвести курсор в сторону, рисуя прямоугольник.Также в фотошоп выполняется выделение области. Смотрите изображение ниже.
После этого можно вводить текст. Отлично работает функция вставки текста из буфера обмена.
Чтобы подтвердить или отменить создание текста необходимо использовать кнопки на панели привязанных инструментов, которая находится вверху над рабочей областью.
Здесь находиться галочка, которая подтверждает создание текста и перечеркнутый круг, который отменяет создание надписи.
Для более быстрого подтверждения создания надписи используют клавиши Ctrl+Enter. Также можно нажать на текущий слой текста или выбрать любую другую команду на панели инструментов.
Перемещение текста и форматирование
Чтобы сместить или выровнять надпись, нажмите клавишу Enter, затем горячей клавишей V выберите инструмент перемещение и с помощью мыши или курсорами перетаскивайте текст в нужное место.
Для точного выравнивания можно использовать возможности меню редактирования.
Выделите текстовый слой, сочетанием горячих клавиш Ctrl+T и выберете функцию Трансформирование. Теперь можно двигать текстовый блок с помощью стрелок вверх, вниз, влево или вправо. Смещение происходит на один пиксель.
Чтобы встать на текстовый слой для его редактирования нужно кликнуть левой кнопкой мыши на текст в рабочей области или перейти на вкладку слои и сделать клик на слой с текстом.
Основные функции изменения текста, его форматирование происходит с помощью окна Символ (Character).
Самые важные параметры здесь – это выбор шрифта, применяемого к нему начертания, если оно подгружено в шрифт, выбор размера шрифта и его цвета. Эти функции управления дублируются на строку быстрого управления, которая находится над рабочей областью.
Здесь же находятся кнопки выравнивания текста по правому, левому краям или по центру. По умолчанию в окне стоит стандартная размерная сетка шрифтов, но можно вводить произвольные значения.
Из интересных инструментов здесь же представлена возможность масштабирования текста по вертикали или горизонтали.
Для примера приведу масштабирование слова текст по вертикали и горизонтали.
При помощи соответствующего пункта меню можно задать необходимое расстояние между каждой буквой.
Если необходимо, часть текста, можно поднять выше, относительного другой части текста. Вертикальное смещение задается цифрами, но перед этим необходимо выделить текст, который смещается.
В нижней части окна можно найти стандартные формы редактирования текста. Здесь задается текст в режиме курсив, жирный или обычный.
Можно заставить фотошоп писать все символы строчными или заглавными буквами, вынести текст в верхний или нижний регистр, сделать перечеркнутый текст.
Следует обратить внимание на кнопку способов сглаживания. Изменение этого параметра будет заметно при увеличении текста. Попробуйте менять сглаживание от резкого к плавному и вы увидите разницу в начертании текста.
На этом тему инструмента текст в фотошоп я не заканчиваю. В одной из следующих статьей расскажу о деформации текста.
Подписывайтесь на обновления, чтобы не пропустить новые статьи.
Хромированные буквы в фотошоп — Уроки фотошоп и все о фотошоп
В этом уроке мы создадим хромированные буквы в фотошоп. Хромированные буквы будут иметь объёмный металлический вид со скосами.
Шаг 1. Создайте новый документ, и напишите серым цветом и крупным шрифтом надпись.
Шаг 2. Полученную надпись необходимо выделить. Для этого нажмите и, удерживая клавишу Ctrl, щёлкните на эскизе текстового слоя в палитре Слои. Затем сохраните выделенную область Выделение — Сохранить выделенную область (Select — Save Selection), задав ей имя «Область 1».
Шаг 3. Снимите выделения, нажав Ctrl + D. Скройте текстовый слой, щёлкнув на значке в виде глаза напротив его названия в палитре Слои и нажмите на слое Заднего плана. Перейдите к палитре Каналы, и щёлкните на канале Область 1.
Затем выберите Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur). В диалоговом окне укажите значение 4 и нажмите ОК.
Шаг 4. Вернитесь к палитре Слои и включите слой Заднего плана. Затем выберите Фильтр — Рендеринг — Эффект освещения (Filter — Rеnder — Lighting Effects). В диалоговом окне из раскрывающегося списка Канал текстуры выберите значение Область 1. Нажмите ОК.
Шаг 5. Нажмите Ctrl + M. Создайте кривую, которая изображена на рисунке. Для этого щёлкните на диагональной линии, чтобы добавить контрольную точку и перетащите её вверх. Добавьте ещё одну точку в верхней правой части кривой и перетащите её вниз. Нажмите ОК.
Шаг 6. Выберите Выделение — Загрузить выделенную область (Select — Load Selection). Наши буквы стали больше выделенной области, так как мы создали скосы с помощью фильтра Эффект освещения. Расширим область выбрав Выделение — Модификация — Расширить. Укажите значение 10 и нажмите ОК.
Шаг 7. Нажмите Ctrl + J, чтобы скопировать надпись на отдельный слой. В палитре Слои активизируйте слой Заднего плана. Нажмите Ctrl + A, чтобы выделить слой, затем Backspace, чтобы его отчистить. Отмените выделение Ctrl + D. У Вас должно получиться примерно следующее:
Шаг 8. Активизируйте начальный текстовый слой и, нажав внизу палитры Слои на значок похожий на букву f, выберите команду Тиснение. Укажите следующие значения и нажмите ОК:
В результате получим следующее:
Режим наложения слоя выберите Затемнение основы (Color Burn):
Шаг 9. Включите Слой 1. Нажмите на букве f и выберите команду Тень.
Увеличьте значение размера до 20 и нажмите ОК. На этом эффект хромированных букв завершён.
Автор: Владимир Нестеров Источник: photoshop-virtuoz.ru
О «ручном» рендеринге текста в Фотошопе
Сегодня вместо того, чтобы учить комбинации клавиш в Фотошопе, займёмся практикой. Если мы пишем текст не на макете веб-страницы, где в реальной жизни его всё равно будет рендерить какой-нибудь браузер с помощью какой-нибудь операционной системы, а на графическом элементе, который будет использован «как есть», то стоит обратить внимание на то, как этот текст порендерен в конкретные пиксели.
Вот, например, набросок кнопки «Выйти» для воображаемого сайта (слово слегка утоплено в кнопку за счёт теней):
Выпуклости и тени трогать не будем, сконцентрируемся на надписи. Она сделана шрифтом «Ариал», 12 п, в режиме «хрустящего» антиалиасинга (crisp). Проблема в том, что она мыльная:
Сравним рендеринг с другими режимами антиалиасинга — резким (sharp), насыщенным (strong) и спокойным (smooth), а также попробуем выключить его совсем:
Резкий режим оставляет меньше всего мыла, но он механически округляет всё до целых пикселей, ломая форму букв и толщины штрихов („й“ получилась жирнее других). В насыщенном режиме вообще всё получается грязно-жирным и мыльным. Спокойный вариант трудно отличить от исходного хрустящего. Устранить мыло совсем удалось лишь полным выключением антиалиасинга, но текст при этом, естественно, стал кудрявым, с лестницами по бокам.
В общем, у машины получается плохо — требуется человеческое вмешательство. То, чем мы займёмся дальше, называется «пиксельными войнами» (pixel wars). Отталкиваться будем от хрустящего антиалиасинга.
Не все знают, что кегель шрифта может быть дробным. Этим мы воспользуемся для того, чтобы по вертикали буквы попали в целое число пикселей. Критерием успеха для нас будет чёрная горизонтальная однопиксельность верхнего штриха буквы т. Будем потихоньку увеличивать шрифт. Красоты достигнем лишь на отметке 13,2 п:
Горизонталь буквы т теперь выглядит хорошо, а вот верхняя часть у „В“ размазалась. Возьмём её и загоним обратно в пиксели. Будем её уменьшать, а не увеличивать, чтобы относительный размер строчных стал больше:
Горизонтальные палки теперь легли как надо, можно заняться и вертикальными. Хочется сделать так, чтобы вертикальные штрихи занимали по горизонтали хотя бы один пиксель целиком, а не размазывались на два серых.
Начнём с изменения кернинга (Альт+влево/вправо между буквами). Будем пододвигать каждую букву так, чтобы её левый вертикальный штрих попал в пиксели (в случае с круглыми буквами можно просто стремиться к симметрии). Получится что-то такое:
Как видим, кернинг помог лишь отчасти: в некоторых буквах при хорошем попадании одного штриха, другой размазывается. Тут нам поможет растягивание букв. Возьмём „ы“ и сделаем её чуть-чуть пошире, чтобы правый штрих «защёлкнулся»:
Естественно, последующие буквы при этом поплывут, поэтому их придётся кернить заново. То есть буквы нужно по одной пододвигать и растягивать. Сильно искажать пропорции не стоит: деформированная буква будет смотреться ещё хуже, чем буква с размазанными пикселями. Также нужно быть осторожным в расстояниях между буквами: в погоне за точностью попадания в пиксели можно случайно сделать так, что некоторые буквы слипнутся, а некоторые окажутся друг от друга слишком далеко.
В итоге получится что-нибудь вроде такого:
Сравним с исходным рендерингом (было — стало):
Наверняка можно добиться и ещё лучшего вида. Можно также было начать с другого режима антиалиасинга, но он должен быть один и тот же во всём наборе кнопок, если их делается несколько.
Приятных экспериментов.
Размещение нескольких изображений в тексте
Версия Примечание: Используете Photoshop CC 2020 или более поздней версии? Ознакомьтесь со всей новой версией этого руководства.
Автор Стив Паттерсон.
В предыдущем уроке Photoshop мы рассмотрели, как разместить отдельное изображение внутри текста. На этот раз мы пойдем дальше и узнаем, как разместить несколько изображений в тексте . Это популярный эффект, который часто используется в рекламе и рекламных материалах, но с ним также можно поиграть самостоятельно.Мы собираемся взять слово и поместить разные изображения в каждую букву. Это очень легко сделать, и по большей части это просто повторение.
Я буду использовать некоторые изображения, предоставленные в свободный доступ хорошими людьми из НАСА, вместе со шрифтом, который также находится в свободном доступе в Интернете, но, как всегда, конечный результат, который я здесь придумал, не является важным. Дело в том, чтобы узнать, как это делается, чтобы вы могли использовать те же методы для воплощения своих собственных идей в жизнь. Сказав это, это результат, над которым я буду работать в этом уроке:
Окончательный эффект.
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Шаг 1. Откройте изображение, которое хотите использовать в качестве фонового изображения
Первое, что нам нужно сделать, это открыть наше исходное изображение, которое мы будем использовать в качестве фона. Конечно, вам не обязательно использовать изображение. У вас может быть однотонный фон, градиент, узор — что угодно. Я просто использую изображение, и вот оно, которое я буду использовать:
Исходное изображение, которое будет использоваться в качестве фона.
Шаг 2. Выберите инструмент «Текст» в Photoshop
.Выберите инструмент «Текст» на палитре «Инструменты» или просто нажмите букву T на клавиатуре, чтобы выбрать его:
Выберите инструмент «Текст».
Шаг 3. Выберите шрифт на панели параметров
Выбрав инструмент «Текст», перейдите на панель параметров вверху экрана и выберите шрифт. Вы захотите использовать шрифт, который будет давать вам толстые буквы для этого эффекта, иначе будет сложно увидеть изображения внутри них.Не беспокойтесь о размере шрифта сейчас, так как мы можем легко изменить его размер позже. Я собираюсь использовать шрифт под названием «Mathmos Original», научно-фантастический шрифт, который я бесплатно скачал с сайта 1001 Free Fonts:
.Выберите шрифт на панели параметров вверху экрана.
Шаг 4. Установите цвет текста так, чтобы вы могли видеть его перед своим изображением
Прежде чем мы начнем печатать, давайте удостоверимся, что цвет нашего текста — это то, что мы сможем увидеть. Мое изображение в основном черное, и по умолчанию мой цвет текста также установлен на черный, что затруднит его просмотр, поэтому я собираюсь изменить его на другой цвет.Для этого я нажимаю на образец цвета на панели параметров:
Измените цвет текста, щелкнув образец цвета на панели параметров (с выбранным инструментом «Текст»).
Затем я выберу другой цвет в палитре цветов Photoshop. Неважно, какой цвет вы выберете, поскольку вы не увидите его, когда мы заполним текст изображениями, поэтому не тратьте слишком много времени на свое решение. Я выберу оттенок красного:
Выбор белого цвета в палитре цветов Photoshop.
Щелкните OK, чтобы принять новый цвет и выйти из палитры цветов. Образец цвета на панели параметров теперь изменяется, показывая выбранный вами цвет. В моем случае он красный:
Образец цвета на панели параметров изменился, чтобы показать новый цвет текста.
Шаг 5: Введите первую букву вашего слова
Чтобы добавить разные изображения внутри каждой буквы слова, нам нужно работать с каждой буквой индивидуально, поэтому давайте создадим наше слово по одной букве за раз.Таким образом, каждая буква появится на отдельном слое в палитре слоев. Щелкните примерно там, где должна появиться ваша первая буква внутри документа, и введите букву. Я собираюсь использовать слово «ПРОБЕЛ», и, поскольку первая буква слова — «S», я наберу «S» (я знаю, это все очень сложные вещи):
Введите первую букву вашего слова.
Когда вы закончите, щелкните галочку на панели параметров, чтобы подтвердить текст.
Подтвердите текст, щелкнув галочку на панели параметров.
Если мы посмотрим на нашу палитру слоев, мы увидим, что теперь у нас есть два слоя — фоновый слой внизу, который содержит все, что вы используете в качестве фона, и первая буква нашего слова на отдельном слое над ним. :
Палитра слоев в Photoshop, показывающая фоновый слой и букву на отдельном слое над ним.
Шаг 6. Измените размер и переместите букву, если необходимо, с помощью свободного преобразования
Если вам, как и мне, нужно изменить размер буквы и переместить ее в более удобное положение, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Free Transform в Photoshop и обработать его вокруг буквы.Удерживая нажатой клавишу Shift, перетащите любой из угловых маркеров, чтобы изменить его размер. Удерживая нажатой клавишу Shift, вы не сможете случайно исказить букву при перетаскивании. Вы также можете удерживать Alt (Win) / Option (Mac), чтобы Photoshop изменил размер буквы от ее центра, что часто бывает полезно.
Чтобы переместить букву, щелкните в любом месте поля «Свободное преобразование» и перетащите букву в нужное место. Только не нажимайте на маленький целевой символ в самом центре, иначе вы переместите целевой символ, а не букву.При изменении размера буквы помните, сколько других букв вам нужно добавить, чтобы буква не стала слишком большой:
Измените размер и положение буквы по мере необходимости с помощью команды Photoshop Free Transform.
По завершении нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды «Свободное преобразование».
Шаг 7. Добавьте обводку вокруг буквы (необязательно)
В зависимости от изображений, которые вы будете размещать внутри букв, а также от фона, который вы используете, может быть сложно различить формы букв, когда вы закончите.Чтобы сделать текст читабельным, я собираюсь обвести свои буквы белой обводкой. Я мог бы подождать до конца, чтобы добавить обводку вокруг всех букв, но, поскольку я уже знаю, что хочу сделать, я собираюсь сэкономить время, добавив его к этой первой букве. Таким образом, когда я перейду к созданию остальных своих букв, сделав копии этой первой, обводка будет скопирована вместе с ней.
Чтобы добавить обводку, щелкните значок «Стили слоя» в нижней части палитры «Слои»:
Щелкните значок «Стили слоя».
Затем выберите «Обводка» в нижней части появившегося списка стилей слоя:
Выберите «Обводка» из списка стилей слоя.
Появится диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце установлены параметры «Обводка». Первое, что я собираюсь сделать, это уменьшить размер обводки до 2 пикселей. Если вы работаете в высоком разрешении, вы, вероятно, захотите увеличить размер обводки. Я также собираюсь изменить Положение обводки на Внутри. Наконец, по умолчанию Photoshop устанавливает цвет обводки на красный, что не имеет смысла.Я хочу, чтобы цвет моей обводки был белым, поэтому я нажимаю на образец цвета справа от параметра «Цвет», что снова вызывает палитру цветов Photoshop, и я изменяю цвет обводки на белый:
Параметры обводки в диалоговом окне «Стиль слоя» в Photoshop.
Нажмите «ОК», когда закончите, чтобы применить обводку к букве и выйти из диалогового окна. Здесь мы видим мою белую обводку, нанесенную на букву «S»:
Теперь буква обведена тонкой белой обводкой.
Шаг 8: Скопируйте текстовый слой
Прежде чем я помещу изображение в свое письмо, я собираюсь закончить добавление остальных моих букв, чтобы создать свое законченное слово. Чтобы создать вторую букву, я просто нажму Ctrl + J (Win) / Command + J (Mac), чтобы продублировать мой слой Type. Кажется, в моем окне документа ничего не произошло, но если я посмотрю на палитру слоев, я вижу, что теперь у меня есть исходный слой Type, содержащий букву «S», а также его копию, которая в настоящее время также содержит букву. «S», над ним:
Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы скопировать текстовый слой.
Шаг 9: переместите вторую букву в позицию
Сделав копию нашего первого письма, мы создали наше второе письмо. Конечно, сейчас есть пара проблем. Во-первых, обе буквы расположены прямо друг на друге, и они также установлены на одну и ту же букву. Давайте займемся первой проблемой, переместив вторую букву на место. Для этого нам понадобится инструмент «Перемещение». Теперь вы, , могли бы выбрать инструмент «Перемещение» на палитре «Инструменты», но это способ «получать почасовую оплату».Вот удобный трюк. Чтобы временно переключиться на инструмент «Перемещение» из любого другого инструмента (кроме инструмента «Рука»), просто удерживайте нажатой клавишу Ctrl (Win) / Command (Mac). Это дает вам быстрый доступ к инструменту «Перемещение», не выбирая его. Затем, удерживая нажатой клавишу «Alt / Option», удерживайте нажатой клавишу Shift, чтобы ограничить ваши движения горизонтальной линией, и перетащите вторую букву вправо, пока она не займет позицию:
Используйте инструмент «Перемещение», чтобы перетащить вторую букву на место.
Шаг 10: Измените букву
Теперь нам нужно изменить саму букву.Для этого дважды щелкните миниатюру слоя Type в палитре слоев:
Дважды щелкните миниатюру слоя Type.
Это выделит букву в окне документа:
Теперь буква выделена.
Измените букву на вторую букву вашего слова. Поскольку мое слово — «ПРОБЕЛ», я ввожу «P» на клавиатуре:
.Измените букву на вторую букву вашего слова.
Когда вы закончите, нажмите еще раз на галочку на панели параметров, чтобы принять изменение и выйти из режима редактирования текста:
Щелкните галочку на панели параметров, чтобы принять изменение.
Шаг 11: Добавьте оставшиеся буквы
Повторите шаги 8-10, чтобы добавить остальные буквы и завершить слово. Используйте инструмент «Перемещение», чтобы изменить расстояние между буквами, пока все не будет выглядеть так, как вы хотите. Вот мое законченное слово:
Повторите предыдущие три шага, чтобы закончить слово.
Обратите внимание, что белая полоса, которую я добавил к моей начальной букве, была автоматически добавлена к каждой букве в слове, поскольку каждая буква, по сути, является копией первой.И если я сейчас загляну в свою палитру слоев, то вижу, что каждая буква в слове находится на отдельном слое, что упростит размещение изображения внутри каждого отдельного слоя:
Палитра слоев в Photoshop показывает каждую букву на отдельном слое.
Шаг 12: Выберите первую букву на палитре слоев
Теперь, когда у нас есть слово, каждая буква которого находится на отдельном слое, мы можем начать размещать изображения внутри букв. Начнем с первой буквы, в моем случае это «S».Щелкните слой с буквой в палитре слоев, чтобы выбрать его. Вы узнаете, что он выбран, потому что он будет выделен синим цветом:
Выберите слой с первой буквой в палитре слоев.
Шаг 13: откройте изображение, которое хотите разместить внутри буквы
Выделив слой, откройте изображение, которое хотите поместить внутри первой буквы. Если при открытии изображения оно отображается в одном из полноэкранных режимов Photoshop, нажимайте букву F на клавиатуре, пока изображение не появится в окне документа.Вот изображение, которое я буду использовать (фото солнца с сайта sungazer.net):
Откройте изображение, которое хотите поместить в первую букву. Фото: sungazer.net
Шаг 14: Перетащите изображение в основной документ
Открыв изображение в отдельном окне документа, просто щелкните в любом месте изображения и перетащите его в основной документ:
Щелкните внутри изображения и перетащите его в основной документ.
Если мы сейчас посмотрим на палитру слоев, то увидим, что Photoshop поместил изображение на свой собственный слой прямо над первой буквой слова:
Палитра слоев, показывающая изображение, которое теперь появляется на «Слое 1» непосредственно над первой буквой слова.
И если мы посмотрим в наш основной документ, мы увидим изображение, блокирующее первую букву, а также большую часть фона, из вида:
Основной документ, показывающий второе изображение, теперь закрывает первую букву и часть фонового изображения от просмотра.
Шаг 15: Создание обтравочной маски
Чтобы поместить изображение прямо внутри буквы или, по крайней мере, сделать так, чтобы оно выглядело так, как будто мы это сделали, мы собираемся использовать обтравочную маску. Буква станет маской для изображения над ней, что означает, что единственная часть изображения, которая останется видимой, — это область непосредственно над буквой.Остальная часть изображения будет скрыта, создавая иллюзию, что изображение на самом деле находится внутри буквы!
Чтобы создать обтравочную маску, убедитесь, что у вас есть слой изображения («Слой 1»), выбранный в палитре «Слои», затем перейдите в меню «Слой» в верхней части экрана.
Выберите «Создать обтравочную маску» в меню «Слой».
Вы также можете использовать сочетание клавиш Alt + Ctrl + G (Win) / Option + Command + G (Mac). В любом случае изображение «обрезается» по форме буквы.Если мы снова посмотрим на палитру «Слои», то увидим, что «Слой 1» теперь отображается с отступом вправо с небольшой стрелкой, указывающей вниз на слой «Текст» под ним, сообщая нам, что мы успешно создали нашу обтравочную маску:
Палитра слоев в Photoshop показывает, что «Слой 1» «обрезан» слоем «Текст» под ним.
И если мы посмотрим в наш основной документ, то увидим, что изображение теперь выглядит так, как будто оно находится внутри буквы:
Изображение теперь появляется внутри первой буквы слова.
Шаг 16. Измените размер и положение изображения внутри буквы
.У нас есть первое изображение внутри нашего первого письма. Все, что нам нужно сделать сейчас, это изменить его размер и положение, чтобы он выглядел так, как мы хотим. Для этого, не снимая выделения с «Layer 1», нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Free Transform в Photoshop и обработать изображение. Поле «Свободное преобразование» и маркеры появятся вокруг всего изображения, хотя единственная часть изображения, которую вы видите, — это то, что отображается внутри буквы.
Если вы не видите некоторые из дескрипторов Free Transform, потому что они выходят за пределы видимой области в окне документа, нажмите Ctrl + 0 (Win) / Command + 0 (Mac), чтобы уместить все на экране. Затем просто перетащите любой из угловых маркеров, чтобы изменить размер изображения. Удерживайте нажатой клавишу Shift при перетаскивании, чтобы ограничить пропорции изображения, и удерживайте нажатой клавишу Alt (Win) / Option (Mac), чтобы изменить размер изображения от его центра, если это облегчит задачу. Переместите изображение внутри буквы, щелкнув и перетащив в любое место внутри поля Free Transform:
Используйте Free Transform, чтобы переместить и изменить размер изображения внутри буквы.
Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из команды Free Transform. Вот мое изображение с завершенной работой над моим первым письмом:
Первое письмо готово.
Шаг 17: Повторите те же шаги с другими буквами
Чтобы разместить изображения внутри оставшихся букв, просто повторите те же шаги, которые мы использовали с нашей начальной буквой. Сначала выберите букву в палитре слоев. Затем откройте изображение, которое хотите поместить внутри буквы, при необходимости несколько раз нажав клавишу F на клавиатуре, пока изображение не появится в собственном окне документа.Щелкните в любом месте изображения и перетащите его в основной документ. Изображение появится на отдельном слое над буквой, которую вы выбрали. Создайте обтравочную маску, чтобы поместить изображение непосредственно внутри буквы, а затем закончите работу, используя Free Transform, чтобы изменить размер и положение изображения внутри буквы по мере необходимости. Просто нужно повторять одни и те же шаги, используя разные изображения для каждой буквы, пока вы не закончите!
Я продолжу и помещу изображения в оставшиеся буквы, используя шаги, которые я только что обрисовал.Теперь мы можем видеть в моей палитре слоев, что каждая буква имеет отдельное изображение на слое прямо над ней, и что каждое изображение «обрезается» по форме буквы:
Палитра слоев, показывающая отдельное изображение на слое непосредственно над каждой буквой. Каждая буква используется в качестве обтравочной маски для изображения над ней.
После просмотра моего финального эффекта мне показалось, что белая обводка вокруг букв сама по себе выглядела немного скучной, особенно для космического дизайна.Поэтому, чтобы придать моим буквам больше научно-фантастического вида, я добавил вокруг них стиль слоя Outer Glow, используя голубой / фиолетовый цвет, похожий на галактику, кружащуюся на заднем плане. Я не буду утруждать себя описанием шагов по добавлению стиля слоя Outer Glow, поскольку он не является предметом данного урока, и вам может не понадобиться или вы не захотите использовать его в своем дизайне. Я также обрезал изображение вокруг слова, чтобы усилить эффект. Вот мой окончательный результат:
Окончательный результат.
Куда идти дальше …
И вот оно! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!
Как повернуть, масштабировать и отразить текст в Photoshop (лучшие методы)
В Photoshop есть множество фантастических текстовых эффектов. Проблема в том, какой смысл, если вы не знаете, как расположить текст так, как хотите? Текст — одна из самых простых вещей, которыми можно манипулировать в Photoshop. Используя множество обсуждаемых здесь методов, вы можете быстро сориентировать текст, чтобы он идеально подходил к любому изображению.В этом руководстве вы узнаете, как вращать, масштабировать и переворачивать текст, чтобы с уверенностью добиться нужного вам вида. Давайте начнем!
Как повернуть текст в Photoshop
Есть два простых способа повернуть текст в Photoshop, в зависимости от угла, который вы хотите установить. Давайте рассмотрим каждый из этих параметров и уникальную цель, которую они выполняют при повороте текста.
— Использование свободного преобразования для поворота фотографии
Free Transform — один из самых простых и простых инструментов для поворота текста в Photoshop.Эта опция позволяет вам повернуть текст, щелкнув и перетащив мышь, чтобы установить ориентацию.
Выделив текстовый слой, возьмите инструмент «Перемещение», нажав V , или перейдите в Edit> Free Transform.
Наведите курсор на любой угол текста, пока не увидите двустороннюю U-образную стрелку.
Щелкните и перетащите мышь, чтобы повернуть текст в нужную ориентацию.Вы можете использовать поле угла, которое появляется в качестве ориентира для достижения определенного угла.
Если у вас есть определенный угол, на который вы хотите установить текст, вы можете ввести его на панели настроек. Просто введите нужный угол и нажмите клавишу ВВОД.
— Поворот фото на 90 градусов
Если вы знаете, что хотите повернуть текст на 90 градусов, ручной поворот будет не так полезен. Вы можете ускорить процесс, повернув текст на 90 градусов всего одним щелчком мыши.
Выделив текстовый слой, перейдите в Правка> Трансформировать> Повернуть на 90 по часовой стрелке / Повернуть на 90 против часовой стрелки.
Кроме того, вы можете щелкнуть правой кнопкой мыши по тексту и выбрать аналогичные параметры поворота при использовании Free Transform.
— Как повернуть отдельные буквы
Теперь, когда вы знаете, как вращать текст в Photoshop, давайте обсудим отдельные буквы. Вместо того, чтобы изменять угол всего текста, вы также можете выбирать отдельные буквы.Вращая отдельные буквы, вы можете дополнительно настроить внешний вид вашего текста!
Выберите текстовый слой и перейдите в «Тип»> «Преобразовать в форму». Это изменяет текст с текстового слоя на слой-фигуру.
Поскольку текст теперь представляет собой фигуру, вы можете напрямую редактировать траекторию фигуры. Выберите инструмент выбора пути, нажав A , и щелкните букву, которую хотите повернуть.
Выбрав букву, нажмите Command + T (Mac) или Control + T (ПК), чтобы преобразовать отдельную букву.
Наведите указатель мыши на любой угол поля трансформации, щелкните и перетащите, чтобы повернуть.
Нажмите Введите , чтобы сохранить изменения.
Вы можете повторять этот процесс столько раз, сколько хотите, чтобы продолжать вращать отдельные буквы!
Как сделать вертикальный текст в Photoshop
Независимо от того, сколько раз вы пытаетесь повернуть текст в Photoshop, буквы не будут писать вертикально. Вместо того, чтобы по отдельности вращать каждую букву, есть простой способ создать вертикальный текст в Photoshop.
Выделив текст и активен инструмент «Текст», найдите кнопку «Переключить ориентацию текста» на панели настроек. Он расположен непосредственно рядом с вариантами шрифта.
При нажатии на эту кнопку текст автоматически переключается с горизонтального на вертикальный.
Это самый быстрый способ создать вертикальный текст в Photoshop, поскольку для этого требуется всего один щелчок. Никаких настроек трансформации или манипуляций с контурами не требуется!
Как масштабировать текст в Photoshop
Масштабирование текста в Photoshop очень просто, и есть несколько способов сделать это.Вот лучшие методы, которые вы должны использовать при масштабировании текста в Photoshop.
— Масштабирование текста с произвольным преобразованием
Самый быстрый способ масштабировать текст — использовать инструмент Free Transform Tool. Просто возьмите инструмент «Перемещение», нажав V , и потяните за любой угол поля трансформации.
По мере масштабирования текста размер шрифта будет соответственно увеличиваться.
— Масштабирование текста с помощью панели символов
Панель «Персонаж» содержит все настройки для любого текстового слоя в Photoshop.Если вы не видите эту панель, выберите «Окно »> «Персонаж », чтобы открыть панель.
Выделив текстовый слой, наведите указатель мыши на значок размера шрифта на панели символов. Щелкните и перетащите в любом направлении, чтобы увеличить или уменьшить размер шрифта.
Если вы предпочитаете вводить номер шрифта, просто щелкните размер шрифта и введите желаемый масштаб.
Масштабирование текста с помощью панели символов в Photoshop чрезвычайно полезно, поскольку вам не нужно выделять текст.Все, что вам нужно сделать, это выбрать текстовый слой на панели слоев, чтобы начать редактирование!
— Использование настроек инструмента «Текст» для масштабирования текста
Самый простой способ масштабирования текста в Photoshop — с помощью панели настроек инструмента «Текст».
Выбрав инструмент «Текст» и текстовый слой, выделите весь текст, размер которого нужно изменить.
Чтобы выделить весь текст сразу, используйте сочетание клавиш Command + A (Mac) или Control + A (ПК).
Поднимитесь на панель настроек и наведите указатель мыши на значок размера шрифта.Щелкните и перетащите в любом направлении, чтобы масштабировать выделенный текст.
Вы также можете ввести шрифт определенного размера или выбрать его в раскрывающемся меню.
Следует помнить, что ваш текст должен быть выделен , чтобы это работало. Если текст не выделен, любые изменения, сделанные с помощью этого метода, должны повлиять на него.
— Как масштабировать отдельные буквы
Лучший способ масштабировать отдельную букву в Photoshop — использовать панель настроек текстового инструмента.
Просто выделите букву , размер которой вы хотите изменить, и соответствующим образом отрегулируйте размер шрифта.
Это изменит только размер выделенной буквы, оставив остальной текст нетронутым!
Как отразить текст в Photoshop
Независимо от того, сколько раз вы пытаетесь повернуть текст в Photoshop, буквы все равно будут иметь ту же ориентацию. К счастью, вы можете перевернуть текст в Photoshop за несколько простых шагов.
— Переворот текста по вертикали
Чтобы перевернуть текст по вертикали, выберите текстовый слой, который нужно отредактировать.
Возьмите инструмент «Перемещение», нажав V и нажмите Command + T (Mac) или Control + T (ПК), чтобы получить доступ к инструменту Transform Tool.
Щелкните правой кнопкой мыши и выберите «Отразить по вертикали».
Теперь нижняя часть вашего текста будет вверху и наоборот. Практически одним щелчком мыши вы можете перевернуть текст в Photoshop по вертикали!
— Переворот текста по горизонтали
Выберите текстовый слой, который нужно отразить по горизонтали.
Возьмите инструмент «Перемещение», нажав V и нажмите Command + T (Mac) или Control + T (ПК), чтобы получить доступ к инструменту Transform Tool.
Щелкните правой кнопкой мыши и выберите «Отразить по горизонтали».
Эта опция возьмет левую часть вашего текста и поместит ее справа, и наоборот.
— Как переворачивать отдельные буквы по горизонтали или вертикали
Как мы уже говорили, чтобы перевернуть отдельную букву, вам нужно преобразовать текст в форму.
Чтобы преобразовать текст в форму, выберите текстовый слой и перейдите к «Тип»> «Преобразовать в форму».
Откройте инструмент выбора пути, нажав A и щелкнув букву, которую хотите перевернуть. Нажмите Command + T (Mac) или Control + T (ПК), чтобы открыть параметры преобразования.
Щелкните правой кнопкой мыши букву и выберите «Отразить по горизонтали» или «Отразить по вертикали».’
Выбор любой из этих опций переворачивает отдельную букву, оставляя остальной текст нетронутым. Это еще один быстрый способ добавить немного яркости вашему тексту в Photoshop!
Заключение
Умение управлять текстом в Photoshop — ключ к достижению точного позиционирования и желаемых эффектов. Теперь, когда вы знаете, как вращать, масштабировать и отражать текст в Photoshop, ваши возможности безграничны в том, как вы ориентируете текст.
Хотите больше уроков, подобных этому? Подпишитесь на нашу еженедельную рассылку, чтобы получать больше фотографий и советов по редактированию фотографий, которые будут доставлены прямо на ваш почтовый ящик!
— Брендан
4 простых и быстрых шага по настройке кернинга в Photoshop
Типографика очень важна для хорошего дизайна. Помимо выбора красивого шрифта, вам также нужно будет поиграть с интервалом, чтобы добиться наилучшей разборчивости и внешнего вида.
Работая графическим дизайнером более девяти лет, когда я создаю плакат и работаю с текстом в Photoshop, я регулирую расстояние между буквами и текстом.
Возьмем, к примеру, дизайн логотипа для стандартного текстового логотипа. На первом этапе я играю с интервалом. Верно, я делаю это еще до того, как сменил шрифт. Когда меня устраивает интервал, я добавляю его красивым шрифтом, красивыми цветами, может быть, жирным шрифтом и добавляю свой индивидуальный подход.
В этом уроке вы узнаете, как настроить кернинг в Photoshop, выполнив четыре простых шага, а также несколько полезных советов.
Продолжайте читать.
4 быстрых шага к керн-тексту в Photoshop
Кернинг — это процесс изменения количества пробелов между буквами.Вы можете легко настроить кернинг текста на панели «Символ» за четыре шага, чтобы улучшить читаемость.
Примечание. Скриншоты взяты из Adobe Photoshop 2021 версии. Windows или другие версии могут выглядеть немного иначе.
Шаг 1 : Выберите инструмент «Текст».
Шаг 2 : Щелкните между двумя буквами, для которых нужно изменить пробел. В этом случае я хочу отрегулировать пробел между буквами K и e.
Шаг 3 : Найдите значок V / A на панели Character .
Шаг 4 : Щелкните и выберите значение из раскрывающегося меню или введите значение.
Положительное значение означает добавление пробелов, а отрицательное значение означает уменьшение пробелов между буквами.
Например, я выбрал -100 , пробел между буквами K и e уменьшается, поэтому они плотно прилегают друг к другу.
Советы. Не можете получить именно то, что хотите? Вот уловка.Наведите указатель мыши на значок A / V, и вы увидите этот значок курсора указателя. Двигайтесь влево, чтобы уменьшить, и двигайтесь вправо, чтобы увеличить кернинг (пробел).
Например, я перетащил вправо, чтобы получить значение 160 (это не вариант из раскрывающегося меню).
Или вы можете использовать сочетание клавиш для небольшой настройки. Удерживая клавишу Option (Alt в Windows), нажмите левую (для уменьшения) или правую (для увеличения) клавиши со стрелками, чтобы настроить кернинг.
Часто задаваемые вопросы
Возможно, вам также будет интересно узнать ответы на следующие вопросы, связанные с кернингом текста в Photoshop.
Какие бывают типы кернинга?
Когда вы нажимаете на значок кернинга, вы видите варианты: метрическая, оптическая и некоторые числа, верно? На самом деле существует три типа кернинга: метрический, оптический и ручной.
Метрика — это метрика, которую мы обычно используем для корректировки пробелов между определенными парами букв.Оптический используется для кернинга текста на основе формы букв. И мы можем керрировать текст вручную в соответствии с конкретными потребностями.
В чем разница между интерлиньяжем, кернингом и трекингом?
Интерлиньяж, кернинг и отслеживание — все это процессы для управления интервалом текста. Но каждый из них выполняет определенную функцию.
Интерлиньяж регулирует текстовое пространство по вертикали между абзацами или несколькими строками текста. Отслеживание регулирует интервал всего текста (группы букв), а кернинг регулирует расстояние между двумя конкретными буквами.
Что такое плохой кернинг?
Плохой кернинг означает плохую читаемость, особенно когда речь идет о содержимом основного текста. Слишком много или слишком мало пробелов между буквами может повлиять на читаемость.
Плохой кернинг также может привести к недопониманию. Поэтому очень важно настроить кернинг. Например, само слово «кернинг». В каком-то шрифте вы легко можете прочитать это как «кеминг», не так ли?
Заключение
Нельзя говорить о типографике без упоминания интервала между текстом, и кернинг играет в этом большую роль.Независимо от того, разрабатываете ли вы логотип или пытаетесь сделать текст более читабельным, ключевым моментом является настройка кернинга и других межсимвольных интервалов.
А помните примеры плохого кернинга? Избегайте этого 🙂
Примерно 9000 июня 2 Джун — опытный графический дизайнер, специализирующийся на дизайне брендов. Photoshop — важный инструмент, который она использует каждый день вместе с другими программами Adobe для своей творческой работы.Увеличенный текст с использованием 3D в Photoshop CC
Давайте немного повеселимся с 3D.Давай, просто попробуй! В этом упражнении мы создадим увеличенный текст, используя функции 3D в Photoshop. Благодаря улучшенным свойствам поверхности вы можете создать светоотражающий металлический вид за считанные минуты. ( Примечание: Для этой техники вам понадобится Photoshop CS6 Extended или CC.)
ШАГ ПЕРВЫЙ: Участники KelbyOne могут начать с открытия файла загрузки, используемого в этом руководстве, по адресу http://kelbyone.com/magazine/issue/october-2013/. [ Все загружаемые файлы предназначены только для личного использования.Чтобы узнать больше о KelbyOne, посетите http://kelbyone.com.] Если вы не являетесь участником KelbyOne, вы можете просто создать новый документ и следовать за ним своим собственным текстом. В любом случае вам нужно использовать шрифт с закругленными краями и углами. Это поможет добавить округлые формы готовому 3D-тексту. Мы использовали шрифт Bell Bottom и набрали слово «ИГРАТЬ». Поскольку это специализированный шрифт, маловероятно, что он у многих из вас есть, поэтому загружаемый файл содержит текст как слой-фигуру.
ШАГ ВТОРОЙ: Преобразуем текст в трехмерный объект. С активным текстовым слоем или слоем-фигурой на панели «Слои» выберите «3D»> «Новая 3D-экструзия из выбранного слоя». Это немедленно вытянет текст и сделает видимой плоскость заземления проволочной сетки. (Если вы не видите наземную плоскость, переключитесь на инструмент «Перемещение» [V], затем выберите «Просмотр»> «Показать»> «Трехмерная наземная плоскость».)
ШАГ ТРЕТИЙ: На панели 3D (Окно> 3D) найдите текстовый элемент 3D в списке и щелкните по нему (ИГРАТЬ в этом примере).Затем откройте панель «Свойства» («Окно»> «Свойства») и установите для параметра «Глубина выдавливания» значение 0. Нам не нужны стороны, только передняя и задняя грань.
ШАГ ЧЕТВЕРТЫЙ: В верхней части панели «Свойства» щелкните значок «Кепка», который является третьим значком слева. Здесь вы можете изменить настройки наклона и наклона. Сначала щелкните раскрывающееся меню вверху и установите для параметров «Стороны» значение «Передняя» и «Задняя». Затем перейдите в раздел «Надувание», установите угол 90 ° и увеличьте силу примерно до 20%.Это придаст тот надутый вид, который нам нужен.
ШАГ ПЯТЫЙ: Прежде чем мы разделим буквы, давайте настроим свойства поверхности для текстовых элементов. На панели 3D выделите Материал передней инфляции для текста. На панели «Свойства» вы увидите различные элементы поверхности. Щелкните значок шара в правом верхнем углу, чтобы открыть инструмент выбора материала, и выберите материал без текстуры. Нажмите на образец цвета рядом с Diffuse, выберите белый в палитре цветов и нажмите OK.Установите Shine на 100%, Reflection на 75% и Roughness примерно на 25%. Примените те же настройки к материалу обратной инфляции.
ШАГ ШЕСТОЙ: Перейдите в 3D> Split Extrusion. Это позволит вам управлять каждой буквой индивидуально, сохраняя при этом все буквы в одном 3D-слое. Переключитесь на инструмент «Перемещение» (V) и нажмите на первую букву, чтобы вокруг нее появилась трехмерная рамка. Теперь вы можете использовать 3D-инструменты и виджеты, чтобы изменить положение и масштабировать эту букву по отношению к другим буквам.
ШАГ СЕДЬМОЙ: Давайте дадим каждой букве разный цвет. Начиная с этой первой выбранной буквы, нажмите на ее Front Inflation Material на панели 3D. В верхней части панели «Свойства» щелкните образец цвета рядом с «Рассеивание» и выберите красный цвет в палитре цветов. Когда закончите, нажмите OK. Проделайте то же самое с каждой из оставшихся букв, придавая каждой другой цвет. Вы заметите, что все свойства отражения остаются неизменными даже при изменении цвета.
ШАГ ВОСЬМОЙ: Если вы используете Photoshop CC, вы увидите несколько зеркальных точек на тексте. Они создаются с помощью света на основе изображения по умолчанию, который был применен к тексту (IBL сплошного черного цвета в Photoshop CS6). Он имитирует отражение окружающей среды, в которой находится 3D-объект. В данном случае это похоже на отражение потолочного света от поверхности, но я хочу использовать что-то другое.
ШАГ ДЕВЯТЫЙ: На панели 3D щелкните Environment в самом верху списка.В верхней части панели «Свойства», под Global Ambient, вы увидите IBL (Image Based Light). Щелкните значок справа от эскиза предварительного просмотра и выберите «Новая текстура». В диалоговом окне «Новый» найдите имя своего 3D-файла в раскрывающемся меню «Предустановки», чтобы использовать те же размеры, что и у основного файла для этого нового файла, убедитесь, что для параметра «Содержимое фона» установлено значение «Белый», и нажмите «ОК».
ШАГ ДЕСЯТЫЙ: После создания нового файла вернитесь в меню IBL и выберите «Редактировать текстуру».Когда файл откроется, нажмите Command-I (ПК: Ctrl-I), чтобы изменить белый фон на черный. Затем щелкните значок «Создать новый слой» в нижней части панели «Слои» и используйте инструмент «Эллиптическая область» (вложенный в инструмент «Прямоугольная область» [M] на панели инструментов), чтобы создать большое овальное выделение внутри холста. Нажмите Shift-Delete (ПК: Shift-Backspace), выберите 50% серого в раскрывающемся меню «Использовать» в диалоговом окне «Заливка» и нажмите «ОК». Закройте и сохраните файл Image Based Light.
ШАГ ОДИННАДЦАТЬ: Это изменит внешний вид света и отраженных элементов в тексте.Когда свойство Environment все еще выбрано на панели 3D, вы можете использовать инструменты 3D для перемещения и поворота IBL, чтобы изменить способ его отображения в тексте. По сути, вы перемещаете отражение по поверхности объекта. Чтобы получить доступ к 3D-инструментам, активируйте инструмент «Перемещение», и вы увидите все 3D-инструменты в конце настроек на панели параметров.
ШАГ ДВЕНАДЦАТЫЙ: Как только это будет сделано, вы можете изменить положение и масштабировать каждую букву с помощью 3D-инструментов или виджетов.Буквы будут взаимодействовать друг с другом, отражая не только свет на основе изображения, но и друг друга после рендеринга 3D-объекта (3D> Render). Помните, что даже если вы можете управлять каждой буквой по отдельности, все они остаются на одном трехмерном слое.
Эта статья любезно предоставлена журналом Photoshop User , официальным изданием KelbyOne, которое предоставляет качественное онлайн-образование для творческих людей. Для получения дополнительной информации посетите KelbyOne.com.
Как создать эффект милой меха в Photoshop
Это забавный эффект, который вы можете создать в Photoshop. Идея состоит в том, чтобы создать текст, который выглядел бы так, как будто он покрыт мехом. Вам понадобятся только инструменты «Текст» и «Кисть». Это может быть что-то, что вы могли бы использовать для графического дизайна или личной работы, я думаю, это выглядит мило. Вот что мы сделаем.
1. Создайте новый документ и предположим, что он будет печататься, поэтому установите dpi на 300, а размеры на 1000 пикселей в ширину и 1000 пикселей в высоту.
2. Выберите инструмент «Текст» (T) и на панели параметров в верхней части экрана настройте свой тип.
Я использую жирный шрифт Open Sans Condensed Bold. Это бесплатный шрифт, который вы можете скачать с Google Fonts. Этот эффект будет хорошо работать с любым жирным жирным шрифтом.
Цвет, который вы выберете на этом этапе, не имеет значения, потому что мы удалим этот текст в конце.
Я установил размер шрифта на 200 пунктов.
3. Добавьте текст в свой документ.
4. Создайте новый слой над текстовым слоем и назовите его «Мех».
5. Выберите инструмент «Кисть» (B) и на панели параметров вверху щелкните раскрывающееся меню кистей и выберите кисть «Dune Grass».
5. Кисть для травы для дюн работает путем «рассеивания» травы для дюн во время рисования и изменяет цвет каждой травинки в зависимости от цвета переднего и заднего плана. Выберите цвета переднего плана и фона, чтобы они имели одинаковый оттенок, например, голубой и темно-синий.Щелкните один раз на образце цвета переднего плана, чтобы открыть палитру цветов. Я использовал цвет переднего плана # 0066FF и цвет фона # 000033.
6. Потренируйтесь, перетащив кисть рядом с буквой, чтобы понять, как работает кисть. Вы увидите, что при перетаскивании назад и вперед образуется нарост дюнной травы, а цвета меняются от королевского синего до темно-синего, как мы установили в палитре цветов ранее.
7.Хорошо, теперь, когда вы почувствовали кисть, начните перемещать ее по букве. Я начал с вершины. Видеть! Это уже мило выглядит.
8. Теперь есть два варианта: либо повернуть холст с помощью инструмента «Повернуть холст» (H) и продолжить работу вокруг буквы, либо повернуть кисть. Мы собираемся повернуть кисть, потому что я хочу показать вам некоторые параметры, доступные на панели «Кисти». Откройте панель кистей, выбрав Окно > Кисти или нажав F5.Нажмите на слова «Форма кончика кисти» (да, это кнопка!) В верхнем левом углу панели кистей.
9. В предварительном просмотре «Установить направление кисти» щелкните и перетащите стрелку, и вы увидите, как трава в дюнах меняет направление. Либо перетащите стрелку, пока Угол не станет примерно 55, либо просто введите 55 в поле Угол. Теперь закрасьте вертикальные части букв с правой стороны. Продолжайте рисовать назад и вперед, чтобы получить хороший нарост «меха».
10.Вернувшись в панель кистей, снова измените угол, чтобы он был примерно -135. Трава дюн теперь будет выглядеть так, как будто она обращена вниз. Прокрасьте нижнюю часть букв, снова создавая много меха и перекрывая мех, который вы уже нарисовали.11. Вернемся к панели кистей в последний раз. Измените угол примерно до 110 градусов. Продолжайте рисовать кистью по левой стороне букв. Раскрасьте внутреннюю часть буквы, пока она полностью не закроется, и у вас получатся две симпатичные пушистые буквы примерно так;
12.Последний шаг — отключить видимость на исходном текстовом слое, который в любом случае должен быть невидимым, так как он покрыт мехом. Вот и все! Надеюсь, вам понравилось создавать мех в фотошопе.
Я надеюсь, что вы нашли это руководство по Photoshop полезным, и буду очень благодарен, если вы поделитесь им. Большое спасибо! 🙂
Прикрепить!
| связанных писем Этот стиль монограмм — один из тех, которые я люблю для свадебных монограмм, где большая буква посередине является последним инициалом, а меньшие буквы — его и ее именами. Хотя это само по себе не учебное пособие уровня «новичок» и не «легкое», вы все равно можете это сделать, даже если вы новичок! Просто не торопитесь и будьте терпеливы, работая над шагами. Если вы наткнетесь на что-то, чего никогда раньше не делали, просто внимательно прочтите инструкции и изучите схемы. Просто помните, что если бы это было * легко *, все бы этим занимались. Расслабьтесь и наслаждайтесь этим проектом.В процессе работы над этим проектом вы будете работать с несколькими техниками:
| Это руководство написано в основном со скриншотами из версии 5.5. В более новых версиях экраны могут выглядеть немного иначе. Там, где есть существенные различия в способах между версиями, я буду указывать на версии 5-6 направления слив. | |||
| 1. Делаем центральную букву. ПРИМЕЧАНИЕ. Для ясности я буду называть внешние буквы J и E, а внутреннюю букву A. Конечно, это будет работать с любыми буквами, которые вы выберете. а. Начать:
| ||||
г.Сделайте свое оригинальное письмо в альфа-канале:
(Для версии 6 необходимо убедиться, что на панели параметров нажата кнопка «создать текстовый слой». Она находится рядом с кнопкой «создать маску или выделение». В версии 5 кнопка буква будет белой, как только вы ее наберете. Она также не будет выделена.) | ||||
г. Теперь сделаем канал текстуры:
| ||||
Файл -> Сохранить как и выберите имя для своего файла. Оставьте формат .psd. | ||||
г. Время для цвета!
| ||||
e. Хорошо, теперь самое интересное — вывести букву через канал текстуры! Вот как:
Примечание: если в этот момент все темно и вы вообще не видите свою букву, убедитесь, что | ||||
ч. Обрежьте свое письмо:
| jj | |||
2.Чтобы сделать две другие буквы, используйте несколько зацикленный шрифт. Я использовал французский шрифт. Для этого золота залейте слой цветом # BEAD90. (Введите это число в поле # в нижней части диалогового окна выбора цвета.) Чтобы получить более приятное, более медное золото, попробуйте # CF9F5F.
| ||||
| 3. Создание и расположение теней. Перед тем, как связать буквы, мы должны сделать тени и дублировать тени. После того, как мы свяжем буквы, мы исправим тени, чтобы они затеняли нужные предметы. а. Сделайте тени.
| ||||
б. Затем мы продублируем и расставим тени для каждой буквы.Вот как:
| ||||
| 3. Связывание букв. Сначала сделаем предварительную аранжировку.Затем мы спланируем, где мы хотим, чтобы петли проходили под основной буквой. Наконец, мы сделаем ссылку. а. Аранжировка:
б. Планирование: решите, где вы хотите, чтобы внешние буквы проходили ПОД «А». Если внешняя буква идет ПОД «А», вы сотрете эту часть внешней буквы. г. Ссылка:
| ||||
| ||||
4. Хорошо … теперь это уже выглядит довольно круто, но здесь нам нужно больше реализма.Сделаем тени! Тени — самая важная часть реалистичности изображения. Когда вы свяжете буквы, вы увидите, что есть места на J и E, которые нужно будет заштриховать буквой A. Точно так же есть места на A, которые нужно заштриховать буквами J и E. В этой следующей части вам нужно действительно подумать о том, что вы делаете, чтобы сделать это реалистичным. а. Тень J на A: Теперь мы удалим те части тени J, которые нам не нужны.Вы будете знать, какие части, потому что они будут отображаться как тень J на точке A, где J теперь находится ЗА А. Это тень, где не должно быть тени:
б. Теперь мы сделаем то же самое для своенравных теней E на A.
| ||||
г.Почти готово! Нам все еще предстоит иметь дело с тенью А.
Переместив эту тень выше A в палитре слоев, мы сделали ее ЗАКРЫТЬ A. Не очень хорошо .. ЗА ИСКЛЮЧЕНИЕМ того, что нам нужно, чтобы часть тени A была на тех частях J и E, где ОНИ находятся над A. Время оптических иллюзий!
Теперь вы хотите также стереть с верхней тени A те части, которые находятся над J или E, где эта буква находится над A. (Если вы думаете об этом, это действительно не так сложно как я это звучу!) Изображение справа сделает это более ясным. Красные круги окружают части верхней тени A, которые покрывают части E и J, которые не должны находиться в тени A!
| [Примечание: вам, возможно, придется учесть следующее: должна ли тень для верхнего хвоста E быть дальше от E, где она затеняет фон, чем от точки, где она затеняет A? Да! Из-за темной буквы A и небольшого размера этого изображения это не имеет большого значения здесь, но вы должны учитывать это в своей работе. Если вам нужно сделать часть тени ближе к букве или дальше, вы можете выбрать эту часть тени.Затем Ctrl-Shift-J, чтобы поместить эту часть на отдельный слой. Затем используйте инструмент перемещения, чтобы переместить его в нужное положение.] | |||
Создайте крутой фон, если хотите. Затем сохраните файл .psd. а затем, вместо того, чтобы сглаживать его, используйте Файл -> Сохранить копию (в версии 5), Файл -> Сохранить как .. или Файл -> Сохранить для Интернета, чтобы создать ваш .jpg или .gif. (Подробнее о сохранении файлов) | ||||
| ||||
Как создать эффект приостановленного текста в Adobe Photoshop
Из этого урока вы узнаете, как создать красивый красочный эффект приостановленного текста с помощью Adobe Photoshop.
Предварительный просмотр окончательного изображения
Шаг 1
Сначала создайте новый документ размером 1000 × 500 пикселей с черным фоном.Затем создайте текст белым цветом. Используемый шрифт — Verdana, размер — 120 пунктов. Выберите «Полужирный» в поле выбора стиля шрифта рядом с полем «Семейство шрифтов» на панели параметров.
Шаг 2
Создайте новый слой поверх фонового слоя и назовите его «Градиент». Выберите инструмент «Градиент» и установите цвет переднего плана на белый. Создайте градиент от переднего плана к прозрачному сверху вниз.
Нажмите клавишу Ctrl и щелкните миниатюру текстового слоя (значок), чтобы создать выделение.
Выберите слой «Градиент», чтобы он стал активным, и нажмите Ctrl + J, чтобы скопировать выделение и вставить его в новый слой, назовите новый слой «Градиентные буквы». Затем щелкните значки глаз рядом с текстом и слоями «Градиент», чтобы сделать их невидимыми.
Шаг 3
Выберите инструмент «Прямоугольная область» и щелкните значок «Пересечение с выделением» на панели параметров. Снова выделите текст (Ctrl + щелчок по миниатюре текстового слоя), затем нарисуйте прямоугольник вокруг первой буквы.
Это сделает букву S единственной выбранной буквой.
Создайте новый слой поверх слоя «Градиентные буквы» и назовите его «Цветные буквы», затем измените его режим наложения на «Экран». Залейте созданное выделение цветом # ff0000, затем нажмите Ctrl + D, чтобы избавиться от выделения.
Повторите тот же процесс для каждой буквы. (Ctrl + щелчок по миниатюре текстового слоя, чтобы создать выделение, нарисуйте прямоугольник вокруг буквы, которую хотите раскрасить, заполните выделение и нажмите Ctrl + D, чтобы избавиться от выделения в конце.) Здесь использованы следующие цвета:
S — # ff0000
U — # ff7e00
S — # fffc00
P — # a2ff00
E — # 06ec00
N — # 00d8ff
D — # 004eff
E — # 7200ff
D — # f000ff
Вот что у вас должно получиться:
Шаг 4
Установите значение Заливки для слоев «Градиентные буквы» и «Цветные буквы» на 60% и продублируйте каждый из них.
Выберите исходный слой «Colored Letters», затем перейдите в Filter> Blur> Gaussian Blur и установите Raduis на 5.Проделайте то же самое с исходным слоем «Градиентные буквы».
Объедините все 4 слоя вместе (выделите их все, затем перейдите в Layer> Merge Layers).
Шаг 5
Теперь снова создайте выделение из исходного текстового слоя (Ctrl + щелчок по миниатюре исходного текстового слоя), используйте инструмент Rectangular Marquee Tool и щелкните значок Intersect with Selection на панели параметров, затем нарисуйте прямоугольник вокруг первого слоя. .
Как только буква выбрана, нажмите Ctrl + J, чтобы скопировать ее и вставить в новый слой.
Повторите тот же процесс для каждой буквы. Не забудьте выбрать слой «Копировать цветные буквы» после каждого нажатия Ctrl + J.
Когда вы закончите, каждая буква должна быть на отдельном слое. Удалите значок глаза рядом со слоем «Копия цветных букв», чтобы сделать его невидимым.
Шаг 6
Установите цвет переднего плана на # e5ffff и выберите инструмент «Перо». Не забудьте также щелкнуть значок «Пути» на панели параметров.
Создайте новый слой поверх всех слоев и назовите его «Веревка».Нарисуйте путь, как показано ниже:
Выберите жесткую круглую кисть и установите ее размер на 3 пикселя. Затем снова выберите инструмент «Перо», щелкните правой кнопкой мыши созданный контур и выберите «Обводка контура».
Используйте следующие настройки:
Это должно обвести контур измененной кистью. Нажмите Enter, чтобы избавиться от пути.
Дублируйте слой «Веревка», затем выберите исходный и снова примените фильтр размытия по Гауссу (для этого вы можете нажать Ctrl + F).
Перетащите два слоя «Веревка» так, чтобы они находились под всеми слоями с буквами.
Шаг 7
Вращайте и перемещайте буквы, чтобы поместить их на веревку.
Ctrl + клик по миниатюре слоя «Веревка», чтобы создать выделение.
Выберите инструмент «Ластик» и выберите слои с буквами один за другим, чтобы стереть внешние края так, чтобы буква выглядела так, как будто она действительно висит на веревке.
Вот как должен выглядеть текст:
Теперь выберите жесткую круглую кисть для инструмента «Ластик», установите ее размер на 5 пикселей и снова выберите слои с буквами один за другим, чтобы стереть части, где встречаются веревка и буква.
Вы должны получить результат, подобный этому.
Шаг 8
Сделаем фон более красочным.