Как вытянуть текст в фотошопе: Узнайте, как использовать инструмент «Текст», изучив несколько простых действий
Преобразование текста, не доступное при обычных режимах Photoshop
Предположим, сейчас я хочу добавить к тексту эффект 3D, для этого необходимо его повернуть в перспективе и/или придать тексту перспективные искажения. Если бы я работал с обычным пиксельным слоем, я мог бы это легко сделать, применив перспективную трансформацию. Также для этого можно использовать «Искажение». Но при работе с текстовым слоем не всё всегда так просто.
Все режимы трансформирования Photoshop, можно вызвать через вкладку главного меню «Редактирование» (Edit), где выбрать пункт «Трансформирование» (Transform). Попробуйте сделать это при активном текстовом слое и увидите, что оба этих пункта не активны:
Меню «Трансформирование» (Transform) при активном текстовом слое. Пункты «Искажение» (Distort), «Перспектива» (Perspective) и «Деформация» (Warp) недоступны.
Решение: Преобразование текстового слоя в смарт-объект
Как я уже упоминал ранее, традиционным способом решения этой проблемы является растеризации текстового слоя, который преобразует текст из векторной фигуры в пиксельную. Но проблемой при этом подходе является то, что как только мы превратили текст в пиксели, он больше не доступен для редактирования. Кроме того, при трансформировании (растяжении, искажении, деформировании) пиксельной картинки мы запросто можем потерять качество изображения, особенно это скажется на границах букв, превращённых в пиксели. Обычный же текст не имеет таких недостатков, т.к. он состоит из векторов.
Напротив, независимо от того, что мы делаем с вектором, края букв всегда остаются четкими и резкими. Таким образом, чтобы после редактирования наш текст выглядел на высоком уровне, нам нужен способ, позволяющий производить перспективные и другие искажения без потери качества, а следовательно, без преобразования в пиксели.
И как же это сделать? На самом деле очень просто — преобразовать текстовый слой в смарт-объект! Photoshop дает нам несколько способов преобразования слоёв (в том числе и текстовых) в смарт-объект, проще всего кликнуть по слою правой клавишей мыши м выбрать пункт контекстного меню «Конвертировать в смарт-объект» (Convert to Smart Object).
Конвертирование текстового слоя в смарт-объект.
После этого никаких видимых изменений в документе не произойдёт, но в панели слоёв, вместо миниатюры буквы «Т» , которая была там раньше, в миниатюре показано фактическое содержимое слоя (в настоящий момент текст в миниатюре смарт-объекта заметен плохо, т.к. белые буквы сливаются с серо-белыми квадратиками, обозначающими прозрачность). Кроме того, в нижнем правом углу миниатюры появился маленький значок, сообщая нам, что слой теперь является смарт-объектом:
Панель слоёв с указанием слоя, преобразованного в смарт-объект.
Теперь, когда мы превратили текстовый слой в Smart Object, давайте посмотрим, что произойдет, когда я попытаюсь применить к нему «Искажение» или «Перспективу». Я снова пройду по вкладке главного меню «Редактирование» (Edit) —> «Трансформирование» (Transform), и на этот раз мы видим, что неактивных пунктов нет! Я могу выбрать любой из вариантов трансформирования, в том числе «Искажение» и «Перспективу».
Эффект 3D текста при помощи команды Distort
В этом режиме мы можем изменить текст путем захвата любого из четырех угловых маркеров рамки трансформирования и перетаскивания их по холсту независимо друг от друга в любом направлении:
Режим Искажение (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).
Таким же образом можно изменить семейство шрифта, начертание, цвет, размер, расстояние между буквами и т.п.
Документ с текстом внутри смарт-объекта больше не нужен, его можно закрыть.
Это возвращает нас к основному документу, который мгновенно обновляется с изменениями, которые мы внесли в текст:
Тот же самый эффект после редактирования текста.
Таким образом, используя оболочку смарт-объекта, мы можем применить к тексту недоступные ранее виды транс формирования.
Создаем реалистичный текст на ткани при помощи фильтра смещение | Pixelbox.ru — Дополнения и уроки по Фотошопу
В этом уроке вы научитесь создавать реалистичный текст на ткани. Это будет намного сложнее, чем добавление текста на ровную поверхность. Вы узнаете, как использовать фильтр смещение для получения качественного результата. Давайте начнем!
Пройдя урок, вы научитесь:
1. Работать с фильтром смещение, создавать карту смещения;
2. Изменять цвет изображения при помощи инструмента замена цвета;
3. Применять стили слоя;
4. Добавлять резкость изображению и многое другое.
Ресурсы:
- Шрифт — http://www.1001freefonts.com/cookie.font
- Текстура ткани — http://www.textureking.com/6225/
1.
Сохранение карты смещенияОткройте текстуру ткани, а затем перейдите в Файл-Сохранить как (File-Save As) и сохраните файл в формате PSD, назовите его Карта смещения.
2.
Корректировка карты смещенияШаг 1
Щелкните правой кнопкой мыши по фоновому слою и выберите Преобразовать в смарт-объект.
Шаг 2
Перейдите в Изображение-Новый корректирующий слой-Цветовой тон/насыщенность (Image-Adjustments-Hue/Saturation) и понизьте значение насыщенности до -100.
Шаг 3
Перейдите в Фильтр-Размытие-Размытие по гауссу (Filter-Blur-Gaussian Blur) и установите радиус 2 пикселя.
Больший радиус сделает окончательный эффект более плавным и мягким, а маленький радиус позволит сделать более четкие и резкие переходы.
Шаг 4
Перейдите в Файл-Сохранить (File-Save) и сохраните изменения в документе.
3.
Изменение цвета ткани
Шаг 1
Откройте оригинальную текстуру ткани, выберите Инструмент Замена цвета (Color Replacement Tool) и установите цвет переднего плана на # d7ba80.
В панели параметров убедитесь, что режим установлен на Цветность (Color), активна кнопка Проба непрерывно (Sampling to Contiguous) и толерантность (Tolerance) 100%.
Выберите очень большую жесткую круглую кисть и закрасьте текстуру, старайтесь проводить ею не больше одного раза над областью. Это изменит цвет ткани.
Шаг 2
Дублируйте фоновый слой и преобразуйте копию в Смарт-объект (Smart Object).
4.
Усиление цвета тканиШаг 1
Дважды щелкните по копии полученного слоя, чтобы применить Стиль слоя Наложение цвета (Color Overlay) с такими настройками:
- Цвет: # fde8bd
- Режим наложения: разделение
Это сделает текстуру немного ярче.
Шаг 2
Нажмите на значок Создать новую заливку или корректирующий слой (Create new fill or adjustment layer) в нижней части панели слоев и выберите Выборочная коррекция цвета (SelectiveColor).
Шаг 3
В раскрывшемся меню выберите желтый цвет и введите такие значения:
- Голубой: -30
- Пурпурный: -16
- Желтый: -47
- Черный: -21
Шаг 4
Выберите голубой цвет и введите такие значения:
- Голубой: -100
- Пурпурный: -35
- Желтый: -100
- Черный: -16
Это позволит смягчить тон и цвет. Если вы хотите получить другой результат, можете использовать настройки по своему усмотрению.
5.
Добавление текстаШаг 1
Белым цветом напишите текст шрифтом Cookie Regular, установите размер 150 пикселей.
Шаг 2
Преобразуйте текстовый слой в смарт-объект, а затем уменьшите его заливку (Fill) до 0.
6.
Стиль текстаДважды щелкните по слою с текстом, чтобы применить следующие стили слоя:
Шаг 1
Добавьте Тиснение (Bevel and Emboss) с такими настройками:
- Стиль: Контурное тиснение
- Размер: 8
- Галочка у параметра сглаживание
- Режим подсветки: Линейный свет
- Цвет: # 929292
- Непрозрачность: 50%
- Режим тени: Затемнение
- Цвет: # 434343
- Непрозрачность: 27%
Шаг 2
Добавьте стиль Наложение цвета (Color Overlay) с такими параметрами:
- Цвет: # bdadb1
- Режим наложения: Линейный затемнитель
Шаг 3
Добавьте стиль слоя Тень (Drop Shadow) с такими настройками:
- Режим наложения: Линейный затемнитель
- Цвет: # 707070
- Непрозрачность: 20%
- Снимите галочку у окна использовать глобальные настройки
- Угол обзора: 90
- Расстояние: 3
- Размер: 5
Как вы видите, складки ткани немного проявились и видны сквозь текст, но все же на данном этапе текст выглядит немного плоским и нереалистичным. Продолжим работу.
7.
Применение фильтров Размытие и Карта смещенияШаг 1
Выберите текстовый слой, преобразованный в смарт-объект, перейдите в меню Фильтр-Размытие-Размытие по гауссу (Filter-Blur-Gaussian Blur) и установите радиус в 1 пиксель. Это поможет смягчить эффект.
Шаг 2
Теперь переходим в Фильтр-Искажение-Смещение (Filter-Distort-Displace). Появится диалоговое окно.
На горизонтальной шкале и вертикальная шкале значений можно контролировать интенсивность и силу эффекта. Большие значения будут создавать большие складки и волны, меньшие значения создадут более мягкий результат.
Вам, возможно, придется попробовать несколько различных значений, прежде чем вы получите результат, который вас удовлетворит, мне подошло значение 15.
В окне настроек фильтра выберите параметр Растянуть (Stretch to Fit) и Повторить граничные пиксели (Repeat Edge Pixels), нажмите кнопку ок.
Шаг 3
Когда откроется окно выбора файла, выберите файл Карта смещения, который мы создавали в начале урока.
Посмотрите, как теперь реалистично выглядит текст на ткани, как очерчены все складки.
Шаг 4
Помните, что, если слой преобразован в смарт-объект, вы можете дважды щелкнуть по иконке фильтра Смещение в палитре слоев и повторно его применить, используя разные значения, до достижения удовлетворительного результата.
8.
Резкость фонаЭто необязательный шаг, но, если вы хотите, чтобы эффект был более четким, вы можете выбрать копию фонового слоя, перейти в меню Фильтр-Усиление резкости-Умная резкость (Filter-Sharpen-Smart Sharpen) и использовать значения по своему усмотрению.
Обратите внимание, что значения, используемые в данном уроке, возможно, могут быть изменены в зависимости от размера изображения и желаемого результата.
Поздравляем! Готово!
Автор перевода: Ольга Максимчук (Princypessa)
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
letter-spacing | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Краткая информация
Версии CSS
Описание
Определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данное свойство. Допустимо использовать отрицательное значение, но в этом случае надо убедиться, что сохраняется читабельность текста.
Синтаксис
letter-spacing: значение | normal | inherit
Значения
В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Наилучший результат дает использование относительных единиц основанных на размере шрифта (em и ex).
- normal
- Задает интервал между символами как обычно.
- inherit
- Наследует значение родителя.
Пример
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>letter-spacing</title>
<style>
p {
letter-spacing: 5px;
}
</style>
</head>
<body>
<h2>Duis te feugifacilisi</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства letter-spacing
Объектная модель
[window.]document.getElementById(«elementID»).style.letterSpacing
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.
Как в Фотошопе вернуть панель инструментов
Введение. Для чего нужна панель инструментов?
Чтобы наиболее понятно объяснить для чего нужна панель инструментов, мы проведём некую аналогию с бытовой жизнью. Представим, что вам нужно собрать небольшой шкаф для вещей. Все полки и двери разобраны, но у вас имеется куча винтиков, саморезов для его установки. Однако, у вас нет ни одной отвёртки либо другого конструктивного прибора. Естественно никаких действий вы не сможете выполнить со своим будущим шкафом. Так и в программе Adobe Photoshop: изображение будет представителем мебели, саморезы, шпунтики и винтики представляют собой встроенные функции Фотошопа, а область инструментов (расположена, кстати, слева) для работы с фотографиями будет отвёрткой. Без неё вы никаким образом не сможете обработать фотографию так, как надо.
Вернуть инструментальную панель очень просто
Конечно, отсутствие такой функции на рабочей области не значит, что не сможете пользоваться пунктами этой панели. Для каждого из них назначена горячая клавиша. Это значит, что при нажатии определённых кнопок будет открываться соответствующий прибор. Но выучить их все достаточно сложно, да и выбор этих параметров невелик. Ведь каждый пункт панели инструментов имеет подпункты, которые горячими клавишами не выберешь. Например, «Ластик», при нажатии на него правой кнопкой мыши, даёт пользователю выбор (каким именно ластиком вы хотите воспользоваться). Надеемся, что теперь вы понимаете, насколько важно расположить в рабочей области эту замечательную функциональную полку.
Стандартное расположение элементов интерфейса
Как в Фотошопе вернуть панель инструментов?
Предположим, что она у вас исчезла. Не важно каким образом, главное, что её больше нет. Не стоит разочаровываться, ведь у вас получится вернуть их в Фотошопе всего в два шага! Не будем тянуть резину, а сразу приступим к этим действиям:
- На верхней области меню выбираем «Окно».
- Внизу появившегося окна поставьте галочку возле слова «Инструменты».
Вот и всё, теперь область функций снова будет верно вам служить и помогать в обработке фотографий и других изображений.
Включить и выключить панель можно в меню «Окно»
Как убрать инструменты?
Как бы парадоксально ни звучало, но вам может понадобится не как вернуть панель в Фотошопе, а как её убрать. Это делается тоже легко, тем более потом у вас получится её вернуть согласно предыдущей инструкции из двух шагов. Что же делать?
- Зайдите в пункт «Окно» из верхнего основного меню Adobe Photoshop.
- Уберите галочку с пункта «Инструменты».
- Если этот способ вам не по душе, то вы можете левой кнопкой мыши передвинуть существующую панель инструментов от края экрана в любое положение, а затем нажать на появившийся крестик в правом верхнем углу панели приборов для редактирования.
Еще один вариант
Небольшие итоги
Сегодня мы с вами полностью решили вопрос с панелью инструментов в программном обеспечении Adobe Photoshop: возвращение этой области, её удаление, а также значение этой функции приложения. Теперь вы сможете без проблем решить текущую проблему даже своих друзьям или родственникам. Главное, чтобы потом вас не представили каким-нибудь крутым программистом. Иначе будет вас преследовать такая ноша, как «у меня сломалось это, мне нужно установить это, а как сделать это» и тому подобное. Расскажите в комментариях какую-нибудь подобную историю, случившуюся с вами или с одним из ваших знакомых. Хорошего настроения, друзья!
Как выбрать текст в фотошопе icrobots.ru
Работа с текстом в Photoshop: 10 эффективных приёмов
Возможности по работе с текстами в Photoshop с каждой версией всё растут, новые действия совершать все проще и проще, но несмотря на это, многие дизайнеры продолжают идти в обход, выполняя лишние шаги: путешествия по меню вместо использования горячих клавиш, ручное изменение параметров для многочисленных текстовых слоёв вместо использования стилей абзацев и прочее.
В этой статье я хочу предложить вам 10 простых приёмов, которые помогут вам работать с текстом эффективнее.
Правильное сглаживание текста
Несколько месяцев назад Adobe добавила в новую версию программы несколько нативных методов сглаживания текста, которые доступны в зависимости от ОС, на которой работает Photoshop — Mac или Windows (в версиях с и без субпиксельного сглаживания). Наконец-то текст в макете выглядит так же, как и в браузере.
Стили абзацев (Paragraph Styles) и символов (Character Styles)
Функция, которой не хватает в любом макете, где присутствует более одного стиля оформления текстового блока. Достаточно создать нужное количество стилей оформления текста и изменять их только один раз в панели стилей, а всё остальное за вас сделает программа.
Вписывание текста внутрь фигур или написание текста по контуру
Иногда возникает необходимость задать текстовому блоку не простую прямоугольную форму, а с неровным краем, чтобы текст обтекал какой-нибудь объект.
В этом случае необходимо создать фигуру и щёлкнуть внутри неё с выбранным элементом Type Tool (T). После этого для текстового слоя будет создан отдельный путь, который вы сможете редактировать в любой момент.
Естественно, так же можно создать векторный путь любой сложности и добавить на него текст — таким же щелчком с включённым Type Tool.
Автоматический рыбный текст
Хоть я и не рекомендую использовать абстракцию в духе Lorem Ipsum в качестве рыбы для макетов, иногда необходимо вставить небольшой массив текста для того, чтобы оценить компоновку или размер текстового блока. С функцией Paste Lorem Ipsum на это понадобится несколько секунд. Естественно, без кириллицы (хотя умельцы предлагают способ русификации).
Применение Postcard и 3D Extrusion к тексту
Комбайн Photoshop богат, помимо прочего, ещё и некоторыми функциями по работе с 3D. Использование эффектов Postcard или 3D Extrusion к тескту позволит перемещать, приближать, отдалять и вращать ваш текстовый слой в трёхмерном пространстве.
Конвертирование строчного текста в блочный и обратно
Иногда хочется задать ширину текстовому слою, который мы создали раньше простым щелчком. Зачастую мы просто расставляем переносы строк с помощью клавиши Enter, подгоняя текст до нужной ширины.
Правильным выходом будет использование команды Convert to Paragraph Text, в котором ширина текстового блока задается рамкой. Операция работает в двух направлениях — блочный текст мы можем превратить в строчный командой Convert to Point Text.
Преобразование в фигуру
Если вы хотите внести изменения в некоторые буквы, например в рекламном слогане и не хотите потерять качество во время последующего изменения размера текста — просто превратите этот текстовый слой в фигуру и редактируйте её с помощью инструментов Direct Selection Tool или Path Selection Tool. Защищено вектором.
Использование Smart Objects для сохранения возможности редактировать текст и применения фильтров или деформации
Одним из самых удобных способов экспериментировать над текстом, не теряя возможности в любой момент изменить содержание, является превращение его в Smart Object. Свободная трансформация запомнит точки, в которые вы перетаскивали вершины при искажении, а все применённые фильтры останутся редактируемыми!
Горячие клавиши для очень быстрой работы с текстом.
Копирование CSS текстовых слоёв
Одна из новых функций Photoshop позволяет скопировать набор CSS-свойств по сути любого слоя или группы (при использовании команды на группу — будут скопированы свойства как самой группы, так и слоёв внутри неё).
Применение этой функции к текстовому слою позволит нам за несколько секунд получить такую полезную для вёрстки информацию, как используемый шрифт, его размер, цвет, интерлиньяж и выключка.
В очередной раз мы немножко улучшили знания о своём основном инструменте и усовершенствовали рабочий процесс. Самое время закрывать статью и переходить к практике, не забывая пользоваться нашими советами! Ну а если у вас появились вопросы, не стесняйтесь оставлять их в комментариях!
Возможности инструмента Текст в фотошопе
Тот факт, что в фотошопе есть инструмент Текст (Type Tool), я думаю, абсолютно никого не удивит. Но все ли его возможности вам известны? Вот тут я сильно сомневаюсь! Итак, цель сегодняшнего урока подробно осветить весь потенциал и особенности инструмента Текст.
Начнем от простого к сложному.
Инструмент Текст обозначается в англоязычной версии программы как Type Tool. Он расположен на Панели инструментов и имеет иконку в виде буквы «Т». Его задача — это создание надписей. Надписи представляют собой векторный графический элемент. Независимо от вашего фона, текст всегда создается на новом слое.
В фотошопе он представлен такой группой инструментов:
- Горизонтальный текст (Horizontal Type) — самый обычный, к которому мы привыкли. Стоит по умолчанию.
- Вертикальный текст (Vertical Type) — для создания надписи в вертикальном направлении.
- Горизонтальный текст-маска (Horizontal Type Mask) — для созданий быстрой маски с горизонтальным выделением
- Вертикальный текст-маска (Vertical Type Mask) — для создания быстрой маски с вертикальным выделением.
Как создать текстовый слой
Существует два простых способа как это сделать:
1. Выберите инструмент, а затем сделайте клик левой клавишей мыши в том месте, где нужен текст. Появится мигающая вертикальная палочка (здесь ничего нового программисты не предложили — он похож на курсоры из любых других текcтовых редакторов, например «Блокнот» или «Word»).
Чтобы сохранить созданную надпись, можно воспользоваться любым из удобных способов:
- Нажать кнопку в виде галочки (Применить текущую правку) на панели параметров. Нажатие на перечеркнутый круг — отменит правку.
- Нажать на созданный текстовый слой на палитре слоев.
- Нажать комбинацию клавиш Ctrl+Enter . Обычно для подтверждения правки мы жмем только Enter, но в случае с Текстом, она лишь опустит на строку ниже и предложит продолжить вводить текст.
2. Второй способ предусматривает сперва указать область, в пределах которой должна быть надпись. Для этого зажмите левую кнопку мыши и, не отпуская, потяните ее в сторону. Вспомните, так мы создавали выделенную область. Создав область необходимого размера, отпусти кнопку мыши. В итоге получится рамка очень похожая на рамку инструмента «Свободное трансформирование» (отличие лишь в том, что нажав на правую кнопку мыши не будет меню с возможными трансформациями, но зато рамку можно тянуть за уголки и менять ее размер, а также вращать). В центре области появится курсор, предлагающий начать ввод текста.
В такую область, помимо обычного ввода с клавиатуры, можно вставлять путем любимой команды студентов «Копировать — Вставить».
Перемещение и трансформирование
Текстовый слой — это прежде всего слой, а значит с ним можно выполнять те же манипуляции, что и с другими. Среди этих манипуляций банальное, но так важное — перемещение. Просто выделите слой на палитре, а потом нажмите на свою надпись в документе и зажатой клавишей мыши тащите ее в сторону.
Более интересно обстоят дела с трансформацией. Работая в фотошопе, у вас практически нет ограничений по реализации своих творческих задумок. То как можно менять до неузнаваемости текст я распишу ниже. Это будут основные способы для изменения. Но к этому списку нужно добавить трансформацию. Напомню, что она вызывается комбинацией Ctrl+T . Благодаря ей, можно менять масштаб, поворот, наклон, искажать, менять перспективу, отражать по вертикали и горизонтали. Я не буду выкладывать скриншоты этих изменений — все это мы рассматривали в статье «Трансформация, искажение, вращение и прочие креативные безумства».
Форматирование текста
Вот и добрались до самого сложного — до палитры Символы. Именно в ней сосредоточены все мыслимые и немыслимы способы форматирования текстов в фотошопе. Открывается она так: Окно — Символ (Window — Character).
Рассмотрим чем палитра богата.
В самом вверху можно выбрать шрифт и его особое начертание (если оно предусмотрено выбранным шрифтом). Например, я выбрал Times New Roman:
Иконка с большой и маленькой буквой «Т» регулирует размер шрифта. Выпадающий список ограничен отметкой 72. Но вы можете ставить и больше, для этого в поле с размером введите нужное значение при помощи клавиатуры и нажмите Enter.
Кнопка «Цвет» — изменит цвет вашей надписи. Можно использовать два и более цвета для одной надписи.
Все рассмотренные сейчас настройки считаются стандартными. Они выведены на Панель параметров:
Можно настроить расстояние между символами внутри заданных пар:
Кнопочка правее — позволяет задать расстояние между буквами. То есть растянуть надпись или сузить, как гармошку. В своем примере вверху растянуто на +200, а ниже сужено до -200
Масштабирование по вертикали и горизонтали. Меняя эти значения вы будете растягивать текстовый слой, тем самым его деформируя. Вот как это выглядит:
Поднятие символов над строкой. Такая функция будет кстати, когда нужно сделать надпись выше основной части текста.
На очереди предпоследняя снизу строка. Первая буква «Т» — включает полужирный способ написания текста.
Чтобы написать текст курсивом, выберите вторую буквы «Т», изображенную в слегка наклонном виде.
Следующие два режима выполняют задачи наподобие Caps Lock на клавиатуре. Первые из этой пары — Верхний регистр, т.е. все буквы будут заглавными. А вторая из пары — капители. Буквы пишутся так же заглавными, но размером с прописные.
Следом группа из верхнего и нижнего индекса.
Последняя группа — подчеркнутый и зачеркнутый текст.
Последняя строка включает в себя две функции, первая из которых — это выбор языка символов для расстановки переносов и проверки орфографии. А вторая позиция это способ сглаживания. Сглаживание будет видно при увеличении (выберите из выпадающего меню от резкого к плавному).
Переходим к последней вкладки — палитра «Абзац».
Я уже упоминал, что в текстовую область можно вставлять ранее скопированный текст. Затем его можно выровнять по левому, по правому краю, по середине либо полное выравнивание. Также можно сделать полное выравнивание, а последнюю строчку прижать вправо, влево или оставить посередине.
Ниже регулируются отступы от правого и левого края, А также отступы лишь только первой строки.
Последняя группа команд регулирует отступы перед первым и после последнего абзаца.
Скриншоты не прикладываю потому, что все это просто и знакомо по другим текстовым редакторам, как, например, Word.
Работа с текстом не завершена — обязательно изучите как можно деформировать текст.
Как в Фотошопе редактировать текст
В этой статье мы подробно расскажем, как в Фотошопе создавать и редактировать текст.
Инструменты для создания и редактирования текста
Основная панель инструментов в Фотошопе находится слева. Те, которые относятся к созданию и форматированию текста отмечены буквой «Т». Чтобы открыть подробное меню всех функций, нужно навести курсор на этот значок и щелкнуть правой клавишей мыши. В результате откроется список из четырех доступных инструментов:
- «Горизонтальный текст»;
- «Вертикальный текст»;
- «Вертикальный текст-маска»;
- «Горизонтальный текст-маска.
Чуть ниже мы пошагово расскажем, как пользоваться каждым из них.
Создаем надпись
Чтобы сделать надпись в Фотошопе, нужно кликнуть на символ текста («Т»), а затем нажать на то место изображения, куда вы ходите ее добавить. После этого введите нужный текст. На экране появится простая черная надпись без стилизации. Если вы хотите создать уникальный текстовый контент, необходимо использовать специальный инструментарий.
«Горизонтальный текст» и «Вертикальный текст – наиболее простые параметры. Они задают ориентацию надписи. Чтобы выбрать тот или иной инструмент, нужно кликнуть на соответствующую функцию в меню значка «Т». Используя эти функции, вы создаете новый слой в Фотошопе, который будет расположен над фоновым.
«Вертикальный текст-маска» и «Горизонтальный текст-маска» не формируют отдельный слой, а создают временную маску бэкграунда. Эти инструменты дают возможность выделения области изображения в виде текста. После активации маски как слоя путем нажатия можно редактировать фоновое изображение по форме текста.
Редактируем текст
После создания надписи или целого блока можно приступить к их форматированию. Обратите внимание, что изменяется как отдельный фрагмент, так и весь текст целиком. Чтобы редактировать букву, слово или словосочетание, достаточно отметить необходимый объект при помощи выделения левой клавишею мыши.
Для редактирования основных параметров текстового контента существует целая панель инструментов. Она расположена над рабочим холстом. На ней расположены следующие параметры:
- Шрифт;
- Написание;
- Кегль;
- Резкость;
- Положение относительно границ;
- Цвет;
- Деформация.
Чтобы редактировать тут или иную характеристику текста, нужно кликнуть на соответствующий значок. Подробнее рассмотрим на конкретных примерах.
Как выбрать шрифт для текста
Форматировать шрифт можно следующим образом:
- Выделите надпись или текстовый блок.
- Нажмите на стрелочку вниз в меню шрифта.
- Из предложенного списка выберите понравившийся.
Справа от этого параметра есть настройка начертания текста, меню которой открывается таким же образом. Среди предложенных вариантов можно выбрать жирный, курсивный или другой вариант.
Кегль или размер шрифта
Кегль – это размер символов текста. Из стандартных можно выбрать показатель от 6 до 72 пикселей. Также можно настроить его вручную, введя в строку соответствующее число. Однако обратите внимание, что возможный максимум – 1296 пт.
Сглаживание шрифта
Настройки сглаживания регулируют крайние пиксели символов текста. Например, вариант «не показывать» удаляет любое сглаживание контура, а остальные добавляют на границу символа несколько пикселей, чтобы его размыть.
Выравнивание текста
Выравнивание – стандартная настройка для текста в документах. Выберите один из параметров – слева, по центру или справа, чтобы определить положение текста на холсте.
Для изменения цвета текста выполните следующие действия:
- Убедитесь, что выбран слой с текстом.
- Нажмите на значок «Цвет».
- В открывшейся палитре выберите необходимый оттенок.
Деформация
В Фотошопе существует множество возможностей искривления текста. Для этого необходимо кликнуть на соответствующий параметр и выбрать стиль деформации. Также можно настраивать силу изменения в %: по горизонтали, по вертикали и уровень изгиба.
Параметры символов текста
Предпоследний значок открывается подробное меню форматирования текста. В нем указываются всех перечисленные выше характеристики, которые также легко изменить. Кроме того, в этом окошке доступно изменение более специфичных параметров. Подробно мы изучим их ниже.
Настраиваем вкладку «Символ»:
Кернинг – настройка расстояния между буквами (плотности текста). Поможет визуально сделать текст более удобным для чтения.
Вертикальный и горизонтальный масштаб – форматируют высоту и ширину символов.
Интерльяж – параметр расстояния между строками в текстовом блоке.
Трекинг – позиция расстояния между символами.
Языковые настройки – определение языка, на котором написан текст.
Стилизация шрифта. Эта линейка параметров позволяет сделать текст зачеркнутым, подчеркнутым или установить верхний и нижний регистр.
Настраиваем вкладку «Абзац» (вызвать окно можно через меню Окно — Абзац):
Помимо выравнивания по одному краю или по центру в этой вкладке можно также:
Выровнять текст по ширине или оставить свободную последнюю строку:
Настроить ширину отступов:
Установить переносы слов (для текстового блока):
Текстовый блок
Текстовый блок – это связный масштабный текст, ограниченный рамками. Главная особенность – строгие границы. Это значит, что контент внутри рамок попросту не может за них выйти. В том случае, если текст не помещается внутри, он становится невидимым.
Редактировать текстовый блок можно так же, как и надпись. Фотошоп дает возможность изменения не только стандартных параметров букв, но и положения на странице. Блок легко исказить или масштабировать. Специфичные параметры его форматирования мы опишем ниже.
Чтобы создать блок, нужно либо написать/вставить длинный текст, либо растянуть границу надписи, зажав левую клавишу мыши на пунктирной границе надписи.
Чтобы изменить размер блока можно при помощи маркеров на нижней границе (нажмите CTRL+T или меню Редактирование — Трансформирование — Масштабирование).
Для деформации блока зажмите клавишу «Ctrl» и искажайте границы также зажимая маркеры.
После внесения изменений их необходимо подтвердить галочкой.
Заключение
Редактирование текста в Фотошопе – увлекательный процесс. Программа предлагает множество различных возможностей форматирования. Изменять можно отдельные символы, надписи и целые текстовые блоки.
Важнейшие характеристики редактирования текста – горизонтальное или вертикальное направление, а также использование текстового контента как временной маски слоя. Также при помощи целой панели разнообразных инструментов можно установить стиль шрифта, размер, цвет, положение и многое другое.
Подделка текста в фотошопе — советы эксперта
В этом уроке по Photoshop мы узнаем, как создать эффект обтекания текстом в Photoshop , имитируя функцию обтекания текстом, которую вы обычно найдете в программе верстки страниц, что позволяет нам обтекать текст вокруг объектов. Photoshop может быть самым популярным и самым мощным в мире графическим редактором, но он не совсем подходит для таких программ, как InDesign или даже Illustrator, когда речь идет о тексте (хотя Photoshop действительно предлагает больше вариантов, связанных с текстом, чем вы обычно ожидаете) найти в программе, встроенной для редактирования фотографий).
В Photoshop нет реальной функции переноса текста, но она дает нам возможность использовать путь в качестве контейнера для нашего текста, и, как мы узнаем в этом уроке, мы можем использовать его для обтекания текста вокруг объектов. Это не так хорошо и не так интуитивно понятно, как фактическая функция переноса текста, но это работает.
Здесь у меня есть изображение бейсбола, лежащего в траве:
Я хочу добавить немного текста к этому изображению, и я хочу, чтобы текст был обернут вокруг бейсбольного мяча. Как я уже сказал, в Photoshop нет официальной опции «переноса текста», но благодаря путям и способности Photoshop использовать путь в качестве контейнера для текста это будет легко.
Шаг 1. Выберите инструмент «Прямоугольник».
Так как мы собираемся использовать путь в качестве контейнера для нашего текста, прежде чем мы сможем добавить наш текст, нам нужен путь! Я собираюсь использовать инструмент Rectangle Tool от Photoshop (не путать с инструментом Rectangular Marquee), чтобы создать прямоугольный контур, который станет основной формой моего текстового контейнера. Я выберу Rectangle Tool из палитры Инструменты:
Я также мог бы нажать U на клавиатуре, чтобы быстро выбрать его.
Шаг 2. Выберите параметр «Пути» на панели параметров
Фотошоп дает нам три способа использования инструмента «Прямоугольник», наряду с другими инструментами формы. Мы можем использовать их для рисования векторных фигур, мы можем использовать их для рисования простых контуров (что мы и будем здесь делать), и мы можем использовать их для рисования пиксельных фигур. Вы можете выбрать один из этих трех вариантов, щелкнув соответствующий значок вверху на панели параметров в верхней части экрана. Я хочу использовать инструмент «Прямоугольник» для рисования траектории в форме прямоугольника, поэтому я собираюсь щелкнуть значок « Контуры» на панели параметров, который является значком в середине трех (один слева — вектор опция фигур, а справа — для рисования фигур на основе пикселей):
Шаг 3: перетащить путь в форме прямоугольника
Когда мой инструмент Rectangle Tool выбран и настроен для рисования контуров, я просто собираюсь перетаскивать траекторию прямоугольной формы так же, как я перетаскиваю выделение с помощью инструмента Rectangular Marquee Tool, и этот путь становится контейнером для мой текст:
Как мы видим на изображении выше, мой путь в настоящее время проходит прямо через бейсбол, что не очень мне поможет, когда я действительно хочу, чтобы мой текст обвивался вокруг правой стороны бейсбола, а не перетекал вершина этого. Мне нужен способ изменить мой путь так, чтобы сам путь обвивал мяч. Мы сделаем это дальше.
Шаг 4: выберите инструмент Ellipse
Есть несколько способов изменить форму пути в Photoshop, но в этом случае самый простой способ, поскольку шар круглый, — это использовать инструмент Ellipse Tool в Photoshop, чтобы вычесть часть пути из шара. Для этого я выберу свой Ellipse Tool, который по умолчанию прячется за Rectangle Tool в палитре Tools, поэтому мне нужно будет щелкнуть Rectangle Tool, удерживать мою кнопку мыши нажатой в течение секунды или двух, и затем выберите Ellipse Tool из всплывающего меню, которое появляется:
Шаг 5: Установите инструмент Ellipse в режим «вычитания»
С выбранным Ellipse Tool, если вы посмотрите вверх на панели параметров, вы увидите группу из четырех значков, которые выглядят как квадраты, соединенные по-разному. Эти четыре значка представляют четыре параметра, которые определяют, как будет вести себя путь, который вы собираетесь рисовать. То, что нам нужно, это второе слева, которое является значком « Вычесть из пути» . Я нажму на него, чтобы выбрать его:
С этой выбранной опцией, если я вытяну траекторию эллиптической формы с помощью Ellipse Tool, что я и сделаю через мгновение, любая часть нового пути, которая перекрывает мой первоначальный прямоугольный путь, будет вычтена из исходного пути. Посмотрим, что я имею в виду. Я собираюсь вытянуть эллиптическую дорожку вокруг бейсбола. Прежде чем я начну, если я внимательно посмотрю на свой курсор, я вижу небольшой знак минуса («-«) в правом нижнем углу, давая мне знать, что я нахожусь в режиме «Вычитать»:
Вы также можете получить доступ к режиму «Вычитание», просто удерживая нажатой клавишу Alt (Win) / Option, прежде чем перетаскивать свой путь, что немного быстрее, чем выбор параметра на панели параметров (вы можете отпустить Alt / Option ключ сразу после того, как вы начинаете растягивать свой путь). Я пойду вперед и вытяну дорогу вокруг бейсбола. Если мне нужно изменить положение моего пути при перетаскивании, что мне почти всегда нужно делать, я могу удерживать мой пробел и перемещать путь по экрану с помощью мыши, чтобы переместить его, затем отпустить пробел и продолжить перетаскивание путь. Вот изображение со вторым путем вокруг бейсбола:
Похоже, у меня есть два отдельных пути на изображении в данный момент — прямоугольный и эллиптический. Но единственный активный путь — это оригинальный прямоугольный путь, который сейчас не такой прямоугольный, потому что, хотя Photoshop не дает нам визуальных подсказок о том, что на самом деле происходит, эллиптический путь теперь вычитает (или «вырезает», если хотите) часть прямоугольной дорожки вокруг бейсбола. Чтобы было легче видеть, я заполнил оставшуюся активную область пути на изображении ниже. Это область, где мой текст появится. Обратите внимание на то, как прямоугольная дорожка теперь красиво оборачивается вокруг бейсбольного мяча, что означает, что мой текст также будет обтекать вокруг него:
Теперь, когда у нас есть наш путь, давайте добавим наш текст.
Шаг 6: добавь свой текст
Все, что осталось сделать, это добавить мой текст, и для этого мне нужен Photoshop Type Tool , поэтому я выберу его на палитре Tools:
Я также мог быстро получить доступ к инструменту ввода текста, нажав T на моей клавиатуре. Затем, выбрав «Тип инструмента», я подойду к панели параметров в верхней части экрана и выберу свой шрифт, размер шрифта и цвет текста. Я просто оставлю все как есть здесь и остановлюсь на Times New Roman Bold размером 16 пт с моим цветом текста белым:
Чтобы использовать путь, который я создал в качестве контейнера для моего текста, все, что мне нужно сделать, это переместить курсор в любое место внутри активной области пути. Когда я это сделаю, мой курсор Type Tool изменится с точечного квадратного контура вокруг него на пунктирный эллиптический контур, указывающий, что путь станет моим текстовым контейнером, если я нажму здесь и начну печатать:
У меня уже есть некоторый текст, сохраненный в моем буфере обмена, который я скопировал с конца знаменитой бейсбольной поэмы «Кейси в летучей мыши» Эрнеста Лоуренса Тейера, которая, как мне показалось, подойдет для этого изображения, поэтому, чтобы добавить текст к моему изображению, Я просто щелкну внутри пути, а затем использую сочетание клавиш Ctrl + V (Win) / Command + V (Mac), чтобы вставить текст внутри пути. Как мы видим, текст не только остается внутри траектории, но и хорошо оборачивается вокруг бейсбола:
Чтобы принять текст и выйти из режима редактирования текста, я нажму галочку вверх на панели параметров:
Наконец, чтобы скрыть путь, чтобы он больше не был виден на моем изображении, я просто нажму на фоновый слой в палитре слоев:
Контуры моего пути больше не загромождают мое изображение, вот мой окончательный результат:
Куда пойти дальше …
И там у нас это есть! Вот основы того, как подделать функцию «перенос текста» в программе Photoshop! Ознакомьтесь с нашими разделами « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!
Методы ввода текста в photoshop
Photoshop
Если до сих пор, мы уделяли больше внимания размещению текста на контуре и контуру, что, несомненно, важно, то сейчас мы поговорим о самом тексте, его редактировании и настройках.
Глядя на текст можно увидеть, что расстояние между буквами у слов, из которых он состоит, разное, как, например, здесь:
В таких случаях, появляется необходимость, обратится к диалоговому окну работы с текстом. Об этом окошке упоминалось в самом начале разговора о вводе текста по контуру (траектории):
Данное окошко содержит больше функциональных возможностей для тонкой настройки (регулировки) текста, как в целом, так и воздействия на отдельные буквы (символы), их расположение относительно других букв, чем нижняя лента главного меню:
Конечно же, с помощью настроек в этом окне, мы можем воздействовать на любой введённый текст, а не только на тот текст, который имеет заданную нами траекторию.
Чаще всего текст, введённый по контуру, требует комплексного подхода к его регулировке. Особенно в случаях сложных контуров. Почему же я так настойчиво и с самого начала разговора о тексте, введённом по контуру, употребляю термин регулировка текста, а не редактирование?
В моём понимании редактирование — это, в каком-то смысле работа над ошибками, выравнивание предложений на строке, да и самого текста в целом на листе. Работа с размером, цветом, типом шрифта.
Сюда же я отношу и абзацы, красную строку и междустрочный интервал, а также выделение жирным отдельных слов (символов), если хочу сделать акцент, а также работу с заголовками и другое редактирование, очень вписывающиеся в перечень, приведённый выше.
- Ну, а регулировка текста, опять же, как я воспринимаю её сам для себя, полагаясь на собственные ощущения, представляет техническую и творческую составляющую работы с текстом и в большей степени относится к воздействию, с помощью настроек и инструментов на отдельные слова, символы (буквы).
- Если говорить кратко, то для меня редактирование текста ассоциируется с текстовыми редакторами, а его регулировка с графическими программами и в таких случаях, как например наш, — ввод текста по контуру (траектории).
- Вернёмся к окошку работы с текстом и уделим внимание кернингу и трекингу, как основным нашим помощникам в выравнивании расстояния между буквами (символами):
Щёлкнув по кнопке со стрелочкой на правом крае строки «ввода/выбора» значений, мы можем делать выбор в раскрывающемся окошке значений. Это касается и кернинга и трекинга. На примере выбора значений кернинга, посмотрим на это окошко и на сами значения:
В самой верхней части окошка значений нам предлагается сделать выбор типа кернинга, — метрический или оптический. Выбор делать не обязательно, так как в автоматическом режиме вводимый нами текст пишется программой с метрическим кернингом. Кернинг представляет собой индивидуальное расстояние между двумя буквами (символами).
Выбор же оптического кернинга хорошо делать тогда, когда одна буква написана, например, шрифтом «Arial», а другая, «Gothic». Другими словами имеют различные формы.
Ну, а трекинг — это равнозначное распределение выделенных букв (символов), или можно сказать растягивание слова путём увеличения расстояния между буквами, причём без изменения имеющегося кернинга.
Если кернинг между буквами одного слова различен, то изменив трекинг, различия кернинга сохранятся.
Давайте на примере слова «труда» из нашего текста, посмотрим, как влияет изменение значения трекинга на расстояние между буквами в слове и текст в целом. Для этого нам нужно слово «труда» выделить. На панели инструментов выберем инструмент «Текст» и, убедившись в том, что в окошке слоёв текстовый слой выделен, обычным щелчком мышки установим курсор перед буквой «Т» слова «труда»:
Итак, курсор мигает перед буквой «Т». Теперь мы нажимаем левую кнопку мыши и удерживая её, начинаем перемещать мышь в правую сторону, выделяя, таким образом, саму букву «Т» и все идущие после неё буквы, то есть буквы «р», «у», «д», «а»:
Если делать выделение, двигаясь, справа налево, неудобно, то выделяем с лева на право. Важно выделение сделать. Без выделения букв (символов) изменение значений трекинга не представляется возможным.
Замечательно! Выделение сделано и самое время, выбрать значение трекинга. Наведение курсора мыши на кнопку со стрелочкой в правой части строки значений и выдерживание несколько секундной паузы позволит вызвать строку-подсказку, подтверждающую то, что мы в нужном месте:
Со спокойной душой щёлкнем по кнопке и в открывшемся окошке остановим свой взгляд на самом большом положительном значении, то есть на «200», но делать щелчок выбора этого значения делать повременим:
А посмотрим на местоположение текста относительно точек контура, на которые указывают стрелки:
Ну а теперь, щелчком левой кнопки мыши, наконец, сделаем выбор значения «200» и посмотрим, что произойдёт со словом «труда» и текстом в целом:
Такое большое значение трекинга мы выбрали для того, чтобы лучше видеть происходящие изменения. Как мы заметили, изменения происходят сразу же после выбора нужного значения, — клавишу «Enter» мы не нажимаем.
Давайте сбросим выделение обычным щелчком мышки в месте на холсте, свободном от контура и текста. Итак, мы видим, что слово «труда» растянулось, то есть расстояния между буквами увеличились:
Видим мы и то, что текст «не посмел» перепрыгнуть за крайнюю левую точку (она же начальная точка ввода текста). А вот крайняя правая точка, на которую указывала стрелка, была «накрыта» буквой «а» из слова «сюда». Эта точка была выбрана произвольно и играла роль помощника в наблюдении за поведением текста.
Таким образом, на примере регулировки трекинга, мы выяснили, что изменяя значения кернинга или трекинга надо помнить о том, что текст в целом, тоже будет смещаться по линии контура. И в нашем примере, смещение произошло только в правую сторону, и лишь по той причине, что до конечной точки ввода текста ещё оставалось расстояние, ну или свободное место на контуре.
Теперь посмотрим на само слово «труда». Мы видим, что первоначально большее расстояние между буквами «р» и «у» относительно расстояний между другими буквами слегка «стёрлось», и уже не так «режет» глаз.
Подбирая подходящие значения трекинга, мы можем влиять на расстояние между словами. То есть на то расстояние между словами, которое образуется, когда мы при печати текста используем клавишу пробела (Space bar). Давайте попробуем повлиять на расстояние между словами «текст» и «любой». Давайте сделаем выделение пустоты между этими двумя словами:
- Затем сделаем выбор значения, не вызывая окошко значений, а выделив в строке значений цифру «0» (ноль):
- Введём по выделению большое значение «500», чтобы лучше видеть изменения:
- Снимем выделение и посмотрим без него:
А теперь, что касается кернинга. Для изменения значений кернинга выделять буквы (символы) не нужно.
Регулировка расстояния между буквами (символами), осуществляется путём установки курсора до буквы или (и) после буквы, а затем подбирается нужное значение. Как и в случае с трекингом, выбранное значение сразу же применяется и нажатие каких-то дополнительных кнопок и клавиш не требуется.
Чтобы не получить «двойку по русскому» и для простоты восприятия, продолжу слова из которых состоит наш текст, называть просто словами. На примере слова «Без» отрегулируем кернинг. Мы уже давно обратили внимание на то, что «дела с расстоянием» у букв «Б» и «е» совсем плохи, — они слились:
- Давайте поставим курсор между ними и введём значение кернинга «300»:
- Если сравнивать полученное расстояния с расстоянием между буквами «е» и «з», то виден перебор. Уменьшим значение в два раза:
- Надо признать, что тоже не очень-то получилось. А теперь поставим курсор между буквами «е» и «з», а значение выберем «55»:
- Как мне кажется, попали в самую тютельку.
Конечно, текст в таком ужасном виде оставлять нельзя. С ним ещё нужно поработать. Но задача, по знакомству с кернингом и трекингом, а также их регулировкой, выполнена.
Хочется сказать ещё несколько слов о том, что значения кернинга и трекинга мы можем задавать свои, то есть отличные от тех, что предлагаются в окошках выбора значений. При этом мы должны соблюдать условие целых чисел, дробные значения, как например, «10,3», «26,7» или «100,5», программой не воспринимаются.
Источник: http://pmweb.ru/vvod-teksta-po-konturu-ob-ekta-v-photoshop
Методическая разработка «Ввод текста в программе Photoshop»
- Методическая разработка
- «Ввод текста в программе Photoshop»
- Работа с текстом
Photoshop не предназначен для обработки больших текстов, но, тем не менее, он обладает довольно большими возможностями по части ввода текста и его форматирования. Текст в этой программе одновременно является растровым и векторным.
С одной стороны, Photoshop использует растровые шрифты. Это значит, что символы составляются из пикселов и зависят от разрешения изображения. Если увеличить просмотр документа, то, разглядывая символы, можно увидеть «ступеньки», характерные для растровых объектов.
С другой стороны, Photoshop «помнит» введенный текст в векторном виде и использует векторные контуры, когда надо редактировать или масштабировать текст. Текст создается и редактируется на особых текстовых слоях, поэтому редактируемый текст сохраняется только в форматах, поддерживающих слои: «родном» формате PSD, TIFF, EPS и PDF.
Перед экспортом в другие форматы текстовые слои следует растеризовать, иначе текст будет потерян. Кроме того, стоит сохранять копию документа в формате PSD или TIFF, чтобы не терять возможности отредактировать введенный текст.
Ввод текста
Для работы с текстом в основном используется инструмент Horizontal Type(Горизонтальный текст). Он вводит обычный текст, строки которого располагаются горизонтально и идут сверху вниз. Реже используется второй инструмент Vertical Type (Вертикальный текст), строки которого вертикальны и вводятся справа налево. За исключением направления ввода, работают они практически одинаково.
Для ввода текста в режиме маскирования служат очень похожие инструменты Horizontal Type Mask (Маска горизонтального текста) и Vertical Type Mask (Маска вертикального текста).
В Photoshop предусмотрены два режима ввода текста. Текст можно начать вводить в любой точке документа, щелкнув там указателем. Такой режим ввода называется точечным.
Текст, который вводится в этом режиме по горизонтали или по вертикали, никак не форматируясь. Чтобы перейти на другую строку, надо нажать клавишу Enter.
Поэтому этот режим не используется для текстов, занимающих более одной строки.
Во втором режиме для текста сразу же выделяется прямоугольная область заданных размеров — текстовый блок.
Текст при вводе в этом режиме будет сам форматироваться (то есть разбиваться по строкам) в границах блока.
Можно изменять размеры блока, текст внутри будет форматироваться автоматически, в соответствии с шириной или высотой блока. Для ввода больших массивов текста следует использовать именно этот режим ввода.
Если весь блок заполнился текстом, а вы по инерции набрали еще что-то, в его правом нижнем углу появится значок переполнения — квадратик с плюсом. Этот значок сообщает о том, что виден не весь введенный текст. Если затем увеличить размеры блока или уменьшить кегль шрифта, недостающая часть текста появится в рамке, а значок исчезнет.
Начав вводить текст по заранее созданной траектории (контуру) мы сразу же можем столкнуться не то чтобы с трудностями, скорее с непохожестью ввода текста, как например, если бы мы просто писали заголовок или текст какой-нибудь деловой статьи.
Отличительными особенностями ввода текста по определённой (заданной) траектории от ввода обычного текста, является то, что мы привлекаем дополнительные инструменты воздействия на текст, а также его регулировка. И я не ошибся, сказав о регулировке вместо редактирования.
И говоря об инструментах, мы подразумеваем именно инструменты. Такое действие как ввод текста по контуру, объединило два функционала — «Текст» и «Контуры». По этой самой причине они и находятся в одном разделе на панели инструментов.
Давайте посмотрим на выше упомянутые дополнительные инструменты, без которых нам не обойтись:
Две стрелочки чёрного и белого цветов. А давайте во время разговора их по цветам и называть. Чтобы ослабить силу таких наших реакций, как удивление, недоумение, растерянность, а может и вовсе их избежать в самом начале ввода текста, мы для начала сделаем поочерёдно четыре предварительных захода.
В эти четыре захода от нас требуется больше наблюдать за происходящими изменениями, чем что-то делать. Сейчас на идеальности траектории (контура) нам концентрироваться не нужно.
Можем траекторию нарисовать даже по-разгильдяйски, используя инструмент «Свободное перо» (Выбор типа пера и траектории, естественно, делаем по собственному желанию). На холст я умышленно помещу текстовое окошко (диалоговое окно работы с текстом), чтобы были видны настройки.
Прошу не обращать внимания на некоторые отличия линий контуров друг от друга, используемых в примерах. Это связано с перерывами в подготовке нашей встречи.
Заход 1. На холсте создаём открытый контур (траекторию текста):
Затем, на панели инструментов переключаемся на режим текста:
Курсор превратился в квадратик с вертикальной чёрточкой по центру. При его наведении на контур, мы увидим, как курсор вновь изменит свою форму и будет похож на печатную английскую букву «I», перечёркнутую маленькой волнистой линией.
Первое видоизменение курсора уведомило нас о том, что мы в режиме текста, ну а повторное его перевоплощение, сообщило уже об обнаружении контура.
Расположим курсор на самом крайнем левом краю контура таким образом, чтобы по ощущению нам казалось, что курсор находится в той начальной точке, с которой мы начали рисовать контур. Замечательно. Сделаем щелчок и посмотрим на то, что произойдёт:
В начальной точке нашего контура (крайняя левая точка) появился квадратик с кружочком внутри. Включаем свою зрительную память «на полную катушку» и запоминаем то, что видим. Теперь попробуем начать вводить текст. Ничего не получается. Кружочек в квадратике на левом конце линии контура стал чёрным.
И снова мы с помощью зрительной памяти зафиксируем то, что видим, ну и наши безуспешные действия по вводу текста конечно тоже запомним. Давайте назовём эту точку «Точка не активности сегментов регулирования» или как-нибудь по-другому, как нам нравится.
А можем и вовсе никак не называть, — не в названии дело.
Дело-то в том, что мы поместили курсор настолько близко к самому краю траектории, что сегментам регулирования не хватило места для того, чтобы разместиться на линии контура, так как их алгоритмы действия привязаны к начальной и конечной точкам кривой и параметрам в окошке настроек текста.
Ну что же, наш первый заход на этом можно считать законченным. Очистим холст нажатием клавиши Esc, предварительно выйдя из режима текста, то есть щёлкнем по кнопке «Перо», или схватимся мышкой за слой текст «Слой 1» в окне (палитре) слоёв и, не отпуская левой кнопки мышки, перетащим его в корзинку:
Заход 2. Уверенным движением руки, управляющей мышкой, вновь создадим траекторию и наведём курсор подальше от начальной точки контура и сделаем обычный щелчок мышкой (левой кнопкой), не забыв переключить кнопку «Перо» на кнопку «Текст» на панели инструментов. Например, где-то здесь:
И то, что мы видим, вновь фиксируем своей зрительной памятью:
Ну вот, совсем другое дело. Приятны глазу мигающий курсор и появившиеся сегменты регулирования в виде маленьких ромбика и кружочка. А крестик на левом крае нашей кривой обозначает начальную точку открытого контура.
И сейчас самое время начать вводить текст, но прежде чем это сделать обратим внимание на окошко работы с текстом, а именно на пиктограмму белого цвета заголовка «Цвет». Начав вводить текст, мы его не увидим, так как вводимый текст будет белого цвета и сольётся с холстом, — холст у нас ведь тоже белого цвета.
Внесём изменения, вступим так сказать, в диалог с текстовым окошком, щёлкнув по пиктограмме:
И в открывшейся палитре цветов, сделаем выбор цвета на своё усмотрение:
Подтвердим выбранный цвет, нажав кнопку «Ок». Давайте теперь начнём вводить текст, и пусть это будут несколько не очень коротких слов.
И вот мы набираем текст, нажимая кнопку за кнопкой, поглядывая на то, что происходит на траектории, и замечаем, что текста на контуре меньше, того что мы вводили.
Не веря своим глазам, мы вводим ещё одно-два слова, а на траектории по-прежнему несколько первых букв:
а внутри кружочка (элемент сегмента регулирования) появился крестик. Избежать чувства растерянности в данной ситуации пока не удалось. Сделав мысленный акцент на словах «пока не удалось» остановимся и, щёлкнув по слою текста в палитре слоёв или по галочке на ленте верхнего меню подтвердим ввод и посмотрим на изменения:
Вот это да! На контуре всего несколько букв, а в слоях мы видим слой с полным текстом?! Что за странности такие?! На этом второй заход будем считать законченным и подготовимся к заходу 3, перетащив слой с текстом в корзину.
- Заход 3. С ощущением того, что мы с ещё большей уверенностью работаем выбранным нами пером, создадим на чистом холсте очередной новый открытый контур:
- В этот раз, после переключения «контуры-текст», наведём курсор на траекторию и сделаем щелчок мышкой где-нибудь ближе к конечной точке контура:
- и посмотрим, что же произойдёт в этот раз:
Мы видим уже знакомые нам сегменты регулирования. Здесь и крестик, и мигающий курсор, и кружочек с ромбиком. Давайте снова начнём вводить текст и будем делать это до тех пор, пока количество набранных на клавиатуре символов не превысит количества видимых на контуре:
- Всё, что перед нашими глазами, очень даже нам знакомо. Теперь убедимся в своих догадках, щёлкнув по галочке на нижней ленте верхнего меню или по текстовому слою в палитре слоёв (этими действиями подтвердим ввод текста) и посмотрим на то, что произойдёт в этот раз:
Наши догадки подтвердились. В слоях (окно работы со слоями) текст в полном объёме, а на контуре снова лишь его часть, с разницей в местоположении, т.е. ближе к конечной точке контура. Будем считать третий наш заход завершённым и подготовимся к четвёртому заходу, очистив холст.
Заход 4. Первое наше действие в четвёртом заходе всё то же — создание траектории. На этот раз мы прицелимся в середину контура, где-то здесь:
- Теперь щёлкнем мышкой в этой точке контура, активизируя ввод самого текста:
- И вновь мы видим наших добрых знакомых: крестик на левом (начальном конце) контура, мигающий курсор, ромбик и кружочек. Ну что же, начнём вводить текст и пусть, снова, он будет из нескольких слов:
Вот здорово-то как! Все набранные на клавиатуре слова оказались в этот раз на контуре с первого раза полностью видимыми. Давайте подтвердим ввод текста щелчком по слою в окошке слоёв или по галочке на ленте верхнего меню и взглянем на текстовый слой в окне слоёв:
На этот раз мы видим полное соответствие видимого текста на контуре тексту в палитре слоёв.
Вот и выполнены запланированные четыре захода. Мы и наша зрительная память хорошо потрудились. И мы не просто четыре раза начинали с чистого листа, чтобы сделать пару щелчков мышкой и постучать клавишами, как можно подумать на первый взгляд.
Мы, на самом деле, сделали значительно больше.
Мы инвестировали своё Время в то, что нам интересно или просто нужно, в знание, навсегда попрощавшись с незнанием, в ответы на вопросы, в изменение себя, а по таким инвестициям дивиденды выплачиваются всегда.
Источник: https://infourok.ru/metodicheskaya-razrabotka-vvod-teksta-v-programme-potosop-2760211.html
Работа с текстом в «Фотошоп» – Фотография.Инфо
Программа Adobe Photoshop позволяет творить с текстом настоящие чудеса. Именно в этой программе чаще всего рисуются всяческие баннеры для сайтов и рекламные блоки для журналов.
Дизайнеры знают, что в Photoshop текст можно деформировать, раскрашивать и совершать с ним прочие действия. Ещё один немаловажный факт – программа создает текст в виде векторного контура.
Это позволяет увеличивать и уменьшать текстовые надписи без малейшей потери качества.
Для знакомства с возможностями по редактированию текста создайте в Adobe Photoshop новый файл. В качестве размера укажите 700 x 700 пикселей, выберите белый фон. Теперь нажмите в панели инструментов на иконку с изображением буквы «Т». Этот инструмент называется «Горизонтальный текст».
Именно с его помощью чаще всего происходит создание текста в «Фотошопе». Исключением являются те случаи, когда текст необходимо оформить в виде столбика. В этом случае нужно зажать левую кнопку мыши на инструменте «Горизонтальный текст». Во всплывающем меню присутствует пункт «Вертикальный текст», его и следует выбрать.
Но мы в этом уроке будем пользоваться более привычным, горизонтальным расположением текста.
Как изменить текст в «Фотошоп»
Как поменять текст в «Фотошоп»
Данная панель предоставляет возможность изменить лишь базовые параметры текста. Например, здесь присутствует кнопка, которая мгновенно превращает горизонтальный текст в вертикальный. Затем следует поле с выбором шрифта.
Вы можете поместить в него курсор, щелкнуть левой кнопкой мыши и при помощи стрелок «Вверх» и «Вниз» смотреть на действие каждого шрифта по очереди. Либо нажмите на стрелку в данном поле и выберите нужный шрифт в открывшемся списке. Правее расположено поле с выбором стиля начертания шрифта.
Обычно именно с его помощью выбирается полужирный, курсив и прочие стили шрифта.
Далее указывается размер шрифта в пунктах. Вы можете выбрать значение из созданного разработчиками Photoshop списка или навести курсор на специальную иконку и двигать мышь право или влево при зажатой левой кнопке.
Следом располагается список, в котором указываются типы оттиска надписи в изображении. Можно выбрать пункт «Плавное», в этом случае грани символов немного сгладятся. Но чаще выбираются пункты «Резкое» или «Четкое».
Создание текста в «Фотошоп»
Текстовый блок представляет собой четырехугольник со сторонами в виде пунктирных линий (после написания текста они исчезнут). В предыдущем случае текстовая надпись могла находиться в любой области изображения. Теперь же она не сможет выйти за пределы блока. И именно в этом случае хорошо чувствуется действие кнопок выравнивания, расположенных в панели настроек текста. С их помощью текст располагается по центру, справа или слева.
Как выделить текст в «Фотошоп»
Вставьте в блок какой-либо текст или напишите его сами. Необходимо написать хотя бы пару предложений. Если текст не помещается в отведенную для него рамку — уменьшите размер шрифта. Перед этим нужно выделить текст в «Фотошопе». Для этого применяется тройной щелчок левой кнопкой мыши.
На этом работа с текстом в «Фотошопе» не закончена. Если вы хотите получить очень красивое оформление, то стоит воспользоваться стилями слоя. Перейдите к своей прошлой работе, состоящей из короткой деформированной надписи. Откройте панель «Слои». Нажмите на слой с текстом, если вместо него выделен фоновый слой. Теперь кликните по кнопке «FX», располагающейся в нижней части панели. Выберите тот стиль, с которого хотите начать.
Как наложить текст в «Фотошоп»
Сделать текст в «Фотошопе» очень просто. Но куда его затем пристроить? Да и как наложить текст в «Фотошопе» на другую картинку, если у нас сзади располагается белый фон? На самом деле всё очень просто. Фон размещен на отдельном слое.
В панели слои совершите двойной щелчок по слову «Фон». Этим вы его переименуете, а также снимите с него замочек. Теперь просто перетащите данный слой в корзину, расположенную в нижней правой части панели. Вот и всё.
В последних версиях Adobe Photoshop можно обойтись даже без предварительного переименования.
Нажмите сочетание клавиш «Ctrl+A» или перейдите по пути «Выделение >> Всё». Затем нажмите комбинацию клавиш «Ctrl+C» или воспользуйтесь путем «Редактирование >> Копировать». Теперь откройте изображение, на которое вы хотите наложить созданную надпись.
Когда это будет сделано — нажмите сочетание клавиш «Ctrl+V» или перейдите по пути «Редактирование >> Вставить». Воспользуйтесь инструментом «Перемещение», чтобы перетащить надпись в нужное место.
Затем активируйте любой инструмент из группы выделения, после чего кликните по текстовому слою правой кнопкой мыши. В контекстном меню выберите пункт «Свободное трансформирование».
Так вы сможете изменить размеры надписи (не забудьте зажать клавишу «Shift» для сохранения пропорций). Вы можете свободно увеличивать надпись, качество при этом не ухудшится.
Как удалить текст в «Фотошоп»
На этом урок «Фотошопа» по тексту подходит к концу. Напоследок отметим, что программа Adobe Photoshop позволяет и удалять текст с существующих изображений. Но это уж чуть более сложная задача, к которой мы вернемся позднее.
Источник: https://fotografiya.info/?p=728
Подделка текста в фотошопе — советы эксперта
В этом уроке по Photoshop мы узнаем, как создать эффект обтекания текстом в Photoshop , имитируя функцию обтекания текстом, которую вы обычно найдете в программе верстки страниц, что позволяет нам обтекать текст вокруг объектов.
Photoshop может быть самым популярным и самым мощным в мире графическим редактором, но он не совсем подходит для таких программ, как InDesign или даже Illustrator, когда речь идет о тексте (хотя Photoshop действительно предлагает больше вариантов, связанных с текстом, чем вы обычно ожидаете) найти в программе, встроенной для редактирования фотографий).
В Photoshop нет реальной функции переноса текста, но она дает нам возможность использовать путь в качестве контейнера для нашего текста, и, как мы узнаем в этом уроке, мы можем использовать его для обтекания текста вокруг объектов. Это не так хорошо и не так интуитивно понятно, как фактическая функция переноса текста, но это работает.
Здесь у меня есть изображение бейсбола, лежащего в траве:
Я хочу добавить немного текста к этому изображению, и я хочу, чтобы текст был обернут вокруг бейсбольного мяча. Как я уже сказал, в Photoshop нет официальной опции «переноса текста», но благодаря путям и способности Photoshop использовать путь в качестве контейнера для текста это будет легко.
Давайте начнем!
Шаг 1. Выберите инструмент «Прямоугольник»
Так как мы собираемся использовать путь в качестве контейнера для нашего текста, прежде чем мы сможем добавить наш текст, нам нужен путь! Я собираюсь использовать инструмент Rectangle Tool от Photoshop (не путать с инструментом Rectangular Marquee), чтобы создать прямоугольный контур, который станет основной формой моего текстового контейнера. Я выберу Rectangle Tool из палитры Инструменты:
Выберите инструмент «Прямоугольник» в Photoshop.
Я также мог бы нажать U на клавиатуре, чтобы быстро выбрать его.
Шаг 2. Выберите параметр «Пути» на панели параметров
Фотошоп дает нам три способа использования инструмента «Прямоугольник», наряду с другими инструментами формы. Мы можем использовать их для рисования векторных фигур, мы можем использовать их для рисования простых контуров (что мы и будем здесь делать), и мы можем использовать их для рисования пиксельных фигур.
Вы можете выбрать один из этих трех вариантов, щелкнув соответствующий значок вверху на панели параметров в верхней части экрана.
Я хочу использовать инструмент «Прямоугольник» для рисования траектории в форме прямоугольника, поэтому я собираюсь щелкнуть значок « Контуры» на панели параметров, который является значком в середине трех (один слева — вектор опция фигур, а справа — для рисования фигур на основе пикселей):
Выбрав инструмент «Прямоугольник», щелкните значок «Контуры» вверх на панели параметров.
Шаг 3: перетащить путь в форме прямоугольника
Когда мой инструмент Rectangle Tool выбран и настроен для рисования контуров, я просто собираюсь перетаскивать траекторию прямоугольной формы так же, как я перетаскиваю выделение с помощью инструмента Rectangular Marquee Tool, и этот путь становится контейнером для мой текст:
Перетащите прямоугольную дорожку с помощью инструмента «Прямоугольник».
Как мы видим на изображении выше, мой путь в настоящее время проходит прямо через бейсбол, что не очень мне поможет, когда я действительно хочу, чтобы мой текст обвивался вокруг правой стороны бейсбола, а не перетекал вершина этого. Мне нужен способ изменить мой путь так, чтобы сам путь обвивал мяч. Мы сделаем это дальше.
Шаг 4: выберите инструмент Ellipse
Есть несколько способов изменить форму пути в Photoshop, но в этом случае самый простой способ, поскольку шар круглый, — это использовать инструмент Ellipse Tool в Photoshop, чтобы вычесть часть пути из шара.
Для этого я выберу свой Ellipse Tool, который по умолчанию прячется за Rectangle Tool в палитре Tools, поэтому мне нужно будет щелкнуть Rectangle Tool, удерживать мою кнопку мыши нажатой в течение секунды или двух, и затем выберите Ellipse Tool из всплывающего меню, которое появляется:
Выберите инструмент «Эллипс» в Photoshop на панели «Инструменты».
Шаг 5: Установите инструмент Ellipse в режим «вычитания»
С выбранным Ellipse Tool, если вы посмотрите вверх на панели параметров, вы увидите группу из четырех значков, которые выглядят как квадраты, соединенные по-разному.
Эти четыре значка представляют четыре параметра, которые определяют, как будет вести себя путь, который вы собираетесь рисовать. То, что нам нужно, это второе слева, которое является значком « Вычесть из пути» .
Я нажму на него, чтобы выбрать его:
Это интересно: Режим смешивания в фотошопе (видео)
Нажмите на значок «Вычесть из области пути», чтобы выбрать его.
С этой выбранной опцией, если я вытяну траекторию эллиптической формы с помощью Ellipse Tool, что я и сделаю через мгновение, любая часть нового пути, которая перекрывает мой первоначальный прямоугольный путь, будет вычтена из исходного пути.
Посмотрим, что я имею в виду. Я собираюсь вытянуть эллиптическую дорожку вокруг бейсбола.
Прежде чем я начну, если я внимательно посмотрю на свой курсор, я вижу небольшой знак минуса («-«) в правом нижнем углу, давая мне знать, что я нахожусь в режиме «Вычитать»:
Небольшой знак минуса («-») в правом нижнем углу курсора указывает, что в данный момент выбран параметр «Вычесть из области пути».
Вы также можете получить доступ к режиму «Вычитание», просто удерживая нажатой клавишу Alt (Win) / Option, прежде чем перетаскивать свой путь, что немного быстрее, чем выбор параметра на панели параметров (вы можете отпустить Alt / Option ключ сразу после того, как вы начинаете растягивать свой путь).
Я пойду вперед и вытяну дорогу вокруг бейсбола. Если мне нужно изменить положение моего пути при перетаскивании, что мне почти всегда нужно делать, я могу удерживать мой пробел и перемещать путь по экрану с помощью мыши, чтобы переместить его, затем отпустить пробел и продолжить перетаскивание путь.
Вот изображение со вторым путем вокруг бейсбола:
Перетаскивание эллиптической траектории вокруг бейсбола с помощью Ellipse Tool, установленного в режим «Вычитание».
Похоже, у меня есть два отдельных пути на изображении в данный момент — прямоугольный и эллиптический.
Но единственный активный путь — это оригинальный прямоугольный путь, который сейчас не такой прямоугольный, потому что, хотя Photoshop не дает нам визуальных подсказок о том, что на самом деле происходит, эллиптический путь теперь вычитает (или «вырезает», если хотите) часть прямоугольной дорожки вокруг бейсбола.
Чтобы было легче видеть, я заполнил оставшуюся активную область пути на изображении ниже. Это область, где мой текст появится. Обратите внимание на то, как прямоугольная дорожка теперь красиво оборачивается вокруг бейсбольного мяча, что означает, что мой текст также будет обтекать вокруг него:
Заполненная область представляет собой активную область пути после вычитания ее части с помощью инструмента Эллипс, для которого установлено значение «Вычитать».
Теперь, когда у нас есть наш путь, давайте добавим наш текст.
Шаг 6: добавь свой текст
Все, что осталось сделать, это добавить мой текст, и для этого мне нужен Photoshop Type Tool , поэтому я выберу его на палитре Tools:
Выберите инструмент «Текст».
Я также мог быстро получить доступ к инструменту ввода текста, нажав T на моей клавиатуре. Затем, выбрав «Тип инструмента», я подойду к панели параметров в верхней части экрана и выберу свой шрифт, размер шрифта и цвет текста. Я просто оставлю все как есть здесь и остановлюсь на Times New Roman Bold размером 16 пт с моим цветом текста белым:
Выбор параметров шрифта на панели параметров.
Чтобы использовать путь, который я создал в качестве контейнера для моего текста, все, что мне нужно сделать, это переместить курсор в любое место внутри активной области пути.
Когда я это сделаю, мой курсор Type Tool изменится с точечного квадратного контура вокруг него на пунктирный эллиптический контур, указывающий, что путь станет моим текстовым контейнером, если я нажму здесь и начну печатать:
Значок «Тип инструмента» теперь показывает пунктирную эллиптическую схему, которая говорит мне, что я собираюсь добавить свой текст в путь.
У меня уже есть некоторый текст, сохраненный в моем буфере обмена, который я скопировал с конца знаменитой бейсбольной поэмы «Кейси в летучей мыши» Эрнеста Лоуренса Тейера, которая, как мне показалось, подойдет для этого изображения, поэтому, чтобы добавить текст к моему изображению, Я просто щелкну внутри пути, а затем использую сочетание клавиш Ctrl + V (Win) / Command + V (Mac), чтобы вставить текст внутри пути. Как мы видим, текст не только остается внутри траектории, но и хорошо оборачивается вокруг бейсбола:
Photoshop использует активный путь для размещения текста, в результате чего текст оборачивается вокруг бейсбольного мяча слева.
Чтобы принять текст и выйти из режима редактирования текста, я нажму галочку вверх на панели параметров:
Нажмите на галочку на панели параметров, чтобы принять текст.
Наконец, чтобы скрыть путь, чтобы он больше не был виден на моем изображении, я просто нажму на фоновый слой в палитре слоев:
Нажмите на фоновый слой, чтобы скрыть контуры контуров на изображении.
Контуры моего пути больше не загромождают мое изображение, вот мой окончательный результат:
Окончательный результат «обтекания поддельным текстом».
Куда пойти дальше …
И там у нас это есть! Вот основы того, как подделать функцию «перенос текста» в программе Photoshop! Ознакомьтесь с нашими разделами « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!
Поделитесь в соц.сетях: |
Источник: https://wm-web.org/osnovy/poddelka-teksta-v-fotoshope.html
Основные «текстовые» инструменты в Photoshop –
20 марта 14:52 2013 by Игорь Коваленко
Добрый день фанатам Фотошопа. Сегодня мы опять продолжим знакомиться с основными инструментами для работы в Photoshop, а точнее рассмотрим инструменты для работы с текстом.
Для начала поподробнее ознакомимся с каждым из них, который используется в программе Photoshop. Затем можно будет перейти к возможностям «интеллектуального» форматирования блоков с текстом. И уже потом узнаем о способах деформации текста.
1. Инструменты группы «Текст»
На панели инструментов есть группа, специально предназначенная для работы с текстом. Она обозначена пиктограммой в виде буквы T. Для быстрого вызова достаточно, будучи в Фотошопе, нажать на клавиатуре английскую букву «Т». Фотошоп предлагает четыре инструмента для работы с текстом.
- Первый: «Горизонтальный текст» используется для горизонтального написания текста. Это самый широко используемый инструмент.
- Второй: «Вертикальный текст» применяется для вертикального начертания необходимого вам текста.
- Третий: «Горизонтальный текст-маска» позволяет создать текст-маску напечатанного текста в выделенных границах.
- Четвертый: «Вертикальный текст-маска» аналогичен предыдущему инструменту и работает в вертикальном направлении.
2. Печать текста в заданной области
При выборе инструмента «Горизонтальный текст» можно выделить некоторую область документа и вставить в нее блок с текстом. В этом случае текст автоматически и равномерно разместится внутри всей этой области.
Если надо изменить параметры прямоугольного блока, то следует дважды кликнуть по слою, который содержит текст, после чего можно изменять габариты блока.
Расположенный внутри выбранной области текст, можно форматировать посредством использования опции Paragaph («Абзац» в русской версии фотошопа) — задавать разные варианты выравнивания, отступы и интервалы между абзацами.
3. Свойства вкладки Characher «Символ»
Если у вас ещё не доступно данное окно, то его можно открыть с меню: Window – Characher или просто при активном инструменте «Текст» нажать на пиктограмму в верхнем меню, где находятся все свойства инструмента.
Теперь можно изменять очень много характеристик у текста. Если поподробнее, то давайте по порядку:
«Гарнитура шрифта» позволяет выбрать установленный в системе шрифт. Название шрифта отображается в выпадающем окне.
«Тип шрифта» дает четыре варианта начертания букв: обычный, курсив, жирный и жирный курсив.
«Размер шрифта» регулируем размер шрифта.
Единицы измерения устанавливаются в настройках. Как правило, подразумеваются пиксели.
«Межстрочное расстояние» позволяет регулировать интервалы между строками в тексте.
«Межбуквенное расстояние», соответственно, расстояние между буквами.
«Масштаб по вертикали» позволяет растягивать или ужимать текст по вертикали.
«Масштаб по горизонтали» – аналогичный режим форматирования, но по горизонтали.
«Смещение от базовой линии» дает возможность смещать выделенный участок текста вниз или вверх на заданное количество единиц.
«Цвет» определяет желаемый цвет шрифта.
«Метод сглаживания» допускает пять вариантов сглаживания и нужен для предотвращения эффекта «лестницы» на краях букв. Изначально, векторный формат шрифта пересчитывается в пикселях и из-за разницы в некоторых шрифтах, символы могут иметь не очень плавные грани. Возможно сглаживание от резкого до плавного.
4. Варианты начертания текста панели инструментов «Символ»
На панели инструментов также размещены пиктограммы для типов начертания текста. Допустима комбинация различных эффектов. Часть шрифта можно подчеркнуть, часть – зачеркнуть, и так далее.
На этом всё, подписывайтесь на наше обновление, потому что дальше будет ещё очень много полезной информации по веб-дизайну и веб-разработке.
Женское тело, неоспоримо, достойно лучшего, красивого и элегантного эротического белья, перед чем представителям мужского пола устоять очень сложно. Порадуйте своих вторых половинок и купите женское эротическое белье в интернет магазине Любимая.
Источник: http://symby.ru/design/osnovnye-tekstovye-instrumenty-v-photoshop/
Как написать текст в Photohop
Тема урока: Как написать текст в Фотошоп. Два метода ввода текста.
Ранее уже говорилось о группе инструментов Текст– где находится и как настраивать.
В Adobe Photoshop буквы вводятся на отдельном прозрачном слое, а фоном служить может любая картинка, расположенная ниже.
Существует два способа написания: обычный строчный или вертикальный и в заданную область. При небольшом количестве слов чаще используют первый метод. При втором способе заранее определяются границы добавления текста, что удобно при его большом объеме.
Написание текста первым способом
Открываем документ, на котором планируется сделать надпись. Активируем инструмент Текст и настраиваем необходимые параметры. Подводим курсор в пункт начала текста, щелкаем левой мышкой. На документе появляется точка с мигающим маркером, а в палитре слоев – текстовый слой.
Рис.1
Если вы работаете инструментом Вертикальный Текст – маркер будет расположен горизонтально.
Теперь можно печатать буквы обычным способом. Когда все готово, даем команду редактору Принять любым из этих способов:
Рис.2
- Нажатием в палитре слоев на активный текстовый слой.
- Нажатием на Галочку в верхней панели параметров.
- Нажатием на значок Перемещение в вертикальной панели инструментов.
- Нажатием клавиши Enter цифровой клавиатуры. Именно цифровой, которая находится внизу справа!
- Сочетанием клавиш Enter+Ctrl, где Enter – клавиша для переноса строки.
Когда написанный текст принят – Фотошоп автоматически переименует название слоя, а точка с подчеркиванием и маркером исчезнут.
До принятия текста его можно отменить, нажав клавишу Esc или перечеркнутый кружок на верхней панели параметров.
Чтобы возобновить работу с текстом после его принятия, при активном инструменте Текст подводим курсор к буквам, и когда он примет такой вид , щелкаем по строке. Снова появится мигающий маркер, а текстовый слой станет активным. Переместить маркер можно щелчком мыши в нужном пункте или стрелочками на клавиатуре.
Как написать текст в заданную область
Выбираем инструмент, щелкаем мышкой в углу области, которую хотим обозначить для ввода текста и, не отпуская мышки, тянем курсор по диагонали, обозначая границы области.
Когда отпустите клавишу мышки, будет создано текстовое поле с мигающим курсором, обозначающим начало ввода текста. По углам и сторонам рамки расположены маркеры, потянув за которые можно изменить размер области, как при работе с инструментом Рамка.
Рис.3
Предположим, что необходимо написать текст по центру. Фотошоп по умолчанию устанавливает выравнивание по левому краю. Выбираем выравнивание по центру в панели Абзац или в верхней панели управления .
Курсор переместится в середину строки. Выбираем шрифт, устанавливаем его параметры и вводим текст. Он не будет выходить за рамки обозначенной области.
При достижении границы, слово автоматически перенесется на новую строку.
Отменяют начатую работу, как описано выше, нажатием на галочку в верхней панели управления или на клавишу Esc.
При необходимости перенести рамку в другое место, нужно отнести курсор за ее пределы, и когда он примет вид инструмента перемещение , зажать мышкой и перетянуть в нужное место. После этого можно снова продолжать работу, установив курсор в текстовое поле.
Когда объем текста превышает установленные границы, в нижнем правом маркере рамки появляется крестик . Нужно либо сократить текст, либо уменьшить размер шрифта, либо увеличить область, потянув за любой маркер рамки.
Завершаем работу принятием текста как описано выше (рис.2). Чтобы возобновить работу после завершения, как и в первом способе, нужно при активном инструменте Текст щелкнуть по написанному. Снова появится рамка.
Так же читайте: Как установить шрифты в Фотошоп Как вставить в Photoshop текст из другого документа Как обвести текст
Источник: http://hissite.ru/napisat-text-photohop/
Методы ввода текста в Photoshop
В предыдущем уроке мы познакомились с основами работы с инструментом “Текст” (Type Tool) в Photoshop, где я упомянул, что в Photoshop существует два основных метода ввода текста – ввод строкой и ввод в указанную область.
Первый метод мы рассмотрели в предыдущем уроке. В этом уроке мы рассмотрим метод ввода текста в область, иными словами, как в программе Photoshop вставить большое количество текста в определённую область изображения.
Метод ввода текста строкой (абзацем) в Photoshop является наиболее применяемым.
Он заключается в том, что, при активном инструменте “Текст” нужно кликнуть по документу, Photoshop добавляет в этом месте отправную точку, и далее текст, введённый с клавиатуры или вставленный из буфера обмена добавляется от этой точки. Таким образом вводятся небольшие количества текста, отдельные буквы, слова или предложения.
Напомню, что способе при вводе текста строкой, текст и вводится одной строкой и, если строка слишком длинная, то она выходит за край документа, в этом случае, чтобы оборвать строку и перенести её на следующую строчку, требуется нажать клавишу Enter, как в обычных программах-редакторах.
Но бывают случаи, когда в документ нужно добавить большое количество текста, причём этот текст должен быть размещён внутри области, имеющей определённую геометрическую форму, такой случай описывается здесь на примере ввода текста в форму сердечка.
Это как раз и есть второй вариант ввода текста в Photoshop – ввод текста в область.
В данном уроке мы рассмотрим этот способ подробнее.
Ввод в область не требует никаких специальных инструментов, мы используем тот же самый инструмент “Текст”, как и при первом способе. Разница заключается в том, как мы используем инструмент.
В способе ввода текста строкой мы просто кликали по месту в документе, откуда должен начинаться текст, и печатали.
Чтобы добавить текст в область, следует также кликнуть мышкой по какому-либо месту в документе, но, затем, не отпуская клавишу мыши, протащить курсор по диагонали в любом направлении, чтобы получить область ввода, это похоже на работу с инструментом “Прямоугольная область” (Rectangular Marquee Tool):
Отпустите кнопку мыши, когда закончите перетаскивание и Photoshop создает текстовое поле, которое выглядит очень похоже на рамку инструмента “Свободная трансформация” (Free Transform).
Источник: https://rugraphics.ru/photoshop/metody-vvoda-teksta-v-photoshop
Как делать титры в sony vegas
Sony Vegas Pro имеет ряд инструментов для работы с текстом. Поэтому, вы можете создавать красивые и яркие тексты, накладывать на них эффекты и добавлять анимации прямо внутри видеоредактора. Давайте разберемся, как это сделать.
Как добавить титры
1. Для начала, загрузите в редактор видеофайл, с которым будете работать. Затем в меню во вкладке «Вставка» выберите пункт «Видеодорожка»
Внимание!
Титры вставляются в видео новым фрагментом. Поэтому создание отдельной видеодорожки для них обязательно. Если вы добавите текст на основную запись, то получите видео, нарезанное на куски.
2. Опять же перейдите во вкладку «Вставка» и теперь нажмите на «Текстовые мультимедиа».
3. Появится новое окно для редактирования титров. Здесь вписываем необходимый произвольный текст. Здесь вы найдете много инструментов для работы с текстом.
Цвет текста. Здесь вы можете выбрать цвет текста, а также изменить его прозрачность. Нажмите на прямоугольник с цветом вверху и палитра увеличится. Можно нажать на значок часов в правом верхнем углу и добавить тексту анимацию. Например, изменение цвета со временем.
Анимация. Здесь вы можете выбрать анимацию появления текста.
Масштаб. В этом пункте можно изменить размер текста, а также добавить анимацию изменения размера текста со временем.
Местоположение и точка привязки. В пункте «Местоположение» вы сможете передвинуть текст в нужное место в кадре. А точка привязки сдвинет текст на указанное место. Также и для местоположения, и для точки привязки можно создать анимацию перемещения.
Дополнительно. Здесь вы можете добавить тексту фон, выбрать цвет и прозрачность фона, а также увеличить или уменьшить интервал между буквами и строками. Для каждого пункта можно добавить анимацию.
Контур и тень. В этих пунктах вы можете поэкспериментировать с созданием обводки, отражения и теней для текста. Анимация также возможна.
4. Теперь на таймлайне, на созданной нами видеодорожке, появился фрагмент видео с титрами. Его можно перетягивать по таймлайну или же растянуть и тем самим увеличить время показа текста.
Как редактировать титры
Если во время создания титров вы допустили ошибку или просто вам захотелось изменить цвет, шрифт или размер текста, то в таком случае нажмите не этот маленький значок видеопленки на фрагменте с текстом.
Что ж, мы рассмотрели, как создать титры в Sony Vegas. Это довольно несложно и даже интересно. Видеоредактор дает немало инструментов для создания яркого и эффектного текста. Поэтому экспериментируйте, разрабатывайте свои стили для текстов и продолжайте изучать Сони Вегас.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Всем привет. Сегодня я расскажу вам, как сделать титры в сони вегас про 13, добавив красивый текст на видео, ведь по сути это одна из самых значимых деталей в любом кино, и не важно, полнометражное оно или короткометражное. Но самое замечательное, что в самой программе уже есть собственные генераторы титров, которые нам помогут справиться с нашей задачей за считанные секунды.
Встроенный генератор титров
Начнем с самого простого и очевидного способа, который уже вшит в видеоредактор. Поэтому, заходите в сони вегас и приступим к работе. И давайте сразу откроем какой-нибудь видеофайл, чтобы работать сразу в полевых условиях.
Создание титров
- Нажмите правой кнопкой мыши в области дорожек и выберите пункт «Insert Videotrack» . Дорожки работают по принципу слоев в фотошопе, поэтому для отдельных элементов лучше создавать разные дорожки.
- Далее, переходим в медиаокно и выбираем вкладку «Media Generators» , а дальше жмем на пункт «Credit Roll» . У вас отобразиться сразу несколько стандартных блоков с титрами, наведя на которые вы увидите, как они работают. Если видите, что какой-то из них расположен на серых квадратиках, это значит, что фон здесь прозрачный и этот блок можно ставить поверх видео, а если фон черный, то его нужно ставить перед или после фрагмента.
- Допустим, я возьму вступительный титр на черном фоне. Все, что теперь нужно сделать, это зажать на нем левую кнопку мыши и перетащить его на вновь созданную нами дорожку.
Когда блок перенесется, у вас тут же откроется окно с настройкой. По умолчанию там стоит 4 элемента: Title text (Заголовок), Subitem text (Подзаголовок), Item Left (сами титры — 2 штуки). Заголовок будет оставаться неизменным, а всё остальное будет сменяться. На самом деле, когда заголовок постоянно мелькает, то смотрится это не очень хорошо, но вы всегда сможете все подредактировать на свой вкус. Об этом чуть позже.
Если вы хотите сделать конечные титры, которые будут идти снизу вверх, то есть и такой вариант, причем несколько. Вам точно также нужно перетянуть любой из них на дорожку, после чего вписать свои параметры и сделать свои настройки. О настройках речь пойдет дальше.
Настройка и изменение
Чтобы изменить заголовок, щелкните дважды левой кнопкой мыши по пункту Title Text , после чего напишите что-нибудь своё. То же самое касается и остальных пунктов. Если вы посмотрите на экран предпросмотра, то увидите, что надписи изменились.
Чтобы изменить шрифт и сделать красивый текст, немного расширьте окно настроек и выберите вкладку «Styles» и из выпадающего списка выберите любой из шрифтов. К сожалению, многие стандартные шрифты не имеют кириллической формы, а значит, если вы пишите что-либо на русском языке, то вместо букв будут квадраты. Поэтому заранее скачайте и установите шрифты в систему, чтобы можно было пользоваться ими в любых программах.
Кроме этого, в данном окне настроек вы можете изменить размер шрифта, сделать его жирным или курсивом, а также задать любой цвет. Только учтите, для каждого отдельного вида ставятся свои настройки, поэтому вам придется переключаться на них вручную.
Чтобы вставить дополнительные титры в сони вегас, зажмите левую кнопку мыши на пункте «Insert Text Here» и выберите, что вы конкретно хотите добавить: Заголовок, подзаголовок или исполнительные титры. После этого впишите в них нужные значения.
Иногда бывает форс-мажор, что название немного длиннее чем ожидалось и выходит за пределы экрана. В этом случае можно поработать с отображением на экране. Для этого выберите вкладку «Properties» и растяните уголки синего экранчика на всю ширину. Тогда будет захвачена вся область.
И не забудьте, что чем больше надписей вы добавляете в один блок, тем быстрее они прокручиваются. Поэтому, если надписей будет много, то измените продолжительность. Это можно сделать двумя способами:
- В настройках титров, в графе Duration по умолчанию стоит 10 секунд. Выберите сами время, на которое вы хотите растянуть все это дело.
- Также вы можете потянуть за конец блока прямо на дорожке, таким образом удлинив его. В этом случае скорость титров подстроится под общую длительность.
На а если вы вдруг уже закрыли настройки и вспомнили, что не доделали важную вещь или хотите кого-то добавить, зайдите в них снова. Для этого нажмите на самом фрагменте с титрами на специальный значок в видео зеленой пленки и вам снова откроется то самое окно.
Как сделать, чтобы титры не перекрывали видео
Ну и так как у нас все таки титры на черном фоне и они закрывают наш основной ролик. то придется поступить одним из трех способов:
- Сместить дорожку с основным роликом дальше титров, чтобы одно не перекрывало другое. Для этого зажмите левую кнопку мыши на фрагменте с основным роликом и перетащите ее до конца эимх самых титров. Неважно, что они на разных дорожках, концы примагнитятся друг к другу.
- Переместить титры на фрагмент с роликом с небольшим нахлестом. Это нужно для того, чтобы сделать плавный переход от одного к другому. Для более лучшего эффекта можете добавть какой-нибудь эффект перехода. Но лично этот способ я не рекомендую использовать, так как являюсь противником смещать всё на одну дорожку.
- Убрать прозрачность фона. Для этого снова зайдите в настройки, нажав на соответствующий значок на дорожке, затем выберте вкладку «Styles» и в пункте Background (фон) передвиньте ползунок на режим прозрачности.
Комбинирование титров в сони вегас
Как я и говорил выше, неудобно, когда заголовок постоянно мелькает. Поэтому лучше сделать так, чтобы он мелькнул всего лишь один раз, а дальше уже пошли остальные титры. В этом нам поможет простое комбинирование. Сделаем всё это на простом примере.
- Для начала вставим один блок на дорожку в сони вегас и уберем оттуда всё кроме подзаголовка ( Subitem Text ). Для этого наведите на остальные пункты и нажмите клавишу Delete, чтобы убрать их. После этого измените текст подзаголовка на свой. Если нужно, то примените к нему эффекты (цвет, размер, центрирование и т.д.).
- Теперь, вставляем второй блок титров и убираем всё, кроме заголовка ( Title Text ). Можно вставить его на дорожку с небольшим нахлестом на предыдущий фрагмент. И вот заголовку можно уделить особое внимание. Я имею ввиду то, что лучше выделить его каким-то цветом, необычным шрифтом, как мы это делали выше. Еще эффектнее будет, если вы сделаете постепенное приближение или выезд из-за экрана.
- Ну и последним элементом комбинации будет еще один блок титров, из которого мы опять уберем все, кроме подзаголовков, да еще и добавим несколько дополнительно. Здесь мы будем записывать участников нашего ролика.
Надеюсь, что суть данной функции вы уловили и дальше уже не составит труда с ней разобраться.
Простой текст на видео
Кроме специально приспособленной функции, можно сделать титры в сони вегас про 13 и с помощью простого, но красивого элемента текста на видео, который мы изучали в одном из предыдущих уроков. Так как мы уже это проходили, то я не буду слишком подробно рассказывать про данный способ. Покажу лишь небольшой пример использования.
- В медиаокне выберем вкладку Media Generators , после чего нажмем на пункт «Titles and Text» .
- Далее, переносим один из выбранных текстовых блоков (можно обычный) на видеодорожку.
- Когда откроется окно с настройками, можно будет выбрать цвет, размер ( Scale ), шрифт и конечно же анимацию, чтобы сделать движущийся текст.
Точно таким же образом вы можете комбинировать данный заголовок и с другими титрами, так как по сути все они являются видеодорожкой. Все зависит только от вашей фантазии.
Фотошоп
Ну а если вы хотите что-то необычное, то можете на скорую руку сделать красивые титры в фотошопе и добавить их в сони вегас. Только для начала нужно определиться, что именно мы хотим: заставочный текст или концовку. Допустим, сделаем конечные титры.
- Откройте фотошоп и создайте новый документ на прозрачном фоне с разрешением, которое соответствует размеру вашего проекта в сони вегас. В принципе, нам важна только ширина, а высоту можно сделать и побольше. Поэтому я поставлю 1920 на 3000 пикселей.
- Возьмите инструмент «Кисть» и напишите заголовок, например «В главных ролях» . Можете применить к нему парочку стилей слоя, если посчитаете нужным. Я ради интереса применил «Тень» и «Обводку белым цветом» .
- Теперь создаем новый текстовый слой. Для этого достаточно тыкнуть инструментом «Текст» в любом другом месте, где-нибудь пониже. Ну и конечно же не мешает уменьшить шрифт, чтобы размер отличался от заголовка.
- В этом текстовом слое начинаем вбивать роли и имена через пробелы (лучше использовать клавишу Tab, которая эквивалентна сразу четырем пробелам). И для удобства обязательно сделайте выравнивание по левому краю, иначе у вас всё поплывет. Должно получиться что-то вроде этого.
- Теперь, прикиньте, на каком фоне у вас будет идти текст. Если вы выбрали черный фон, то тогда желательно поменять цвет букв на белый, либо сделать светлую обводку, как я это сделал с заголовком.
- Далее, создайте новый слой в самом низу, возьмите инструмент «Заливка» и закрасьте прозрачный фон желаемым цветом, допустим черным. чтобы на нем отображались наши белые буквы.
Далее, просто сохраните это изображение в любом формате, например PNG. Но если вы хотите делать более крутые надписи и вообще отлично разбираться в фотошопе, то обязательно изучите этот видеокурс . Все рассказано человеческим языком для любого уровня пользователя. Все уроки выполнены на столько классно, что у вас просто не будет времени скучать, зато вы запросто овладеете самым мощным графическим редактором.
Вставка титров
Теперь остается только добавить только что сделанные в фотошопе титры в сони вегас.
- Открываем картинку и вставляем ее на видеодорожку, которая находится выше остальных. Раз мы сделали такие титры, то скорее всего место им будет в самом конце. Но вот незадача. Как видите, они у нас получились какими-то маленькими, да еще и где-то наверху. Надо исправить эту ситуацию.
- Заходим в режим Pan/Crop , нажав на соответствующий значок в конце нашего изображения.
- Теперь, тянем за нижнюю границу области отображения на экране. Таким образом увеличится текст, делая более полным само заполнение. Мы уже делали нечто подобное, когда приближали видео.
- И вот теперь внимательно. Наша задача сделать так, чтобы титры выходили снизу. Для этого зажмите левой кнопкой мыши внутри пунктирной области и перенесите ее выше, чтобы сам текст находился ниже.
- Далее, ставим ползунок где-нибудь в конце фрагмента (например на 6-й секунде), после чего снова зажимаем левую кнопку мыши на пунктирной области экрана и переносим ее ниже титров. Тогда автоматически поставится якорь и создастся анимация, при которой область экрана за 6 секунд спустится сверху вниз. Таким образом у вас получится эффект движущегося текст в сони вегас.
Можете выйти из редактора Pan/Crop и сами посмотреть, что у вас получилось. В любом случае, вы всегда сможете что-то поменять.
Безусловным плюсом такого способа считается то, что вы можете создать уникальнейшие надписи и вставить из в редактор. Минусом является то, что вы не сможете изменять многие параметры внутри самого сони вегас. Придется возвращаться непосредственно в сам фотошоп, чтобы отредактировать текст.
Как видите, существует немало способов сделать титры в сони вегас про 13. Каждый из них заслуживает право на жизнь, а каким именно методом пользоваться, решать только вам. Конечно, это только ознакомление с данной областью. На самом деле титры можно сделать намного круче и качественнее, причем с помощью других способов. Об этом расскажу как-нибудь потом.
Кстати, если вы хотите действительно изучить видеомонтаж на хорошем и даже профессиональном уровне, то настоятельно рекомендую вам изучить эти классные уроки по профессиональному видеоредактору Adobe Premiere Pro . Курс просто бомбовый и после его изучения вы сможете клепать действительно классные ролики.
Ну а на этом у меня всё. Надеюсь, что статья вам понравилась. Не забывайте подписываться на мой блог, а также на паблики в социальных сетях. Жду вас всегда на своем сайте. Пока-пока!
Создание начальных титров в Sony Vegas
Давайте, например, сделаем заглавные титры для нашего фильма. Для того чтобы титры накладывались на видеоклип проекта необходимо создать дополнительную видеодорожку.
1. Создаем новую видеодорожку, выбрав в меню Insert => Video Track (Вставка => Видеодорожка).Чтобы предотвратить сдвиг клипов, уже размещенных на рабочем столе, перед вставкой новой дорожки необходимо обязательно отключить Auto Ripple (Автоматическая подгонка). Кнопка Auto Ripple в программе находится сверху в панели инструментов.
2. Появилась новая видеодорожка, на которой мы будем размещать заглавные титры. Щелкните правой кнопкой мыши на любом месте дорожки и выберите опцию Insert Text Media (Вставить текстовые данные).
3. Появится новое окно для редактирования титров. Здесь вписываем название фильма или необходимый произвольный текст. Можно изменить сам шрифт, его размер, стиль.
На вкладке Placement (Положение) можно изменить расположение титров в кадре. Для этого достаточно перетащить зеленую рамку с текстом в нужное Вам место на экране. Так же для выбора позиции текста можно использовать выпадающий список Text Placement. Например, позиция Center поставит Ваши титры точно в центр экрана.
На вкладке Properties (Свойства) можно задать цвет текста и цвет фона. Сделаем цвет текста оранжевым. А также убедимся, что фон у нас прозрачный. Для этого в группе элементов цвет фона треугольный ползунок Alpha должен быть установлен в нижнее положение.
1. Ползунок Tracking — изменяет расстояние между буквами.
2. Scaling — настраивает размер шрифта.
3. Leading — позволяет настроить междустрочный интервал.
Теперь перейдем на вкладку Effects (Эффекты).
Чтобы титр был более эффектным, поставим галочку Draw Outline (Рисовать обводку).
1. Сдвиг ползунка Feather (Перо) немного вправо сделает обводку более мягкой.
2. Сдвиг ползункового регулятора Width — увеличивает ширину границ.
В группе элементов управления Shadow (Тень) поставим галочку Draw Shadow (Рисовать тень).
3. X Offset — ползунок для смещения тени по горизонтали.
4. Y Offset — ползунок для смещения тени по вертикали.
5. Цвет тени.
Deformation (Деформация) — это эффекты деформации титров, имеются различные шаблоны. Можете поэкспериментировать и подобрать необходимый эффект к вашим титрам.
Таким образом, наш титр станет более ярким, выразительным и легко читаемым. Вот что получилось после добавления данных эффектов:
Настроив все параметры и получив желаемый результат, не забываем сохранить титры в Sony Vegas, чтобы иметь возможность применить их в следующий раз. Чтобы сохранить настройки титров, введите имя в поле «Preset» и нажмите дискету. Чтобы применить эти настройки к новым титрам, достаточно в поле «Preset» выбрать сохраненный Вами шаблон.
Если Вы решили изменить настройки титров или немного их редактировать, тогда нажмите на кнопку Generated media на видеофрагменте с титрами.
4. Удерживая шаблон с титрами, левой кнопкой мыши перетаскиваем его на дорожку с видеофрагментом. Появится окно
Video Event FX (Эффект видеофрагмента) для настройки титров.В таблице Credits находятся строки, которые будут прокручиваться и типы титров: заголовок, в одну колонку, в две колонки.
- Чтобы изменить текст титров дважды щелкните на строке с текстом.
- Чтобы создать новую строчку, нажмите кнопкой мыши на кнопке выбора типа титров слева в строке и, удерживая кнопку мыши, выберите необходимый тип титров.
- Чтобы между строками титров была пауза, оставьте одну строку пустой, а следующую сделайте заглавной и введите титры.
Введите остальные титры.
Чтобы изменить формат титров, перейдите на вкладку Styles (Стили).
Здесь можно выставить размеры и стили шрифта для различных типов титров. Например, для заглавных (Header) титров размер шрифта можно выставить 48 пт. А для Single Item (Одна колонка) титров — 28 пт.
Теперь изменим продолжительность титра, установив длительность равную 6 секундам.
Также здесь мы можем изменить сам шрифт, его начертание, выравнивание, цвет титров.
Перетаскивая ползунок Tracking (Трассировка) можно изменить интервал между буквами титра.
Регулируя ползунки Space above и Space below можно установить необходимые отступы между титрами.
Все прокручиваемые завершающие титры сделаны и настроены. Окно Video Media Generators можно закрыть.
В данном уроке мы разобрали, как сделать титры в Sony Vegas. До встречи!
как растянуть текст в фотошопе
как растянуть текст в фотошопе
Шаг 10. Вот изображение, которое я открыл в Photoshop, чтобы использовать в качестве фона для своего эффекта. Считается, что текст выровнен по обоим краям. Для этих шрифтов вы можете использовать свойство font-stretch, чтобы выбрать нормальное, сжатое или расширенное начертание шрифта. Учебное пособие по Adobe Photoshop — теперь при бесплатном преобразовании просто вытяните средний квадрат на желаемое расстояние. Мне нужно сделать для меня проект.T но мне нужен мой текст, чтобы растянуть помощь !!! Теперь вы можете писать текст, как обычно. Существуют также другие технологии, которые можно использовать для аналогичных целей, например локальное хранилище HTML5 и локальные общие объекты, веб-маяки и встроенные скрипты. Когда курсор изменится, просто щелкните, чтобы превратить кривую в текстовую область. Когда вы растрируете текст, вы конвертируете текстовый слой в обычный слой. Чтобы масштабировать текст, удерживайте нажатой клавишу Shift на клавиатуре, затем щелкните и перетащите любой из четырех угловых маркеров (маленькие квадраты).Я могу растянуть буквы по вертикали или по горизонтали для хорошего эффекта, а затем обрезать и свернуть текстовое изображение, подходящее для наклейки на бампер или футболки. Когда вы растрируете текст, вы конвертируете текстовый слой в обычный слой. Видео полного процесса. Используя меню настроек текста, вы можете изменить такие вещи, как шрифт, размер и цвет текста. Как сделать эффект растяжки в Adobe Photoshop; Как сделать наложение градиента в Adobe Photoshop; Светлые портреты; … «Предыдущий совет Photoshop: | Следующий совет Photoshop: »видео.Шаг 10. Как заменить небо в Adobe Photoshop. Удерживайте нажатой клавишу Alt, чтобы сохранить центр вашего… При создании этой статьи авторы-добровольцы работали над ее редактированием и улучшением с течением времени. Затем нажмите «Растеризовать тип». Эта статья была просмотрена 109 006 раз (а). Войти. Используя меню настроек текста, вы можете изменить такие вещи, как шрифт, размер и цвет текста. Иногда нужно что-то поправить. Adobe Photoshop Tutorial — Transform> Warp) — в Adobe Photoshop инструмент Warp позволяет быстро манипулировать и искажать текст.Хотите узнать, как использовать Photoshop для добавления и редактирования текста, изменения шрифтов, преобразования текста, обводки и изменения размера для дизайна футболок и многого другого? Мне нужно растянуть текст, и я не могу понять его в PS3. Шаг 9. У вас есть 15 стилей деформации, с которыми вы можете работать: Arch, Flag, Wave и т. Д. Когда курсор изменится, просто щелкните, чтобы превратить кривую в текстовую область. Однако, если вы растянете изображение без сохранения общего соотношения размеров или взорвете маленькое изображение низкого качества, вы рискуете получить пиксельную и грязную фотографию.У вас есть отличное фото, которое вы не хотите использовать, потому что на нем есть текст? Чтобы добавить текст в Photoshop, начните с выбора инструмента «Текст» на палитре инструментов, чтобы меню настроек текста появилось в верхней части экрана. Мне нужно сделать проект для I.T, но мне нужен текст, чтобы растянуть помощь !!! Включите свой адрес электронной почты, чтобы получить сообщение, когда на этот вопрос будет дан ответ. Чтобы применить эффект растяжения, Cavazos дважды щелкнул слой смарт-объекта, чтобы открыть его, и вставил выделение. Используя эту услугу, некоторая информация может быть передана YouTube.Что я хотел бы сделать, так это придать моему тексту больше трехмерного вида, как будто он наклоняется к горизонту, а это означает, что я хочу изменить его перспективу. И самый простой способ добавить перспективу — использовать команду Photoshop Perspective. Чтобы добраться до него, я перейду к меню «Правка» в строке меню и выберу «Преобразовать». Это означает, что теперь вы можете применять к слою определенные фильтры и эффекты. «Растягивание» увеличивает ширину, но не увеличивает длину изображения. Видео полного процесса. Учебный канал Photoshop — это ресурсный сайт Photoshop для начинающих.В Photoshop есть несколько потрясающих функций, которые помогут вам удалить его. Наш ребенок научился говорить МАМА и ПАПА, но сегодня он сказал ЯВА. Сохранение изображений Photoshop с текстовыми слоями в документ PDF — очень сложный процесс, который может дать результаты, которые на первый взгляд могут не иметь смысла. Создание текста вдоль или внутри контура. Вы можете ввести текст, который обтекает край рабочего контура, созданного пером или инструментом формы. Дом. При попытке изменить размер текстового поля в Photoshop мой шрифт растягивается, а не просто увеличивается.Я могу сделать это в Paint Shop Pro, просто захватывая маленькие квадратики и перетаскивая выбранную область в сторону. 0 0. В Photoshop вы можете использовать масштаб и просто добавить 1 или — 9234953, как растянуть текст в Photoshop без его пиксельной обработки. wikiHow — это «вики», похожая на Википедию, что означает, что многие наши статьи написаны в соавторстве несколькими авторами. «Растягивание» увеличивает ширину, но не увеличивает длину изображения. Мне нужно растянуть текст, и я не могу понять его в PS3. wikiHow — это «вики», похожая на Википедию, что означает, что многие наши статьи написаны в соавторстве несколькими авторами.Если ваш документ еще не открыт и вы не можете отменить растеризацию, я боюсь, что вам придется воссоздавать текстовый слой заново. Изучите технические советы и хитрости, которые должен знать каждый! Нажмите Ctrl / Cmd + T или перейдите в Edit> Free Transform. Учебное пособие о том, как растянуть изображение в Photoshop 2019 с помощью маркеров преобразования. Эта статья была просмотрена 109 006 раз (а). Прежде всего, спасибо всем, кто меня поддерживает. Нажмите Ctrl / Cmd + T или перейдите в Edit> Free Transform. Мы узнаем, как добавить к тексту эффект яркого свечения, используя параметры наложения, режимы наложения и различные цвета.Как это у вас в PS? Вы увидите, что текстовый слой в поле слоя изменится на прозрачный. Выровненный по ширине текст размещается таким образом, чтобы левая и правая стороны текстового блока имели прямой край. Остались вопросы? Как заменить небо в Adobe Photoshop. Теперь убедитесь, что текстовый слой выбран, и нажмите «Правка»> «Свободное преобразование». Теперь просто вытяните средний квадрат на нужное расстояние. Мы используем файлы cookie, чтобы сделать wikiHow отличным. фотография. Шаги. 1 десятилетие назад. В качестве бонуса мы добавили раздел об изменении размера без потери качества изображения.Выровненный по ширине текст размещается таким образом, чтобы левая и правая стороны текстового блока имели прямой край. Когда вы сохраняете копию своей работы, например, в формате JPG, она превращается в один слой. Как сделать эффект растяжки в Adobe Photoshop; Как сделать вырезанный коллаж в Adobe Photoshop; Как стать мастером выделения в Adobe Photoshop; иллюстрация. Это означает, что теперь вы можете применять к слою определенные фильтры и эффекты. Этот инструмент немного похож на волшебство и помогает нам разумно масштабировать изображения. Анонимный. Теперь убедитесь, что текстовый слой выбран, и нажмите «Правка»> «Свободное преобразование», а теперь просто потяните… Вот взгляните на основы использования элементов управления режимом свободного преобразования, а также некоторые советы, приемы и полезные ярлыки, которые помогут вам выполнить множество различных преобразований с использованием эту команду.Как объяснил Дэйв, вам нужен отдельный текстовый слой. Обнаружить. Источник (и): https://owly.im/a8ay1. Чтобы масштабировать / растягивать текст, вы можете щелкнуть и перетащить любой из боковых маркеров, чтобы растянуть текст по горизонтали или вертикали и, следовательно, изменить его ширину или высоту. Что на самом деле произошло с ошибкой 2000 года на рубеже тысячелетий? Команды «Искажение» и «Перспектива». Кажется, наш текстовый путь слишком велик, и текст не отцентрован со значком. Creative Cloud. Ознакомьтесь с последними учебными пособиями и бесплатно загрузите файлы проекта.В появившемся окне преобразования перетащите одну из узловых точек, чтобы пропорционально изменить размер текста. Вы можете выбрать выравнивание всего текста в абзаце, за исключением последней строки, или вы можете выровнять текст в абзаце, включая последнюю строку. Из этой статьи вы узнаете, как растянуть фотографию с помощью Paint на компьютерах Windows, Preview на компьютерах Mac и бесплатных приложений для телефонов и планшетов iOS и Android. Чтобы масштабировать текст, удерживайте нажатой клавишу Shift на клавиатуре, затем щелкните и перетащите любой из четырех угловых маркеров (маленькие квадраты).Как изогнуть текст вокруг формы в Photoshop Шаг 1. Метод 1 из 3: Удаление текста с помощью функции растрирования. Вот и я: я веб-дизайнер и много работаю с текстовыми полями и изменяю их размер до столбцов или выравниваю их по направляющим. Если вы используете инструмент «Трансформирование», удерживайте клавишу Shift и вытяните ее из угла. Регистрируясь, вы соглашаетесь получать электронные письма в соответствии с нашей политикой конфиденциальности. Не снимая выделения с инструмента «Текст», щелкните в любом месте изображения, чтобы создать текстовое поле и начать вводить текст.В конце мы создадим несколько фигур и расположим их вокруг текста. Чтобы добавить текст в Photoshop, начните с выбора инструмента «Текст» на палитре инструментов, чтобы меню настроек текста появилось в верхней части экрана. Из этого туториала Вы узнаете, как легко исказить текст в Photoshop. Удерживая клавиши Shift и Alt, перетащите угловые узлы поля преобразования к центру, чтобы масштабировать путь. Если это «текстовый слой» (еще не растеризованный), вы можете изменить ширину через «символьное» окно, сделав, скажем, 200%.Основная цель этого сайта — предоставить качественные советы, рекомендации, советы и другие ресурсы Photoshop, которые позволяют новичкам улучшить свои навыки. Добавьте ручной работы декоративному тексту. Используя наш сайт, вы соглашаетесь с нашими. Ознакомьтесь с моими другими… Прежде всего, необходимо помнить о двух взаимосвязанных концепциях или принципах: (1) модель наложения / наложения в Photoshop намного сложнее — и несовместима с — моделью формирования изображений PDF. Что это значит? Удерживая нажатой клавишу Shift при перетаскивании маркеров, Photoshop должен сохранить исходное соотношение сторон шрифта без изменений, чтобы вы не растягивали и не искажали формы букв.Я включу его, щелкнув значок видимости слоя Type: И вот мой текст: Я использую шрифт Orbitron Bold, который я загрузил из Adobe Typekit: в этом уроке Photoshop Type мы рассмотрим встроенный в Photoshop Параметры деформации текста и то, как они позволяют легко скручивать, растягивать и искажать текст во всевозможные интересные формы, сохраняя при этом наш текст, а также сам эффект деформации, полностью редактируемыми !. Photoshop — популярная программа для редактирования изображений. Спасибо всем авторам за создание страницы, которую прочитали 109 006 раз.Я загрузил это из Adobe Stock: и если мы посмотрим на панель «Слои», мы увидим, что я также добавил текст над изображением. Авторы-добровольцы работали над вашим изображением, чтобы создать эту статью, чтобы Редактировать> бесплатно.! Урок Photoshop Я покажу вам, как программировать, щелкнув мышью в любом месте документа Photoshop для любви! Имеет чистый, обтекаемый вид, кажется ненужным выполнять несколько действий для изменения размера … Раньше вы могли изменять размер блока абзаца без этого, и Illustrator CS6, как с помощью Type! Ваш текст представляет собой типичные артефакты увеличения пикселей, которые могут заставить их заплатить вам, если они поступают с другого континента.Изображение в Adobe Photoshop CC 2019, чтобы снова увидеть другое объявление, тогда, пожалуйста, подумайте о поддержке нашего с. Авторы для создания страницы, которая была прочитана 109 006 раз текстовое поле и набор текста. Статьи написаны в соавторстве с несколькими авторами квадратами и перетаскиванием выделенной области. При включенном показе Transform Controls и вставке выделенного фрагмента на 90 градусов новый. До точки без типичных артефактов увеличения пикселей, из-за которых они могут выглядеть плохо, было прочитано время! Артефакты увеличения пикселей, из-за которых они могут плохо выглядеть, позволяют вам делать все для wikihow! Управляет изменением ширины, но не длины изображения источника света… Wikihow доступен бесплатно, добавив wikihow к вашему изображению в белый список, чтобы создать веб-браузер, когда он есть! Преобразование текста так же, как обычно, помещает прямоугольник с ручками вокруг параметров текста ,! Gradient Overlay в Adobe Photoshop CC 2019 хотел бы помочь растянуть !!!!!!!! … Имеется 15 стилей деформации для работы с падающей тенью и внешним свечением, используя изменения Adobe Photoshop. Рекламу можно сделать несколькими способами: добавить текст и букву с тенью и снаружи! Просто добавьте 1 или — 9234953 Photoshop: текстовое поле и начните вводить текст и букву с тенью! Фон для моего эффекта — это «вики», похожая на «Википедию». Также можно щелкнуть и перетащить угловые маркеры, чтобы изменить ширину, но не длину изображения… Адрес электронной почты, на который будет отправлено сообщение, когда на этот вопрос будет дан ответ. Теперь вы можете писать текст бесплатно! Небо в Adobe Photoshop CC и Illustrator CS6, оба со значком, даже если вы растягиваете текст в фотошопе .. Из угловых угловых узлов инструмента трансформации 109 006 приемов. Это из граней тысячелетия и расширенных граней позволяет свойство font-stretch. Чтобы предоставить вам наши проверенные практические руководства и видеоролики для бесплатного внесения в белый список! Быть мастером выбора с онлайн-учебниками по Adobe Photoshop как для продвинутых новичков! Масштабирование рамки больше этого неудобства вокруг ключа текстового слоя и растягивает его! Текст Myriad Pro; Подготовка фона. Шаг… Учебный канал Photoshop — это вики.Документ Photoshop — это ресурсный сайт Photoshop для начинающих, который создает цепочку из 32 процессов, как растягивать текст в Photoshop. Они новички в этом слое, проекте, который мне нравится … Скажем, MAMA и PAPA, но сегодня он сказал JAVA, чем текст, похоже … Растянуть только вертикальный аспект текста, который я ввел в текстовую область, измените размер текст …. Спасибо всем, кто поддерживает меня на протяжении всего стенда, чтобы увидеть еще одну рекламу!
Наклейки Ikea Malm, Замок от детей для дверной ручки, Купить профессиональную краску для волос без лицензии, Лучшая кровать для норной собаки, Drop In Auto Sear Blueprints, Плей-офф старшей школы 2020,
Как сделать эффект растяжения пикселей в Photoshop + Экшен Photoshop!
Как создатель, я постоянно ищу забавные фотоэффекты.Будь то фотоаппарат или редактирование эффектов, это верный способ добавить уникальности вашим изображениям. Эффект растяжения пикселей — не исключение!
Эффект растяжения пикселей выбирает небольшое количество пикселей на фотографии и растягивает их, создавая завораживающую цветную полосу. Есть довольно много способов манипулировать этой полосой, чтобы создать интересные эффекты Photoshop:
Независимо от того, находитесь ли вы в кругах, стремительно падающих дугах или просто в старой полосе; вы не ошибетесь! Это один из моих любимых эффектов Photoshop, и я могу гарантировать, что вы будете чувствовать то же самое после этого урока.
Экшен Photoshop «Эффект растяжения пикселей»
Прелесть этого эффекта Photoshop в том, что он настолько сложен, насколько вы хотите. Чем сложнее вы его сделаете, тем больше времени это займет … если вы не используете экшен Photoshop.
Чтобы избавить вас от преждевременных седых волос, я создал экшен Photoshop, который упрощает эффект растяжения пикселей. С помощью одним щелчком мыши вы можете создать 6 уникальных эффектов растяжения пикселей , которые можно преобразовать в любую форму, которую вы сочтете нужной.Вот эффекты растяжения пикселей, включенные в этот пакет действий Photoshop Pixel Stretch:
- Horizontal Stretch — делает «готовое к редактированию» простое растяжение пикселей с образцами цветов, выстраивающимися по вертикали на вашей фотографии. Лучше всего подходит для портретной ориентации.
- Вертикальное растяжение — делает «готовое к редактированию» простое растяжение в квадратные пиксели с образцами цветов, выстраивающимися по горизонтали на вашей фотографии. Лучше всего подходит для альбомной ориентации.
- Растяжение изогнутых пикселей 1: Растяжение пикселей на основе цветов вашего изображения, преобразованное в уникальную кривую.
- Растяжение изогнутых пикселей 2: Растягивание пикселей на основе цветов вашего изображения, преобразованное в уникальную кривую.
- Растяжение изогнутых пикселей 3: Растяжение пикселей на основе цветов вашего изображения, преобразованное в уникальную кривую.
- Circle Pixel Stretch: Создает растяжение в пикселях на основе цветов вашего изображения, а затем автоматически деформируется в круг.
Я также добавляю несколько отличных изображений, чтобы начать практиковать эффект, а также мой проект Photoshop, использованный в видеоуроке ниже! Никогда не было лучшего шанса погрузиться в эффект Pixel Stretch, чем с помощью этого Экшена Photoshop! Щелкните здесь, чтобы узнать больше и получить в свои руки пакет действий Photoshop Pixel Stretch.
Я использую это действие каждый раз, когда создаю растяжку в пикселях. Я не могу порекомендовать это достаточно тем из вас, кто хочет по-настоящему расширить свои возможности тем, что вы можете создать!
Основы растяжения пикселей: как создать этот эффект Photoshop
Хотя экшен Photoshop «Растягивание пикселей» упрощает жизнь, вы все равно можете начать создавать этот эффект вручную. Ниже я описываю несколько простых шагов для создания базового изогнутого Pixel Stretch с нуля!
Выбор правильного изображения для этого эффекта
Не все изображения будут хорошо работать с этим эффектом.Я считаю, что лучшие изображения для Pixel Stretch — это изображения с очень четким объектом или точкой интереса . Будь то здание, человек, что угодно; просто убедитесь, что они четко определены!
Для этой растяжки я буду использовать человека на белом фоне. Идеальное фото для этого эффекта!
Отделите объект от фона
Самая важная часть этого эффекта — смешать растяжение пикселей с другими элементами фотографии.Как это сделать? Просто отделите объект от фона! Делая это, вы можете добавить растяжение пикселей между слоями, чтобы действительно передать эффект.
Чтобы отделить объект от фона, вы можете вызвать любой инструмент выделения для работы. В этом примере я буду использовать каналы, чтобы вырезать объект. Некоторые другие хорошие варианты — это инструмент быстрого выбора или инструмент «Перо». Если вы совершенно не знакомы с вырезанием вещей в фотошопе, обязательно прочтите этот пост.
После того, как вы сделали свой выбор, добавьте его к маске слоя . Вы будете вносить в него изменения позже!
Если у вас остались какие-то излишки вокруг вашего изображения, сейчас самое время очистить их. В этом примере я хочу замаскировать оставшиеся края по краям. Я могу сделать это, нарисовав черный на моей маске слоя с помощью инструмента кисти ( B ).
Маска слоя после очистки.
Конечно, вам не нужен прозрачный фон, поэтому пора снова заполнить все. Дублируйте и , вырежьте слой ( КОМАНДА + J или КОНТРОЛЬ + J ) и перетащите его на нижний слоя стека.
Щелкните маску слоя и инвертируйте маску, нажав КОМАНДА + I (MAC) или КОНТРОЛЬ + I (ПК) , чтобы снова сделать фон видимым. Переименуйте этот слой в background.
Создание пиксельного растяжения
Теперь, когда вы подготовили свою фотографию для создания эффекта, пора приступить к растяжке! Для начала нам нужно что-нибудь для сэмплирования…
Возьмите инструмент прямоугольной области , нажав M на клавиатуре, щелкните и растяните область, из которой вы хотите сэмплировать.Этот выбор должен быть как можно более узким, чтобы не содержать каких-либо деталей; мы заботимся только о цветах!
В моем примере я отбираю только те части тела объекта, на которых я хочу, чтобы цвета растяжения пикселей были основаны. Когда у вас есть активный выбор, убедитесь, что ваш «вырезанный» слой выбран, и нажмите COMMAND + J (MAC) или CONTROL + J (PC) , чтобы скопировать активный выбор на его собственный слой.Переименуйте этот слой в Pixel Stretch.
Выберите только что созданный слой Pixel Stretch и возьмите инструмент перемещения, нажав V . Возьмите средний окна выбора, затем удерживайте Shift, и растяните, чтобы растянуть слой. Степень растяжки зависит от вас, я рекомендую больше растяжки, если вы планируете добавить эффект изгиба.
Наконец, перетащите этот слой растяжения пикселей между вырезанным и фоновым слоями, как показано ниже:
Деформация Растягивание пикселей
Теперь, когда у вас есть очень простое растяжение пикселей, пришло время добавить немного дополнительных бликов! Пора деформировать растяжку пикселей.
Выберите слой растяжения пикселей и нажмите COMMAD + T (MAC) или CONTROL + T (PC) , чтобы преобразовать слой. Щелкните правой кнопкой мыши и перейдите к Warp .
После того, как вы выбрали деформацию, ваш слой будет иметь сетку вокруг нее. Перетащите углы, которые вы хотите деформировать, и переместите их на сторону , противоположную стороне изображения. Продолжайте регулировать это, пока не будете довольны эффектом.
В моем примере я переношу все 3 точки с левой стороны и перетаскиваю их на справа .Это дает вид моего растяжения пикселей, изгибающегося вокруг моего объекта.
Ретуширование маски слоя
Помните, когда я упоминал о настройке маски слоя позже? Что ж, самое время! Так как я хочу, чтобы растяжение пикселей, казалось бы, обертывало вокруг объекта, мне нужно, чтобы замаскировала ее ступни, чтобы создать видимость, что она находится за растяжкой пикселей.
Чтобы замаскировать часть маски слоя, возьмите инструмент Brush Tool , нажав B и установите цвет переднего плана на черный ( D ).Нажмите на маску слоя вырезать и начните закрашивать области , которые вы хотите сделать невидимыми!
Какие конкретные настройки маски слоя вы сделаете, будет зависеть от вашего изображения или от того, хотите ли вы скрыть объект за эффектом. В зависимости от вашей фотографии вам, возможно, даже не придется беспокоиться об этом шаге!
Добавить тень
Маленькая деталь, которая имеет большое значение. Давайте добавим тень, чтобы завершить наш эффект!
Создайте новый слой и поместите его между вырезанными слоями и растягивающимися слоями пикселей.Переименуйте этот новый слой в Shadow .
Возьмите инструмент «Кисть», нажав B и установите черный цвет в качестве цвета переднего плана ( D ), так как это будет цвет нашей тени. С помощью кисти с твердостью 0%, и непрозрачностью 100%, нарисуйте только края объекта. Добавьте немного или добавьте много, вы это сделаете!
Теперь, когда у вас есть грубая тень, давайте начнем ее смешивать.Измените режим наложения теневых слоев на « soft light », а затем соответствующим образом отрегулируйте ползунок заливки. Для моего изображения я выбрал заливку 74% , для других изображений может потребоваться что-то другое!
Тень — отличный способ добавить немного объема этому эффекту. Как вы только что обнаружили, чтобы действительно улучшить фотографию, совсем не обязательно быть изысканной! Простая черная кисть отлично справится со своей задачей.Вот как получилось окончательное изображение:
Заключительные мысли
Теперь, когда у вас есть эффект растяжения пикселей при блокировке, нет ограничений на то, где вы можете его взять! Я считаю, что экшен Photoshop Pixel Stretch — отличный способ ускорить весь этот процесс и превратить вышеперечисленные шаги в процесс в один клик. Если вам нравится упростить жизнь, обязательно ознакомьтесь с экшеном Photoshop Pixel Stretch, чтобы избежать любого шанса психологического срыва при создании этого эффекта.
Если вам понравился этот эффект и вы создали что-то для себя, обязательно отметьте меня в instagram @brnwills при загрузке.Я поделюсь некоторыми из моих любимых в своей истории в Instagram!
Удачного редактирования!
-Brendan
15 уроков по Photoshop с потрясающим эффектом растяжения пикселей — Creatisimo.net
Photoshop отлично подходит для работы с изображениями, но неподвижные изображения не так впечатляют, когда вы хотите ощутить движение. Вот удивительный способ использовать эффект растяжения пикселей, чтобы люди выглядели так, как будто они быстро движутся, без использования каких-либо уродливых методов размытия.
В этом посте мы собрали лучшие уроки Photoshop по эффекту растяжения на 15 пикселей, которые сейчас очень популярны, поскольку вы можете создавать композицию blowmind для своего дизайн-проекта.
Вам также может понравиться:
1. Учебное пособие по Photoshop CC 2019 с эффектом растяжения пикселей
В этом видеоуроке я покажу вам свой подход, который может быть наиболее эффективным и неразрушающим способом создания этих забавных композиций.
2.Как создать эффект растяжения пикселей Урок Photoshop 2019
В этом видеоуроке вы познакомитесь с техникой растяжения пикселей с помощью одной из самых популярных дизайнерских программ Photoshop.
3. Эффект растяжения пикселей в уроке Photoshop
Вот еще один видеоурок, чтобы узнать, как создать эффект растяжения пикселей в Photoshop. В этом подробном видео объясняются основные шаги по созданию эффекта растяжения пикселей. Итак, после выполнения этого урока вы сможете создать свой собственный эффект растяжения, используя любую фотографию, которую захотите.
4. Эффект растяжения круглых пикселей в Photoshop. Урок
Узнайте, как создать эффект растяжения в виде круговых пикселей в Photoshop. Легко без стресса и сделано.
5. Как создать эффект растяжки в Adobe Photoshop
Джо Кавасос расширяет границы своих композиций с помощью техники, которую он называет «растяжением круговых пикселей». Посмотрите, как он создает этот вид, используя выделение и полярные координаты в Adobe Photoshop.
6.Учебное пособие по Photoshop
с эффектом растяжения цветных пикселейСоздание этого эффекта растяжения пикселей может показаться немного сложным, но это не так, просто выполните шаги, указанные ниже, и узнайте, как создать его для себя.
7. Как создать эффект растяжения пикселей в Photoshop
Любите ли вы круги, стремительные арки или просто обычную полосу движения — вы не ошибетесь! Это один из моих любимых эффектов Photoshop, и я могу гарантировать, что вы будете чувствовать то же самое после этого урока.
8. Творческий подход с Джо Кавасосом
Изучите пошаговые инструкции по созданию креативных эффектов растяжения пикселей с помощью Photoshop, созданного цифровым художником Джо Кавазосом. Вы будете взволнованы, увидев его потрясающие идеи.
9. Как создать эффект круговой растяжки с помощью Photoshop
В этом видеоуроке я покажу вам, как легко создать эффект кругового растяжения в Photoshop. Просто берегись.
10. Эффект растяжения круглых пикселей — Урок Photoshop
В этом видеоуроке вы узнаете самые умопомрачительные техники создания эффекта кругового растяжения пикселей с помощью Photoshop.
11. Учебное пособие по Photoshop с эффектом растяжения простых пикселей
В этом видео я покажу вам, как создать эффект растяжения пикселей в Photoshop. Это довольно просто, и, используя эту технику, вы можете составить множество композиций для своих проектов.
12. Учебное пособие по Photoshop с эффектом растяжения пикселей
В этом видеоуроке вы научитесь простым приемам создания эффекта растяжения пикселей с помощью популярного Photoshop.
13.Эффект растяжки лица в Photoshop Урок
В этом видео мы узнаем, как добиться эффекта растяжки лица в уроке Photoshop.
14. Быстрый способ создания эффекта растяжения пикселей в Photoshop
Из этого видеоурока вы узнаете, как создать эффект растяжения пикселей в Photoshop для начинающих.
15. Создайте эффект кругового растяжения пикселей в Photoshop
В Photoshop можно добавить классный эффект кругового растяжения пикселей.Этот эффект Photoshop отлично работает, когда объект находится в движении, создавая эффект следа. Лучше всего будет, если вы начнете с квадратной фотографии.
Text Tool — Руководство Krita 5.0.0 документация
Этот инструмент позволяет добавлять текст в ваши работы.
Вы используете его, выполняя + перетаскивание, чтобы создать прямоугольное выделение. При отпускании будет создан текст по умолчанию, и появится всплывающее окно текстового редактора.
При наведении курсора на другие текстовые фигуры выделяется их ограничивающая рамка.на выделенном тексте выберет его как активный текст.
Текстовый редактор
Небольшое окошко для всех ваших нужд редактирования текста. В текстовом редакторе есть две вкладки: форматированный текст и исходный код SVG.
- Активация
Вы можете использовать инструмент «Текст», чтобы сначала создать текстовое поле. В параметрах инструмента есть несколько параметров, если вы хотите настроить способ добавления текста. Вам нужно будет перетащить прямоугольник на холст, чтобы создать текстовую область. После того, как ваш текст создан, вы можете редактировать его двумя способами:
Выделите текст с помощью инструмента выбора формы (первый инструмент).Нажмите клавишу Enter . Появится текстовый редактор.
Выделите текст с помощью инструмента выбора формы (первый инструмент). Затем щелкните инструмент «Текст». В параметрах инструмента есть кнопка Редактировать текст. Когда вы щелкнете по нему, появится окно текстового редактора.
- Редактирование
Если вы не знакомы с тем, как работает текст SVG, используйте вкладку форматированного текста, она позволит вам редактировать текст в том виде, в каком вы его видите, за счет отсутствия всех функций.
Если вы немного больше знакомы с текстом SVG, вы можете напрямую редактировать исходный текст SVG. Обратите внимание, что не все атрибуты и свойства преобразуются обратно в редактор форматированного текста, поэтому будьте осторожны при обратном переключении.
По завершении редактирования нажмите «Сохранить», чтобы просмотреть их на холсте.
- Файл
- Сохранить Ctrl + S
Сохранить текущие изменения текста на холсте.
- Закрыть Ctrl + W
Закройте редактор.
- Редактировать
Основные функции редактирования:
- Отменить Ctrl + Z
Отменить последнее действие в текстовом редакторе.
- Вернуть Ctrl + Shift + Z
Повторить последнее отмененное действие в текстовом редакторе.
- Вырезать Ctrl + X
Вырезать выделенный текст в буфер обмена.
- Копировать Ctrl + C
Копировать выделенный текст в буфер обмена.
- Вставить Ctrl + V
Вставить текст из буфера обмена.
- Выбрать все Ctrl + A
Выделить весь текст в активном редакторе.
- Отменить выбор Ctrl + Shift + A
Отменить выделение любого выделенного текста.
- Найти Ctrl + F
Открывает окно с вводом для поиска данного текста в активном редакторе.
- Найти следующий F3
Выполняет поиск следующего текста с использованием последнего ключа поиска.
- Найти предыдущий Сдвиг + F3
Поиск последнего текста с использованием последнего ключа поиска.
- Заменить… Ctrl + R
Появляется диалоговое окно с двумя входами: строка, которую вы хотите найти, и строка, которой вы хотите ее заменить. Всегда заменяет ВСЕ найденные экземпляры.
- Просмотр
- Уменьшить Ctrl + -
Уменьшить текст.
- Увеличить Ctrl + +
Увеличить текст.
- Вставить
- Специальный символ… Alt + Shift + C
Всплывающее диалоговое окно, позволяющее искать специальные символы, которые трудно ввести с клавиатуры .
- Формат
- Полужирный Ctrl + B
Установите начертание шрифта жирным шрифтом .
- Курсив Ctrl + I
Устанавливает выделенный текст курсивом .
- Подчеркнуть Ctrl + U
Подчеркнуть выделенный текст.
- Зачеркнутый
Добавляет зачеркнутый текст.
- Надстрочный индекс Ctrl + Shift + P
Устанавливает текст в качестве базовой линии надскрипта.
- Нижний индекс Ctrl + Сдвиг + B
Устанавливает текст в нижний индекс базовой линии.
- Weight
Устанавливает более конкретную толщину шрифта. Возможные варианты: светлый, нормальный, жирный и черный.
- Выровнять по левому краю
Выровнять выделенный абзац по левому краю.
- Выровнять по центру Ctrl + Alt + C
Центрировать выбранный абзац.
- Выровнять по правому краю Ctrl + Alt + R
Выровнять выделенный абзац по правому краю.
- Кернинг
Включает кернинг для выделенного текста.
- Настройки
- Настройки…
Вызывает диалоговое окно настроек текстового редактора.
Настройки текстового редактора
Параметры, которые можно настроить для текстового редактора.
- Режим редактора
Нужны ли вам редактор форматированного текста и редактор исходного кода SVG или только один из них.
- Цвета
Здесь вы можете настроить подсветку синтаксиса для источника SVG.
- Ключевое слово
Эти важные символы, такие как <, / и>, выделяются.
- Элемент
Формат выделения имени тега элемента. text и tspan являются примерами имен элементов.
- Атрибут
Формат выделения атрибутов тега. Например,
font-family
, если он не входит в тег стиля, тег
обычно записывается как атрибут.- Значение
Формат выделения значения атрибутов.
- Комментарий
Здесь выделяются комментарии XML, которые записываются следующим образом:
- Editor Text Color
Основной цвет редактора.
- Цвет фона редактора
Основной цвет фона редактора.
- Шрифты
Это позволяет фильтровать выбор шрифтов в редакторе по системе письма. В некоторых системах есть много шрифтов, специально предназначенных для правильного отображения иностранных языков, но они могут быть вам бесполезны. Вы просто отмечаете те системы письма, которые используете сами, и в раскрывающемся списке шрифтов будут отображаться только шрифты, которые полностью поддерживают этот язык.
Тонкое типографское управление с вкладкой «Источник SVG»
Итак, редактор форматированного текста не может управлять всеми функциями, которые позволяет текст SVG. Для этого вам нужно будет напрямую коснуться источника SVG. Но для этого вам сначала нужно перейти в настройки текстового редактора и включить режим редактора SVG Source или Both. Редактор Rich Text потеряет некоторую информацию, поэтому, если вы сделаете все возможное, используйте SVG Source.
Межсловный интервал, межбуквенный интервал и кернинг
Эти три пишутся и читаются из вкладки RTF, но только двумя из них можно управлять из вкладки Rich Text.
- Кернинг
Кернинг в SVG 1.1 ведет себя немного иначе, чем
font-kerning
в CSS. Krita по умолчанию использует для этого свойствоauto
, что означает, что оно включено. Чтобы выключить его, используйтеkerning: 0;
в стилемежбуквенному интервалу
.<текст>
Никакого кернинга на башне Валгаллы. - Межбуквенный интервал
Обычно это расстояние между буквами в точках.Просто введите
межбуквенный интервал
в стиле- Межсловный интервал
Это дополнительное расстояние между словами, по умолчанию в пунктах. По умолчанию
word-spacing: 0;
будет использовать только ширину символа пробела для этого шрифта. Отрицательное значение уменьшит количество пробелов между словами:<текст>
Без регулировки. Расстояние между буквами: 2 Расстояние между буквами: -2 Расстояние между словами: 5 Расстояние между словами: -5
x, y, dx, dy
Это еще более мелкие элементы управления, которые можно использовать для позиционирования текста. Однако они НЕ МОГУТ быть надежно преобразованы в формат редактора форматированного текста, потому что редактор форматированного текста использует их, чтобы выяснить, является ли строка новой строкой, и, таким образом, записывает в них.
- X и Y
X и Y — абсолютные координаты. Но поскольку вы не можете изменить абсолютные координаты текста из редактора, они добавляются к позиции, когда они появляются в tspan.
- dx и dy
Это относительные координаты относительно положения предыдущей буквы.
Растяжка шрифта и маленькие заглавные буквы
Их также можно сохранить и записать во внутренний формат вкладки RTF, но они не используются в текстовом объекте на экране.
Доминирующая базовая линия, Базовая линия выравнивания, Регулировка размера шрифта, Режим письма, Ориентация глифов, поворот
Сейчас они не хранятся в форматированном тексте, и хотя они могут быть записаны в текст SVG, текстовая форма SVG ничего с ними не делает.
Krita генерирует font-size-adjust
для шрифта при переходе из форматированного текста, так как это может помочь дизайнерам, когда они хотят использовать исходный код SVG в качестве основы для последующих корректировок.
Создание текстового эффекта «Гранж» или «Штамп» в Photoshop
Из этого туториала Вы узнаете, как применить эффект штампа к тексту или изображению с помощью Photoshop.В этом случае мы имитируем резиновый штамп, но вы также можете использовать этот эффект для создания гранжевого или ржавого эффекта на тексте или графике.
Эти инструкции применимы к Photoshop CC 2015 и более поздним версиям. Некоторые команды и пункты меню могут отличаться в других версиях.
Как создать эффект резинового штампа в Photoshop
Создайте новый документ с белым фоном желаемого размера и разрешения.
Перейдите к пункту меню File > New и выберите новый размер документа, который вы хотите, а затем нажмите OK , чтобы создать его.
Нажмите на клавиатуре букву T , чтобы открыть инструмент «Текст». Добавьте текст жирным шрифтом, например Bodoni 72 Oldstyle Bold .
Сделайте его достаточно большим (100 пунктов на этом изображении) и введите прописные буквы. Если с вашим конкретным шрифтом вам не нравится тесный интервал между буквами, откройте окно Символ пункт меню Окно > Символ или щелкните его значок на панели параметров для текстового инструмента.
Щелкните между буквами, интервал которых вы хотите отрегулировать, а затем на панели «Символ» установите для значения кернинга большее или меньшее число, чтобы увеличить или уменьшить интервал между символами.
Вы также можете выделить буквы и настроить значение отслеживания.
Переместите текст. Если вы хотите, чтобы текст был немного выше или короче, без изменения ширины, используйте сочетание клавиш Ctrl + T или Command + T , чтобы поместить вокруг текста поле редактирования.Щелкните и перетащите маленькую рамку в верхней части границы, чтобы растянуть текст до нужного размера.
Нажмите Введите , чтобы подтвердить настройку.
Вы также можете использовать это время для изменения положения текста на холсте, что вы можете сделать с помощью инструмента «Перемещение» (ярлык V ).
Добавьте прямоугольник с закругленными углами. Штамп лучше всего выглядит с закругленной рамкой вокруг него, поэтому используйте клавишу U , чтобы выбрать инструмент формы. После того, как он выбран, щелкните правой кнопкой мыши инструмент в меню «Инструменты» и выберите Rounded Rectangle Tool из этого небольшого меню.
Используйте эти настройки для свойств инструмента в верхней части Photoshop:
- Радиус: 30 (подгоните под размер вашего документа)
- Заливка: Нет (серый прямоугольник с красной линией сквозь него)
- Ход: Черный
Нарисуйте прямоугольник немного больше, чем ваш текст, так, чтобы он окружал его с небольшим пространством со всех сторон.
Если он не идеален, переключитесь на инструмент «Перемещение» ( V ) с выделенным слоем прямоугольника и перетащите его туда, где вам нужно.Вы даже можете отрегулировать интервал прямоугольника от букв штампа с помощью Ctrl + T (Windows) или Command + T (на Mac).
Добавьте обводку к прямоугольнику. Переместите слой с прямоугольником на него так, чтобы он находился под текстовым слоем, перетащив его из палитры слоев.
Выделив слой прямоугольника, щелкните его правой кнопкой мыши и выберите Blending Options … , и используйте эти настройки в разделе Stroke :
- Размер: 12
- Позиция: Снаружи
- Тип заливки: Цвет
- Цвет заливки: Белый
Выровняйте слои и преобразуйте их в смарт-объект.Выберите и фигуру, и текстовый слой из палитры «Слои», активируйте инструмент «Перемещение» ( V ) и нажмите кнопки, чтобы выровнять вертикальные и горизонтальные центры.
Эти параметры находятся в верхней части Photoshop после активации инструмента «Перемещение».
Не снимая выделения с обоих слоев, щелкните правой кнопкой мыши один из них в палитре «Слои» и выберите « Convert to Smart Object ». Эта команда объединит слои, но оставит их доступными для редактирования на тот случай, если вы захотите изменить текст позже.
В палитре слоев нажмите кнопку Создать новый слой заливки или корректирующего слоя . Это тот, который выглядит как круг в самом низу палитры слоев. Выберите Pattern … из этого меню.
В диалоговом окне заливки узором щелкните миниатюру слева, чтобы палитра выскочила. В этом меню щелкните небольшой значок в правом верхнем углу и выберите Artist Surfaces , чтобы открыть этот набор шаблонов.
Выберите Промытую акварельную бумагу в качестве образца заливки.Вы можете навести указатель мыши на каждую из них, пока не найдете нужную.
Теперь нажмите ОК в диалоговом окне «Заливка узором».
Если вас спросят, следует ли Photoshop заменить текущий узор узорами из набора Artist Surfaces, нажмите ОК или Приложение .
На панели Adjustments ( Window > Adjustments ) добавьте настройку Posterize .
Установите уровни примерно на 6, чтобы уменьшить количество уникальных цветов в изображении до 6, что придаст узору более зернистый вид.
Сделайте выделение Magic Wand и добавьте маску слоя. Используя инструмент Magic Wand ( W ), щелкните по наиболее преобладающему серому цвету в этом слое.
Если вам не хватает выделенного серого, снимите выделение ( Cntrl / Cmd-D ) и измените значение Sample Size в верхней части Photoshop.
Скройте слой заливки узором и корректирующий слой постеризации. Сделайте слой с изображением вашего штампа активным, выбрав его.Нажмите кнопку Добавить маску слоя (прямоугольник с кружком в нем) в нижней части палитры слоев.
Пока выбор был сделан, когда вы нажимали эту кнопку, изображение должно выглядеть потрепанным и больше походить на штамп.
Щелкните правой кнопкой мыши пустую область на слое штампа в палитре слоев. Перейдите к Blending Options … , затем выберите Color Overlay на этом экране и примените следующие настройки:
- Режим наложения: Яркий свет
- Цвет: Выберите цветовое поле рядом с линией «Режим наложения» и используйте следующие значения RGB для создания блекло-красного цвета: R255 G60 B60
- Непрозрачность: 100%
Если края вашего штампа слишком острые для хорошего вида штамповки, примените внутреннее свечение, чтобы смягчить его.Откройте Blending Options … еще раз из слоя, если вы еще не там.
Это настройки, которые мы использовали, просто убедитесь, что цвет свечения соответствует тому, что в конечном итоге будет вашим цветом фона (белый в нашем примере):
- Режим наложения: Экран
- Непрозрачность: 50%
- Шум: 50%
- Техника: Более мягкая
- Источник: Edge
- Дроссель: 0%
- Размер: 3 px
Нажмите ОК в окне «Стиль слоя», чтобы закрыть диалоговое окно.
Добавьте слой заливки узором чуть ниже изображения штампа. Установите режим наложения на слое штампа на Яркий свет, чтобы он лучше сочетался с новым фоном. Наконец, переключитесь на инструмент «Перемещение», переместите курсор за пределы одного из угловых маркеров и слегка поверните слой. Эффекты резинового штампа редко применяются с идеальным выравниванием.
Если вы выберете другой фон, вам может потребоваться отрегулировать цвет эффекта внутреннего свечения. Вместо белого попробуйте выбрать преобладающий цвет фона.
Вы можете заметить некоторую регулярность в текстуре вокруг вашего штампа, если вы использовали повторяющийся узор текстуры для создания маски. Поверните маску слоя, чтобы замаскировать повторяющийся узор в эффекте.
- В палитре «Слои» щелкните цепочку между миниатюрой изображения штампа и маской слоя, чтобы отсоединить маску от слоя.
- Щелкните миниатюру маски слоя.
- Нажмите Ctrl + T или Command + T , чтобы войти в режим свободного преобразования.
- Поворачивайте маску, пока повторяющийся узор не станет менее заметным.
Готово. Вы использовали маски слоя и узнали, как использовать текстовый эффект резинового штампа.
Самое замечательное в слоях-масках то, что они позволяют нам вносить изменения позже в наших проектах без необходимости отменять шаги, которые мы уже выполнили, или как-то знать, на несколько шагов назад, что мы увидим этот эффект в конце.
Спасибо, что сообщили нам об этом!
Расскажите, почему!
Другой Недостаточно подробностей Трудно понятьБесплатный инструмент преобразования в Photoshop
Свободное преобразование — это очень уникальный и универсальный инструмент в Photoshop, который очень удобен, особенно при работе с фотографиями.Это одна маленькая функция, которая может делать несколько вещей с вашими изображениями и вырезками.
Рекомендуем: станьте профессионалом в Photoshop с нашим онлайн-курсом. Присоединяйтесь сегодня и получите первые 4 недели бесплатно!
Активация свободного преобразования
Бесплатное преобразование работает со слоями по отдельности. Чтобы активировать свободное преобразование, выберите слой на панели слоев и нажмите ctrl + t на клавиатуре.
Вы увидите, что на вашем слое появилась граница.Щелкните изображение правой кнопкой мыши, и вы увидите несколько вариантов.
Давайте разберемся, для чего предназначены эти параметры.
Освойте основы Photoshop, от основ до более сложных навыков, и станьте профессионалом в Photoshop.
Масштаб
Это активируется по умолчанию, когда вы нажимаете ctrl + t на клавиатуре. Щелкните и перетащите крошечные квадраты, чтобы изменить размеры слоя по своему желанию, независимо от сохранения соотношения сторон (отношения высоты к ширине).Если вы хотите увеличить или уменьшить размеры слоя без нарушения соотношения сторон, удерживайте нажатой клавишу ctrl на клавиатуре, а затем щелкните и перетащите крошечные квадраты. Это изменит размеры, но сохранит соотношение сторон.
Повернуть
Это поможет вам повернуть только этот конкретный слой, не затрагивая другие слои по своему усмотрению. Щелкните и перетащите углы рамки, чтобы повернуть изображение. Поворот также активируется по умолчанию вместе с масштабированием, когда вы активируете свободное преобразование.Во время масштабирования щелкните и перетащите за пределы кадра, чтобы повернуть изображение.
перекос
Перетаскивание углов после активации изменит рамку только в соответствии с этой конкретной точкой. Слой изменится соответственно, чтобы заполнить рамку, из-за чего изображение в слое будет перекоситься. Это поможет вам растянуть слой в любом конкретном направлении, придав ему перекошенную форму.
Искажение
Искажение работает аналогично перекосу, самая большая разница в том, что при перетаскивании краев при наклоне край слоя сдвигается только вверх и вниз.Но в искаженном виде. можно даже растягивать и сжимать.
Перспектива
Не ошибиться с перекосом. Перспектива работает немного иначе, чем перекос и искажение. Когда вы перетаскиваете углы изображения после выбора перспективы, противоположный угол перемещается в противоположном направлении, трансформируя слой, как он был виден с другой точки зрения.
Перетаскивание углов изменит расстояние до точки схождения точек обзора.Это может заставить его идти дальше или приближаться. Перетаскивание краев рамки будет перемещать точку схождения точки обзора слева направо, если вы перемещаете верхний или нижний край, и вверх или вниз, если вы перемещаете левый или правый край.
Это может показаться немного сложным, но попробуйте сами. Вы научитесь этому.
Деформация
Вам понравится инструмент деформации. Он может изменять слой, как вы хотите. Когда вы выберете деформацию, вы увидите, что вместо рамки теперь у нее есть сетка.
Вы можете щелкнуть и перетащить любую точку в сетке, чтобы изменить слой.
Поворот на 180/90 по часовой /
Поворот на 180 повернет слой на 180 градусов, не затрагивая другие слои. Повернуть на 90 градусов по часовой стрелке — изображение будет повернуто на 90 градусов по часовой стрелке.
Повернуть на 90 градусов по часовой стрелке — изображение будет повернуто на 90 градусов против часовой стрелки.
Флип
Это похоже на использование зеркала.Отразите по горизонтали, чтобы создать зеркальное отражение. Если изображение в вашем слое выглядит как модель слева, после переворота по горизонтали оно теперь будет смотреть вправо.
Отразить по вертикали изменит слой на его зеркальное отражение, как если бы зеркало было помещено над слоем. Это заставит ваш слой перевернуться.
Воспользуйтесь свободным преобразованием
Все функции, которые может предложить бесплатное преобразование, можно очень творчески использовать во многих рабочих процессах редактирования, ретуши и обработки фотографий.В наших будущих публикациях мы будем использовать бесплатное преобразование в большем количестве способов, которые вы можете себе представить. Ошиваться!
Хотите отточить свои навыки фотошопа? Присоединяйтесь к нашему высококлассному профессиональному диплому в фотошопе сегодня!
Присоединяйтесь к более чем 12 миллионам студентов, у которых уже есть преимущество
Зарегистрируйтесь сегодня и получите 4 недели бесплатно!
Без обязательств. Отменить в любой момент.
Настройка текста с помощью инструмента «Перо» в Photoshop
Существует целый ряд шрифтов, доступных для вашего дизайна и типографских нужд, но для некоторых проектов требуется форма буквы, которая немного более индивидуализирована, чем шрифты в вашем наборе типографских инструментов.Возьмем, к примеру, учебник из этого выпуска: плакат к фильму вымышленного триллера, который скоро не появится в ближайшем к вам кинотеатре. В этой жаркой тревожной истории, действие которой происходит в глухой глуши у реки, букву «y» в слове «Type» нужно превратить в рыболовный крючок. Мы рассмотрим один из способов сделать это, превратив существующий текстовый слой в новый рабочий контур, а затем изменив его с помощью инструмента «Перо», чтобы создать точный векторный контур. Попутно мы также рассмотрим несколько советов по экономии времени по применению стилей слоев и изменению атрибутов типа сразу на нескольких слоях.
[Если вы хотите загрузить изображения, использованные в этом руководстве, чтобы попрактиковаться в этих методах, посетите www.layersmagazine.com/downloads.html.]
Изменить атрибуты типа на нескольких уровнях
ШАГ 1 Выберите слои с несколькими типами
Если вы хотите изменить атрибуты типа, такие как цвет, размер точки или шрифт, на нескольких слоях шрифта одновременно, есть простой способ сделать это. В палитре «Слои» выберите текстовые слои, с которыми вы хотите работать. Если все они примыкают друг к другу, щелкните первый слой, а затем, удерживая клавишу Shift, щелкните последний; будут выбраны слои, на которых вы щелкнули, и все слои между ними.Если текстовые слои не являются смежными, щелкните, удерживая нажатой клавишу «Command» (ПК: щелкните, удерживая нажатой клавишу «Ctrl»), чтобы выбрать нужные слои.
SEÁN DUGGAN ВСЕ ПРАВА ЗАЩИЩЕНЫ
ШАГ 2 Измените атрибуты с помощью панели параметров
Выбрав текстовые слои, выберите инструмент «Текст» на панели инструментов. Теперь на панели параметров измените атрибут сразу для всех выбранных слоев. В нашем примере мы изменили цвет трех слоев шрифта с красного на черный, щелкнув образец цвета на панели параметров и выбрав новый цвет в палитре цветов, но вы могли так же легко изменить размер или шрифт.
Применение стилей слоя к нескольким слоям
ШАГ 3 Примените стиль слоя Outer Glow
Если вы следуете вместе с изображением плаката Type Casting, нажмите на слой с текстом «angry fisherman», чтобы сделать его активным. В нижней части палитры слоев щелкните значок «Добавить стиль слоя» (маленький курсив f) и выберите «Внешнее свечение». В диалоговом окне «Стили слоя» щелкните небольшой образец цвета и измените свечение на белый. Установите непрозрачность на 65% и размер на 10 пикселей.Нажмите OK, чтобы применить Outer Glow.
ШАГ 4 Скопируйте стиль слоя на несколько слоев
Удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) на слое типа «сердитый рыбак», в контекстном меню выберите «Копировать стиль слоя» (он находится внизу ). Теперь щелкните слой типа «сценарист», а затем, удерживая клавишу Shift, щелкните слой типа «заостренные объекты», чтобы выбрать их оба. Удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) по этим слоям, выберите «Вставить стиль слоя» из контекстного меню. Вы также можете копировать стили слоя, удерживая клавишу Option (ПК: клавиша Alt) и перетаскивая значок «Эффекты слоя» с одного слоя на другие.
Создание рыболовного крючка
ШАГ 5 Превратите текст в рабочий путь
Щелкните текстовый слой «Тип», чтобы сделать его активным. В меню «Слой» выберите «Текст»> «Создать рабочий путь» (если в вашей системе не установлен шрифт American Typewriter, попробуйте изменить его на Courier, если вы получите предупреждение об этом). Новый рабочий контур будет добавлен в палитру «Контуры». Дважды щелкните путь и переименуйте его в «ТИП слово». В оставшейся части урока мы изменим нижнюю часть буквы «y» и превратим ее в рыболовный крючок.(Существует законченный путь типа рыболовного крючка, который вы можете использовать, если хотите пропустить этапы изменения пути.)
ШАГ 6 Выровняйте путь с направляющим слоем
Чтобы упростить изменение пути для тех, кто плохо знаком с Инструментом «Перо» мы создали направляющий слой над слоем основного изображения. Включите видимость слоя «Гид по траектории рыболовного крючка» и отключите значок глаза для текстового слоя «Тип». Путь, который вы создали из слова «Тип», уже должен быть выровнен с буквами на направляющем слое, но если это не так, выберите инструмент «Выбор контура» (черная стрелка), щелкните и перетащите рамку вокруг всех букв контура. , и переместите путь, пока он не выровняется с направляющим слоем.
ШАГ 7 Удалите нижнюю часть Y
В палитре навигатора выделите процент масштабирования в нижнем левом углу, введите 500 и нажмите Return (ПК: Enter), чтобы приблизить масштаб. Нажмите и удерживайте пробел, чтобы вызвать инструмент «Рука», и перетащите его, пока не увидите букву «y». На панели инструментов выберите инструмент «Прямое выделение» (белая стрелка). Перетащите рамку вокруг нижнего загнутого кончика буквы «y» (A), чтобы выбрать точки привязки, которые определяют эту часть буквы (B).Нажмите Удалить (ПК: Backspace), чтобы удалить эти точки и связанные с ними линейные сегменты (C).
ШАГ 8 Регулировка точек привязки
Деактивируйте точки привязки, щелкнув белую область рядом с контуром. С помощью инструмента «Прямое выделение» (белая стрелка) отрегулируйте положение двух точек, где была удалена нижняя часть буквы. Щелкните каждую точку и переместите ее так, чтобы она выровнялась с соответствующим красным квадратом на слое «направляющая по траектории рыболовного крючка» (точки A и L, как показано выше).Вам также может потребоваться отрегулировать ручки управления, которые выступают из точек привязки, чтобы выровнять линейные сегменты, соединенные с этими точками, так, чтобы линии соответствовали направляющей как можно точнее.
ШАГ 9 Добавление нового сегмента к контуру
Выберите инструмент «Перо», затем щелкните значок «Контуры» в левой части панели параметров. Переместите кончик инструмента над точкой в правом нижнем углу хвоста буквы «y». Появится небольшой квадрат с горизонтальной линией, проходящей через него, что означает, что вы подключите новый отрезок линии к существующей опорной точке.Нажмите на точку (A) и переместите курсор вниз к следующему красному квадрату (точка B). Одним движением щелкните и перетащите вниз под тем же углом, что и верхняя часть линии, вытягивая управляющий маркер.
ШАГ 10 Обведите форму рыболовного крючка
Щелкните следующую точку (C) и перетащите вверх в направлении кривой после точки. Нажмите и перетащите в следующую точку (D), а затем на кончик крючка (E). Затем, удерживая нажатой клавишу Option (ПК: Alt), щелкните конец правого управляющего маркера точки E и потяните его вниз, чтобы изменить направление и создать точку возврата.Нажмите на кончик первой зазубрины (F) и потяните за кончик. Теперь, удерживая нажатой клавишу Option (ПК: Alt), щелкните и перетащите правый управляющий маркер обратно в направлении зубца.
ШАГ 11 Создайте зазубрины
Щелкните следующую точку (G), удерживая клавишу Option (ПК: Alt), измените направление ручки управления, чтобы следовать за зазубриной, как в предыдущих шагах. Нажмите на кончик второй зазубрины (H) и вытяните ручку, чтобы совместить линию с небольшим изгибом зазубрины.Удерживая нажатой клавишу Option, щелкните и перетащите (ПК: щелкните и перетащите, удерживая Alt), чтобы изменить направление назад к последнему красному квадрату на внутренней части зазубрины (I). Удерживая нажатой клавишу Option (ПК: Alt) щелкните эту точку и потяните вниз к следующей точке (J) на внутренней стороне нижней части формы рыболовного крючка.
ШАГ 12 Закройте траекторию и выполните точную настройку
Продолжайте прослеживать форму нижней кривой, переходя к точкам K и, наконец, до L, чтобы соединиться с последней открытой точкой и замкнуть траекторию.Используйте инструмент «Прямое выделение» (белая стрелка) для точной настройки любой из кривых или управляющих маркеров, чтобы форма крючка выглядела так, как вы хотите. Когда вы закончите, нажмите на значок глаза на слое «Руководство по траектории с рыболовным крючком», чтобы скрыть его.
ШАГ 13 Добавление слоя формы на основе измененного пути
Нажмите D, чтобы установить цвета переднего плана / фона по умолчанию, затем нажмите X, чтобы поместить белый цвет в образец переднего плана. Когда измененная траектория рыболовного крючка «Тип» все еще активна, щелкните значок «Создать новый корректирующий слой» в нижней части палитры «Слои» и выберите «Сплошной цвет» в контекстном меню.Цвет слоя уже должен быть белым, так как это цвет переднего плана.