Почему в фотошопе текст накладывается друг на друга

Обновлено: 07.07.2024

Если вы раньше уже использовали Photoshop , то наверняка знаете о режимах наложения ( Blend Mode )– простой и эффективной настройке того, как два или более слоев накладываются друг на друга, и взаимодействуют друг с другом.

Режимы наложения можно использовать для создания креативных эффектов, но они также часто применяются в ретушировании фотографий. Например, режим « Экран » ( Screen ) позволит осветлить недоэкспонированный снимок, а « Умножение » ( Multiply ) применяется для затемнения фотографий. Режим « Перекрытие » ( Overlay ) мгновенно увеличивает контраст на изображениях, где нужно сделать акцент на деталях.

Возможно, вам даже доводилось использовать функцию объединения слоев в Photoshop . Объединение слоев имеет несколько весомых преимуществ, так как помогает сохранять порядок слоев в панели, и уменьшает вес финального документа. Также объединение слоев иногда может понадобиться перед тем, как продолжить редактирование изображения.

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

Трудности в объединении режимов наложения

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

Панель слоев, на которой каждая фотография находится на отдельном слое

Давайте просмотрим все фотографии, начиная с нижней. Я отключаю видимость двух верхних слоев:

Эта процедура позволяет нам увидеть только нижний слой. Это та фотография, которую я буду использовать в качестве отправной точки в процессе создания композиции:

Так как это самый последний слой в композиции, я оставляю его режим наложения « Обычный » ( Normal , стандартный режим ):

Оставляем « Обычный » режим наложения на нижнем слое

Далее, я включаю второе изображение ( центральный слой на панели ), кликая по все той же иконке видимости:

Кликаем по иконке видимости на втором слое (Layer 2)

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

Сейчас режим наложения этого слоя также выставлен на « Нормальный », поэтому он полностью перекрывает нижележащее изображение. Чтобы две эти фотографии нормально взаимодействовали друг с другом, для начала нужно кликнуть по « Layer 2 » на панели слоев.

Затем, нужно изменить режим наложения с « Нормальный » на « Умножение » ( Multiply ). Кроме того, следует уменьшить « Непрозрачность » ( Opacity ) до 60%:

Изменяем режим наложения на « Умножение » и уменьшаем « Непрозрачность » до 60%

Таким получился результат смешения двух слоев:

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

Вот наше верхнее изображение. Для экономии времени я заранее его обрезал и поместил на рабочую поверхность:

Чтобы объединить эту фотографию с теми, что расположены ниже, кликните по « Layer 3» для его выделения, а затем измените режим наложения с « Нормальный » на « Перекрытие » ( Overlay ):

Изменяем режим наложения верхнего изображения на « Перекрытие »

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

Мы уже сейчас довольны результатом, но нужно внести кое-какие корректировки. Перед тем как сделать это, объединим слои вместе. Теперь, вы можете подумать, что все, что нам осталось сделать, это просто объединить два верхних слоя, так как только у них изменены режимы наложения. Давайте проверим, что получится, если объединить только два верхних слоя.

Есть несколько способов объединить их. Один из них – команда « Объединить с предыдущим » ( Merge Down ), которая объединяет текущий выделенный слой с тем, что расположен ниже. Давайте выделим верхний слой ( Layer 3 ), а затем перейдем в меню « Слои » ( Layers ) и выберем пункт « Объединить с предыдущим »:

Такой результат у нас получается после объединения верхнего слоя, режим наложения которого выставлен на « Перекрытие » со слоем пониже ( с режимом наложения «Умножение» ). Как видно, что-то пошло не так. Картинка сразу же потеряла контраст, и стала гораздо темнее, чем была раньше:

Результат после применения команды « Объединить с предыдущим »

Давайте взглянем на панель слоев, и попробуем выяснить, что же случилось. Можно увидеть, что два верхних слоя объединились в один « Layer 2 », но что же случилось с режимом наложения « Перекрытие »? Он исчез! Все, что осталось, это эффект от режима « Умножение ». Это объясняет, почему изображение стало темней:

Режим смешивания «Перекрытие» исчез. Остался лишь режим «Умножение»

Ну что ж, этот метод не сработал, поэтому я грустно нажимаю Ctrl+Z ( Win ) или Command+Z ( Mac ), чтобы отменить последнее действие. Еще один способ объединить слои заключается в команде « Объединить слои » ( Merge Layers ). Выделив самый верхний слой, я нажимаю клавишу Shift и кликаю по среднему слою. Это позволяет одновременно выделить оба слоя:

Затем переходим в меню « Слои » в самом верху экрана, и кликаем по пункту « Объединить слои » ( Merge Layers ):

Но это тоже не сработало. Конечно же, результат отличается от того, что был в прошлый раз, но это все равно не то. Два верхних изображения объединились вместе, но что же случилось с третьим изображением ( на самом нижнем слое )?
Оно вообще исчезло:

Результат, после применения команды « Объединить слои »

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

Команда «Объединить слои» отменила режимы наложения на обоих слоях

Почему не получается объединить режимы наложения

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

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

Чтобы наглядно это объяснить, нажмем Ctrl+Z ( Win ) / Command+Z ( Mac ) и отменим последнее действие. Затем, изменим режим смешивания верхнего слоя ( Layer 3 ) с « Перекрытие » обратно на « Обычный »:

Выставляем режим смешивания верхнего слоя обратно на «Обычный»

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

Исходное изображение в слое никогда не изменяется:

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

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

Скрытый клавиатурный трюк

На самом деле, нельзя сделать то, что я изначально пытался сделать. Я могу объединить слои с « Перекрытием » и « Умножением », но это повлияет на внешний вид изображения. Теперь мы хотя бы понимаем, почему так происходит! Проблема заключалась в том, что мы всегда забывали о последнем слое. Результат формируют не только два верхних слоя, а комбинация всех трех слоев. Чтобы получить результат, нужно объединять все три слоя.

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

Нажмите и удерживайте клавиши Shift , Alt и Ctrl ( Win ) / Shift , Option и Command ( Mac ), и нажмите клавишу Е . Photoshop делает скриншот того, как на данный момент выглядит изображение ( со всеми включенными режимами наложения ), а затем помещает снимок на новый слой, расположенный поверх всех остальных. Если взглянуть на панель слоев, то мы увидим, что появился четвертый слой ( Layer 4 ):

Photoshop делает скриншот композиции и помещает ее на новый слой

Чтобы лучше понять, что произошло, я зажму клавишу Alt ( Win ) / Option ( Mac ), и кликну по иконке видимости у четвертого слоя. Это позволит оставить видимым « Layer 4 », но отключит все нижележащие слои:

Отключаем все слои, кроме верхнего, при помощи зажатой клавиши Alt/Option и клика по иконке видимости слоя

Несмотря на то, что сейчас мы можем видеть только « Layer 4 », внешний вид изображения абсолютно не изменился. Это происходит потому, что все эффекты теперь отображены на отдельном слое:

Чтобы снова включить видимость всех слоев, нужно зажать Alt ( Win ) / Option ( Mac ) и кликнуть по иконке видимости четвертого слоя:

Теперь переименуем самый верхний слой. Для этого дважды кликаем по названию ( Layer 4 ), и вводим новое имя « Merged ». Чтобы подтвердить изменения, нужно нажать Enter ( Win ) / Return ( Mac ):

И на этом все! Именно так в Photoshop можно объединить несколько слоев с разными режимами наложения.

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

В этой статье я расскажу о том, как сделать текст в Photoshop, покажу различные эффекты и приемы оформления текстов. Каждый пример я буду подробно иллюстрировать. Обещаю, будет несложно даже новичку.

Добавляем текст в Фотошопе

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

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

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

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

Редактирование текста в Photoshop

Начало положено – у нас есть заголовок и абзац под ним. Давайте посмотрим, как мы можем изменить внешний вид текстов с помощью базовых инструментов Adobe Photoshop. Я создам новую надпись и маленький абзац, а на фон поставлю какую-нибудь картинку. Давайте теперь откроем вкладки «Окно» – «Символ» и «Окно» – «Абзац».

Это два главных окошка для форматирования текста, где есть все параметры. В окне «Символ» вы можете выбирать и менять шрифты, настраивать расстояние между буквами и многое другое. В окошке «Абзац» – настраивать выравнивание текстов и отступы. А теперь я расскажу обо всем подробнее.

Как поменять шрифт и размер текста

Для того чтобы изменить размер текста, для начала нужно найти инструмент «Перемещение» на панели инструментов (значок со стрелками). Выбираем текст, размер которого нужно изменить, и просто тянем за уголок рамки. Если так сделать не получилось – убедитесь, что в верхней панели стоит галочка возле пункта «Автовыбор».

Если ваш Photoshop был выпущен до июня 2019 года, то для пропорционального изменения размера необходимо зажимать Shift.

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

Как сделать выравнивание текста

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

Как изменить текст в Photoshop

Существует два способа поменять текст:

Нажмите на инструмент «Перемещение» (V), а затем дважды щелкните на текст.
Выберите инструмент «Текст» (Т) и щелкните на текст на холсте.

Как поменять цвет текста

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

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

Также можно менять цвет текста в окне «Символ», о котором я писала выше. Выберите слой с текстом, а потом щелкните по полю «Цвет». Вы прекрасны!

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

Появляется палитра, и вот он – желтый! Кстати, цвет можно взять пипеткой с картинки или другой надписи: просто нажмите мышкой на нужный цвет на холсте, а курсор сам превратится в пипетку.

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

Чтобы скопировать текст в Фотошопе, необходимо выбрать нужный слой на холсте (снова убедитесь, что включен «Автовыбор»), зажмите Alt и потяните мышкой в сторону. Так вы можете сразу проконтролировать, куда разместить копию. Другой способ – бессмертные сочетания клавиш Ctrl + C и Ctrl + V, но в этом случае текст поместится на холст рандомно.

Если вы хотите скопировать текст так, чтобы он оказался ровно на том же месте, то потяните этот слой на панели «Слои» вверх или вниз с зажатым Alt.

Метод с копированием и вставкой также работает, если вы копируете текст, например из Word.

Создаем эффекты для текста

Photoshop – мощный графический редактор. С его помощью можно создавать красивые эффекты для текста: неоновое свечение, объемный текст или модный градиент. Давайте начнем с основ и рассмотрим несколько популярных эффектов и способов искажения текста.

Как сделать обводку текста

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

Как сделать контур текста

Еще одна задачка, которую можно решить за пару минут. Итак, у меня уже подготовлена картинка с горами. Я хочу написать на ней контуром слово «nature». Выбираю инструмент «Текст», нажимаю куда-нибудь на холсте и пишу заветное слово.

Далее действуем примерно так же, как с обводкой: заходим в «Стили слоя» и выставляем цвет и толщину обводки. А теперь магия! В панели слоев выкручиваем пункт «Заливка» на 0%. Теперь у надписи виден лишь контур.

Как сделать прозрачный текст

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

Дальше следите за руками:

Как изменить прозрачность текста

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

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

Как сделать неоновые буквы

Давайте попробуем сделать модный неоновый текст. Способов существует масса, но чаще всего я использую этот:

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

После всех настроек текст можно изменить. А если вы скопируете слой, то все настройки неона тоже сохранятся. Покрутите ползунки, поиграйте с прозрачностью, оттенками и мягкостью свечения. Экспериментируйте, у вас все получится!

Как сделать градиент текста

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

Если кликнуть по самому градиенту, вы увидите окно редактора, где можно выбрать цвета и выставить все настройки. Редактируйте цвет, кликнув по маленькому ползунку-квадратику, расположенному под градиентом. Если двигать ползунки по горизонтали, градиент будет меняться. Созданный градиент можно сохранить: так вы можете собрать целую коллекцию собственных градиентов. Попробуйте!

Меняем форму

Наклон

Для того чтобы сделать наклон текста, выберите его инструментом «Перемещение» или нажмите на него на панели слоев. Затем выберите вкладку «Редактирование» – «Трансформирование» – «Наклон».

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

Деформация

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

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

Помните, что после растрирования текст нельзя будет редактировать. Растрировав его, зайдите во вкладку «Редактирование» – «Трансформирование», а там выберите, к примеру, «Искажение».

Можно тянуть слово в любую сторону, попробуйте!

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

Как сделать текст по кругу

Текст по кругу в Adobe Photoshop делается буквально в пару кликов. Итак, для начала нам необходимо нарисовать круг. Найдите инструмент «Эллипс». Он может прятаться за «Прямоугольником» – щелкните по нему правой кнопкой мышки, и вы сразу его увидите.

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

Заключение

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

Надеюсь, что эта статья помогла вам немного прокачать свой уровень владения Фотошопом :)

Хочу почитать пост Операция "Послушная жена". и не могу. Коменты и текст поста накладываются друг на дружку. Заходила несколько раз заново, результат тот же. Так что же это?

Скопируйте код и вставьте в окошко создания записи на LiveInternet, предварительно включив там режим "Источник"

Хочу почитать пост Операция "Послушная жена". и не могу. Коменты и текст поста накладываются друг на дружку. Заходила несколько раз заново, результат тот же. Так что же это? Читать полностью

Лучший кулинарный портал рунета 147761 Рецептов 1564304 Пользователей

Построим каркасный дом вашей мечты

Каркасный дом с гаражом и 3 спальнями V149 "Данбур"

Каркасный дом с 3 спальнями V403 "Сакраменто"

Каркасный дом с 3 спальнями V271 "Уинстон-Сейлем"

Каркасный дом с 3 спальнями V417 "Карроллтон"

Я отношусь к малочисленному виду "мамаша-пофигист". Учится ребенок, и ладно. Золотая медаль в доме уже есть, висит-пылится на видном месте. Свой мозг в головы дочерей все равно не вложишь, поэтому приходится обходиться заводской комплектацией. На каждое собрание прихожу с открытой душой новорожденного ребенка: закономерные вопросы других, ответственных мам, типа "как вы решали №768 со страницы 878787 по учебнику Засланца-Марсианского" вводят меня в ступор. Однако и меня не обошел стороной конфликт с учителем. Но я смогла решить его с наименьшими потерями. Как? Об этом расскажу в своей записи.

Квартиру мы купили еще в 2007 году, в 2008 сделали капитальный ремонт и благополучно отметили новоселье. Но две шестиметровые лоджии мы так и не отделали, не хватило денег. И как-то наш друг проронил такую фразу: Сразу не сделаете - уже никогда не сделаете! Поэтому мелкие недоделки по квартире я постаралась доделать пока свежо, а вот лоджии так и стояли до этой осени грустные и обшарпанные, такие как нам достались от предыдущих хозяев.

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

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

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

Шаг 5: Переместите каждую букву на свой слой

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

Затем в Photoshop CC перейдите на панель параметров и измените параметр « Выбрать» на « Все слои» . Это облегчит выбор отдельных букв. В Photoshop CS6 эта опция недоступна, но вы все равно сможете выбирать буквы так же легко:

Вернувшись в окно документа, щелкните в любом месте на белом фоне, чтобы отменить выбор букв. Затем нажмите на первую букву слева, чтобы выбрать ее. Контур пути снова появится вокруг одной буквы:

Чтобы переместить эту букву на собственный слой, перейдите в меню « Слой» , выберите « Новый» , а затем выберите « Слой формы» с помощью «Вырезать» (убедитесь, что вы выбрали «Вырезать», а не «Копировать»). Или более быстрый способ (и способ, которым я рекомендую для этого эффекта), состоит в том, чтобы нажать Shift + Ctrl + J (Победа) / Shift + Command + J (Mac) на клавиатуре:

Похоже, что ничего не произошло, но на панели «Слои» мы теперь видим, что первая буква была перемещена в собственный слой «Форма» над оригиналом:

Продолжайте перемещать буквы на свои слои

Чтобы переместить оставшиеся буквы в их собственные отдельные слои, нажмите на букву с помощью инструмента выбора пути, чтобы выбрать его (в Photoshop CS6 вам нужно будет дважды щелкнуть). Затем нажмите Shift + Ctrl + J (Победа) / Shift + Command + J (Mac), чтобы вырезать букву из исходного слоя Shape на свой собственный слой. Продолжайте перемещаться по буквам по одному слева направо, пока каждая из них не окажется на отдельном слое. Когда вы дойдете до последней буквы справа, вы можете просто оставить ее, потому что это будет единственная буква, оставшаяся на исходном слое Shape:

Панель «Слои» отображает каждую букву в слове теперь на своем собственном слое.

Шаг 6: Измените режим смешивания букв на Умножение

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

Шаг 10. Выберите инструмент «Перемещение» и установите для него автоматический выбор слоев.

На данный момент все, что осталось сделать, это переместить буквы ближе друг к другу, чтобы они перекрывались. Выберите инструмент Move на панели инструментов:

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

Включение автоматического выбора и установка его на слой.

Шаг 11: перетащите буквы вместе, чтобы они перекрывали друг друга

Нажмите на письмо с помощью Move Tool, чтобы выбрать его. Слой Shape для этой буквы будет выделен на панели Layers. Затем перетащите букву на букву рядом с ней, пока часть букв не пересекается. Удерживайте Shift при перетаскивании, чтобы было проще перетаскивать его по прямой. Здесь я нажал на вторую букву (зеленую букву «О») и слегка перетащил ее в первую букву («С»). Обратите внимание, что в областях, где две буквы перекрываются, цвета каждой буквы смешиваются вместе:

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

Я нажму на третью букву («L»), чтобы выбрать ее, а затем перетащу ее влево, удерживая Shift, пока часть ее не пересекается с буквой «O». Убедитесь, что вы нажали один раз, чтобы сначала выбрать букву, отпустите кнопку мыши, а затем нажмите второй раз, чтобы перетащить ее, иначе вы в конечном итоге выберете и переместите две буквы одновременно. Другими словами, убедитесь, что слой Shape для буквы, которую вы хотите переместить, выделен на панели Layers, прежде чем перемещать его:

Если вы случайно выбрали и переместили две буквы одновременно, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последний шаг. Нажмите в любом месте на белом фоне, чтобы отменить выбор букв, а затем нажмите на букву, которую нужно выбрать.

Перемещение оставшихся букв

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

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

Шаг 12: измените размер текста

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

Нажмите Ctrl + T (Победа) / Command + T (Mac) на клавиатуре, чтобы быстро выбрать команду Photoshop Free Transform . Затем, как мы делали ранее, нажмите и удерживайте клавишу Shift и перетащите любой из угловых маркеров, чтобы изменить размер текста. Переместите текст, чтобы переместить его, нажав и перетащив в поле «Свободное преобразование»:

Изменение размера эффекта с помощью Free Transform.

Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы выйти из Free Transform, и все готово! Здесь, после внесения нескольких незначительных корректировок в интервал между буквами, мой последний текстовый эффект «красочные перекрывающиеся буквы»:

И там у нас это есть! Вот как создать текстовый эффект перекрывающихся букв и как смешать перекрывающиеся цвета вместе в Photoshop! Обязательно ознакомьтесь с разделами « Текстовые эффекты» для получения дополнительных руководств!

Начинающий пользователь Photoshop? Хотите научиться работать с инструментом «Текст»? Вы обратились по адресу.

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

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

Мы подготовили пример файла, на котором можно попрактиковаться и создать что-нибудь красивое. Загрузите и откройте этот документ PSD (ZIP, 1,35 МБ) и попробуйте выполнить все задания в своем собственном файле. Поэкспериментируйте с размером и цветом шрифта, а также с расположением текста, чтобы получить желаемые результаты.

Если на компьютере не установлены шрифты, используемые в образце файла, можно заменить их шрифтами по умолчанию. Вы также можете получить шрифты, используемые в этом файле: Nunito и Roboto. Дополнительные сведения см. в разделе Активация шрифтов.

Оставьте комментарий, если у вас возникнут вопросы, ответы на которые вы не найдете здесь.

Откройте фотографию или документ Photoshop (PSD).

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

Хотите добавить несколько слов в качестве заголовка? Щелкните в любом месте холста, чтобы ввести текст. В Photoshop это называется короткий текст.

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

Читайте также: