Как согнуть текст в фотошопе: Как написать текст по кругу, кривой и контуру

Содержание

Как написать текст по кругу, кривой и контуру

Продолжаем создавать текст. Наводим текстовый курсор на линию контура и кликаем по ней. На контуре появляется мигающий курсор в виде перпендикулярного отрезка.

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

Эти указатели можно перемещать, и, соответственно, переместится также и текст. Для перемещения ограничителей начала и конца текста надо выбрать инструмент «Выделение контура» (Path Selection Tool).

При подводе курсора к тексту он снова изменит свой вид на такой:

Если мы наведём курсор на начальный ограничитель, зажмём левую клавишу мыши и переместим его вдоль линии, то текст переместится за ним. Появится расстояние между текстом и конечным ограничителем. Однако, если мы изменим режим выравнивания текста, например выберем «выравнивание к правому краю», то текст «прилипнет» к правому ограничителю. Это я показал на рисунке:

При желании мы можем перевернуть текст вверх ногами. Для этого надо подвести курсор к тексту, он примет следующую форму:

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

Не забываем, что для перемещения ограничителей и переворота текста должен быть активным не инструмент «Текст», а инструмент «Выделение контура» (Path Selection Tool)!!

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

Если мы захотим «опрокинуть» текст, то все буквы окажутся внутри овала, а начало и конец текста поменяются местами.

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

Как в фотошопе искривить текст

Тема урока: Как изогнуть текст в Фотошоп. Рассмотрим два самых актуальных варианта. Они работают и с горизонтальным, и с вертикальным инструментом группы «Текст».

Содержание:

Как изогнуть текст функцией «Деформированный текст»

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

Функция доступна при активных:

инструменте «Текст» на панели инструментов;
текстовом слое на палитре слоев.

Поэтому выбираем значок с буквой «Т» в инструментах и в слоях слой с текстом, с которым будем работать.

После этого в верхней панели инструментов станет активной такая кнопка . Это и есть функция деформирования текста. Жмем на нее.

Внимание! Фотошоп не может изогнуть текст, к которому применен стиль – жирный, курсив и т.п. система попросит снять этот стиль.

Вам нужно или согласиться, нажав «Ок», или отменить, изменить шрифт самостоятельно и снова выбрать функцию «Деформированный текст».

Если предыдущий пункт выполнен правильно, откроется такое окно:

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

Начинаем выставлять свои настройки. У нас текст горизонтальный, поэтому и ставим отметку «Горизонтальный». Дальше экспериментируем с ползунками. Двигаем их и наблюдаем за изменением текста. Значения в окошках будут соответственно меняться.

Изменить параметры можно вписав в эти окошки величину изменения в процентах и нажать Enter. Например, 50 (плюс можно не ставить), чтобы ползунок передвинулся на 50% вправо, или минус 50 (-50), чтобы передвинуть ползунок влево на 50%.

Первый ползунок отвечает за глубину неровности линии. Именно с его помощью можно изогнуть текст (рис. 4).

Искажение по горизонтали и вертикали – это уже деформация надписи относительно плоскости.

Выставив настройки, нажмите «Ок».

Как написать текст по контуру в Photoshop

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

Контур создается векторными инструментами: «Перо», или из группы «Прямоугольник».

Создаем контур инструментом Перо

Этот вариант позволяет создать любую линию изгиба – произвольно или по готовому изображению.

Допустим, что у нас есть картинка, по контуру которой нужно сделать надпись.

Активируем инструмент «Перо» в панели инструментов или горячей клавишей Р (русская з). Вверху установите режим инструмента «Контур». Щелчком мыши ставим первую опорную точку на рисунке.

Внимание! Если нужно удалить последнюю опорную точку – нажмите Delete.

4. По такому принципу создаем контур всей линии: ставим опорную точку в п. D, образуя следующую прямую, в ее центре ставим узловую точку, потягиваем ее к контуру кривой. И так до конца линии.

Нажимаем Enter. Не пугайтесь, если контур станет невидимым. Он остается в палитре «Контуры» и существует независимо от слоя. Нажмите на него, чтобы сделать активным.

Контур создан. Как по нему написать текст читайте ниже.

Как создать контур инструментом Произвольная фигура

В группе инструментов Прямоугольник выбираем нужную форму – прямоугольник, эллипс… Мы выбрали Произвольная фигура.

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

Когда выбрали фигуру, курсор стал в виде крестика. Протягиваем его по диагонали в любом направлении.

Важно! Если режимом инструмента выбрана Фигура, то вы получите векторное изображение, залитое цветом. В палитре Слои появится новый слой, а в палитре Контуры – новый контур.

Если установлен режим Контур, то и получится внешнее очертание без заливки цветом. При этом новый слой создается в палитре Контуры, а в Слои – нет.

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

Пишем текст по созданному контуру

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

Если форму вы создавали в режиме Фигура, в палитре слоев сделайте этот слой активным. Если работали в режиме Контур – активируйте его в палитре Контуры, и будет видна только линия, по которой изогнется надпись.

2. Берем инструмент Текст. Писать по волне начнем слева, поэтому ставим выравнивание по левому краю. По листочку надпись распределим от центра, поэтому выравнивание ставим по центру.

3. Подводим курсор к созданному контуру достаточно близко, чтобы он изменил свой вид на такой .

4. Щелкаем мышкой в том месте, откуда будет распределяться текст. У нас это: в случае с волной – слева, а на листочке ‒ в предполагаемом центре надписи.

5. Начинаем писать текст или вставляем скопированный. Буквы будут располагаться по созданной нами линии.

Меняем положение изогнутого текста и исправляем ошибки

Поменять положение помогут инструменты группы Стрелка. Изначально курсор этого инструмента имеет вид стрелочки. Для перемещения текста лучше из них выбрать «Выделение контура». Сразу он выглядит так: . Рядом с контурной линией он меняет вид на такой или такой . Направление треугольничка указывает, в какую сторону можно перемещать написанное. Зажмите курсор мышкой и двигайте вдоль контурной линии.

Потяните курсор вниз, и текст сместится под линию.

Исправляем ошибки

Ошибка 1. Предложение длиннее, чем линия. Тогда в последней опорной точке появится крестик . В этом случае есть два выхода: уменьшить шрифт или сделать длиннее линию.

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

Ошибка 2. В местах крутого внутреннего изгиба линии, буквы накладываются друг на друга. Значит, будем увеличивать расстояние между буквами.

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

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

Детально предусмотреть все моменты в одном уроке невозможно. Если остались вопросы – задавайте в комментариях.

Изогнуть текст в Фотошоп можно и деформацией слоя. Но мы категорически не советуем это делать. Слой придется растрировать, а результат получается не лучшего качества:

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

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

Итак, выберите инструмент Текст, напишите какую-нибудь надпись и выберите на панели параметров Создать деформированный текст:

Появится диалоговое, в котором вы можете выбрать предустановленные стили искривления текста, а также настройки изгиба и искажения. Параметры Горизонтальный/Вертикальный влияют на размещения текста относительно плоскости.

Параметр Изгиб/Степень влияет на силу искривления.

Искажение по горизонтали и вертикали дополнительно меняют вашу надпись в горизонтальной и вертикальной плоскости соответственно.

Пример искажения в форме Волны:

Или вот избитая тема из Звездных Войн:

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

Текст по Контуру

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

У меня пока нет урока по контурам (но я планирую это исправить), поэтому если испытываете сложность с таким инструментом, можно посмотреть на других сайтах, информации полно.

Итак, чтобы написать текст вдоль контура — выберите Перо и создайте произвольную кривую, которая будет будущей надписью.

Затем выберите инструмент Текст и наведите указатель на кривую. Дождитесь, когда указатель изменит свой внешний вид (вертикальная палочка с наклонной полоской внизу), затем нажмите левой кнопкой мыши на начало кривой.

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

Нажмите клавишу Enter, чтобы применить все настройки. После этого сам контур исчезнет, останется только текст.

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

В создании этой статьи участвовала наша опытная команда редакторов и исследователей, которые проверили ее на точность и полноту.

Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.

Из данной статьи вы узнаете, как в Adobe Photoshop расположить текст вдоль кривой линии, то есть как изогнуть текст.

Деформация текста в фотошоп: подробное описание функции

Автор Олег Евгеньевич Просмотров 1.8к. Обновлено 20 апреля 2020

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

Стандартные опции

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

Кроме этого можно получить интересные эффекты в диалоговом окне под названием «Деформировать текст» (Create Warped Text), которое появляется на верхней панели над рабочей областью сразу после активации соответствующего пункта меню.

Это простейшие деформации, которые представлены набором характерных изменений из выпадающего списка Стиль (Style).

Эксперименты с изменением текста

Все эффекты имеют ось симметрии, относительно которой можно задать дополнительные характеристики.

Ползунков в диалоговом окне всего три. Изгиб (Bend) влияет на интенсивность искривления. Здесь же можно изменить силу искажения по горизонтали или вертикали (Horizontal Distortion, Vertical Distortion).

Для примера приведу деформацию текста волной.

Еще пример простой деформации текста по форме флага.

Это простейшие изменения, которые применяются для примитивной работы с текстом.

Деформация текста по контуру

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

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

Для того чтобы написать текст по контуру, сначала необходимо задать этот контур.

Делается это с помощью инструмента «Свободное перо» (Freeform Pen Tool), выбрать его можно на основной панели инструментов или с помощью горячей клавиши «P».

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

Когда контур будет задан, выберите инструмент «Текст», наведите курсор на созданный контур в том месте, где предполагается начало текста.

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

Для изменения контура, выберите инструмент «Выделение контура» (Path Selection Tool), нажмите на контур, на нем появятся маленькие черные квадратики, эти замки можно перемещать, деформируя контур и текст, который по нему написан.

Деформация текста в фотошопе

Параметр Изгиб/Степень влияет на силу искривления.

Пример искажения в форме Волны:

Или вот избитая тема из Звездных Войн:

Текст по Контуру

Нажмите клавишу Enter, чтобы применить все настройки. После этого сам контур исчезнет, останется только текст.

Функции фотошопа не ограничены обработкой графических файлов. Данная программа также имеет большое количество встроенных инструментов для работы с текстом. Иногда перед пользователем стоит задача – наклонить буквы. Какими способами можно это сделать? Как наклонить текст в фотошопе?

При этом отмеченные методы наклона текста могут задействоваться в различных сочетаниях. Изучим особенности их использования подробнее. Для этого мы будем задействовать программу Photoshop в версии CS6 – одну из самых распространенных в России и в мире, с английским интерфейсом.

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

Для того чтобы узнать, есть ли возможность наклонить соответствующим образом выбранный в фотошопе шрифт, следует написать, использовав инструмент Text, любое слово, после чего выделить его и попробовать указать режим Italic, то есть курсив, на панели свойств текста.

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

Наклон текста с помощью опции курсива – самый простой. Как правило, возникает необходимость в дополнительных операциях с ним. Фотошоп содержит довольно много инструментов для их осуществления. Далее мы изучим то, как наклонить текст в Photoshop посредством таковых.

Популярен способ наклона текста, который предполагает соответствующую трансформацию букв при сохранении горизонтального положения слов. В фотошопе для этого нужно задействовать инструмент Rectangular Marquee Tool. Располагается он вторым сверху в панели инструментов, расположенной слева.

Выбрав соответствующий инструмент, следует навести мышку примерно на середину текста, кликнуть правой кнопкой и выбрать опцию Free Transform. После того как вокруг текста появится рамка, надо вновь кликнуть на нем правой кнопкой и выбрать опцию Skew.

Следующая возможность, которая нередко пригождается пользователю, – поворот текста. Для того чтобы задействовать ее, необходимо вновь выбрать инструмент Rectangular Marquee Tool, кликнуть на тексте правой кнопкой, нажать на Free Transform, а затем – Rotate.

Еще один вариант «наклона» текста – его синхронизация с контурами некоторой фигуры. Для того чтобы задействовать данную возможность в фотошопе, следует выбрать инструмент Text, выделить слово, после – кликнуть на значке Create Warped Text, располагающемся справа от основных атрибутов шрифта.

Тот факт, что в фотошопе есть инструмент Текст (Type Tool), я думаю, абсолютно никого не удивит. Но все ли его возможности вам известны? Вот тут я сильно сомневаюсь! Итак, цель сегодняшнего урока подробно осветить весь потенциал и особенности инструмента Текст.

Инструмент Текст обозначается в англоязычной версии программы как Type Tool. Он расположен на Панели инструментов и имеет иконку в виде буквы «Т». Его задача — это создание надписей. Надписи представляют собой векторный графический элемент. Независимо от вашего фона, текст всегда создается на новом слое.

1. Выберите инструмент, а затем сделайте клик левой клавишей мыши в том месте, где нужен текст. Появится мигающая вертикальная палочка (здесь ничего нового программисты не предложили — он похож на курсоры из любых других текcтовых редакторов, например «Блокнот» или «Word»).

2. Второй способ предусматривает сперва указать область, в пределах которой должна быть надпись. Для этого зажмите левую кнопку мыши и, не отпуская, потяните ее в сторону. Вспомните, так мы создавали выделенную область. Создав область необходимого размера, отпусти кнопку мыши. В итоге получится рамка очень похожая на рамку инструмента «Свободное трансформирование» (отличие лишь в том, что нажав на правую кнопку мыши не будет меню с возможными трансформациями, но зато рамку можно тянуть за уголки и менять ее размер, а также вращать). В центре области появится курсор, предлагающий начать ввод текста.

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

Более интересно обстоят дела с трансформацией. Работая в фотошопе, у вас практически нет ограничений по реализации своих творческих задумок. То как можно менять до неузнаваемости текст я распишу ниже. Это будут основные способы для изменения. Но к этому списку нужно добавить трансформацию. Напомню, что она вызывается комбинацией Ctrl+T . Благодаря ей, можно менять масштаб, поворот, наклон, искажать, менять перспективу, отражать по вертикали и горизонтали. Я не буду выкладывать скриншоты этих изменений — все это мы рассматривали в статье «Трансформация, искажение, вращение и прочие креативные безумства».

Иконка с большой и маленькой буквой «Т» регулирует размер шрифта. Выпадающий список ограничен отметкой 72. Но вы можете ставить и больше, для этого в поле с размером введите нужное значение при помощи клавиатуры и нажмите Enter.

Следующие два режима выполняют задачи наподобие Caps Lock на клавиатуре. Первые из этой пары — Верхний регистр, т.е. все буквы будут заглавными. А вторая из пары — капители. Буквы пишутся так же заглавными, но размером с прописные.

Последняя строка включает в себя две функции, первая из которых — это выбор языка символов для расстановки переносов и проверки орфографии. А вторая позиция это способ сглаживания. Сглаживание будет видно при увеличении (выберите из выпадающего меню от резкого к плавному).

Я уже упоминал, что в текстовую область можно вставлять ранее скопированный текст. Затем его можно выровнять по левому, по правому краю, по середине либо полное выравнивание. Также можно сделать полное выравнивание, а последнюю строчку прижать вправо, влево или оставить посередине.

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

Фотошоп — это не текстовый редактор. И конечно, редактировать так, как это делается в специализированном редакторе типа «Word», не получится (да это и ни к чему), но совершить нужные манипуляции с текстом, вроде поворотов, отражений, закручиваний и прочих вполне можно. Photoshop – в первую очередь редактор графический, а потому и изменения текста будут в нем исключительно графические.

Начнем с простого примера, а именно с поворота текста под определенным углом. В частности, под углом в 90 градусов. Прежде чем начать это делать, необходимо создать новый слой. Можно, конечно писать сразу на слое-картинке, но лучше все-таки, делать это на новом слое. В приведенных картинках-примерах я использую только слой с текстом. Нижний слой с названием «Фон» — это та самая картинка. Итак, создаем слой и пишем на нем то что необходимо.

Фон у нового слоя не сплошной, а в квадратиках. Все нормально, это так отображается прозрачность слоя. Если вы включите фоновый слой, то эти квадратики исчезнут. Что бы написать текст, выбираем на панели инструментов иконку с буквой Т – это и есть «Текст», кликаем по слою и пишем.

Чтобы выбрать цвет текста, жмем перед тем как написать на той же панели инструментов на большой квадрат в самом низу – выбор основного цвета и в открывшемся окне выбираем нужный. Изменить размер шрифта можно на главной панели, где рядом с изображением буквы «Т» показана строка с выпадающем меню, в которой выбирается размер шрифта в пунктах.

Написали текст, нажимаем на стрелку, которая первая на панели инструментов. Тем самым мы закрыли редактор написания текста. Если эту стрелку подвести к тексту и зажать левую кнопку мыши, то текст можно перемещать в любом направлении.

Чтобы точно повернуть текст на заданное количество градусов, (в нашем случае 90), достаточно в этом окне ввести необходимую цифру. В результате текст повернется на столько градусов, на сколько задали. Мы подобные приемы уже изучали в одной из статей «Как повернуть картинку в фотошоп«. Как видите и с текстом мы делаем такие же однотипные операции.

Несколько более сложная операция – написание текста по кругу. Сделать это можно двумя способами. Первый, более простой, при помощи деформации. И второй, при помощи контуров. Начнем с простого. Написали текст. Теперь в главном меню находим букву «Т» над дугой. При этом должен быть активирован инструмент «Текст».

Кстати, может получится такая «фишка», вы нажали на кнопку «Деформации текста», а у вас вместо ожидаемого окна вылезла надпись, что «Невозможно выполнить запрос текстовый слой использует шрифт без данных обвода». Это значит у вас стоит по умолчанию системный шрифт, а он не поддерживает деформирование. В окне выбора шрифта вам надо заменить системный на любой другой.

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

Однако деформация не дает написания текста точно по окружности. Здесь придется применить написание текста по контуру. Для этого воспользуемся инструментом «Эллипс». И, самое главное, на главной панели, когда выбрали инструмент эллипс, необходимо заменить его значение «Фигура» на «Контур».

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

Вся операция по повороту текста зеркально проводится аналогично с поворотом изображений. Пишем текст, далее через верхнее меню заходим в «Редактирование»- «Свободное трансформирование» и там выбираем «Отразить или по вертикали» (или по горизонтали). В результате проделанной операции получится текст зеркально отраженный по вертикали и горизонтали соответственно:

Очень часто возникает необходимость написать слово или предложение не прямой строкой, а по дуге, то есть в изогнутом виде. Например, фамилия игрока на футболке, написанная дугой выглядит очень эффектно. Если вы пожелаете заняться термопереносом на одежду, то данная статья вам очень поможет, потому что подобные надписи на футболках заказывают постоянно. Как не хороши майки с именами знаменитых спортсменов, а своя фамилия все же «ближе к телу». Так же частенько приносят майки целой футбольной командой для нанесения фамилий с номерами.
Термоперенос на футболке лучше всего делать двумя способами — сублимацией и пленочным флексом. Для печати надписи сублимационными чернилами можно воспользоваться программой Photoshop, а для нанесения термопленкой надпись или номер обязательно должны быть в векторе для вырезки в плоттере. Поэтому во втором случае без программы CorelDraw нам не обойтись.

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



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

Выделите текст, который требуется скопировать, и выберите Редактировать > Копировать или просто нажмите клавиши Command + C (в macOS) или Control + C (в Windows). Откройте документ PSD, в который требуется вставить текст, и выберите текстовый слой.

Step 1, Откройте или создайте файл Photoshop. Для этого дважды щелкните по синему значку с буквами «Ps», в строке меню в верхней части экрана нажмите «Файл», а затем: нажмите «Открыть», чтобы открыть существующий документ; нажмите .Step 2, Щелкните по инструменту «Перо». Этот значок .

Инструменты для создания и редактирования текстаСоздаем НадписьРедактируем ТекстТекстовый БлокЗаключениеКак сделать текст на дереве в фотошопе Автор: Ольга Максимчук (Princypessa). Дата публикации: 07 сентября 2020. Категория: Уроки фотошопа текст. Как сделать текст на дереве. в фотошопе . Всем привет!

В этом уроке Photoshop мы узнаем, как создать эффект обтекания текстом Photoshop , подделав функцию обтекания текстом, которую вы обычно найдете в программе макета страницы, позволяя нам обтекать объекты текстом. Photoshop может быть самым популярным и мощным редактором изображений в мире, но он не совсем соответствует таким программам, как InDesign или даже Illustrator, когда дело доходит до текста (хотя Photoshop действительно предлагает больше параметров, связанных с текстом, чем вы обычно ожидаете найти в программе, построенной для редактирования фото).

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

Я хочу добавить текст к этому изображению, и я хочу, чтобы текст обтекал бейсбольный мяч.Как я уже сказал, Photoshop не имеет официальной опции «обтекания текстом», но благодаря контурам и способности Photoshop использовать контур в качестве контейнера для текста это будет легко.

Так как мы собираемся использовать путь в качестве контейнера для нашего текста, прежде чем мы сможем добавить наш текст, нам понадобится путь! Я собираюсь использовать инструмент Photoshop Rectangle Tool (не путать с инструментом Rectangular Marquee Tool), чтобы создать прямоугольный путь, который станет базовой формой моего текстового контейнера.Я выберу инструмент «Прямоугольник» на палитре «Инструменты»:

.
Выберите инструмент Photoshop «Прямоугольник».
Я также мог нажать U на клавиатуре, чтобы быстро выбрать его.
Шаг 2. Выберите параметр «Пути» на панели параметров
Photoshop дает нам три способа использования инструмента «Прямоугольник» вместе с другими инструментами формы. Мы можем использовать их для рисования векторных фигур, мы можем использовать их для рисования простых контуров (это то, что мы будем делать здесь), и мы можем использовать их для рисования фигур на основе пикселей.Вы можете выбрать один из этих трех вариантов, щелкнув соответствующий значок вверху на панели параметров в верхней части экрана. Я хочу использовать инструмент Rectangle Tool, чтобы нарисовать путь прямоугольной формы, поэтому я собираюсь щелкнуть значок Paths на панели параметров, который является значком посередине из трех (тот, что слева — вектор вариант фигур, а тот, что справа, предназначен для рисования фигур на основе пикселей):
Выбрав инструмент «Прямоугольник», щелкните значок «Пути» вверху на панели параметров.
Шаг 3. Вытяните путь прямоугольной формы
Выбрав инструмент «Прямоугольник» и настроив его на рисование контуров, я просто собираюсь растянуть контур прямоугольной формы так же, как я бы выделил выделение с помощью инструмента «Прямоугольная область», и этот контур станет контейнером. для моего текста:
Нарисуйте контур прямоугольной формы с помощью инструмента «Прямоугольник».
Как мы видим на изображении выше, мой путь в настоящее время проходит прямо через бейсбольный мяч, что мне не очень поможет, когда я действительно хочу, чтобы мой текст обтекал правую сторону бейсбольного мяча, а не обтекал его. поверх него.Мне нужен способ изменить форму моего пути, чтобы он сам огибал мяч. Мы сделаем это дальше.
Шаг 4. Выберите инструмент «Эллипс»
Есть несколько способов изменить форму контура в Photoshop, но в данном случае самый простой способ, поскольку мяч круглый, — это использовать инструмент «Эллипс» Photoshop, чтобы вычесть часть контура вокруг мяча. Для этого я выберу свой инструмент Ellipse Tool, который по умолчанию скрывается за инструментом Rectangle Tool в палитре инструментов, поэтому мне нужно будет щелкнуть инструмент Rectangle Tool, удерживать кнопку мыши нажатой в течение секунды или двух, и затем выберите инструмент Ellipse Tool во всплывающем меню:
Выберите инструмент Photoshop Ellipse Tool из палитры инструментов.
Шаг 5. Установите для инструмента «Эллипс» режим «Вычитание»
Выбрав инструмент «Эллипс», если вы посмотрите вверх на панели параметров, вы увидите группу из четырех значков, которые выглядят как квадраты, соединенные вместе разными способами. Эти четыре значка представляют четыре варианта, которые определяют, как будет вести себя путь, который вы собираетесь нарисовать. Нам нужен второй слева, это значок области вычитания из контура. Я нажимаю на него, чтобы выбрать:
Щелкните значок «Вычесть из области контура», чтобы выбрать его.
Если выбрана эта опция, если я вытягиваю контур эллиптической формы с помощью инструмента Ellipse Tool, что я сделаю сейчас, любая часть нового контура, которая перекрывает мой исходный прямоугольный контур, будет вычтена из исходного контура. Посмотрим, что я имею в виду. Я собираюсь провести эллиптическую дорожку вокруг бейсбольного мяча. Прежде чем начать, если я внимательно посмотрю на свой курсор, я вижу маленький знак минус («-») в правом нижнем углу, сообщающий мне, что я нахожусь в режиме «Вычитание»:
Маленький знак минуса («-») в правом нижнем углу курсора означает, что в настоящий момент выбран параметр «Вычесть из области контура».
Вы также можете получить доступ к режиму «Вычитание», просто удерживая нажатой клавишу Alt (Win) / Option, прежде чем начнете перетаскивать свой путь, что немного быстрее, чем выбор параметра на панели параметров (вы можете отпустить Alt / Клавиша Option сразу после того, как вы начнете протягивать свой путь). Я проложу дорожку вокруг бейсбольного мяча. Если мне нужно изменить положение пути при перетаскивании, что мне почти всегда нужно делать, я могу удерживать клавишу пробела и перемещать путь по экрану с помощью мыши, чтобы изменить его положение, затем отпустить клавишу пробела и продолжить перетаскивание. путь.Вот изображение со второй дорожкой вокруг бейсбольного мяча:
Перетаскивание эллиптического пути вокруг бейсбольного мяча с помощью инструмента «Эллипс», установленного в режим «Вычитание».
Похоже, у меня на изображении есть два отдельных пути — прямоугольный и эллиптический. Но единственный активный путь — это исходный прямоугольный, который теперь не такой прямоугольный, потому что, хотя Photoshop не дает нам никаких визуальных подсказок о том, что на самом деле происходит, эллиптический путь теперь вычитается (или «вырезается», если хотите)
часть прямоугольной дорожки вокруг бейсбольного мяча.Чтобы было легче увидеть, я закрасил оставшуюся активную область пути на изображении ниже. Это область, где появится мой текст. Обратите внимание, как прямоугольный контур теперь красиво обтекает бейсбольный мяч, а это значит, что мой текст также будет обтекать его:
Заполненная область представляет активную область контура после вычитания ее части с помощью инструмента «Эллипс», установленного на «Вычитание».
Теперь, когда у нас есть путь, давайте добавим текст.
Шаг 6: Добавьте текст
Все, что осталось сделать, это добавить мой текст, и для этого мне понадобится инструмент «Текст» в Photoshop, поэтому я выберу его из палитры «Инструменты»:
Выберите инструмент «Текст».
Я также мог быстро получить доступ к инструменту «Текст», нажав клавишу T на клавиатуре. Затем, выбрав инструмент «Текст», я подхожу к панели параметров вверху экрана и выбираю шрифт, размер шрифта и цвет текста. Я просто буду упрощен и выберу шрифт Times New Roman Bold размером 16 пунктов, а цвет текста — белый:
Выбор параметров шрифта на панели параметров.
Чтобы использовать созданный мной путь в качестве контейнера для моего текста, все, что мне нужно сделать, это переместить курсор в любое место внутри активной области пути.Когда я это сделаю, курсор инструмента Type Tool изменится с точечного квадратного контура вокруг него на пунктирный эллиптический контур, что означает, что путь станет моим текстовым контейнером, если я щелкну здесь и начну печатать:
Значок инструмента «Текст» теперь показывает пунктирный эллиптический контур, который сообщает мне, что я собираюсь добавить текст внутри контура.
У меня уже есть текст, сохраненный в моем буфере обмена, который я скопировал из конца знаменитого стихотворения о бейсболе «Кейси у летучей мыши» Эрнеста Лоуренса Тейера, который, как я думал, подойдет для этого изображения, поэтому добавить текст к моему изображению , Я просто щелкну внутри пути, а затем воспользуюсь сочетанием клавиш Ctrl + V (Win) / Command + V (Mac), чтобы вставить текст внутри пути.Как мы видим, текст не только остается внутри контура, но и красиво обтекает бейсбольный мяч:
Photoshop использует активный путь для содержания текста, в результате чего текст обтекает бейсбольный мяч слева.
Чтобы принять текст и выйти из режима редактирования текста, я нажму галочку на панели параметров:
Щелкните галочку на панели параметров, чтобы принять текст.
Наконец, чтобы скрыть путь, чтобы он больше не был виден на моем изображении, я просто нажимаю на фоновый слой в палитре слоев:
Щелчок по фоновому слою, чтобы скрыть контуры контура на изображении.
Поскольку контуры пути больше не загромождают мое изображение, вот мой окончательный результат:
Окончательный результат «ложного переноса текста».
Куда идти дальше …
И вот оно! Это основы того, как имитировать функцию «обтекания текстом» программы макета страницы в Photoshop! Ознакомьтесь с разделами «Текстовые эффекты» или «Фотоэффекты», чтобы получить дополнительные уроки по эффектам Photoshop!

Создание ретро-фальцованной типографики с помощью Photoshop
Preview
Щелкните изображение для предварительного просмотра ниже, чтобы увидеть конечный продукт в полном масштабе.
Учебные ресурсы
Текстура бумаги от Zen Textures
Грандж текстуры от Zen Textures
Шаг 1. Работа вдали от компьютера
Чтобы создать сложенный текст, мы сначала хотим увидеть в реальной жизни, как будут выглядеть сложенные полоски бумаги. Этот метод позволяет нам уменьшить количество предположений, которые мы должны делать, и дает нам ориентир. Эти уроки могут дать вам навыки, необходимые для создания мультимедийных материалов для вашего сайта, поэтому вам не придется платить веб-дизайнеру за их выполнение!
Итак, сначала возьмем кусок обычного 8.Бумагу размером 5 x 11 дюймов и разрежьте ее на полоски ножницами или ножницами.
Начинаем складывать полоски до тех букв, которые нам нужны. Я складываю все буквы примерно под углом 90, ^o, за исключением буквы «N» (угол которой нам нужен).
Теперь мы можем точно увидеть, как будут выглядеть складки для букв, которые мы используем.
Шаг 2. Настройка документа
Теперь, когда у нас есть общее представление о том, как должна выглядеть складка на наших бумажных полосках, мы перейдем в Photoshop и создадим новый документ размером 1200 x 600 пикселей.
Напишите «ДИЗАЙН» и небольшую «ИНСТРУКЦИЮ» под ним, используя инструмент «Горизонтальный текст» (T), как я сделал ниже. Я использую Futura Bold для своего шрифта, потому что он имеет ретро-вид. Если у вас нет Futura, попробуйте использовать любой широкий жирный шрифт, который дает нам возможность работать.
Мы собираемся использовать его в качестве основы для нашего шрифта для направляющих размеров и ширины при складывании наших складок.
Шаг 3. Добавление цвета
Далее мы собираемся изменить цвет нашего текста.Во-первых, текст «ДИЗАЙН» будет разным цветом для каждой буквы. Ваши цвета не обязательно должны быть точными цветами, которые я предлагаю ниже, но я пытаюсь использовать широкий спектр цветов, которые, как мне кажется, превратятся в приятные ретро-цвета.
Буквы и соответствующие им шестнадцатеричные значения цвета следующие:
D: # 00AEB7 (синий)
E: # FF9900 (оранжевый)
S: # BA0000 (красный)
I: # 01AD4E (зеленый)
G: # FEDE58 (светло-желтый)
N: # FF99AB (розовый)
Также мы собираемся изменить текст INSTRUCT на коричневый цвет (# 3B2601).Если вы не знаете, какие цвета использовать, попробуйте смешать их с помощью a!
Шаг 4: Направление буквы «D»
Начнем с работы над буквой «D». Давайте создадим новую группу Photoshop (Layer> New> Group). Назовем эту группу «D».
Затем создайте новый слой (Ctrl / Cmd + Shift + N) в группе «D».
Мы собираемся выложить несколько руководств по Photoshop, чтобы помочь нам с формированием нашей буквы D. Нам нужны направляющие сверху, снизу, слева-справа и внутри-слева от буквы «D».
Шаг 5. Создание шаблона
Поскольку все полоски бумаги имеют одинаковую ширину, мы должны убедиться, что линии буквы «D» (и остальных наших букв) одинаковой ширины. Мы собираемся сделать это, сначала нажав на инструмент Rectangular Marquee Tool (M) на панели инструментов, чтобы активировать инструмент.
Удерживая нажатой клавишу Shift, чтобы получился идеальный квадрат, щелкните и перетащите квадратное выделение, начиная с верхнего левого угла буквы «D», по направлению к внутренней направляющей.
Создайте новый слой (Ctrl / Cmd + Shift + N) и залейте его (Edit> Fill) черным (# 000000), чтобы мы могли легко его увидеть (цвет не имеет значения, потому что этот квадрат просто помогает нам сформировать наш текст).
Это будет наш шаблон, чтобы все было одинакового размера. Мы будем перемещать этот квадратный шаблон на протяжении всего процесса создания с помощью инструмента «Перемещение» (V).
Шаг 6. Добавление дополнительных направляющих к «D»
Теперь, когда у нас есть шаблон, мы можем перетащить направляющую так, чтобы она оказалась в нижней части только что созданного поля.
Щелкните и перетащите прямоугольник вниз к нижней направляющей и поместите направляющую в верхней части прямоугольника.
Также, используя инструмент «Перемещение» (V), переместите коробку вправо и поместите направляющую в левую часть этого поля.То, что мы делаем с помощью направляющих, — это отверстие посередине, при этом следя за тем, чтобы все линии были одинаковой ширины.
Шаг 7: Вычитание из «D»
Теперь, когда у нас есть вся первая буква, мы можем приступить к ее редактированию. На панели слоев нажмите на слой «D», который мы создали на шаге 4, чтобы сделать его нашим активным слоем. Используя инструмент Rectangular Marquee Tool (M), нарисуйте рамку вокруг внешних направляющих, чтобы она закрывала букву. Затем залейте его тем же синим цветом, что и наша буква «D» (# 00AEB7).
Перед тем, как вычесть среднюю часть, мы хотим щелкнуть правой кнопкой мыши текст «ДИЗАЙН» и выбрать «Слой»> «Растрировать»> «Тип». Это позволит нам удалить области из исходного текста — мы не сможем этого сделать, если это все еще текстовый слой.
Создайте выделение, используя внутренние направляющие, щелкните слой «D» на панели слоев, а затем нажмите клавишу «Удалить», чтобы удалить область под выделением.
Мы также можем полностью удалить букву «D» из исходного базового текстового слоя, потому что она нам больше не нужна.
Теперь у вас должна получиться коробка с белой дырочкой посередине.
Шаг 8: Формирование буквы «D»
Теперь мы собираемся отрезать углы с правой стороны, чтобы придать нам форму буквы «D», похожую на то, как выглядит наш реальный образец.
Используя инструмент Polygonal Lasso Tool (L), щелкните на пересечении верхней и внутренней правой направляющих. Затем нажмите на пересечение внутренней верхней и внешней правой направляющих. Наконец, закройте путь, щелкнув вокруг, чтобы выделить верхний правый угол, а затем нажмите «Удалить», чтобы убрать раздел под нашим выделением.
Теперь сделаем то же самое с правым нижним углом.
Шаг 9: Добавление недостатков
Так как эти буквы выглядят сложенными, мы собираемся сделать их небольшими дефектами, заставив концы сложенной полоски бумаги перекрывать букву.
Используя инструмент Rectangular Marquee Tool (M), нарисуйте квадрат внутри двух верхних направляющих и за левой стороной буквы «D». Залейте выделение (Edit> Fill) синим цветом (# 00AEB7).
Переместите выделенную область вниз к двум нижним направляющим и также залейте эту область синим цветом (# 00AEB7).
Шаг 10: Добавление направляющих к «E»
Мы собираемся поработать над тенями и элементами отделки позже, так что теперь давайте перейдем к другим буквам. Создайте новую группу (Layer> New> Group), назовите ее «E» и создайте новый слой (Ctrl / Cmd + Shift + N) внутри этой группы.
Теперь мы собираемся использовать квадратный шаблон, который мы создали для буквы «D», чтобы убедиться, что наша буква имеет одинаковую ширину.
Поскольку мы создали направляющие для буквы «D», мы уже заметили, что верхнее и нижнее плечо буквы «E» недостаточно высоки. Мы также можем предположить, что его средняя часть тоже имеет ту же проблему. Мы должны исправить эти проблемы.
Принесите наш квадратный шаблон и поместите его в центр средней руки. Поместите направляющую сверху и снизу шаблона.
Также сделайте направляющие слева и справа от буквы «E», а также там, где заканчивается средняя рука.
Шаг 11: Заполнение буквы «E»
Щелкните по слою, который мы создали в группе «E».Используйте тот же оранжевый цвет (# FF9900), что и буква «E», чтобы заполнить области так, чтобы руки были такими же, как стержень буквы «E».
Шаг 12: Формирование буквы «E»
Поместите наш шаблон в верхний левый угол буквы «E» и сделайте направляющую с правой стороны от него так, чтобы он проходил по внутренней стороне стержня. Как и в шаге 8, мы собираемся отрубить углы буквы «E» на исходном текстовом слое.
Мы также сделаем так, чтобы средний стержень выступал так же, как в шаге 9.
Шаг 13: Создание буквы «S»
Создайте новую группу слоев под названием «S» и новый слой внутри этой группы.
Мы собираемся использовать букву «S» в качестве основы для существующей буквы «E». Сначала выберите область от верхней направляющей до края левой стороны буквы «S» до самой нижней направляющей у правого края буквы «S», а затем залейте ее красным цветом (# BA0000).
Мы хотим, чтобы все буквы были одинаковой высоты, поэтому мы обрезаем верхний и нижний края буквы «S».
Шаг 14: Черновая обработка буквы «S»
Используя инструмент Rectangular Marquee Tool (M), выделите две области между направляющими, которые проходят между ответвлениями буквы «E», а затем нажмите клавишу Delete, чтобы удалить область под вашим выделением. Это должно дать нам три горизонтальные полосы той же ширины, что и буква «E».
Шаг 15: Формирование буквы «S»
Поместите шаблон в верхний левый угол S-образной формы, а затем поместите направляющую на его правую сторону.Переместите черный квадратный шаблон в нижний правый угол и поместите направляющую слева от него.
Теперь, используя инструмент Rectangular Marquee Tool (M), чтобы выделить область, залейте пустую область слева вверху и справа внизу красным цветом (# BA0000).
Шаг 16. Завершение буквы «S»
Отключите видимость исходного текстового слоя в нашем окне, чтобы упростить следующий процесс.
Мы хотим избавиться от некоторых из этих углов, как с нашими буквами «D» и «E». У двух концов не отрубаются углы, потому что они не складываются.
Буква S сейчас выглядит забавно, но позже она будет хорошо смотреться, когда мы начнем накладывать на нее тени.
Удалите букву «S» из исходного базового текстового слоя, если хотите, потому что он нам больше не нужен.
Шаг 17: Без изменений «I»
«Я» останется как есть, поскольку на нем нет складок.
Шаг 18: Создание основной формы буквы «G»
Создайте новую группу для «G» и — вы уже знаете, как это сделать — новый слой (Ctrl / Cmd + Shift + N) внутри нее.Как и в случае с буквой «S», мы собираемся выделить область сверху вниз направляющими и слева направо от края буквы «G».
После выбора залейте его желтым цветом (# FEDE58).
Теперь давайте поместим направляющие на левую и правую стороны коробки.
Шаг 19: Формирование буквы «G»
Это начнется аналогично букве «D». Сначала поместите квадратный шаблон вверху слева, а направляющую — с правой стороны.
Затем поместите шаблон в нижний правый угол и поместите направляющую на его левую сторону.Выберите область, которую направляющие образуют внутри поля, а затем удалите ее из поля и исходный текст.
Шаг 20: Завершение G-образной формы
Чтобы превратить нашу букву в букву «G», мы собираемся переместить квадратный шаблон так, чтобы его верхушка находилась на вершине внутреннего круга. Создайте руководство внизу шаблона, чтобы помочь нам.
Теперь, используя инструмент Rectangular Marquee Tool (M), выделите область, которая начинается в верхней части внутреннего круга направляющей, которую мы только что создали, чтобы мы могли избавиться от верхней правой части рамки.
Шаг 21: Округление буквы «G»
Теперь мы хотим избавиться от всех прямых углов нашей буквы (как показано ниже). Используйте инструмент Polygonal Lasso Tool (L), чтобы сделать выделение, и просто нажмите клавишу Delete, чтобы очистить область под выделенной областью.
Шаг 22. Уменьшите ширину буквы «G»
Наша буква «G» слишком широка для нашего дизайна. Чтобы исправить это, возьмите инструмент Rectangular Marquee Tool (M) и выберите правую половину нашей буквы.
Выделив соответствующую область, щелкните инструмент «Перемещение» (V) на панели инструментов, удерживая нажатой клавишу «Shift», переместите выбранную область влево.
Шаг 23: Создание основной формы для буквы «N»
Для нашей буквы «N» давайте создадим новую группу, а также новый слой внутри группы. Создайте рамку вокруг исходного символа «N» и залейте его розовым цветом (# FF99AB).
Переместите наш квадратный шаблон с помощью инструмента «Перемещение» (V), поместив его в верхний левый угол буквы. Также поместите руководство слева и справа, чтобы сделать наш выбор проще и точнее.
Переместите квадратный шаблон в правый угол, а также разместите направляющие слева и справа.
Теперь выберите среднюю часть с помощью Rectangular Marquee Tool (M) и удалите ее.
Шаг 24: Добавление перекладины
Снова используя инструмент Rectangular Marquee Tool (M), мы собираемся создать рамку вокруг правого стержня буквы «N» и скопировать выделение на новый слой, нажав Ctrl / Cmd + J.
Возьмите стебель, который мы продублировали, и затем используйте команду Free Transform (Ctrl / Cmd + T), чтобы наклонить его так, чтобы он превратился в перекладину нашей «N».
Немного поэкспериментируя, верхний левый угол должен совпадать с левым углом левого стержня, а нижний левый угол должен совпадать с нижним левым углом правого стержня.
Выберите часть перекладины, которая идет над верхней направляющей, с помощью инструмента Rectangular Marquee Tool (M) и удалите ее.
Шаг 25: Завершение буквы «N»
Если вы посмотрите на фактическую складку буквы «N» на нашей эталонной фотографии, вы заметите, что складки вверху и внизу не полностью горизонтальны. Мы собираемся создать эти углы, переместив квадратный шаблон в верхний левый угол.
Используйте команду «Свободное преобразование» (Ctrl / Cmd + T) и переместите направляющую на горизонтальный средний элемент управления преобразованием.Мы делаем направляющую на полпути шаблона. Проделайте это с правым нижним углом.
С помощью инструмента Polygonal Lasso Tool (L) удалите углы, используя направляющие, которые мы только что создали в качестве боковых точек.
Шаг 26: Очистка текста
Прямо сейчас у вас должно быть что-то, что выглядит довольно неаккуратно. Давайте очистим шрифт, удалив лишние элементы, которые нам не нужны в исходном тексте.
Еще хотим получить букву «Е» на одном слое.Щелкните исходный текстовый слой на панели слоев, удерживая Ctrl / Cmd. Затем с помощью инструмента Rectangular Marquee Tool (M) удерживайте Alt / Option, чтобы создать квадратное выделение вокруг буквы «I», чтобы вычесть его из текущего выделения.
Теперь, удерживая Shift + Ctrl / Cmd, щелкните оставшуюся часть «E» в группе «E». Щелкните слой «E» в группе «E» и залейте выделенную область оранжевым цветом (# FF9900).
Шаг 27: Создание складок на «D»
Теперь мы можем приступить к созданию складок для буквы «D».Чтобы создать складки, мы будем использовать наши руководства, а также нашу реальную модель для справки.
Горизонтальные части — это те, что находятся сверху для буквы «D», поэтому на двух вертикальных частях будут тени.
Чтобы создать тени, выберите область посередине с помощью инструмента Rectangular Marquee Tool (M) и создайте градиент с предустановкой градиента от черного к прозрачному с помощью инструмента Gradient Tool (G).
Поиграйте с этим, пока не получите что-то хорошее.Если вам не нравится созданный вами градиент, просто нажмите Ctrl / Cmd + Z, чтобы отменить его, а затем повторите попытку. Старайтесь не начинать градиент прямо по краю, но также старайтесь не делать его слишком тонким и заниженным.
Чтобы избавиться от лишнего градиента, Ctrl / Cmd + щелкните слой «D», перейдите в Select> Inverse (Shift + Ctrl / Cmd + I), чтобы инвертировать ваш выбор, и нажмите клавишу Delete, чтобы избавиться от выбранная область.
Шаг 28: Создание складок на «E»
С нашей буквой «E» вертикальный стержень будет верхней частью с тремя руками, получающими тени (точно так же, как наш реальный образец).
Шаг 29: Создание складок на «S»
Для буквы «S» изогнутые части будут верхними, а остальные заштрихованы.
Шаг 30: Отсутствие складок на «I»
Наша буква «I» довольно скучная — для «I» не требуется никакого затенения.
Шаг 31: Создание складок на «G»
Для буквы «G» две вертикальные линии будут сверху, поэтому горизонтальные будут иметь тени.
Шаг 32: Создание складок на «N»
Для «N» левая штанга будет находиться под перекладиной, а перекладина — под правой стойкой.
Шаг 33: Наложение теней
Теперь мы собираемся изменить режим наложения всех теневых слоев на Overlay, кроме правого сгиба на «N», который будет изменен на Soft Light.
Шаг 34: Обесцвечивание обратной стороны буквы «D»
Теперь складки выглядят довольно хорошо, но мы хотим немного выделить переднюю и заднюю часть, приглушив цвет обратной стороны бумаги, чтобы придать буквам некоторую глубину.
Выберите части, которые должны были быть загнуты, с помощью инструмента Rectangular Marquee Tool (M) и откройте команду настройки изображения Hue / Saturation (Ctrl / Cmd + U).
Примечание: Чтобы сделать несколько разрозненных выделений, как на изображении ниже, удерживайте нажатой клавишу Shift (при этом на курсоре мыши должен появиться маленький знак «+», указывающий, что это правильный режим).
Измените насыщенность на -40 и яркость на +20. Мы используем опцию Lightness в Hue / Saturation, потому что она размывает цвета, что нам и нужно.
Шаг 35: Обесцветьте остальные буквы
Примените оттенок / насыщенность из шага 34 к остальным буквам.
Шаг 36: Добавьте стиль слоя Satin
Щелкните слой «D» и перейдите в меню «Слой> Стиль слоя> Атлас». Это придаст тексту немного блеска и выделит средние области текста.
Примените это также к остальным буквам. Ярлык состоит в том, чтобы щелкнуть правой кнопкой мыши слой «D», выбрать «Копировать стиль слоя», выбрать другие слои, щелкнуть по ним правой кнопкой мыши и затем выбрать «Вставить стиль слоя» в появившемся контекстном меню.
Шаг 37: Добавление карты градиента
Мы собираемся добавить эффекты к нашему тексту и изображению. Во-первых, мы собираемся перейти в Layer> New Adjustment Layer> Gradient Map.
Щелкните по предустановке градиента от желтого к красному, а также выберите параметр «Обратный».
Уменьшите непрозрачность корректирующего слоя Gradient Map примерно до 15%. Это должен быть ваш самый верхний слой. Это придаст нашему изделию желтоватый, состаренный вид.
Шаг 38: Добавление корректирующего слоя оттенка / насыщенности
Мы также собираемся снизить яркость нашей работы.Перейдите в Layer> New Adjustment Layer> Hue / Saturation.
Шаг 39: Придайте тексту неровный вид
Теперь мы собираемся придать нашему тексту немного неровный, естественный вид. Во-первых, убедитесь, что цвет переднего плана и фона черный и белый (нажмите D, чтобы сбросить цвета).
Создайте новый слой, нажав Ctrl / Cmd + Shift + N, а затем перейдите в Filter> Render> Clouds. Убедитесь, что слой находится прямо под слоями Gradient Map и Hue Saturation.
Измените режим наложения этого нового слоя на Overlay и уменьшите непрозрачность до 50%.
Шаг 40: Добавление текстуры фона
Давайте откроем текстуру бумаги, включенную в список ресурсов в Photoshop.
В качестве альтернативы можно использовать собственную текстуру бумаги или посмотреть в разделе «Бесплатные подарки» Руководства по дизайну текстур, которые вы, возможно, захотите использовать вместо них.
Перейдите в Image> Image Rotation> 90 ^o CCW, чтобы привязка текстуры находилась внизу холста.
Перейдите в Image> Image Size и измените ширину на 1200 пикселей, чтобы текстура была такой же ширины, как и наш основной холст.
Подготовив текстуру, скопируйте и вставьте ее в наш ретро сложенный бумажный холст Photoshop.
Измените режим наложения слоя текстуры на Overlay и затем откройте диалоговое окно настройки изображения уровней (Ctrl / Cmd + L). Измените значения параметров так, чтобы они были похожи на то, что я указал ниже — эти настройки сделают текстуру более заметной.
Шаг 41: Настройка текстуры
Откройте диалоговое окно Hue / Saturation и уменьшите Saturation до -40. Также уменьшите непрозрачность этого слоя примерно до 50%. Это сделает цвет текстуры более нежным.
Шаг 42: Добавление второй текстуры
Дублируйте текстуру бумаги с помощью Ctrl / Cmd + J и переместите ее вниз по стопке слоев под всеми буквами.
Измените режим наложения на Умножение и уменьшите непрозрачность до 20%.
Шаг 43: Добавление виньетки
Для художественного эффекта и для того, чтобы привлечь внимание зрителя к центру нашего произведения, мы собираемся затемнить края холста, создав имитацию виньетки. Щелкните инструмент Rectangular Marquee Tool (M) на панели инструментов и на панели параметров измените Feather на 50 пикселей. Щелкните и перетащите рамку по всему холсту (или нажмите Ctrl / Cmd + A).
Перейдите в Select> Inverse и залейте инвертированное выделение черным цветом (# 000000).Это должно заполнить только края.
Измените режим наложения слоя виньетки на Overlay.
Шаг 44: Альтернативная текстура
Вы также можете поэкспериментировать с дополнительными текстурами. Я собираюсь сохранить фон с такой же текстурой бумаги. Я собираюсь скрыть текстуру бумаги, которая была над текстом.
Затем я добавлю эту другую текстуру (также включенную в список ресурсов выше), чтобы придать изображению более грязный и шероховатый вид.Поиграйте с разными текстурами, чтобы создать что-то свое.
Шаг 45: Окончательная регулировка
Я немного сдвинул буквы, чтобы сделать кернинг более ровным. Вы можете сделать это более точно с помощью инструмента «Линейка» в Photoshop (I), но это нормально — идеальный интервал не важен, потому что мы хотим, чтобы текст выглядел несовершенным, сделанным вручную.
Краткое содержание руководства
В этом уроке Photoshop я показал вам, как создать интересную типографику из сложенной бумаги.Во-первых, мы создали реальную модель нашего текста, которая, я надеюсь, продемонстрирует вам ценность ссылки перед запуском вашего любимого графического редактора и созданием иллюстраций в цифровом виде. Эти навыки полезны на всех уровнях веб-дизайна! Колледж может использовать эти навыки для веб-дизайна своего университета или научить этому своих студентов! Научиться этим дизайнерским навыкам очень ценно!
Мы использовали простые приемы Photoshop, такие как выделение областей вручную с помощью инструментов Photoshop Lasso и Marquee.Чтобы сделать наш выбор более точным и наши буквы более однородными, мы создали квадратный шаблон и использовали большое количество руководств Photoshop. Чтобы закончить работу, мы применили несколько базовых корректирующих слоев, чтобы придать нашему изделию ретро-блеклый вид.
Надеюсь, вам понравилось это руководство, и я с нетерпением жду ваших собственных версий в групповом пуле Design Instruct Flickr.
Скачать исходные файлы
Учебное пособие по эффекту сложенного текста: шрифт Paper Notebook
Есть несколько хороших руководств по созданию «сложенных» текстовых эффектов, но в этом руководстве используется немного другой подход к реализации концепции.Мы создадим сложенный текст и простой узор, чтобы он выглядел так, как будто он вырезан из записной книжки. Буква «O» будет использоваться для иллюстрации концепции, так как это требует дополнительной работы.
Окончательный результат
Подробное описание учебника
Используемое программное обеспечение: Photoshop
Версия: CS5 Extended
Время: 1:30 — 2:45
Ресурсы
Шаг 1
Создайте новый документ 1024 x 768 пикселей.Залейте Фон цветом # 817d57 , затем установите цвета переднего плана и фона обратно на черный и белый. Создайте новый слой и назовите его Radial Gradient . Выберите градиентную заливку от переднего плана к прозрачной , щелкните значок Radial Gradient и установите флажок Reverse на панели Options .
Начиная с центра фона, перетащите градиент к одному из углов.
Измените режим наложения слоя Radial Gradient слоя на Мягкий свет.
Шаг 2
Поместите Paper Texture поверх слоя Background и переименуйте его в Background-1 .
Перейдите в Image> Adjustments> Hue / Saturation , измените Saturation на -100 и Lightness на -20.
Измените режим наложения слоя Background-1 на «Умножение» и непрозрачность на 50%.
Поместите текстуру Grungy paper поверх всех слоев, переименуйте ее в Background-2 и измените Blend Mode на Multiply.
Шаг 3
Создайте новый документ размером 300 x 300 пикселей и залейте фон цветом # f7f4fb .
Установите цвет переднего плана на # d0d5de . Выберите мягкую круглую кисть и на панели Brush (Window> Brush) измените ее Settings , как показано ниже:
— Форма кончика кисти
— Динамика формы
Начните создавать горизонтальные линии, щелкая и перетаскивая.Нажатие и удерживание клавиши Shift при этом поможет вам получить прямые линии, но не забудьте отпускать ее каждый раз, прежде чем нажимать, чтобы создать новую линию, затем нажмите и удерживайте ее снова и так далее.
Простой и быстрый способ сохранить одинаковое расстояние по вертикали между линиями — создать квадрат или прямоугольник и переместить его вниз после рисования каждой линии, чтобы нарисовать линию под ней.
Когда вы закончите рисовать линии, перейдите в Правка> Определить узор и введите имя узора.
Шаг 4
Вернитесь к исходному документу, создайте текст, каждой буквы на отдельном слое , используя шрифт Arial Black , размер 286 pt и цвет # eceac9 .
Затем сгруппируйте буквы и вызовите группу Текст . Эта группа будет использоваться для хранения исходных слоев букв, поэтому слои внутри нее не будут использоваться, кроме как для их дублирования и создания копий.
Итак, для каждой буквы в этой группе продублируйте ее, затем поместите копию в отдельную новую группу с названием буквы, затем сделайте группу исходных букв невидимой, щелкнув значок глаза рядом с ней.Это поможет держать вещи в порядке.
Шаг 5
Выберите слой с первой буквой (после того, как вы продублируете его и поместите в отдельную группу) — он будет называться исходным слоем , затем перейдите в Edit> Transform> Rotate и поверните его по своему усмотрению, затем нажмите Enter / Return , чтобы принять изменения.
Еще раз продублируйте слой с буквой и сделайте исходный слой невидимым. Щелкните правой кнопкой мыши дублированный слой и выберите Rasterize Type .
Шаг 6
Используя инструмент Rectangle Tool , нарисуйте прямоугольник поверх буквы. Затем используйте инструмент Direct Selection Tool , чтобы выбрать углы прямоугольника и переместить их, чтобы создать край, который простирается от одной точки буквы до другой.
Шаг 7
Выберите слой с растеризованной буквой и используйте инструмент Polygonal Lasso Tool , чтобы выделить части за пределами края сгиба, и нажмите клавишу Delete , чтобы избавиться от них.
Кроме того, для таких букв, как O , вам также необходимо удалить область, в которой сгиб закрывает письмо. Поэтому просто убедитесь, что складка выглядит именно там, где она находится, и удалите все лишние части вокруг нее.
Шаг 8
Дважды щелкните слой с растрированной буквой и примените эффект Drop Shadow , используя цвет # 7b7b7b .
Дважды щелкните слой сгиба, чтобы применить следующий стиль слоя:
— Тень
Снимите флажок Use Global Light , чтобы вы могли изменять значения Angle и Distance , перемещая тень непосредственно на слой.Для этого вы должны убедиться, что установлен флажок Preview .
Так что просто щелкните и перетащите тень, чтобы разместить ее там, где ее должна отбрасывать складка.
— Внутренняя тень
Цвет: #dbdacd
Размер: 18
Переместите тень под складку.
Шаг 9
Создайте новый слой между слоем с буквой и слоем сгиба, назовите его Lines — буква .Используйте инструмент Elliptical Marquee Tool , чтобы создать выделение вокруг буквы.
Выберите инструмент Paint Bucket Tool , выберите Pattern Fill на панели Options , затем выберите lines pattern , чтобы заполнить круг, и измените режим наложения слоя заливки узором на Luminosity.
Причина создания выделения, которое больше буквы, вместо выделения самой буквы, заключается в том, что эти дополнительные части позволяют вращать узор без получения каких-либо пустых частей.Итак, перейдите в Edit> Transform> Rotate , чтобы повернуть линии на тот же угол буквы, затем нажмите Enter / Return , когда закончите.
Шаг 10
Ctrl / Cmd + щелкните миниатюру слоя letter , чтобы создать выделение.
Перейдите к Select> Inverse , затем нажмите Delete , чтобы избавиться от лишних частей.
Шаг 11
Создайте новый слой поверх слоя сгиба, переименуйте его в Lines — fold .Снова создайте выделение и залейте его узором.
Измените линий — сверните режим наложения слоя на «Разделение» и поверните узор.
Ctrl / Cmd + щелкните миниатюру слоя с фигурной складкой, чтобы создать выделение, инвертировать его и удалить лишние части.
Вот что вы получите.
Шаг 12
Повторите те же шаги, чтобы создать остальные буквы.
Когда вы закончите, вам нужно будет нажать и удерживать клавишу Shift, , затем Ctrl / Cmd + щелкать каждую букву и складывать миниатюры слоев, чтобы выделить окончательный текст, который у вас есть.
Нажмите кнопку New Adjustment Layer в нижней части панели Layers , выберите Levels , обязательно поместите корректирующий слой поверх всех слоев, затем измените значение Shadows на 75. Это будет темнее. до конечного результата.
Наконец, переместите слой Background-2 прямо под корректирующий слой Levels .
И вот оно!
Эффект резкого складывания текста: шрифт Photoshop
для сложенной бумаги
В этом уроке объясняется, как создать эффект резкого складывания текста путем преобразования слоя текста в слой формы, добавления и перемещения пары опорных точек и использования простой градиентной заливки с различными режимами наложения.
Окончательный результат
Подробное описание учебника
Используемое программное обеспечение: Photoshop
Версия: CS5 Extended
Время: 1:00 — 1:45
Ресурсы
Шаг 1
Создайте новый документ 1024 x 768 пикселей. Установите цвет переднего плана на #dbdbdb и цвет фона на #bcbcbc , затем создайте радиальный градиент от центра документа к одному из углов.
Создайте текст, используя цвет # 7b7b7b . Используемый шрифт — Magnum , а размер Size — 250 pt.
Скопируйте текстовый слой и измените цвет шрифта копии на # c
. Сделайте исходный текстовый слой невидимым (щелкните значок глаза рядом с ним).
Щелкните правой кнопкой мыши слой с текстом копии и выберите Преобразовать в форму .
Это преобразует текстовый слой в слой формы. Миниатюра слева — это цвет Fill , и вы можете дважды щелкнуть по нему, чтобы изменить цвет в любое время.Миниатюра справа — это маска слоя , и она показывает форму пути, которая определяет то, что видно на слое.
* Обязательно щелкните маску слоя перед изменением пути.
Шаг 2
Выберите инструмент прямого выбора . Это инструмент, который мы будем использовать для перемещения любых точек на пути.
Щелкните и перетащите, чтобы выбрать точки привязки первой буквы.
Точки привязки — это точки, управляющие траекторией.Добавление, удаление или перемещение любого из них изменит форму пути. Попробуйте добавить складки там, где не так много действительно близких опорных точек.
Выберите инструмент Add Anchor Point Tool , чтобы начать добавлять опорные точки сгиба. Для каждого сгиба потребуется 3 точек крепления с каждой стороны. Те, что справа и слева, — это место, где начинается и заканчивается складка (желтая подсветка), а те, что посередине, контролируют фактическую складку (синяя подсветка).
Щелкните, чтобы добавить 6 точек привязки с каждой стороны.Не беспокойтесь о точном выравнивании точек, вы даже можете оставить разные промежутки между опорными точками, чтобы создать более наклонный сгиб.
Снова выберите инструмент Direct Selection Tool , щелкните и перетащите, чтобы выбрать опорные точки посередине (или Shift + щелкните по ним).
Используйте кнопку со стрелкой Вверх (должен быть выбран инструмент «Перемещение» (V)), чтобы переместить выбранные опорные точки немного вверх.
При создании горизонтальных сгибов вместо этого следует перемещать сгиб вправо.
Повторите те же шаги, чтобы создать больше складок в любом месте.
Шаг 3
Создайте два новых слоя поверх всех слоев и назовите их Light и Dark . Мы будем использовать их, чтобы добавить градиенты по бокам сгиба.
Установите режим наложения слоя слоя Light на Мягкий свет и его непрозрачность на 30%.
Установите Режим наложения слоя Dark на Умножение.
Шаг 4
Ctrl / Cmd и щелкните миниатюру маски слоя формы, чтобы создать выделение.
Выберите инструмент Polygonal Lasso Tool и щелкните значок Intersect with Selection на панели параметров.
Затем создайте выделение, которое пересекается с правой половиной (стороной) сгиба.
Убедитесь, что выбран слой Dark .
Выберите инструмент Gradient Tool и щелкните значок Linear Gradient на панели параметров.Установив цвет переднего плана на #dbdbdb , выберите градиент от переднего плана к прозрачному и залейте выделение, начиная с середины сгиба.
Установленный ранее режим наложения Multiply сделает градиент похожим на тень, покрывающую выбранную область.
Выделите фигуру еще раз (Ctrl / Cmd + щелкните миниатюру) и используйте инструмент «Многоугольное лассо», чтобы создать выделение, которое пересекается с левой половиной сгиба.
Выберите на этот раз слой Light , затем залейте выделение градиентом.
Это немного осветлит левую сторону сгиба.
Примечание: Старайтесь не включать в выделение области, разделенные углами, и также не перетаскивайте градиент за пределы выделения.
В противном случае градиентные заливки будут полностью отключены.
Просто убедитесь, что выбранные области являются смежными, и что градиенты заканчиваются у края выделения.
Это сделает градиентные заливки более плавными и реалистичными.
Проделайте то же самое со всеми оставшимися складками. Помните, что изгибающиеся вверх части должны быть светлее, а опускающиеся — темнее. Просто примените градиентную заливку по часовой стрелке ко всем складкам.
Шаг 5
Сделать видимым исходный текстовый слой.
Щелкните правой кнопкой мыши исходный текстовый слой и выберите Rasterize Type .
Это приведет к повторной обработке текстового слоя, что означает, что вы больше не сможете изменять текст. Вы можете использовать Smart Objects вместо этого, если хотите.
Перейдите к Filter -> Blur -> Gaussian Blur и установите для Radius значение 2.
Установите режим наложения слоя с растровым текстом на Умножение. Выберите инструмент Move Tool и с помощью клавиш со стрелками переместите текст немного вниз и вправо, чтобы создать простую тень.
Шаг 6
Дважды щелкните слой Shape, чтобы добавить простой градиент Overlay :
— Наложение градиента
Режим наложения: Мягкий свет
Непрозрачность: 60%
Стиль: Отражение
Щелкните поле Градиент, чтобы создать градиент
Используемый градиент очень простой.Щелкните каждую из Color Stops (внизу панели градиента), затем щелкните поле Color ниже и установите цвета на #ffffff и # 000000 .
Теперь щелкните каждую из ступеней непрозрачности (вверху полосы градиента), чтобы установить значения непрозрачности на 0 и 100%.
Это добавит к тексту красивый градиент.
Наконец, поместите текстуру Grungy seamless Tiling Tile поверх всех слоев и измените режим наложения этого слоя на Soft Light.
Вот и все!
Узнайте, как создать эффект сложенного текста
В сегодняшнем уроке вы познакомитесь со знаменитым эффектом складки. Мы создаем эффект свернутого текста, но вы можете использовать его на любых бумагах, значках или кнопках. Это действительно ваше дело. Итак, начнем.
Предварительный просмотр: —

Шаг 1: —
Создайте новый файл шириной 600 пикселей и высотой 400 пикселей.
Шаг 2: —
Выберите «Paint Bucket Tool» и залейте фон цветом # 000000.Или вы также можете добавить рамку, если хотите.
Шаг 3: —
Теперь выберите «Инструмент текста» и добавьте текст. Вы можете использовать любой цвет, который вам нравится, но я использую этот цвет # e103c4.
Шаг 4: —
Теперь выберите «Pen Tool» и создайте прямоугольник в верхнем углу нашей «P».
Шаг 5: —
Теперь щелкните правой кнопкой мыши путь и выберите «Сделать выбор». Затем нажмите Правка> Вырезать.
Шаг 6: —
Теперь вставьте это. Затем нажмите «Правка»> «Свободное преобразование», щелкните правой кнопкой мыши и выберите «Отразить по горизонтали», а затем «Отразить по вертикали».
Шаг 7: —
Щелкните «Слой»> «Стиль слоя»> «Наложение градиента» и добавьте к нему градиент. Выберите для этого белый и черный градиент. И оставьте настройку такой же, как показано на рисунке ниже.
Шаг 8: —
Теперь мы повторим тот же процесс с другими буквами.
Шаг 9: —
Теперь создадим отражение. Для этого нам нужно сгруппировать эти слои. Затем щелкните группу правой кнопкой мыши и выберите «Дублировать группу». Теперь нажмите «Редактировать»> «Свободное преобразование», щелкните его правой кнопкой мыши и выберите «Отразить по вертикали». Теперь разместите его под нашим основным текстом.
Шаг 10: —
Сначала выберите инструмент «Ластик» и удалите нижнюю область, используя «Мягкую круглую кисть», затем выберите инструмент «Кисть» и используйте «Мягкую круглую кисть» размером 50 пикселей и цветом # ff85ef.Используйте его между нашим основным текстом и отражением и уменьшите непрозрачность до 15%.
Теперь мы закончили, вы научились создавать сложенный вид. Это довольно просто, это не так. Теперь, если хотите, можете добавить несколько звезд и текстуру, чтобы улучшить внешний вид. Давайте посмотрим на наш окончательный результат.
Как согласовать текст или рисунок с любыми складками ткани в Photoshop
Fabric Folds Text tutorial, я покажу вам, как использовать фильтр «Смещение», чтобы правильно применить текст к динамической поверхности и привести его в соответствие с этой поверхностью для получения более реалистичного результата.
Откройте изображение «Текстура ткани», выберите «Изображение»> «Коррекция»> «Обесцветить»
.
Перейдите в Фильтр> Размытие> Размытие по Гауссу и установите Радиус на 3.
Чем больше значение радиуса, тем резче и мягче конечный эффект, а меньшим значением радиуса — более резкий и детальный результат.
затем перейдите в меню «Файл»> «Сохранить как» и сохраните файл PSD изображения с именем «Карта смещения».
Снова откройте исходное изображение текстуры ткани, создайте текст или поместите любой рисунок или опечатку в документ
Преобразуйте текстовый слой в смарт-объект, а затем измените его значение «Заливка» на 0.
Дважды щелкните текстовый слой, чтобы применить следующий стиль слоя.
Добавьте скос и тиснение и добавьте цветовой оверлей с этими настройками.
Это стилизует текстовый слой. Вы можете видеть, что, хотя складки ткани просматриваются сквозь текст, она все равно выглядит немного плоской и нереалистичной. Это то, над чем мы будем работать дальше.
Теперь перейдите в Filter> Distort> Displace. Появится диалоговое окно.
Значения шкалы по горизонтали и вертикали контролируют интенсивность и силу эффекта.
Чем больше значение, тем крупнее и волнистее складки; меньшие значения создадут более тонкий результат.
Для карты смещения выберите параметр «Растянуть по размеру», а для «Неопределенные области» выберите «Повторять пиксели края» и нажмите «ОК».
Когда откроется обозреватель файлов, перейдите к файлу карты смещения, который мы создали в начале этого руководства, и откройте его, чтобы применить к тексту.
Теперь вы можете увидеть, как это создает реалистичный эффект, заставляя текст соответствовать текстуре и форме фонового изображения.
перейдите в Фильтр> Размытие> Размытие по Гауссу и установите Радиус на 1. Это поможет смягчить эффект.
Вот окончательный результат.

Вы можете использовать корректирующий слой оттенка и насыщенности, чтобы легко изменить цвет фона.
Чтобы изменить цвет текста, просто нажмите на Color Overlay и измените цвет.
Добавление текста к динамическому фону может быть немного сложным, поскольку обычно он выглядит плоским и фальшивым.
Попробуйте этот метод, чтобы получить реалистичные эффекты при размещении текста или дизайна на ткани.
Создайте эффект простого сложенного бумажного текста в Photoshop
В этом уроке Photoshop мы исследуем простую технику имитации эффекта сложенного бумажного текста, подобного тем, которые мы обычно видим в примерах оригами.
Окончательное изображение
Это последнее изображение, которое мы будем создавать:
Подробности руководства
Программа: Adobe Photoshop CS6
Приблизительное время выполнения: 50 минут
Сложность: Начальный-Средний
Шаг 1
Откройте новый файл («Файл»> «Создать») в Adobe Photoshop со следующими настройками.Сохраните файл как «Folded Paper Text Effect.psd». Во время работы не забывайте часто использовать Файл> Сохранить (Ctrl + S), чтобы сохранить и обновить файл.
Шаг 2
Приступим к созданию исходных форм. Затем создадим складки из бумаги. В Photoshop есть много способов сделать это. Но то, что мы ищем, — это способ, который будет достаточно гибким, чтобы мы могли легко его изменить или модифицировать позже. Итак, мы начнем с инструмента «Прямоугольник» из группы «Инструменты для фигур».
All Shape Tools позволяет создавать векторные формы в Photoshop. Векторные формы идеально подходят для четких и чистых линий. Кроме того, их достаточно легко изменить или отредактировать позже.
В этом уроке мы будем использовать только инструмент «Прямоугольник». Чтобы создать прямоугольник, сначала выберите инструмент «Прямоугольник», а затем щелкните и перетащите, чтобы создать прямоугольник.
Чтобы создать идеальный квадрат, используйте SHIFT + щелчок и перетаскивание. Также, чтобы создать идеальный квадрат из центра этого квадрата, используйте SHIFT + ALT + щелчок и метод перетаскивания.
Итак, теперь мы знаем, как создать прямоугольник. Но как тогда его редактировать?
Используйте инструмент «Выбор контура» (черная стрелка) и инструмент «Прямое выделение» (белая стрелка) для редактирования форм.
Для преобразования, поворота и масштабирования используйте инструмент «Выбор контура». Но для редактирования отдельных точек (то есть опорных точек) используйте инструмент прямого выбора.
Для вставки или удаления новой точки используйте инструмент «Добавить точку привязки» или инструмент «Удалить точку привязки» из группы инструментов «Перо».
Шаг 3
Выберите инструмент «Прямоугольник» из инструмента «Форма» и измените параметр цвета заливки с панели параметров выше на средний серый (# 808080).
Шаг 4
Теперь создайте прямоугольник и выберите инструмент «Прямое выделение». Переместите и переместите точки, как показано ниже.
Шаг 5
Переименуйте слой Shape в «2-01», дважды щелкнув текст. Дублируйте этот слой, щелкнув правой кнопкой мыши по слою на панели слоев или нажав CTRL + J.Затем переименуйте его в «2-02».
Шаг 6
Затем выберите инструмент выбора пути и щелкните путь, чтобы выбрать путь. Затем выберите Edit> Transform Path> Rotate или CTRL + T. Поверните путь, затем выберите инструмент «Прямое выделение». Теперь отрегулируйте точки и разместите эту форму, как показано на скриншоте ниже:
Шаг 7
Выполните те же действия, чтобы закончить букву «2». Используйте приведенный ниже снимок экрана в качестве руководства.
Выделите все эти слои-фигуры и создайте группу с именем «2».
Шаг 8
Дважды щелкните слой «2-01», чтобы открыть стиль слоя. Вы также можете выбрать слой, щелкнув по нему, а затем под панелью слоев нажмите кнопку, которая выглядит как «fx», и выберите «Наложение градиента». Сначала измените угол градиента на -104 градуса. Затем щелкните Редактор градиента, чтобы создать градиент, как показано ниже.
Шаг 9
Щелкните правой кнопкой мыши слой «2-01» и выберите «Копировать стиль слоя».
Шаг 10
Затем щелкните правой кнопкой мыши слой «2-02» и выберите «Вставить стиль слоя». Затем измените значение угла на 90. Затем откройте редактор градиента наложения градиента и измените положение каждой точки градиента цвета. Изменять значения цвета не нужно. Подробности см. Ниже.
Шаг 11
Повторите эту же технику для слоя «2-03». Вот настройки наложения градиента для слоя «2-03». Значения цвета такие же.
Шаг 12
Настройки наложения градиента для слоя «2-04». Те же значения цвета.
Шаг 13
Настройки наложения градиента для слоя «2-05». Обратите внимание на разные значения цвета здесь.
Шаг 14
Настройки наложения градиента для слоя «2-06».
Завершено «2» после наложения градиента.
Шаг 15
Теперь пора создать складку для цифры «2».Каждая складка будет разделена на две части. Передняя и задняя части, где одна часть будет частично скрывать другую, чтобы создать имитацию трехмерной складки. Техника будет такой же.
Сначала создайте небольшой прямоугольник серого (# 808080) цвета и отредактируйте точки с помощью Direct Selection Tool. Переименуйте этот слой в «F-2-01-Front». Затем создайте группу под названием «Складки» и поместите этот слой в эту группу.
Посмотрите на снимок экрана ниже настройки наложения градиента для слоя сгиба лицевой стороны.
Шаг 16
Затем продублируйте этот слой и перетащите его ниже предыдущего слоя. Теперь отрегулируйте точки, чтобы они соответствовали снимку экрана ниже.
На скриншоте ниже показаны настройки Gradient Overlay для слоя обратной сгиба.
Ниже представлен завершенный первый сгиб фигуры «2».
Шаг 17
Завершите вторую складку формы «2». Скриншоты ниже.
Посмотрите на снимок экрана ниже настройки наложения градиента.
Шаг 18
Ниже заполненная цифра «2» со всеми элементами.
Шаг 19
Аналогичным образом начните создавать форму «0». Сначала продублируйте любые слои с фигурой «2». Затем с помощью инструмента «Прямое выделение» переместите точки, чтобы создать первый элемент формы для фигуры «0». Из-за дублирования стиль слоя все еще активен. Поэтому отредактируйте стиль слоя, чтобы изменить его. Затем продублируйте этот новый слой для формы «0» и отредактируйте точки, чтобы создать второй элемент.Затем продолжайте повторять эти шаги. Ниже представлена фигура «0» после завершения стилей наложения градиента, но до создания складок.
Шаг 20
Дублируйте и переименуйте любые слои сгиба из формы «2» и создайте новую складку для фигуры «0». Затем продублируйте этот слой и повторите. Ниже показаны складки для «0».
Первая складка формы «0».
Настройки наложения градиента для первого сгиба «0»
Вторая складка формы «0».
Настройки наложения градиента:
Третья складка формы «0».
Настройки наложения градиента:
Ниже заполненный «0» со всеми элементами.
Шаг 21
Аналогичным образом создайте фигуру «1».Используйте приведенные ниже снимки экрана в качестве руководства.
Настройки наложения градиента:
Выполните тот же процесс, чтобы создать складки для фигуры «1». Подробности смотрите на скриншотах ниже:
Первая складка формы «1».
Настройки наложения градиента:
Вторая складка формы «1».
Настройки наложения градиента:
Ниже заполненная цифра «1» со всеми элементами.
Шаг 22
Ниже заполненная цифра «7» со всеми элементами.
Настройки Gradient Overlay для всех элементов для «7».
Для формы «7» нет складок. Так что это будет проще всего сделать. Ниже будет цифра «7» после завершения.
Шаг 23
Теперь все формы для эффекта сложенного бумажного текста готовы.Итак, пришло время для общих корректировок и добавления этих мелких деталей. Начнем с дополнительных теней для всех фигур. Но мы разделим эту дополнительную тень на два слоя: мягкий и четкий.
Разверните группу «2» и, удерживая CTRL, щелкните миниатюру формы слоя «2-02», чтобы загрузить эту форму как выделенную. Затем нажмите CTRL + SHIFT и щелкните миниатюру слоя с фигурой «2-03», чтобы загрузить эту форму в качестве выделения. И слой «2-02», и слой «2-03» загружаются как комбинированное выделение.
Шаг 24
Теперь создайте новый слой «Shape Shadow Soft» поверх него. Затем выберите мягкую кисть черного цвета и прокрасьте область, которая должна частично находиться под складкой.
Уменьшите непрозрачность слоя Shape Shadow Soft до 30%.
Шаг 25
Выполните тот же процесс, чтобы нарисовать больше теней на всех остальных фигурах (0,1 и 7). Удалите ненужные тени с помощью Eraser Tool.
Шаг 26
Создайте новый слой поверх слоя «Shape Shadow Soft» с именем «Shape Shadow Crisp». Выполните те же действия, чтобы завершить создание четких или жестких теней для всех форм. Затем уменьшите непрозрачность слоя «Shape Shadow Crisp» до 50%.
Ниже представлена завершенная версия.
Шаг 27
Затем мы создадим несколько бликов по краям, как на предыдущих слоях с тенями.Разделим их на два слоя — мягкий и острый. Но эти блики будут только на краях.
Создайте новый слой с именем «Edge Highlights» поверх группы «Folds». Выберите маленькую круглую кисть с жесткостью 75%. Затем нарисуйте блики на краях фигур. Для этого вам нужно визуализировать источник света. Также сколько краев будет отражать свет и какое будет количество этого света. Ниже представлен готовый слой Edge Highlight. После рисования уменьшите непрозрачность этого слоя до 20%.
Шаг 28
Теперь создайте слой поверх слоя «Edge Highlights» с названием «Fold Edge Highlights». Это блики поверх складок, появившихся благодаря тому же источнику света, который вы визуализировали ранее. На этот раз нам нужно изменить форму кисти. Для этого нам понадобится кисть эллиптической формы, края которой сужаются. Нажмите F5, чтобы открыть настройки кисти, или щелкните значок кисти на панели параметров. Измените форму кисти, как показано на скриншоте ниже.
Используйте клавиши «Левая третья скобка» и «Правая третья скобка», чтобы увеличить или уменьшить размер кисти. Теперь начните щелкать по краям сгиба, чтобы создать блики по краям. Используйте параметр «Угол» в настройках кисти, чтобы выровнять кисть по краю, по которому вы рисуете. Уменьшите непрозрачность слоя «Fold Edge Highlights» до 40%. Ниже представлен готовый слой «Fold Edge Highlights».
Шаг 29
Мы почти у цели. Все, что осталось добавить, это последний слой тени под группами 2017 года.Сначала нажмите CTRL, чтобы выбрать следующие слои. Мы используем CTRL-щелчок для пользовательского выбора или выборочного выбора. Затем нажмите CTRL + ALT + E, чтобы создать новый слой, и вставьте на него «объединенную» версию выбранного слоя. Используйте снимок экрана ниже в качестве руководства.
Шаг 30
Перетащите этот слой «Складки (объединены)» вниз и поместите поверх слоя «Фон». Затем ALT + щелкните значок глаза слева, чтобы отключить видимость всех остальных слоев, кроме этого.
Шаг 31
Откройте команду уровня из Изображение> Коррекция> Уровни.
No related posts.