Как сделать текст с трещинами в фотошопе
Обновлено: 04.07.2024
В этом уроке по текстовым эффектам в Photoshop мы узнаем, как создать эффект «потертости» с нашим текстом.
Вот эффект, для которого мы собираемся:
Шаг 1: Откройте новый документ Photoshop
Шаг 2: заполните фоновый слой черным
Нажмите D на клавиатуре, чтобы быстро установить черный цвет в качестве основного цвета. Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы залить фоновый слой черным:
Нажмите «Alt + Backspace» (Win) / «Option + Delete» (Mac), чтобы залить фон черным.Шаг 3: установите цвет переднего плана на белый и добавьте текст
На этот раз нажмите X на клавиатуре, чтобы поменять местами цвета переднего плана и фона, чтобы белый цвет стал вашим цветом переднего плана. Затем возьмите ваш инструмент Type из палитры Tools или нажав T на клавиатуре:
Выберите инструмент «Текст» на палитре «Инструменты» или нажмите «T» на клавиатуре.Затем, выбрав инструмент «Текст», выберите свой шрифт на панели параметров в верхней части экрана и добавьте свой текст. Я собираюсь использовать «Impact» для моего шрифта и наберу слово «FEAR». Затем я нажму Ctrl + T (Победа) / Command + T (Mac), чтобы открыть окно « Свободное преобразование» в Photoshop и обведу его вокруг текста, удерживая клавиши Shift + Alt (Победа) / Shift + Option (Mac). Вытяните угловой маркер, чтобы изменить размер моего текста и сделать его больше. Удержание Shift ограничивает пропорции текста при перетаскивании, а нажатие Alt / Option приводит к изменению размера текста из центра. Вот мой текст после изменения его размера:
Добавьте текст, а затем измените его размер при необходимости с помощью команды «Свободное преобразование».Шаг 4: Растеризация текста
На этом этапе нам нужно преобразовать текст в пиксели, поэтому, когда вы довольны своим текстом, перейдите в меню «Слой» в верхней части экрана, выберите « Растеризация» , а затем выберите « Тип» . Ваш текст не будет выглядеть по-другому в окне документа, но если вы посмотрите на слой «Тип» в палитре «Слои», вы увидите, что он теперь стал обычным слоем:
После растеризации текста он становится обычным слоем в палитре слоев.Шаг 5: сделай зубчатое выделение по первой букве, затем выбери остальную часть слова
Возьмите инструмент Polygonal Lasso из палитры Tools. Он прячется за инструментом Лассо, поэтому просто нажмите и удерживайте кнопку мыши на значке инструмента Лассо, а затем выберите инструмент Многоугольное лассо из всплывающего меню, которое появляется:
Выберите инструмент Polygonal Lasso из палитры Tools.Затем, выбрав инструмент «Полигональное лассо», сделайте зубчатое выделение по первой букве сверху вниз. Обратите внимание, что я не говорил, перетаскивая выделение, и это потому, что вы не перетаскиваете с помощью инструмента Polygonal Lasso. Все, что вам нужно сделать, это щелкнуть мышью внутри документа один раз, затем отпустить кнопку мыши и переместить мышь, чтобы создать линию. Нажмите еще раз, переместите мышь снова. Нажмите, переместите, нажмите, переместите и так далее. Убедитесь, что вы создали неровную линию через букву, а не прямую линию, поскольку это будет нашей первой точкой разрыва.
Как только вы проведете зубчатую линию через букву, завершите свой выбор, щелкнув и переместив указатель мыши вокруг остального слова справа от строки выбора, чтобы вы получили все выбранное слово, кроме левой части письмо, как у меня здесь:
Сделайте зубчатую выделение по первой букве сверху вниз, затем включите оставшуюся часть слова, расположенную справа от зубчатой линии в выделении.Шаг 6: вырезать выделение на новый слой
Когда вы довольны своим выбором, нажмите Ctrl + Shift + J (Победа) / Command + Shift + J (Mac), чтобы вырезать выделение на новый слой. Многое еще не произойдет в окне документа, но в палитре слоев вы увидите, что выделение теперь находится на новом слое, и единственная часть слова, остающаяся на исходном текстовом слое под ним, левая часть первой буквы, которая не была выбрана:
Нажмите «Ctrl + Shift + J» (Победа) / «Command + Shift + J» (Mac), чтобы вырезать выделение на новый слой.Шаг 7: вращай буквы, используя команду Free Transform
Мы собираемся создать нашу первую слезу в тексте. Выбрав новый слой в палитре слоев, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно « Свободное преобразование» и обвести буквы (минус левая половина первой буквы, которая находится на слой ниже). Посмотрите в центре поля Free Transform, и вы увидите маленький значок цели:
Нажмите и перетащите целевой значок в верхний левый угол поля «Свободное преобразование».После того, как вы перетащили значок цели на новое место, просто переместите указатель мыши в любое место за пределами поля «Свободное преобразование», затем щелкните и перетащите мышь вверх или влево, чтобы повернуть буквы против часовой стрелки, создавая разрыв первой буквы как Я делаю здесь:
Вращайте буквы, перетаскивая мышь за пределы поля «Свободное преобразование».Шаг 8: сделай зубчатое выделение по второй букве, затем выбери остальную часть слова
С инструментом Polygonal Lasso по-прежнему выбран, сделайте еще один зубчатый выбор, на этот раз через вторую букву, затем включите оставшуюся часть слова справа от зубчатой линии в ваш выбор:
Сделайте зубчатое выделение через вторую букву, затем включите оставшуюся часть слова справа от зубчатой линии в выделении.Шаг 9: вырезать выделение на новый слой
Создав выделение, нажмите Ctrl + Shift + J (Победа) / Command + Shift + J (Mac), чтобы вырезать выделение на новый слой:
Нажмите «Ctrl + Shift + J» (Победа) / «Command + Shift + J» (Mac), чтобы еще раз вырезать выделение на новом слое.Шаг 10: вращай буквы, используя команду Free Transform
Мы собираемся снова повернуть содержимое на новом слое, поэтому нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно Free Transform и маркеры. На этот раз перетащите значок центральной цели вниз в левый нижний угол, чтобы мы могли вращать буквы снизу слева:
Нажмите и перетащите значок цели в нижний левый угол.Затем переместите указатель мыши в любое место за пределами поля «Свободное преобразование» и щелкните и перетащите вниз или вправо, чтобы повернуть буквы по часовой стрелке, создав разрыв между вторыми буквами:
Поверните буквы по часовой стрелке, чтобы разорвать вторую букву.Нажмите Enter (Win) / Return (Mac), чтобы принять преобразование. Вот мой текст после разрыва второй буквы:
Шаг 11: Повторите процесс для остальных букв
Повторите те же шаги для остальных букв. Сначала сделайте зубчатое выделение через букву с помощью инструмента «Многоугольное лассо», затем включите оставшуюся часть слова справа от зубчатой линии в выделении. Нажмите Ctrl + Shift + J (Победа) / Command + Shift + J (Mac), чтобы вырезать выделение на новый слой. Затем нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы открыть окно Free Transform и маркеры. Перетащите центральный значок цели в верхний левый или нижний левый угол, чтобы повернуть его из этого места, затем щелкните и перетащите в любое место за пределами поля «Свободное преобразование», чтобы повернуть содержимое слоя.
Шаг 12: объединить все текстовые слои в один
Выделите все свои текстовые слои в палитре «Слои», сначала щелкнув верхний слой, чтобы выделить его, а затем, удерживая клавишу «Shift», щелкнуть исходный текстовый слой непосредственно над фоновым слоем. Это выберет все ваши текстовые слои сразу:
Нажмите на верхний слой, затем, удерживая клавишу Shift, щелкните на исходном текстовом слое над фоновым слоем, чтобы выделить все текстовые слои одновременно.Выделив все текстовые слои, нажмите Ctrl + E (Победа) / Command + E (Mac), чтобы объединить их все в один слой. Теперь у вас должно быть только два слоя в палитре слоев:
Нажмите «Ctrl + E» (Победа) / «Command + E» (Mac), чтобы объединить все текстовые слои в один слой.Шаг 13: добавь маску слоя к новому объединенному слою
Мы собираемся добавить маску слоя к новому объединенному слою, но прежде чем сделать это, удерживайте нажатой клавишу Ctrl (Win) / Command и щелкните непосредственно на миниатюре объединенного слоя в палитре слоев, чтобы быстро выделить текст в документе. Окно:
Выделите весь текст, удерживая клавиши «Ctrl» (Win) / «Command» (Mac) и нажимая на миниатюру объединенного слоя в палитре «Слои».Вы увидите выделение вокруг вашего текста. Теперь, когда ваш текст выделен, нажмите на иконку Add A Layer Mask внизу палитры Layers:
Выделив текст, нажмите значок «Добавить маску слоя», чтобы добавить маску слоя к объединенному текстовому слою. Маска слоя отображается справа от миниатюры объединенного слоя.Мы собираемся дать нашему тексту хороший изношенный вид на данный момент, используя фильтр «Брызги». Для этого , выбрав маску слоя, перейдите в меню «Фильтр» в верхней части экрана, выберите « Мазки кистью» , а затем выберите « Брызги» , в результате чего в огромной галерее фильтров Photoshop будут установлены параметры «Брызги» (обведены красным на право):
Перейдите в Filter> Brush Strokes> Spatter, чтобы открыть галерею фильтров, настроенную для параметров Spatter.Есть только два варианта для фильтра Spatter, Радиус распыления и Гладкость . Не стесняйтесь поиграть с обоими ползунками, чтобы увидеть, какие настройки лучше всего подходят для вашего текста, что вы можете просмотреть в большом окне предварительного просмотра в левой части галереи фильтров. Я только что переместил обе ползунка до упора вправо, чтобы установить для обоих параметров их максимальные значения 25 для радиуса разбрызгивания и 15 для гладкости, что дает мне нужный эффект:
Шаг 15: примени удар к тексту, чтобы завершить эффект
Чтобы закончить, я собираюсь добавить штрих к своему тексту. С моим выделенным текстовым слоем, я собираюсь щелкнуть по значку Layer Styles внизу палитры Layers:
Щелкните значок «Стили слоев» в нижней части палитры «Слои».Затем я выберу Stroke из появившегося списка:
Это поднимает Layer Style диалогового окна установите для опции обводки в средней колонке. По умолчанию Photoshop использует сплошной цвет для обводки, но вместо этого я собираюсь использовать градиент. Чтобы изменить его, нажмите стрелку вниз справа от параметра « Тип заливки» , затем выберите « Градиент» в списке:
Параметры типа заливки затем изменятся на параметры для градиента. Нажмите на область предварительного просмотра градиента, чтобы вызвать редактор градиентов в Photoshop, чтобы выбрать новые цвета для градиента:
Нажмите на область предварительного просмотра градиента, чтобы открыть редактор градиентов. Выберите ярко-красный для цвета слева от градиента и темно-красный для цвета справа.И там у нас это есть! Ознакомьтесь с нашими разделами « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!
В этом уроке, посвящённом эффекту потрескавшегося текста в Photoshop, вы узнаете о том, как создавать надписи с уникальной треснувшей текстурой.
Перед тем, как по вашему тексту пойдёт трещина, нужно загрузить с сайта CG Elves бесплатные кисти трещин для Photoshop.
Шаг 1. Скачайте бесплатные кисти трещин с сайта или используйте те, что у вас есть.
Шаг 2. Выберите инструмент «кисть» и подгрузите кисти в Photoshop (если вы хотите сохранить уже существующие кисти, нажмите ‘load brushes’ (загрузить кисти), если же вы хотите оставить для работы только новые кисти, нажмите ‘replace brushes’ (заменить кисти)).
Шаг 3. Создайте слой с надписью.
Шаг 4. Щёлкните значок маски, чтобы применить её на слой с текстом.
Шаг 5. Выберите одну из кистей трещин и выделите маску слоя с надписью.
При использовании кисти на маске, области чёрного цвета на буквах становятся прозрачными, и сквозь эти места проявляется белый фон.
Убедитесь, что на панели инструментов слева цвета установлены по умолчанию: белый и черный (нажмите D на клавиатуре, чтобы сбросить цвета).
Шаг 6. На этом этапе поэкспериментируйте с настройками непрозрачности (opacity) появившихся трещин. На мой взгляд, лучший результат вы получите, выставив параметр на 100%.
Не меняя инструмент, переключитесь на чёрный цвет и выберите слой с надписью. В зависимости от размера кисти и того, как вы её развернёте, можно получить разный узор трещин. Вы всегда можете переключить цвета (кнопка X на клавиатуре) и дорисовать белым недостающие в трещинах места.
Шаг 7. Чтобы надпись выглядела более объёмно, выделите слой с текстом двойным щелчком и примените к нему эффект 'bevel and emboss' (скос и рельеф).
Ниже — примеры изображений с эффектом потрескавшегося текста, в которых я использовал кисти разной толщины.
Попробуйте изменить размер, глубину и другие настройки скоса (bevel), поиграйте с направлением света и посмотрите, что из этого выйдет.
Вот несколько примеров того, как разные настройки света и скоса влияют на треснувший текст.
В первом я использовал тип скоса 'Chisel Soft' (Мягкий резец), во втором — 'Chisel Hard' (Твердый резец), а на третьем изображении я изменил направление света.
Мы надеемся, что данный урок по созданию эффекта потрескавшегося текста в Photoshop вам пригодится! Материал предоставлен сайтом CG Elves.
В этом уроке по текстовым эффектам в Photoshop мы собираемся создать простой эффект отражения текста. Этот эффект повсеместно использовался в рекламе, и, как мы увидим, его очень легко сделать.
Вот отражение, которое мы будем создавать:
Шаг 1: создайте новый документ Photoshop
Создайте новый пустой документ Photoshop, зайдя в меню « Файл» вверху экрана и выбрав « Новый» . Вы также можете создать новый документ с помощью сочетания клавиш Ctrl + N (Win) / Command + N (Mac). В любом случае открывается диалоговое окно « Новый документ» в Photoshop . Введите размеры, необходимые для вашего документа. Для этого урока я собираюсь ввести 6 дюймов для моего документа Ширина , 3 дюйма для высоты , и разрешение на 300 пикселей / дюйм . Нажмите ОКкогда вы закончите, чтобы выйти из диалогового окна. Ваш новый пустой документ появится на вашем экране:
Шаг 2: Заполните новый документ черным
Этот шаг не является обязательным, но я собираюсь использовать черный цвет в качестве фона для моего документа, а не белый по умолчанию. Если вы предпочитаете придерживаться белого, вы можете пропустить этот шаг. Чтобы заполнить документ черным, перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить», чтобы вызвать команду «Заполнить» в Photoshop:
Вы также можете выбрать команду Fill с помощью сочетания клавиш Shift + F5 . В любом случае открывается диалоговое окно Fill. В верхней части диалогового окна находится раздел « Содержание », один из которых называется « Использовать» . Выберите Black из списка справа от слова Use:
Выберите «Черный» в разделе «Содержание» в верхней части диалогового окна «Заливка».Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна, и Photoshop заполнит документ черным:
Шаг 3: Выберите инструмент Type
Шаг 4: выберите шрифт
Выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите шрифт, который вы хотите использовать для эффекта. Выбор шрифтов будет зависеть от того, какие шрифты вы сейчас установили на свой компьютер. Я остановлюсь на чем-то простом и выберу Gill Sans Light для своего эффекта. Не беспокойтесь о размере шрифта на данный момент:
Шаг 5: выбери цвет для текста
Выберите цвет для текста, щелкнув образец цвета в палитре «Образцы».Шаг 6: добавь свой текст
Выбрав цвет, щелкните в любом месте внутри документа и добавьте свой текст. Я собираюсь напечатать слово «ОТРАЖЕНИЯ», все заглавными буквами:
Когда вы закончите, нажмите на галочку на панели параметров, чтобы принять ваш текст и выйти из режима редактирования текста:
Нажмите на галочку в панели параметров, чтобы принять текст.Шаг 7: измените размер текста, если это необходимо, со свободным преобразованием
Если вам нужно изменить размер текста, перейдите в меню « Правка» в верхней части экрана и выберите « Свободное преобразование» или нажмите сочетание клавиш Ctrl + T (Win) / Command + T (Mac). В любом случае вызывается команда «Свободное преобразование» в Photoshop, которая позволит нам легко изменять размер текста и перемещать его, если нам необходимо:
Выбрав его, вы увидите поле «Свободное преобразование», а вокруг текста в документе появятся маркеры. Чтобы изменить размер текста, зажмите Shiftключ, который предотвратит случайное искажение соотношения сторон по ширине к тексту при изменении его размера, затем просто нажмите на любой из четырех угловых маркеров (маленькие квадраты) и перетащите их внутрь, чтобы сделать текст меньше или наружу, чтобы сделать его больше. Чтобы переместить текст, щелкните в любом месте поля «Свободное преобразование» и перетащите текст в новое место. Только не нажимайте на маленький целевой символ в самом центре поля, иначе вы переместите целевой символ, а не текст. Я собираюсь сделать свой текст немного больше, удерживая Shift и перетаскивая ручку в правом нижнем углу наружу. Я также собираюсь перетащить текст немного вниз, чтобы нижняя часть текста оказалась ближе к горизонтальному центру документа:
Используйте Free Transform, чтобы изменить размер и / или переместить текст, если это необходимо.Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды Free Transform.
Шаг 8: продублируйте текстовый слой
Теперь, когда у нас есть текст, мы можем начать создавать эффект отражения. Первое, что нам нужно, это копия нашего текста, поэтому давайте продублируем текстовый слой, перейдя в меню Layer в верхней части экрана, выбрав New , а затем выбрав Layer via Copy . Или, для более быстрого способа дублирования слоя, просто нажмите сочетание клавиш Ctrl + J (Победа) / Command + J (Mac):
В любом случае, Photoshop должен сделать копию нашего текстового слоя. Казалось бы, ничего не произошло в нашем документе, но если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть копия слоя, расположенная непосредственно над оригиналом (обратите внимание, что в названии копии есть слово «копия»). ):
Шаг 9: переверни текстовый слой по вертикали
Затем нам нужно перевернуть наш скопированный текстовый слой вверх ногами, и в Photoshop просто появилась команда, разработанная специально для такой задачи. Вернитесь в меню Edit еще раз, выберите Transform , а затем выберите Flip Vertical :
Скопированный текстовый слой будет отображаться перевернутым вверх перед оригинальным текстовым слоем, создавая интересный, но совершенно нечитаемый визуальный эффект:
Скопированный текстовый слой отображается вверх ногами перед исходным текстом.Шаг 10: перетащи скопированный текст под оригинал
Выберите Move Too l в палитре Tools или нажмите букву T, чтобы выбрать ее с помощью сочетания клавиш:
Затем, когда слой скопированного текста по-прежнему выделен на палитре слоев (выделенные слои выделены синим цветом), удерживайте нажатой клавишу « Shift» , затем щелкните внутри документа и перетащите скопированный перевернутый текст ниже исходного текста. Удерживание клавиши Shift при перетаскивании облегчает перетаскивание текста прямо вниз, поскольку предотвращает случайное перемещение влево или вправо:
Перетащите скопированный текст вниз, пока он не станет чуть ниже оригинала.Шаг 11: добавь маску слоя к перевернутому тексту
Ничего не произойдет в документе, но вы заметите, что маленький белый прямоугольник появился справа от текстового слоя в палитре слоев. Это миниатюра предварительного просмотра маски слоя , которая сообщает нам, что теперь у нас есть маска слоя на этом слое, хотя мы еще ничего не сделали с ним:
Миниатюра предварительного просмотра маски слоя появляется на скопированном текстовом слое в палитре слоев.Шаг 12: выбери инструмент градиента
Чтобы текст на этом слое стал прозрачным, нам нужно нарисовать черно-белый градиент на нашей маске слоя (для получения дополнительной информации о том, как работают маски слоя, обязательно ознакомьтесь с нашим полным учебником « Понимание масок слоя» в Photoshop Основы раздела сайта). Чтобы нарисовать градиент, нам понадобится инструмент « Градиент» в Photoshop , поэтому либо выберите его на палитре «Инструменты», либо просто нажмите букву G на клавиатуре, чтобы выбрать его с помощью ярлыка:
Выбрав инструмент «Градиент», вы увидите, что панель параметров в верхней части экрана изменилась, чтобы показать вам параметры специально для инструмента «Градиент». Слева от панели параметров вы увидите область предварительного просмотра градиента, показывающую текущий выбранный градиент. В моем случае он уже показывает градиент от черного к белому, который мне нужен. Если у вас также отображается градиент от черного к белому, вы можете пропустить этот шаг. Если вы видите разные цвета в области предварительного просмотра, щелкните непосредственно в области предварительного просмотра:
Нажмите на область предварительного просмотра градиента на панели параметров.Это вызывает редактор градиентов в Photoshop , который показывает нам коллекцию градиентов, из которых мы можем выбирать. Нам нужен градиент от черного к белому , третий слева, верхний ряд. Нажмите на него, чтобы выбрать его, затем нажмите OK в верхнем правом углу диалогового окна, чтобы выйти из него:
Выберите градиент от черного к белому в редакторе градиентов.Шаг 13: нарисуйте вертикальный градиент снизу вверх вдоль текста вверх ногами
Чтобы нарисовать градиент, щелкните внутри документа примерно на 3/4 пути вниз к нижней части перевернутого текста. Затем, удерживая нажатой клавишу Shift, перетащите вверх до точки, где перевернутый текст встречается с исходным текстом. Удерживая клавишу Shift при перетаскивании, вы не сможете двигаться влево или вправо при перетаскивании вверх:
Нажмите и перетащите градиент от черного к белому вертикально вдоль перевернутого текста.Когда вы закончите, отпустите кнопку мыши, когда Photoshop фактически нарисует градиент, и вы увидите, что перевернутый текст теперь исчезает, когда вы двигаетесь дальше вниз к нижней части букв:
Нижний текст теперь становится прозрачным после рисования градиента на маске слоя.Так как мы нарисовали градиент от черного к белому на маске слоя, мы фактически не можем видеть его в документе, но мы можем видеть это, если мы посмотрим на миниатюру предварительного просмотра маски слоя в палитре слоев:
Миниатюра предварительного просмотра маски слоя показывает фактический градиент от черного к белому.Шаг 14: отрегулируйте непрозрачность слоя, чтобы точно настроить эффект
Если вы хотите, чтобы ваше отражение текста выглядело немного более блеклым, просто перейдите к параметру « Непрозрачность» в верхнем правом углу палитры «Слои» и уменьшите непрозрачность слоя. Я собираюсь снизить мой до 50% :
Уменьшите непрозрачность слоя, чтобы еще больше уменьшить отражение.Здесь, после снижения непрозрачности, мой последний эффект отражения текста:
И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!
Каждый месяц, когда последние выпуски журналов наклеивают на обложки изображения моделей, кинозвезд, спортсменов, политиков и других известных людей, мы видим этот эффект, когда макушка головы человека пересекается с названием журнала.
Этот популярный эффект «перекрытия» существует уже много лет, и в этом уроке по Photoshop мы увидим, как простое использование слоев делает воссоздание эффекта невероятно простым! Я буду использовать Photoshop CS5 здесь, но любая версия Photoshop будет работать.
Вот фотография, которую я буду использовать для этого урока:
А вот как это будет выглядеть после добавления текста за мячом игрока:
Как перекрыть текст с изображением
Шаг 1: добавь свой текст
Выберите инструмент « Горизонтальный тип» на панели «Инструменты» или нажмите букву « Т» на клавиатуре, чтобы быстро выбрать его с помощью ярлыка:
Выбрав инструмент «Текст», выберите тип шрифта, стиль, размер и цвет на панели параметров в верхней части экрана, затем щелкните внутри окна документа и добавьте свой текст. Я собираюсь напечатать слово «Бейсбол». Я добавил несколько стилей слоя, чтобы придать своему тексту немного больше дизайна, но, конечно, внешний вид вашего текста полностью зависит от вас:
Обратите внимание, как текст в настоящее время блокирует изображение из поля зрения, и это потому, что если мы посмотрим на панель «Слои», мы увидим текстовый слой, расположенный над изображением на фоновом слое. Слой над другим слоем на панели «Слои» отображается перед слоем в окне документа:
Текст появляется перед изображением, потому что текстовый слой появляется над фоновым слоем.Шаг 2: выберите фоновый слой
Нажмите на фоновый слой на панели слоев, чтобы выбрать его. Он будет выделен синим цветом, давая нам знать, что теперь это активный слой:
Шаг 3: выберите область, которая будет перекрывать текст
Для этого эффекта я хочу, чтобы бейсболист появлялся перед словом «Бейсбол», а это значит, что мне нужно его выбрать. Поскольку текст будет затруднять выбор нужной нам области, давайте временно ее отключим, щелкнув значок видимости слоя (глазное яблоко) в левой части текстового слоя на панели «Слои». Текст исчезнет, оставив только оригинальное изображение в окне документа:
Временно скрыть текст, нажав на глазное яблоко на панели слоев.Как я уже упоминал, я хочу, чтобы бейсболист появлялся перед текстом, но так как текст блокировал только верхнюю его половину из поля зрения, нет необходимости выбирать его все. Нам нужно только выбрать область, которая будет фактически перекрывать текст. Используйте инструмент выделения вашего выбора ( Lasso Tool , Magnetic Lasso Tool , Pen Tool и т.д.) , чтобы нарисовать контур выделения вокруг области вам нужно. Здесь я выбрал область от верхней части его шлема до его талии. Я могу игнорировать остальную часть его, так как он падает ниже, где появится текст:
Шаг 4: Скопируйте выбранную область на новый слой
После выбора выделите меню « Слой» в верхней части экрана, выберите « Новый» , а затем выберите « Слой через Копирование» . Или нажмите сочетание клавиш Ctrl + J (Победа) / Command + J (Mac) на клавиатуре для быстрого вызова:
Похоже, ничего не произошло в окне документа, но если мы снова посмотрим на панель «Слои», мы увидим, что выделенная область была скопирована на новый слой («Слой 1») между текстовым слоем и фоновым слоем. Мы можем увидеть скопированную область, посмотрев на миниатюру предварительного просмотра нового слоя слева от имени слоя:
Выбранная область была скопирована в новый слой над фоновым слоем. 
Шаг 5: снова включи текстовый слой
Нажмите на значок видимости текстового слоя на панели «Слои», чтобы снова включить текст в окне документа. На данный момент он все еще будет отображаться перед изображением, но мы исправим это следующим образом:
Шаг 6: перетащите слой 1 выше текстового слоя
Поскольку слой над другим слоем на панели «Слои» появляется перед слоем в окне документа, все, что нам нужно сделать, это переместить слой 1 над текстовым слоем. Нажмите «Слой 1» на панели «Слои» и перетащите его над текстовым слоем, отпустив кнопку мыши, чтобы поместить его на место. Текстовый слой должен теперь отображаться между слоем 1 и фоновым слоем:
Нажмите на слой 1 и перетащите его над текстовым слоем на панели «Слои».Теперь, когда верхняя половина бейсболиста перемещена над текстовым слоем, он появляется перед текстом в окне документа:
И там у нас это есть! Вот так можно создать перекрывающийся текстовый эффект с изображением в Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!
Читайте также: