Преобразование текста, не доступное при обычных режимах Photoshop
Автор Дмитрий Евсеенков На чтение 10 мин Просмотров 1.1к. Обновлено
Из этого урока мы узнаем, каким образом в Photoshop можно производить манипуляции с текстом, не доступные для стандартных инструментов редактирования. Дело в том, что два самых интересных инструмента преобразования — Искажение (Distort) и Перспектива (Perspective) — не доступны для работы с обычным текстом.
Чтобы применить данные инструменты, текст необходимо растрировать, т.е. превратить шрифт в обычной пиксельный рисунок, что исключает дальнейшее редактирование текста текстовыми инструментами (например, увеличение размера шрифта, межбуквенного расстояния, изменения начертания, вставки символов и многое другое)
Но, как и всегда, Photosop предоставляет нам способ обойти этот недостаток, и этот способ — применение смарт-объектов.
Смарт-объект — это виртуальный, нерушимый контейнер, который хранит внутри себя содержимое слоя. Все действия, который мы проводим со слоем, преобразованный в смарт-объект, мы проводим с оболочкой контейнера, а содержимое контейнера, будь то пиксели изображения или векторные элементы текста, остаются неизменными.
Это значит, что как только мы преобразовали текстовый слой в смарт-объект, мы сможем делать с ним всё, что и с обычным слоем (в том числе и виды трансформирования Искажение и Перспектива), и при этом текст останется текстом внутри смарт-объекта.
В уроке я буду использовать Photoshop CC 2015, но всё сказанное здесь подходит к версиям начиная от CS2.
Давайте рассмотрим это подробнее на практическом примере.
Содержание
Добавление текста
Вот изображение, которое я уже открыл в Photoshop, я буду использовать его в качестве фона.
Рисунок, который я взял под фон для текста
Теперь необходимо добавить текст, для этого берём на панели инструментов инструмент «Текст» (Type Tool).
Затем выбираем желаемый ??шрифт в панели параметров в верхней части экрана, там же задаём размер и цвет шрифта. Здесь я использовал шрифт Neuropol, бесплатно скачать который можно на этой страничке. Вводим текст, когда будет готово, нажимаем Ctrl+Enter, чтобы выйти из редактирования текстового слоя.
Я хочу, чтобы текст был расположен центру фонового изображения, для этого я возьму инструмент «Перемещение» (Move Tool) и воспользуюсь стандартными инструментами выравнивания слоёв на панели параметров, подробнее о выравнивании здесь.
.
Проблема: команды трансформирования «Искажение» и «Перспектива» Не Доступны
Итак, я добавил исходный текст, в панели слоев текстовый слой расположен непосредственно над фоновым слоем с изображением. На то что это именно текстовый слой, указывает большая буква «Т» в миниатюре слоя:
Документ с фон слоем и текстовым слоем, расположенным над ним, в панели слоёв активен текстовый слой.
Предположим, сейчас я хочу добавить к тексту эффект 3D, для этого необходимо его повернуть в перспективе и/или придать тексту перспективные искажения.
Если бы я работал с обычным пиксельным слоем, я мог бы это легко сделать, применив перспективную трансформацию. Также для этого можно использовать «Искажение». Но при работе с текстовым слоем не всё всегда так просто.
Все режимы трансформирования Photoshop, можно вызвать через вкладку главного меню «Редактирование» (Edit), где выбрать пункт «Трансформирование» (Transform). Попробуйте сделать это при активном текстовом слое и увидите, что оба этих пункта не активны:
Меню «Трансформирование» (Transform) при активном текстовом слое. Пункты «Искажение» (Distort), «Перспектива» (Perspective) и «Деформация» (Warp) недоступны.
Решение: Преобразование текстового слоя в смарт-объект
Как я уже упоминал ранее, традиционным способом решения этой проблемы является растеризации текстового слоя, который преобразует текст из векторной фигуры в пиксельную. Но проблемой при этом подходе является то, что как только мы превратили текст в пиксели, он больше не доступен для редактирования.
Кроме того, при трансформировании (растяжении, искажении, деформировании) пиксельной картинки мы запросто можем потерять качество изображения, особенно это скажется на границах букв, превращённых в пиксели. Обычный же текст не имеет таких недостатков, т.к. он состоит из векторов.
Напротив, независимо от того, что мы делаем с вектором, края букв всегда остаются четкими и резкими. Таким образом, чтобы после редактирования наш текст выглядел на высоком уровне, нам нужен способ, позволяющий производить перспективные и другие искажения без потери качества, а следовательно, без преобразования в пиксели.
И как же это сделать? На самом деле очень просто — преобразовать текстовый слой в смарт-объект! Photoshop дает нам несколько способов преобразования слоёв (в том числе и текстовых) в смарт-объект, проще всего кликнуть по слою правой клавишей мыши м выбрать пункт контекстного меню «Конвертировать в смарт-объект» (Convert to Smart Object).
Конвертирование текстового слоя в смарт-объект.
После этого никаких видимых изменений в документе не произойдёт, но в панели слоёв, вместо миниатюры буквы «Т» , которая была там раньше, в миниатюре показано фактическое содержимое слоя (в настоящий момент текст в миниатюре смарт-объекта заметен плохо, т.к. белые буквы сливаются с серо-белыми квадратиками, обозначающими прозрачность). Кроме того, в нижнем правом углу миниатюры появился маленький значок, сообщая нам, что слой теперь является смарт-объектом:
Панель слоёв с указанием слоя, преобразованного в смарт-объект.
Теперь, когда мы превратили текстовый слой в Smart Object, давайте посмотрим, что произойдет, когда я попытаюсь применить к нему «Искажение» или «Перспективу». Я снова пройду по вкладке главного меню «Редактирование» (Edit) —> «Трансформирование» (Transform), и на этот раз мы видим, что неактивных пунктов нет! Я могу выбрать любой из вариантов трансформирования, в том числе «Искажение» и «Перспективу».
Эффект 3D текста при помощи команды Distort
Давайте теперь вкратце рассмотрим, как быстро придать тексту 3D эффект, я начну с применения команды «Искажение».
В этом режиме мы можем изменить текст путем захвата любого из четырех угловых маркеров рамки трансформирования и перетаскивания их по холсту независимо друг от друга в любом направлении:
Режим Искажение (Distort) позволяет нам перетаскивать угловые маркеры габаритной рамки независимо друг от друга.
Эффект 3D текста при помощи команды Perspective
Вообще-то это не совсем то , что я здесь хотел сделать, поэтому я нажму клавишу Esc на клавиатуре, чтобы выйти из режима искажения.
Я хочу сделать, чтобы текст был вытянут в перспективе, примерно как титры в фильме «Звёздные войны», и для этого мне нужно применить команду «Перспектива». Конечно, для создания этого эффект можно было бы использовать и команду «Искажение» (Distort), но это займет больше времени и усилий. Применить «Перспективу» легче. Эта команда выбирается также через Редактирование —> Трансформирование (Edit —> Transform).
Команда «Перспектива» позволяет нам нажать на любой из четырех угловых маркеров и перетаскивать их по холсту.
Разница заключается в том, что в режиме перспективы мы можем перетащить угловые маркеры только по горизонтали или вертикали, что вызовет изменение длины горизонтальной или вертикальной стороны рамки и изменение угла. Горизонтальная сторона будет удлинятся/укорачиваться относительно своего центра, угол напротив перетаскиваемого маркера будет двигаться вместе с ним, но в противоположном направлении.
Например, если я нажму на верхний левый угол и перетащу его вверх, угол в левом нижнем углу рамки переместится вниз, что создаёт эффект, как будто бы текст расположен ближе к нам левым боком:
Эффект, полученный перетаскиванием левого верхнего угла рамки вверх. Это одновременно перемещает левый нижний угол вниз.
Но это не тот эффект, который я хочу получить, поэтому я отменю его, нажав Ctrl+Z на клавиатуре, данное действие вернёт текст к своей первоначальной форме.
Я снова нажмите на марке в левом верхнем углу, но на этот раз, я потяну его по направлению вправо внутрь, в результате чего противоположный маркер в верхнем правом углу также сдвинется внутрь, создавая ??псевдо-3D эффект:
Перетаскивание левого верхнего угла внутрь в то же время перемещает внутрь верхний правый угол.![]()
Мне почти нравится полученный эффект, но всё же я думаю, что текст можно ещё немного растянуть по вертикали. Для этого мне нужно переключиться с режима «Перспектива» в режим «Масштабирование» (Scale). Самый быстрый способ переключения между режимами (а рамка трансформирования всё еще ??активна) — это клик правой клавишей мыши в любом месте документа и выбор нужного пункта из контекстного меню. Я выберу «Масштабирование» (Scale):
Переключение из режима «Перспективы» в режим «Масштабирование» (Scale).
После переключения нажимаем на нижний центральный маркер и тянем его вниз (можно также верхний центральный маркер вверх), чтобы растянуть текст по вертикали:
Масштабирование текста методом перетаскивания нижнего центрального маркера вниз.
Поле того, как я закончил, все преобразования, я нажму клавишу Enter, чтобы принять преобразования и выйти из режима транс формирования. Вот что у меня получилось в итоге:
Текст после применения команд трансформирования «Перспективы» и «Масштабирование» (Scale).
Наложение текста на фон (необязательно)
На данный момент меня устраивает форма текста, но его сплошной белый цвет выглядит довольно пресным и неуместным по отношению с остальной части изображения. Я по-быстрому добавлю пару эффектов, чтобы текст органично смотрелся на фоне картинки. Это выходит за рамки данного руководства и, если не интересно, переходите к следующему разделу, он как раз очень важен и рассказывает о редактировании содержимого внутри смарт-объекта, в нашем случае, содержимое — текст.
Итак, во- первых, чтобы смешать текст с изображением, я изменю режим наложения смарт-объекта с «Обычного» (Normal) на «Перекрытие» (Overlay). Опция «Режим наложения» находится в верхнем левом углу панели слоев. Вот что получилось:
Эффект, полученный после изменения режима смешивания на «Перекрытие» (Overlay).
Сам по себе это интересный эффект, но в фоновом изображении имеются большие чёрные области, на которых текст попросту исчезает.
Чтобы это исправить, я воспользуюсь стилями слоя, а конкретнее стилем «Внешние свечение» (Outer Glow).
В диалоговом окне стиля я нажму на образец цвета и изменю цвет внешнего свечения до зеленого, примерно #296a15, чтобы соответствовать зеленому цвету в изображении. Затем изменю значение непрозрачности до 50% и увеличу параметр «Размер» до 60px (значение этого параметра зависит от размера документа):
Параметры стиля «Внешнее свечение» (Outer Glow) в его диалоговом окне. Красным обведены параметры, которые необходимо изменить, остальные значения остаются заданными по умолчанию.
Нажимаем OK, чтобы закрыть диалоговое окно стиля, теперь в изображении видны очертания букв:
Результат после применения стиля «Внешнее свечение».
Редактирование текста внутри смарт-объекта
Я уже упоминал, что одним из основных преимуществ преобразования текстового слоя в смарт-объект является то, что это сохраняет текст полностью редактируемые. Так как же нам изменить текст внутри смарт-объекта?
Обычное нажатие на текст в документе не даст результатов, потому что текст находится внутри смарт-объекта.
Для того, чтобы добраться до текста, нам нужно дважды щелкнуть по миниатюре смарт-объекта в панели слоёв:
Двойной клик по миниатюре смарт-объекта для того, чтобы его открыть.
Это действие открывает смарт-объект в отдельном документе, что будет выглядеть как открытие нового Photoshop-документа. Бело-серые квадратики под текстом обозначают прозрачность, это делает белые буквы немного хуже различимыми, но можно, к примеру, временно сделать цвет текста более тёмным (перед сохранением цвет вернуть обратно!).
Чтобы изменить текст, ещё раз выберите инструмент «Текст» (Type Tool) на панели инструментов, затем дважды кликните по тесту для его выделения.
Я изменю слово «КОСМОС» на слово «ЧУЖОЙ»
Редактирование текста внутри Smart Object.
Чтобы сохранить изменения, нам необходимо сохранить документ, делается это точно также, как и сохранение обычного Photoshop-документа — нажмите комбинацию клавиш Ctrl+S, либо пройдите по вкладке главного меню Файл —> Сохранить (File —> Save).
Таким же образом можно изменить семейство шрифта, начертание, цвет, размер, расстояние между буквами и т.п.
Документ с текстом внутри смарт-объекта больше не нужен, его можно закрыть.
Это возвращает нас к основному документу, который мгновенно обновляется с изменениями, которые мы внесли в текст:
Тот же самый эффект после редактирования текста.
Таким образом, используя оболочку смарт-объекта, мы можем применить к тексту недоступные ранее виды транс формирования.
Как вставлять так фотографии в Adobe Photoshop?
Гость
Создать фон – выбрать прозрачный фон – перетащить нужный вам объект на прозрачный фон, для создания прозрачного фона достаточно сделать два раза кликнуть на “Фон” в палитре слоев.
Иван В.6Всего 1 ответ.
Как в программе фотошоп вставить фото в готовый шаблон видео?
Фотошоп.Как в программе фотошоп вставить фото в готовый шаблон видео.
Delledi1
Для начала нужно выбрать подходящее фото и шаблон. Сам же фотомонтаж можно произвести в редакторе Adobe Photoshop.
Откройте в редакторе изображение с выбранным вами шаблоном.
Открытый рисунок появится в слоях. Слои можно накладывать один на другой как листы бумаги. Некоторые слои могут быть полностью не прозрачные, это может быть фон общий, на который в последствие будет наложены другие элементы. Есть слои в которых не все прозрачно за исключением как нибудь элементов, например одежда или украшение, декор. Для работы с этими слоями нужно найти палитру под названием “Слои” (Layers).
Для работы с фото вам нужно будет его открыть.
Оно у вас появится как еще один слой.
Как работать с этими слоями можно прочитать тут.
Или наглядно посмотреть на видео.
maaasik2
Всего 1 ответ.
Как Наклонять текстовую картинку Adobe Photoshop CS6 я хочу наклонить картинку через середину
Guest3Ctrl+a – выделится вся картинка
ctrl+t – изменение геометрии – мышку за границу рисунка выводишь.
когда появляется значок с гнутой двойной стрелкой – это значит вращение
если не горячими клавишами, то меню выделение – выделить всё, затем меню редактирование – трансформация
Гость2
Всего 1 ответ.
Как вставлять так фотографии в Adobe Photoshop?
Деймон Сальваторе3С помощью масокВера Лазован2
Всего 6 ответов.
Как и за какое время можно освоить видеомонтаж и всё, что с ним связано?
Marek Maslyukovsky16Источник: render.ru
Видеомонтаж – это совокупность множества процессов и знаний. Если подходить к этому с чисто технической стороны, то можно выбрать одну монтажную программу, распечатать шпаргалку с «горячими клавишами» – и сразу начать кроить и шить. Однако, не стоит забывать, что видеомонтаж включает в себя и творческую составляющую, и соблюдение неких законов восприятия картинки на экране, их взаимосвязи, сочетания как по движению, по крупности, по цвету, по скорости и направлению движения наконец.
Не зря этому учат будущих режиссёров несколько лет. Не стоит забывать о цветокоррекции и обработке звука – с этим тоже надо повозиться, а перед этим изучить какие-то основы. То есть, на простую теорию придётся потратить минимум полгода, чтобы хоть как-то понимать, что делаешь. А дальше – опыт. Я в профессии уже скоро 20 лет, однако, до сих пор что-то изучаю, открываю для себя что-то новое. Осваиваю новые приёмы, технологии. Одним словом, видеомонтаж – это постоянное развитие профессионала. За пару недель можно освоить только кнопки, но никак не сам процесс.
Евгений Измалков21
Всего 8 ответов.
Вам также может понравиться
Как наклонить изображение вперед в фотошопе?
Как наклонить изображение вперед в Photoshop ? Если Photoshop вам незнаком, вы можете не знать, как наклонить или повернуть изображение. Это действительно просто. Мы покажем цикл для вас в этом помощнике.
Photoshop позаботится о вас, если вам нужно перевернуть изображение для инновационных целей или изменить угол фотографии. Чтобы надлежащим образом удовлетворить ваши потребности, вы можете повернуть изображение в Photoshop различными способами.
Инструмент «Повернуть вид» в Photoshop может физически вращать холст изображения. Для этого выберите инструмент «Повернуть вид» в меню «Инструменты» или нажмите Shift+R. Затем изображение можно повернуть, щелкнув и перетащив его. Отсюда мы рассмотрим, как наклонить изображение вперед в Photoshop.
Как наклонить изображение вперед в Photoshop:Содержание
- 1 Как наклонить изображение вперед в Photoshop:
- 2 Часто задаваемые вопросы (FAQ):
- 2.0.1 Вопрос: Как выровнять снимок, сделанный под углом в Photoshop?
- 2.0.2 Вопрос: Как использовать тильт-шифт в Photoshop?
- 2.0.3 Вопрос: Как изменить наклон Photoshop?
- 2.0.4 Вопрос: Как наклонить слой в Photoshop?
- 2.
0.5 Вопрос: Как изменить угол в Photoshop? - 2.0.6 Заключение:
В Photoshop вы можете вращать изображение огромным количеством способов. Вы можете найти идеальные настройки поворота для себя, независимо от того, хотите ли вы использовать предустановленный выбор или создать свой собственный. Photoshop работает несколько лучше при вращении слоев. Вы должны изменить слой с помощью инструментов поворота и преобразования вместо пунктов меню. Редактировать напрямую. Это небольшая особая система, которую важно помнить.
Сочетание клавиш Photoshop для поворота изображения — «R». Таким образом, вы можете повернуть направление холста и изображение. Например, вы должны нажать клавишу «R» на клавиатуре, чтобы использовать функцию поворота. Вы можете перетаскивать изображение из этой точки вперед, чтобы повернуть его. Тем не менее, давайте научимся наклонять изображение вперед в Photoshop шаг за шагом ниже.
youtube.com/embed/6dfd-CpKOBI?feature=oembed» frameborder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen=»»> Источник видео: eHowTechПервый шаг: Используйте свойство преобразования
Используйте свойство преобразования Photoshop, чтобы наклонить изображение, если хотите. Изображение можно было вращать, что давало вам полный контроль над тем, как оно выглядело.
Второй шаг: выберите другой слой
Теперь на панели слоев в правой части экрана выберите слой.
Третий шаг: откройте ограничивающую рамку свободного преобразования
Затем выберите «Изменить» > «Свободное преобразование» в меню верхней панели. Или, с другой стороны, вы можете использовать сочетание клавиш Ctrl + T, чтобы выбрать решение. Ваше изображение будет окружено ограничивающей рамкой свободного преобразования всякий раз, когда вы это делаете.
Четвертый шаг: Переместите изображение, с которого нужно повернуться, с
Затем вы должны переместить центральную точку в то место, из которого вам нужно повернуть изображение.
В двух словах, он будет служить осью вращения для вашего изображения.
Пятый шаг: Установите изображение, которое вам нужно повернуть
Затем, сразу за пределами изображения, расположите мышь и начните перетаскивать ее в том направлении, в котором вы хотите повернуть изображение.
Последний шаг: Сохраните изображение
Сохраните файл Photoshop или открытый файл изображения на жестком диске вашего ПК для последующего использования, когда вы закончите все задачи, связанные с вращением изображения.
Если у вас есть желание повернуть изображение с шагом в 15 градусов, удерживайте нажатой клавишу Shift. Изображение будет повернуто ровно на 15 градусов. С Photoshop подобных сервисов редактирования изображений становятся намного проще, чем вы думаете.
Часто задаваемые вопросы (FAQ): Вопрос: Как выровнять снимок, сделанный под углом в Photoshop? Ответ: В Photoshop исправить изображение было бы намного проще.
Сначала откройте изображение в Photoshop, прежде чем выпрямлять его. Затем выберите инструмент для сбора урожая на левой панели инструментов. С другой стороны, вы можете нажать «C», чтобы быстро перемещать гаджет. На данный момент вы бы увидели шоу, изменяющее изображение. По сути, хватайте и убирайте с урожая квадратную форму. Прикрепите изображение отпечатка вверху, чтобы подтвердить через некоторое время.
Ответ: Художники-фотографы используют процедуру сдвига наклона, чтобы поймать сцену с малой глубиной концентрации. Эта неглубокая глубина поля могла создать ощущение, что локация маленькая и игрушечная. Каналы Tilt-Shift Obscure и Focal point Obscure в Photoshop — это два инструмента, которые можно использовать для получения результата с наклоном и сдвигом.
Вопрос: Как изменить наклон Photoshop? Ответ: В Photoshop есть, возможно, одна или две стратегии изменения наклона.
Использование инструмента Free Change — один из вариантов. Нажмите Ctrl/Cmd+T, чтобы выбрать слой, который нужно наклонить, затем выберите Edit > Free Transform.
Ответ: Photoshop — полезный инструмент для управления изображениями. Две звезды и новички в настоящее время используют его в качестве делового стандарта. Возможность наклона слоя — лишь одна из многих функций Photoshop.
Вопрос: Как изменить угол в Photoshop?Ответ: Вы можете изменить угол изображения в Photoshop по крайней мере одним или двумя способами. Использование инструмента «Свободное преобразование» — один из вариантов. Вы можете щелкнуть и перетащить, чтобы повернуть изображение, используя инструмент «Свободное преобразование».
Заключение:
Выяснение того, как наклонить изображение вперед в Photoshop , несомненно, важнее. Потому что это дает вам возможность быстро и мастерски исправлять фотографии.
Результат надежно точен и свободен от путаницы и артефактов. Было бы полезно, если бы вы быстро освоились с каждой стратегией из-за этого. Надеюсь, описанная выше техника окажется для вас полезной. Однако, если у вас все еще возникают проблемы с наклоном изображения, следуя нашим инструкциям, не стесняйтесь оставлять комментарии ниже.
Самый эффективный метод наклона изображения вперед в Photoshop
Самый эффективный метод наклона изображения вперед в Photoshop: Как насчет того, чтобы выяснить, как сдвинуть изображение вперед в Photoshop с помощью основных достижений. Многие пытались выполнить описанное ниже учебное упражнение и получили потрясающие результаты. Постарайтесь не унывать и оцените наши правила. Это позволит вам исправить изображения с законными привычками и получить идеальный результат.
Каждое средство в нашем учебном упражнении несложно использовать. По этой причине вы можете выполнять эти движения по отношению к любому изображению, чтобы немедленно зафиксировать изображение.
Кроме того, вы можете следовать этим учебным упражнениям в любой версии Photoshop. Впоследствии проверьте это и устраните свои ошибки изображения с любой помощью.
При выборе инструмента кадрирования выберите инструмент выпрямления. После этого определите линию горизонта на изображении. Теперь щелкните и перетащите линию вдоль линии горизонта на изображении. В конце нажмите на значок галочки вверху.
Пошаговые инструкции по выпрямлению изображения, сделанного под углом Photoshop: —
В Photoshop можно исправить изображение гораздо проще. В текущей части мы рассмотрим шаги по исправлению изображения, сделанного в какой-то момент, с использованием заказов Photoshop. Как насчет того, чтобы начать цикл в настоящее время.
Откройте картинку в Photoshop.
После этого выберите инструмент для сбора урожая на левой панели инструментов. Или, с другой стороны, вы можете нажать «C», чтобы немедленно переместить устройство.
Сейчас у вас будет возможность редактирования изображения.
Вам просто нужно щелкнуть и вытащить за пределы квадратной формы урожая.
Через короткое время нажмите на значок метки вверху, чтобы подтвердить.
Техника переворота изображения Photoshop:
Обычно вам может потребоваться перевернуть изображения, чтобы они выглядели правильно. В сопутствующем сегменте мы покажем вам, как быстро перевернуть ваши изображения в Photoshop. Для завершения не потребуется более одного момента. Мы покажем вам два разных способа переворачивания картинок. Как насчет того, чтобы перейти непосредственно к этому.
Выберите слой изображения на панели слоев.
После этого перейдите в меню «Изображение» > «Поворот изображения» в верхнем меню.
Теперь выберите пункт «Отразить холст по горизонтали» в появившемся меню.
Ближе к концу сохраните документ изображения правильно.3
Техника переворота изображения в Photoshop
Обычно вам может потребоваться перевернуть изображения, чтобы они выглядели правильно.
0.5 Вопрос: Как изменить угол в Photoshop?