Как сделать обведенный текст в фотошопе: Как обвести текст штрих-пунктирной линией

Как выделить текст в фотошопе

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

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

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

Как выделить текст в фотошопе

1. Введите свой текст

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

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

2. Редактировать текстовый слой

После того, как вы напечатали текст, следующее, что вам нужно сделать, это щелкнуть правой кнопкой мыши текстовый слой на панели «Слои». Затем выберите «Параметры наложения». В левой части этого окна вы увидите опцию Обводка. Установите этот флажок, чтобы ваш текст был обведен в Photoshop.

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

3. Удалить внутреннюю заливку

Вернитесь в окно «Параметры наложения» и под полем «Расширенное наложение» уменьшите непрозрачность заливки до нуля. Вы также можете изменить цвет заливки текста в этом окне, если хотите.

Параметры настройки

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

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

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

Режим наложения изменит способ взаимодействия обводки с фоном вашего изображения.

Вы также можете изменить непрозрачность, если хотите, чтобы контур был более прозрачным и лучше сочетался с фоном.

Затем есть варианты типа заливки. Вы можете выбрать цвет, градиент или узор. Параметр цвета позволит вам выбрать сплошной цвет, а градиент позволяет выбрать два цвета для смешивания. Используя узор, вы можете заполнить контур узором по вашему выбору.

Создание нескольких контуров на тексте

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

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

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

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

Другой способ сделать это, и поэтому вы можете добавить столько штрихов, сколько хотите, – это продублировать слой еще раз, снова щелкнуть его правой кнопкой мыши и перейти в Параметры наложения> Обводка.

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

Использование текстовых слоев для создания дополнительных эффектов

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

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

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

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

Обтекание текста в 3D с помощью Photoshop

В этом учебном пособии по текстовым эффектам в Photoshop мы узнаем, как легко обернуть текст вокруг 3D-объекта в Photoshop без необходимости использования какого-либо 3D-программного обеспечения. Мы собираемся обернуть наш текст вокруг планеты, но вы можете использовать ту же самую базовую технику, чтобы обернуть текст вокруг чего угодно. Вам понадобится Photoshop CS или выше для этого урока, так как мы будем использовать в Photoshop функцию «текст на контуре», а затем мы будем использовать Free Transform, чтобы преобразовать наш текст в трехмерную перспективу. Наконец, мы будем использовать маску слоя, чтобы скрыть текст, проходящий позади объекта, что дает нам наш последний трехмерный эффект.

Вот изображение планеты (старая добрая планета Земля), которую я оберну вокруг текста:

Исходное изображение.

А вот как будет выглядеть изображение после обтекания нашего трехмерного текста:

Окончательный результат «обтекание текстом в 3D».

Давайте начнем!

Шаг 1: выберите инструмент Elliptical Marquee

Первое, что мне нужно сделать для этого эффекта, это перетащить круговое выделение вокруг планеты, и для этого я буду использовать инструмент, который Photoshop включает в себя именно для такой задачи, Elliptical Marquee Tool . Выберите его из палитры Инструменты. По умолчанию он прячется за инструментом «Прямоугольный шатер», поэтому вам нужно будет щелкнуть инструмент «Прямоугольный шатер» и удерживать мышь в течение одной или двух секунд, пока не появится маленькое всплывающее меню, а затем выбрать инструмент «Эллиптический шатер» в список:

Выберите Elliptical Marquee Tool из палитры Инструменты.

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

С моим выбранным Elliptical Marquee Tool я собираюсь расположить мышь как можно ближе к центру планеты, чтобы начать с него. Затем я буду удерживать мою клавишу Shift, чтобы ограничить свой выбор идеальным кругом, и я буду удерживать мою клавишу Alt (Победа) / Option (Mac), чтобы сказать Photoshop использовать точку, которую я собираюсь щелкните в качестве центра моего выбора, чтобы выборка распространялась во всех направлениях с этой точки. Затем я просто собираюсь щелкнуть в центре планеты и перетаскивать выделение, пока мое выделение не станет немного больше, чем планета, предоставляя место для текста, чтобы обернуть вокруг него.

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

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

Круговое выделение теперь добавлено вокруг объекта.

Шаг 3: преобразовать выделение в путь

Теперь у нас есть выделение вокруг объекта, и мы собираемся использовать его, чтобы добавить наш текст к изображению, используя функцию «текст по пути» в Photoshop. Проблема в том, что наш выбор — это выбор, а не путь. К счастью, Photoshop позволяет легко преобразовать любой фрагмент в путь. Чтобы сделать это, переключитесь на палитру Paths , которая по умолчанию будет сгруппирована с палитрами Layers и Channels. Палитра Paths будет отображаться пустой, поскольку в настоящее время у нас нет путей в нашем документе. Чтобы преобразовать выделение в путь, щелкните значок « Создать рабочий путь из выделения» в нижней части палитры «Пути» (это третий значок справа):

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

Как только вы нажмете на значок, Photoshop преобразует выделение в путь, и в палитре «Пути» появится новый «Рабочий путь»:

Палитра «Пути» теперь показывает вновь созданный путь.

И если мы оглянемся на наше изображение, то увидим, что пунктирные линии нашего выделения были заменены тонкой сплошной линией, которая является нашим путем:

Выбор вокруг планеты был преобразован в путь.

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

Шаг 4: Выберите инструмент Type

Вернитесь к палитре слоев в этой точке. Пришло время добавить наш текст. Для этого нам нужно использовать Photoshop Type Tool , поэтому либо выберите if на палитре Tools, либо нажмите букву T на клавиатуре:

Выберите инструмент «Текст».

Выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите свой шрифт и размер шрифта. Этот 3D-эффект работает лучше всего, если вы используете шрифт с толстыми буквами, поэтому я выберу Helvetica Black в качестве моего шрифта. Вы можете выбрать любой понравившийся вам шрифт из тех, которые вы установили в своей системе, но, опять же, попробуйте выбрать один с хорошими толстыми буквами, а также тот, который легко читается. Вам нужно будет поэкспериментировать с размером шрифта, так как он будет сильно зависеть от размера объекта, вокруг которого вы оборачиваете текст, и в еще большей степени от размера и разрешения изображения, которое вы используете. Я использую размер шрифта 14pt для этого урока, но опять же, вам нужно самостоятельно поэкспериментировать с изображением:

Выберите ваш шрифт и размер шрифта на панели параметров.

Шаг 5: выберите цвет для вашего текста

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

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

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

Используйте палитру цветов, чтобы выбрать цвет для вашего текста.

Нажмите OK, как только вы выбрали свой цвет, чтобы выйти из диалогового окна.

Шаг 6: набери свой текст по круговому пути

Выбрав наш шрифт, размер шрифта и цвет текста, мы можем добавить наш текст, и мы хотим добавить его так, чтобы он шел по круговому пути, который мы создали. Для этого наведите курсор мыши на ту часть пути, с которой вы хотите начать печатать. Я собираюсь начать свой текст где-то на вершине пути. Перемещая курсор мыши по пути, вы заметите, что курсор изменится с пунктирного квадрата вокруг него на волнистую линию, проходящую через него. Эта волнистая линия говорит вам, что вы собираетесь печатать прямо на пути и что ваш текст будет следовать по форме пути, а это именно то, что нам нужно. Чтобы добавить свой тип, просто нажмите на путь и начните печатать. Эффект будет работать лучше всего, если вы будете использовать все заглавные буквы. Я собираюсь напечатать «ДОБРО ПОЖАЛОВАТЬ В ЗЕМЛЮ ПЛАНЕТЫ»:

Нажмите непосредственно на путь и начните печатать, чтобы текст следовал по форме пути.

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

Добавьте достаточно текста, чтобы полностью обернуть вокруг объекта.

Если вы присмотритесь, вы увидите, что я столкнулся с небольшой проблемой. На моем пути недостаточно места, чтобы вместить весь мой текст, и слово «ЗЕМЛЯ» в левом верхнем углу было обрезано. Чтобы исправить это, я собираюсь дважды щелкнуть непосредственно по миниатюре текстового слоя в палитре слоев, что скажет Photoshop выбрать весь мой текст сразу:

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

Мой текст будет выделен белым цветом на моем изображении. Затем, выделив текст, я буду удерживать нажатой клавишу Alt (Win) / Option и пару раз нажмите клавишу со стрелкой влево на клавиатуре, чтобы закрыть пространство между буквами, пока не появится достаточно места для размещения. весь мой текст и слово «ЗЕМЛЯ» появляется:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), используйте клавиши со стрелками влево или вправо, чтобы добавить или удалить пробел между буквами.

Чтобы расположить оба предложения на равном расстоянии друг от друга и закрыть этот большой промежуток вверху, я собираюсь щелкнуть мышью между двумя предложениями внизу (между словами «ЗЕМЛЯ» и «ДОБРО ПОЖАЛОВАТЬ») и снова удерживая клавишу Alt. (Win) / Option (Mac), я собираюсь нажать клавишу левой скобки несколько раз, чтобы добавить немного дополнительного пространства между двумя словами, пока текст не будет выглядеть одинаково сбалансированным по всему пути.

Когда я доволен интервалом в моем тексте, я собираюсь нажать Ctrl + H (Победа) / Command + H (Mac), чтобы скрыть путь из поля зрения, оставив мне только мою планету и мой текст, обведенный кружком и красиво разнесены вокруг него:

Текст теперь вращается вокруг планеты.

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

Шаг 7: Используйте бесплатное преобразование, чтобы исказить текст в трехмерной перспективе

Теперь самое интересное. Мы собираемся преобразовать наш текст в 3D! Или, по крайней мере, мы все равно создадим иллюзию, что это 3D. Photoshop не настоящая 3D-программа, но мы все еще можем ее подделать. Для этого мы будем использовать команду Photoshop Free Transform . Когда слой типа выбран в палитре слоев, используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы вызвать маркеры Free Transform вокруг текста:

Нажмите «Ctrl + T» (Победа) / «Command + T» (Mac), чтобы получить доступ к ручкам Free Transform.

Чтобы согнуть мой текст в трехмерную перспективу, я собираюсь удерживать Ctrl + Alt (Победа) / Command + Option (Mac), а затем перетащить ручку «Свободное преобразование» в верхнем правом углу в направлении центра планеты. Чем дальше я перетаскиваю, тем больше трехмерной перспективы я создаю с моим текстом:

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

Когда вы будете довольны тем, как выглядит ваш текст, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование:

Нажмите «Enter» (Win) / «Return» (Mac), чтобы принять преобразование.

Шаг 8: добавь маску слоя к текстовому слою

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

Добавьте маску слоя к текстовому слою, щелкнув значок «Маска слоя».

Это добавляет маску слоя к текстовому слою, а также добавляет миниатюру маски слоя в палитре слоев. Мы можем сказать, что маска слоя в настоящее время выбрана, потому что миниатюра имеет белую рамку выделения:

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

Шаг 9: сделай выбор вокруг своего объекта

Я хочу скрыть текст, который должен находиться за планетой, поэтому я собираюсь снова взять мой инструмент Elliptical Marquee Tool и, как и в начале этого урока, я буду использовать его для перетаскивания выбор вокруг планеты. Однако на этот раз я хочу, чтобы мой выбор распространялся только на край планеты, а не на область вокруг нее, как мы делали раньше. Итак, еще раз, я собираюсь щелкнуть примерно в центре планеты, и, удерживая Shift + Alt (Победа) / Shift + Option (Mac), я собираюсь вытянуть круговой выбор вокруг планеты. Если мне нужно изменить положение выделения при перетаскивании, я снова удерживаю клавишу пробела и переместить выделение на экране по мере необходимости, затем я отпущу пробел и продолжу перетаскивать.

Вот мое изображение с выбранной моей планетой:

Планета сейчас выбрана.

Шаг 10: нарисуй черным внутри выделения, чтобы скрыть текст

С нашей маской слоя, добавленной к текстовому слою и выделением вокруг планеты, мы можем легко скрыть текст, который должен находиться за планетой, просто закрасив текст. Сначала нам понадобится наша кисть, поэтому выберите Brush Tool из палитры Tools или нажмите B на клавиатуре:

Выберите инструмент Brush Tool.

Затем, выбрав черный цвет в качестве цвета переднего плана, просто закрасьте текст, который хотите скрыть. Поскольку мы рисуем маску слоя, а не сам слой, мы не будем рисовать черным на изображении. Вместо этого, где бы мы ни рисовали черным, содержимое слоя будет скрыто. Мне нужно спрятать текст в верхней части планеты, поэтому я нарисую его кистью. Благодаря выбранному мною выделению, мне не нужно беспокоиться о том, чтобы быть неаккуратной с моей кистью и случайно рисовать за краем планеты, поскольку Photoshop позволяет мне рисовать только внутри выделенного фрагмента. Везде, где я рисую вне этого, игнорируется:

Закрасьте текст, который вы хотите скрыть, с помощью Brush Tool. Будет затронут только текст внутри выделения.

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

Вот мое изображение после закрашивания текста вдоль верхней части, чтобы скрыть его, создавая иллюзию, что текст теперь движется по планете в 3D:

Окончательный результат «обтекание текстом в 3D».

Шаг 11: добавь стиль наложения градиента

Чтобы закончить, давайте добавим немного освещения к нашему тексту, используя один из стилей слоев Photoshop. Нажмите на иконку Layer Styles в нижней части палитры Layers:

Нажмите на значок «Стили слоя».

Затем выберите Gradient Overlay из списка:

Выберите «Gradient Overlay».

Откроется диалоговое окно «Стиль слоя» с настройками наложения градиента в средней колонке. По умолчанию Photoshop дает нам градиент от черного к белому, что мы и хотим. Вместо того, чтобы использовать градиент, чтобы раскрасить наш текст и сделать его черно-белым, мы собираемся использовать его для добавления простого светового эффекта. Сначала измените параметр « Режим наложения» вверху с «Нормальный» на « Яркий свет », нажав стрелку вниз справа от слова «Нормальный» и выбрав «Яркий свет» из списка. Затем уменьшите значение непрозрачности до 60% . Наконец, измените параметр Угол внизу на 0 ° :

Параметры наложения градиента в диалоговом окне «Стиль слоя».

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна и применить стиль Gradient Overlay к тексту, и все готово! Вот заключительный эффект с моим простым световым эффектом, добавленным к тексту:

Финальный 3D-эффект.

Куда пойти дальше …

И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!

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

Как сделать красивый текст в Фотошоп CS5

Май-29-2009 Автор: VeryOldMan

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

Загрузим сохраненную работу, если не хотите делать новый документ. Если вы предполагали, что написать текст в Фотошопе это что-то сложное, то вы ошибаетесь. Сложностей здесь никаких нет. Вот сейчас и попробуем.

Как написать текст в Фотошопе

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

Активируем последний слой, кажется это был Слой 2, просто щелкнув на нем левой клавишей мышки. Затем активируем на панели инструментов (слева) этот инструмент, называемый Горизонтальный текст (Horizontal Type):

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

Первое окошко с буквой Т можно не трогать. А вот дальше идет выбор шрифта. Щелкнем по треугольнику справа второго окошка. В выпадающем меню видим набор шрифтов с образцами начертания. Это стандартный набор шрифтов. И, как всегда, кроме стандартного набора шрифтов, можно установить любые по вашему вкусу. А их очень и очень много! Где искать? В Интернете. Просто наберите в любом поисковике «скачать шрифты» и будет их вам в любом количестве и качестве.

Установить скачанные шрифты легко. Файлы шрифтов – это файлы такого вида:

Копируем файл, идем в панель Пуск операционной системы (если у вас, я надеюсь, Windows), далее Панель управления и Шрифты. Вставляем в открывшуюся папку скопированный файл. И все! Шрифт будет доступен как в Фотошопе, так и в любых текстовых редакторах.

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

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

И последнее. Щелкнем по крайнему правому значку:

Это панель, где можно более качественно настроить текст, а именно — высоту букв, расстояния между ними и.т.д. Пробуйте!

А теперь выберем шрифт, например, Arial. Потому что он есть наверняка. Размер 60. Цвет белый. Я выберу. А вы как хотите! Не забывайте, что активным должен быть слой на котором вы делаете надпись.

Наводим курсор на то место, где должен быть текст надписи, щелкаем левой клавишей мыши и набираем надпись. Если что-то не нравиться заходим по команде Выделение (Select) главного меню и выбираем Все (Аll). Теперь можно переделывать, менять шрифт, размер и.т.д. Закончили писать? Жмем на панели инструментов любой инструмент, например Перемещение (Move).

Если текст будет не совсем там, где вам хочется – не беда! Его можно установить в любое место, потом. Написали? Теперь на панели инструментов активируем инструмент Перемещение (Move):

Ставим курсор на надпись, нажимаем левую клавишу мышки и не отпуская подвигаем туда-сюда. Теперь поставьте свою надпись в нужное место. Не очень точно? Поравняйте с помощью клавиатуры, клавишами со стрелками. Вот, что получилось у меня:

Стили текста для Фотошопа

К слою с текстом можно применить стандартные стили слоя и получить очень интересные эффекты. Давайте создадим новый файл с белым фоном. И сделаем на нем надпись. Хотя бы такую:

Как изменить цвет текста в Фотошопе

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

Тень текста в Фотошопе

С помощью стиля Тень — можно сделать в Фотошопе объемный текст. Вот мы сейчас и сделаем теперь с помощью стилей слоя тень для нашей надписи. Для этого, в том же окошке. щелкнем на Тень:

Вот что получилось. А с помощью меню Тень – Структура — Качество, можно редактировать наложение тени.

Обводка текста в Фотошопе

Точно так же просто можно в Фотошопе обвести контур текста. Для этого, в том же окошке. щелкнем на Обводка.

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

Как в Фотошопе сделать текст прозрачным

Сделать текст прозрачным можно в том же меню – Стиль слоя. С помощью движка – Непрозрачность. Двигаем его влево и выбираем процент непрозрачности надписи.

Можете поэкспериментировать.

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

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

О работе с графикой в Фотошоп на странице — Инструменты Фотошопа

Как создать красивый текст в фотошоп

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

Создадим новый документ

В появившемся окне выставим параметры как на картинке ниже

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

Далее создаем новый слой. Для этого заходим в меню Слои -> Новый -> Слой

В появившемся окне нажимаем Ок

Выбираем инструмент Градиент

Выставляем параметры как на картинке ниже

Далее наводим курсор на нижний край нашего листа по центру, зажимаем клавишу Shift и правую кнопку мыши и ведем курсор чуть выше середины листа

У нас должно получится вот так

Затем объединим наши слои

И снова создадим новый слой

Выбираем инструмент Текст

Далее выбираем шрифт нашего будущего текста

И начинаем писать наш текст на листе

Затем выбираем инструмент Перемещение

и выставляем наш текст по центру

Далее заходим в стили слоя и выбираем параметры наложения

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

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

В этом уроке мы рассмотрели как  создать красивый текст в  фотошоп в различных стилях. Обязательно по практикуйтесь со стилями слоя и напишите пожалуйста свой отзыв ниже об этом уроке. Заходите на сайт FotoshopDesign.ru

Стилизация шрифта в Фотошопе

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

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

Скачать последнюю версию Photoshop

Стилизация шрифта

Как мы знаем, шрифты в Фотошопе (до сохранения или растрирования) являются векторными объектами, то есть, при любой обработке сохраняют четкость линий.

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

Фон

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

Урок: Как сделать градиент в Фотошопе

Градиент, который использован в уроке:

Кнопка, которую следует активировать для создания радиального градиента:

В результате получим примерно вот такой фон:

С фоном мы еще поработаем, но в конце урока, чтобы не отвлекаться от основной темы.

Текст

C текстом также должно быть все понятно. Если не все, то читаем урок.

Урок: Создаем и редактируем текст в Фотошопе

Создаем надпись нужного размера и любого цвета, так как от цвета в процессе стилизации мы избавимся полностью. Шрифт желательно подобрать с жирными глифами, например, Arial Black. В результате должна получиться примерно такая надпись:

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

Стилизация

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

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

2. Два раза кликаем левой кнопкой по слою, открыв окно стилей. Здесь первым делом полностью убираем заливку.

3. Первый стиль – «Обводка». Цвет выбираем белый, размер в зависимости от размера шрифта. В данном случае – 2 пикселя. Главное, чтобы обводка была хорошо видна, она будет играть роль «бортика».

4. Следующий стиль – «Внутренняя тень». Здесь нас интересует угол смещения, который мы сделаем 100 градусов, и, собственно, само смещение. Размер выбирайте по своему усмотрению, только не слишком большой, это все-таки «бортик», а не «бруствер».

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

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

   Убираем заливку и переходим к стилю под названием «Наложение узора». Здесь выбираем узор, похожий на холст, режим наложения меняем на «Перекрытие», масштаб уменьшаем до 30%.

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

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

Доработка фона

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

1. Переходим на слой с фоном и создаем над ним новый слой.

2. Данный слой нам необходимо залить 50% серого цвета. Для этого нажимаем клавиши SHIFT+F5 и выбираем соответствующий пункт в выпадающем списке.

3. Далее идем в меню «Фильтр – Шум – Добавить шум». Размер зерна выбираем достаточно большой, примерно 10%.

4. Режим наложения для слоя с шумом необходимо заменить на «Мягкий свет» и, в случае, если эффект окажется слишком выраженным, снизить непрозрачность. В данном случае подойдет значение 60%.

5. Неравномерность окраски (яркости) также придадим при помощи фильтра. Находится он в меню «Фильтр – Рендеринг – Облака». Фильтр не требует настройки, а просто случайным образом генерирует текстуру. Для применения фильтра нам потребуется новый слой.

6. Снова меняем режим наложения для слоя с облаками на «Мягкий свет» и снижаем непрозрачность, на этот раз довольно сильно (15%).

С фоном мы разобрались, теперь он не такой «новенький», далее придадим всей композиции легкую винтажность.

Снижение насыщенности

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

1. Переходим на самый верхний слой в палитре и создаем ранее озвученный корректирующий слой.

2. Используя ползунки «Насыщенность» и «Яркость» добиваемся приглушения цветов.

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

Вот такая симпатичная надпись.

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

Помогла ли вам эта статья?

ДА НЕТ

Как делать красивые надписи в фотошопе

Вам понадобится

• Графический редактор Adobe Photoshop.

Инструкция

Создайте новый документ нажатием сочетания клавиш CTRL + N. Если вы хотите нанести красивую надпись на какое-либо изображение, то вместо создания нового документа загрузите исходную картинку. Диалог открытия файла запускается нажатием сочетания CTRL + O. Нажмите на клавиатуре кнопку D — так вы установите цвета по умолчанию (белый фон, черный текст). Сейчас вам не требуется подбирать цвет будущей надписи, пока достаточно, чтобы ее было видно на общем фоне. После этого активируйте инструмент «Горизонтальный текст». Проще всего это сделать нажатием клавиши с русской буквой Е (латинская T). Затем щелкните фоновое изображение мышкой и наберите текст надписи. Не забывайте, что он может быть и многострочным, если вы будете использовать Enter для перевода курсора на следующую строку. Щелкните мышкой на палитре инструментов самую первую пиктограмму — «Перемещение». Режим редактирования текста при этом выключится. После этого раскройте раздел меню «Окно» и выберите строку «Символ». Так вы откроете окно управления параметрами сделанной надписи. Выберите в выпадающем списке красивый шрифт, по стилю наиболее подходящий к тексту и фону, а в размещенном строчкой ниже поле выберите размер букв. Список шрифтов можно пополнить, найдя красивые образцы в интернете и установив их в компьютер обычным способом.Здесь же можно сделать буквы надписи более сжатыми или вытянутыми, изменить интервалы между буквами или строками, сделать буквы зачеркнутыми или подчеркнутыми и т.д. Каждая такая операция может быть применена не ко всему тексту, а к любой букве или к части надписи, если перед изменением соответствующей установки выделить нужную часть текста или слова. Цвет надписи можно изменить, щелкнув черный прямоугольник с надписью «Цвет». Откройте параметры наложения двойным щелчком слоя с текстом. По окончании форматирования надписи вы можете применить к нему какие-либо базовые эффекты. Здесь есть, например, свечение, тень, рельефность и т.д. Тут перед вами широкое поле для экспериментов с настройками эффектов — меняйте их, наблюдая, как это отражается на картинке. Например, на изображении в заголовке статьи к тексту применены эффекты наложения тени и градиентной обводки с зеркальным отражением.

Отрегулируйте положение готовой надписи на фоновой картинке, перемещая ее с помощью мышки.

Сохраните свою работу в формате Фотошопа, если хотите в дальнейшем ее редактировать. Для этого нажмите сочетание клавиш CTRL + S, укажите имя файла и место хранения и щелкните кнопку «Сохранить». А для сохранения изображения с надписью в формате, удобном к использованию в компьютере, интернете и т.д., нажмите ALT + SHIFT + CTRL + S, выберите нужный тип файла и установите оптимальные настройки качества. Затем щелкните «Сохранить», введите название файла, выберите место его хранения и снова нажмите «Сохранить».

Источники:

• надписи красивыми буквами

Как сделать в фотошопе аватарку классную и крутую

Автор Иван Просмотров 1.7к. Опубликовано 23.03.2020

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

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

Инстаграм

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

Добавляем картинку, нажимаем на инструмент Crop (кадрирование) и вбиваем параметры 110×110 пикселей, выбираем нужную нам область и нажимаем Enter. Таким образом получается аватар. Если вам не нравится белый фон, то его можно изменить, здесь в работу вступают слои.

Делаем копию слоя. И выделяем нужную нам границу изображения в моем случае это машина и девушка, для этого я использую «Магнитное лассо», есть и ручное выделение изображения, но этот процесс достаточно долгий и кропотливый, в панели «Растушевка» обязательно нужно поставить 2,5 px.

После того, как все выделено нажимаем Shift+Ctrl+I и Ctrl+Х или же щелкаем в интерфейсе ВыделениеИнверсия и Ctrl+Х, на исходе получаем изображение без фона. Удаляем картинку с фоном и создаем белый слой с нужными нам пропорциями и закрашиваем его.

Здесь все зависит от вашей фантазии, можете красить так как хотите, так же можете вставить различные узоры, текст. На время скроем слой с нашим фоном и посмотрим на картинку, всё ли устраивает? Может нужна обводка?

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

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

Итак, у меня есть бирюзовый фон и вырезанное изображение, пришло время соединить их, помните как это делать? Нажимаем на глазик и делаем видимым наш фон. Казалось бы все уже готово, но ещё нет.

Соединить слои можно щелков по правой кнопке мыши и выбрав пункт «Объединить видимые» или с помощью комбинации клавиш Ctrl+E. Вуаля наша крутая авка готова, понадобилось всего лишь несколько действий.

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

Минимальный размер, который предлагает Вконтакте это 200×200 px, максимальные пропорции 200×500 px, соотношение 2 к 5, а в YouTube 800×800 px. Самым хорошим вариантом аватарки для этих соц.сетей будет изображение продукта или же логотип, но встречаются и простые фотки, так же нарисованные персонажи.

Мы же рассмотрим на примере продукта. Возьмем к примеру «Кондитерскую», сделаем изображение для группы, в котором постятся фото готовых выпечек и создаются обсуждения, конкурсы, в аккаунте YouTube постятся видеоуроки и обзоры на выпечку. Исходя из этого попробуем создать классную, привлекающую внимание картинку. Погнали.

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

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

Ава на Ютуб

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

Напоминаю, что делаю самый простой вариант, т.к функции много, можно сделать надпись и в 3d формате, сделать отражения и прочее, я применю эффект тени. И вот такой логотип у нас получается.

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

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

Аватарка для ВК

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

Соединяем слои и получаем вот такую картинку, но она ещё выглядит сыро и чего-то не хватает. Делаю на скорую руку логотип. Нажимаем на добавление текста и вписываем наш логотип.

Логотип можно видоизменять нажав на «Шрифт», изменение пропорции, режим наложения и прочее. Хорошо будет смотреться обведенный текст с присутствием тени.

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

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

Вот и все

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

Напишите в комментариях что было понятно, или что-то не очень? Получилось у вас сделать красивую аву? Всё строится постепенно, уделяя в день хотя бы 15 минут на фотошоп, за месяц вы сможете от уровня новичка дойти до мастера.

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

Со всеми прощаюсь до следующих статей, Иван.

Рисуем фигуру пером в фотошоп

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Рисуем облако пером

Простенький урок рисования. Как рисовать все, что угодно инструментом Pen Tool (Перо). Инструмент универсальный, может очень многое, но непрофессионалы редко им пользуются. Почему? Им кажется, что сложно научиться пользоваться инструментом Перо в фотошопе. Ничего сложного. Попробуйте на примере этого урока.

Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь — создать простой и примитивный прямолинейный контур, а затем «искривить» его сегменты так, как нужно.

Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

Если непонятно, что такое Перо и Контур, то посмотрите Обзор инструмента Pen (Перо).

Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

На облако это мало похоже. Выберите инструмент  Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

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

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

Выберите на панели инструментов фотошопа основной цвет белый.

Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

Вот результат — нарисовано симпатичное белое облако:

А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

В открывшемся окне выберите инструмент Pencil (Карандаш),

нажмите ОК и получите результат — обведенный карандашом контур облака.

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

Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

(Подробнее про работу с кистью )

Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

Получится вот такой результат:

Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру).

В открывшемся окне задайте имя фигуры и ОК.

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

Как в фотошопе обвести текст другим цветом

Хотите сделать свой текст привлекательным и оригинальным? Появилась необходимость оформить какую-либо надпись красивым стилем? Тогда читайте эту статью, в ней будет представлен один из приемов оформления текста, а конкретно – обводка.

Обводка текста в Фотошопе

Для того чтобы сделать обводку в Фотошопе, нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрав пункт «Обводка». Здесь можно настроить цвет, расположение, тип и толщину обводки. Это путь дилетантов, а мы с вами настоящие профи, поэтому и действовать будем по-другому. Почему так? При помощи стилей слоя можно создать только линейную или градиентную обводку, а способ, который мы изучим в этом уроке, позволит создать борд любой конфигурации.

Итак, текст у нас есть, приступаем.

Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.

Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».

Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).

Получаем вот такое выделение:

Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».

Ищем на верхней панели инструментов кнопку с названием «Уточнить край».

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

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

Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.

Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.

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

Затем выберем тип градиента «Зеркальный» и инвертируем его.

Жмем ОК и любуемся…

Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.

Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

Итоговый результат у нас получился вот такой:

Имея немного желания и фантазии при помощи данного приема можно добиться очень интересных результатов.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Доброго времени суток, уважаемые читатели. Продолжаем постигать основы Adobe Photoshop. Поработаем сегодня с текстом. Уже неоднократно в своих уроках я применял обводку текста, и внимательные посетители неоднократно сталкивались с этим моментом и даже могли уже самостоятельно научиться обводить текст в фотошопе.

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

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

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

Открываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы ( https://pixlr.com ). Она не проще, но некоторые вещи в ней можно выполнить быстрее, особенно если Photoshop на вашем компьютере притормаживает. Однако, хорошо, когда у вас есть своя собственная программа.

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

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

Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.

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

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

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

Итак, мы написали текст.

В правой части экрана найдите слои. Простите за отступление, если вы и так уже знаете эту информацию. Но эта публикация предназначена для новичков, поэтому объясню, что вообще такое слои.

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

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

Посмотрите, вот так выглядит текстовый слой.

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

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

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

Теперь все стало видно, кроме контура. Все дело в том, что цвет совпадает с текстом. Давайте его поменяем. Кликните по цвету.

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

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

Теперь выделение более заметно.

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

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

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

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

Ну а теперь давайте перейдем к «фишечкам».

Контур, тень, а также градиентная и узорная обводка текста

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

Вот так может выглядеть ваш рисунок.

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

Также вы можете попробовать тиснение – контур.

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

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

Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru .

Тут есть кисти, рамки, красивые шрифты, шаблоны и текстуры. То, что нам сейчас и нужно.

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

Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

Теперь нужно загрузить узоры.

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

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

Готово. Узоров стало больше! Можете применять к тексту.

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

Далее вы можете пройти [urlspan]курс для начинающих веб-дизайнеров[/urlspan]. Первые три дня вам разрешается смотреть видео с этого сайта бесплатно. Откровенно говоря, если вы усидчивы, то этого времени хватит, чтобы захватить основу и многое понять. Самое главное – хотите ли вы связываться с этим.

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

Каждому, как говорится, свое.

Однако мне, как руководителю проектов веб-студии необходимо разбираться в дизайне и контролировать работу своих сотрудников. Поэтому я не смог пройти мимо другого курса, на нетологии — Веб-дизайнер: эффективный сайт от идеи до реализации .

Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

Мне посчастливилось уже несколько раз бывать на выступлениях профессионалов, в том числе из команды Red Keds, и это всегда праздник. Эти истории просто невозможно забыть! Например, один из дизайнеров рассказывал о том, как он за три минуты придумал логотип. Это была точка.

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

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

Вы задумывались, как сделать текст привлекательным. Оформите его красивым стилем. Рассмотрим, как в Фотошопе (Photoshop) сделать обводку текста.

А нужно ли это

Просматривая изображения с надписями, вы замечали, что тексту чего-то нахватает? Надпись смотрится не оформлено. Что предпринять? Обведите контент. Рассмотрим, как это сделать в Photoshop.

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

Откройте изображение, далее:
Выберите «Обводка». Настройте цвет, расположение толщину.
Рассмотренный способ создает обводку одного цвета. Как сделать ее любой конфигурации.

Делаем контур текста другим цветом

Напишите текст. Перейдите:
Создадим, например, контур со скругленными краями. В меню выберите:
Далее:
Получилось следующее:
Выберите инструмент:
Нажмите кнопку «Уточнить»:
Далее:
Создайте новый слой:
Активируйте слой. Перейдите:
Далее:
Выберите цвет:
Нажмите «Ctr+D», чтобы снять выделение. Перемещаем слой:
Нажимаем два раза ЛКМ по слою с обводкой. Отметьте пункт «Наложение». Выбираем стиль градиента:
Далее:
Получилось следующее:

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

Теперь вопросов, связанных с тем, как сделать обводку текста в Фотошопе (Photoshop) СС не возникнет.

Обводка текста в Photoshop онлайн

Перейдите по адресу: https://online-fotoshop.ru/ . Онлайн версия оснащена ограниченным набором функций. Создать сложную обводку не получится. Выберите:
Отредактируйте параметры:

Вывод

Мы рассмотрели, как в Фотошопе (Photoshop) сделать контур у текста. Используйте текстуру, чтобы добиться интересных эффектов. Экспериментируйте.

Как скопировать выделенный контур в фотошопе

Перемещение, копирование и удаление выделенных пикселей в Photoshop

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

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

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

Как скопировать выделенную область в Фотошопе

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

Способы копирования в Photoshop

Как уже было сказано выше, выделенная область это самостоятельный объект, поэтому ее можно скопировать любым доступным способом.

Способ 1: Сочетание клавиш

Первый способ – самый известный и распространенный. Это сочетания клавиш CTRL+C и CTRL+V.

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

«Скопировать».

«Вставить».

Вторая комбинация, которая позволяет быстро создать копию слоя — CTRL+J. Новый слой с копией выделенной области также создается автоматически. Работает только внутри одного документа.

Способ 2: «Перемещение»

Второй вариант – копирование выделенной области внутри одного слоя. Здесь нам понадобятся инструмент «Перемещение» и клавиша ALT.

1. Выделяем область.
2. Берем инструмент «Перемещение».
3. Теперь тянем выделение в нужную сторону. После завершения ALT отпускаем.

Если во время перемещения зажать еще и SHIFT, область будет перемещаться только в том направлении, в котором мы начали движение (по горизонтали или вертикали).

Способ 3: Копирование с созданием документа

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

1. После выделения необходимо нажать CTRL+C, затем CTRL+N, затем CTRL+V. Первым действием мы копируем выделение в буфер обмена. Вторым – создаем новый документ, причем документ автоматически создается с размерами выделения.
2. Третьим действием мы вставляем в документ то, что было в буфере обмена.

Способ 4: Копирование на соседний документ

Четвертым способом выделенная область копируется в уже существующий документ на другой вкладке. Здесь снова пригодится инструмент «Перемещение».

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

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

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку»  и инструмент «Удалить опорную точку» .

По умолчанию инструмент «Перо» заменяется на инструмент «Добавить опорную точку», когда указатель наведен на выделенный контур, и на инструмент «Удалить опорную точку», когда указатель наведен на опорную точку Чтобы инструмент «Перо» автоматически заменялся на инструмент «Добавить опорную точку» или «Удалить опорную точку», на панели параметров должен быть выбран параметр «Оптимизация».

Можно выделить и отредактировать несколько контуров одновременно. Можно также перерисовать контур при добавлении опорных точек щелчком и перетаскиванием по мере добавления.

Как скопировать в Фотошопе: файл, объект, изображение

Иногда нам нужно скопировать один или несколько файлов/объектов/изображений, или создать его копии. Давайте рассмотрим, как можно сделать подобные действия в программе Adobe Photoshop.

Содержание: “Как скопировать в Фотошопе файл, объект или изображение”

Способ №1

Зажав клавишу Ctrl нужно нажать на миниатюру слоя. Загрузится процесс, выделяющий контур объекта. Это самый легкий и распространенный метод, но у него есть недостаток – не самый быстрый.

После этого нужно нажать «Редактирование — Скопировать»,

затем переходим в «Редактирование — Вставить».

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

Если же у нас есть ограничение по времени, можно выбрать более быстрый способ. После выделения нужного объекта или слоя, используем горячие клавиши Ctrl C (для копирования) и Ctrl V (для вставки). С этими комбинациями знакомы большинство продвинутых пользователей ПК, ведь они используются во многих программах. Кстати процесс выделения тоже можно ускорить, благодаря комбинации горячих клавиш Ctrl+A.

Способ №2

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

В результате на втором слое появится созданная копия. А используя клавишу перемещения (V) мы можем расположить копию так, как захотим.

Способ №3

Выделяем слой и нажимаем комбинацию клавиш Ctrl + J, в результате мы получим копию выделенного слоя. Потом нужно переместить объект, нажав клавишу (V). Из всех перечисленных способов этот считается самым быстрым.

Способ №4

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

Готово! Удобство в том, что не нужно выполнять действия, связанные с активностью слоя и рамки и использовать клавишу перемещения. Зажав комбинацию, мы уже получим копию. Лучше всего выбирать этот способ. По крайней мере мы чаще всего пользуемся именно этим методом.

Таким образом, мы узнали все способы, как скопировать файл/объект в Фотошопе.

В нашем отдельном уроке “Как скопировать слой в Photoshop” вы можете узнать все способы копирования слоев.

Управление контурами в Photoshop

При использовании инструмента группы «Перо» или «Фигура» для создания рабочего контура новые контуры отображаются на панели «Контуры» как рабочие контуры. Рабочий контур является временным. Чтобы не потерять содержимое рабочего контура, его необходимо сохранить. Если отменить выбор рабочего контура, не сохранив его, и снова начать рисовать, новый контур заменит существующий старый.

При использовании для создания нового слоя-фигуры инструмента групп «Перо» или «Фигура» новые контуры отображаются на панели «Контуры» как векторные маски. Векторные маски связаны со своим родительским слоем. Для просмотра списка векторных масок на панели «Контуры» необходимо выбрать родительский слой на панели «Слои». Векторную маску можно удалить из слоя или преобразовать в растровую маску. Дополнительные сведения см. в разделе Добавление и редактирование векторных масок.

Контуры, сохраненные вместе с изображением, отображаются при повторном его открытии. При работе в Photoshop (Windows) контуры поддерживаются форматами JPEG, JPEG 2000, DCS, EPS, PDF и TIFF. При работе в Mac OS контуры поддерживаются всеми доступными форматами файлов.

Как сделать обводку по контуру в Photoshop и перенести изображение на другой фон

Главная > Статьи > Как сделать обводку по контуру в Photoshop и перенести изображение на другой фон

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

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

Рис.1.

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

Рис.2.

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

Рис.3.

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

Рис.4.

Инструментом «перемещение» перетащить объект на новый фон.

Рис.5.

Теперь снова выделить все волшебной палочкой и нажать Слои -–> обводка (Layer Style —> Stroke).

Рис.6.

Выбрать размер, то есть ширину и цвет предполагаемой обводки. Нажать ОК.

Рис.7.

Снять выделение при помощи сочетания клавиш Ctrl+D.

Рис.8.

Сравните картинки: как было и как стало. Мы получили то, что хотели без использования инструмента Перо и ручной обводки.

Рис.9.

Просмотров: 10644



Похожие статьи

Похожие вопросы

Комментарии

Комментарий добавил(а): Оля В.
Дата: 2014-03-30

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

Написать комментарий

Редактировать контуры в Adobe Photoshop

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

Набор инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо», инструмент «Добавить точку привязки» и инструмент «Удалить точку привязки».

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

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

.

Четыре способа скопировать контур из Illustrator в Photoshop

Автор Shutterstock Карл Розенкрантс

Если вы серьезно занимаетесь дизайном, вы, вероятно, используете и Adobe Illustrator, и Photoshop. Вы также, вероятно, знаете, как перемещать изображения между двумя программами. Но знаете ли вы четыре способа копирования и вставки из Illustrator в Photoshop? Какой метод лучше всего работает, зависит от того, что вы планируете делать с изображением. Ниже мы рассмотрим все четыре метода и объясним, для чего лучше всего подходит каждый.

1. Смарт-объекты

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

Для любого смарт-объекта Photoshop просто дважды щелкните миниатюру в диалоговом окне «Слои», чтобы снова открыть смарт-объект в исходном состоянии.

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

Когда вы снова переключаетесь в Photoshop, смарт-объект автоматически обновляется с новыми изменениями.

Еще одна приятная особенность смарт-объектов — их можно масштабировать в Photoshop без потери качества. Photoshop применит команду «Трансформировать» к самому смарт-объекту, поэтому независимо от того, сколько раз масштаб объекта был увеличен или уменьшен, изображение всегда останется четким и резким.

2. Вставить как пиксели

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

3. Вставить как путь

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

Как и любой другой путь, который вы рисуете в Photoshop, вы можете использовать палитру контуров для создания обводки или заливки контура на пустом слое.Удерживая нажатой клавишу Control (ПК) или Command (Mac) и щелкнув миниатюру в палитре контуров, вы загрузите контур как выделение, которое вы можете использовать для создания масок слоя, каналов и т. Д.

4. Вставить как слой формы

Четвертый вариант — вставить как слой-фигуру. Как и в случае с «Вставить как контур», этот параметр лучше всего подходит для отдельных фигур. Слой формы — это, по сути, векторная маска над полем заданного цвета. Маска работает, выставляя основной цвет для области внутри контура и скрывая цвет за пределами контура.

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

Знание лучшего способа вставки из Illustrator в Photoshop может помочь вам добиться максимального качества и гибкости ваших дизайнов. Удачи!

.

Как превратить выделение в контур в Photoshop CS6

2. Программное обеспечение
3. Adobe
4. Photoshop
5. Как превратить выделение в контур в Photoshop CS6

Автор: Барбара Обермайер

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

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

Чтобы создать путь из выделенного фрагмента, выполните следующие действия:

1. Выберите нужный элемент на вашем изображении.

2. При активной рамке выбора выберите «Создать рабочий контур» во всплывающем меню панели «Контуры».

   Вы также можете создать путь из выделения, удерживая нажатой клавишу «Alt» («Option» на Mac) и щелкнув значок «Создать рабочий контур из выделенного фрагмента» на панели «Контуры».Если вы просто щелкнете значок, не удерживая Alt (Option на Mac), вы также создадите путь, но обойдете диалоговое окно.

3. В появившемся диалоговом окне введите значение допуска.

   Значение Tolerance определяет, насколько чувствителен Photoshop к укромным уголкам и трещинам в выделенной области при создании пути:

   • Чем ниже значение, тем оно более чувствительно и тем точнее выбор соответствует вашему пути.

   • Слишком низкое значение, например 0.5, может создать слишком много точек привязки.

   • Слишком большое значение, такое как 10 (максимальное), слишком округляет ваш путь. Начните с настройки по умолчанию 2.0. Вы всегда можете изменить путь позже.

4. Если путь все еще отображается, просто щелкните серую область под именами путей на панели «Пути».

   Это действие отменяет выбор пути.

5. Выберите рабочий контур на панели «Контуры» и выберите «Сохранить контур» во всплывающем меню панели «Контуры».Назовите путь и нажмите ОК.

Об авторе книги

Барбара Обермайер — директор Obermeier Design, студии графического дизайна в Калифорнии, специализирующейся на печати и веб-дизайне. В настоящее время она работает преподавателем в Школе дизайна Института Брукса.

.

Как импортировать изображения из Photoshop в Illustrator

You может переносить изображения из файлов Photoshop (PSD) в Illustrator с помощью команда Open, команда Place, команда Paste и функция перетаскивания.

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

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

Duotone PSD-файлы импортируются как плоские растровые изображения с 256-индексным индексированием. цветовое пространство и цветовое пространство N-Channel, содержащее весь дуплекс чернила. Поскольку Illustrator использует N-канал, взаимодействия в режиме наложения набор в Photoshop может выглядеть иначе в Illustrator.Цвета чернил из старых цветовых библиотек установлен серый.

В случаях, когда Illustrator должен преобразовать данные Photoshop, появляется предупреждающее сообщение. Например, при импорте 16-битного Photoshop файл, Illustrator предупреждает вас, что изображение будет импортировано как 8-битный, плоский композит.

.

Как обвести текст в Photoshop

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

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

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

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

1. Введите текст

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

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

2. Редактировать текстовый слой

После того, как вы напечатали текст, следующее, что вам нужно сделать, это щелкнуть правой кнопкой мыши текстовый слой на панели Layers . Затем выберите Blending Options . В левой части этого окна вы увидите опцию Stroke . Установите этот флажок, чтобы ваш текст был обведен в Photoshop.

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

3. Удалить внутреннюю заливку

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

Параметры настройки

Есть много способов сделать ваш текст уникальным. В окне Stroke у вас есть несколько различных опций, с которыми вы можете поиграть.

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

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

Режим наложения изменит способ взаимодействия обводки с фоном изображения.

Вы также можете изменить Непрозрачность , если хотите, чтобы контур был более прозрачным и лучше сочетался с фоном.

Затем есть варианты Тип заливки .Вы можете выбрать Color , Gradient или Pattern . Параметр цвета позволит вам выбрать сплошной цвет, а градиент позволяет выбрать два цвета для смешивания. С узором вы можете заполнить контур узором по вашему выбору.

Создание нескольких контуров текста

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

Для этого сначала нужно ввести текст и выполнить описанные выше шаги для создания единого контура. Затем в Положение обводки выберите Внутри . Хотите ли вы сохранить текстовую заливку или нет, решать вам. Если вы хотите, чтобы он был пустым, измените значение Fill Opacity на ноль.

Далее вам нужно продублировать текстовый слой. Для этого выделите слой и нажмите Ctrl + J , чтобы скопировать его, или щелкните правой кнопкой мыши и выберите Duplicate Layer .Новый слой появится над тем, который вы скопировали. Выделив этот слой, щелкните его правой кнопкой мыши и выберите Blending Options , чтобы открыть окно Layer Styles .

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

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

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

Использование текстовых слоев для создания дополнительных эффектов

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

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

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

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

Как выделить текст в Photoshop: быстрое и простое руководство

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

То же самое можно сделать в Photoshop; однако он зарезервирован только для объектов. Применение контура к тексту — это совсем другая история, и для этого потребуется несколько дополнительных шагов.

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

Итак, перейдем прямо к !

Как обвести текст в Photoshop

Шаг 1. Напишите текст

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

Дополнительно: Установить заливку 0%

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

Тем не менее, вы можете оставить его на 100%, и обводка будет добавлена ​​к цвету заливки букв.

Хорошо, теперь самое интересное начинается.

Шаг 2: Добавление стиля слоя

Добавить стиль слоя можно двумя способами.Первый — , дважды щелкнув текстовый слой, , а второй — перейдя в нижнюю часть панели «Слои» , щелкнув значок fx и выбрав параметр «Обводка».

Добавление стиля слоя: дважды щелкните слой

Добавление стиля слоя: нажмите на fx

Если вы выберете первый вариант, дважды щелкнув его, вам нужно будет затем перейти к опции «Обводка». Второй уже открывает настройки обводки, над которыми вы будете работать.

ВАЖНЫЙ СОВЕТ:

Убедитесь, что поставил галочку напротив Preview в правой части всплывающего окна Layer Style, чтобы вы могли видеть изменения, которые вы вносите, в режиме реального времени.Вы также можете увидеть все изменения, которые вы создаете, справа в так называемом предварительном просмотре настроек эскизов.

2.1. Размер

Первый параметр, который вы можете изменить, — это размер контура . Значение по умолчанию — 3 пикселя. Если вы хотите получить более толстый контур, вам придется увеличить число. Напротив, меньшее число даст вам более тонкий штрих.

2.2 Позиция

Это важный вариант. Почему вы спросите? Потому что это влияет на размещение штриха.Если буквы, к которым вы применяете эффект, тонкие, это может объединить различные части обводки букв. То же самое может произойти, если вы установите шрифт с засечками. В этом случае тонкие линии с засечками будут совмещены без каких-либо дополнительных промежутков между линиями штрихов.

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

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

Внешний вид Настройка контура
Центр Настройка контура
Внутри настройка контура

2.3 Режим наложения

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

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

2,4 Непрозрачность

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

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

Следующим на очереди идет опция Oveprtint, которая была добавлена ​​в Photoshop CC 2015. Так что, если у вас Photoshop более ранней версии, не беспокойтесь. Это вариант, который вы действительно воспользуетесь, если даже. Однако в некоторых случаях это может пригодиться, поэтому давайте узнаем о нем подробнее.

2,5 Надпечатка

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

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

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

2.6. Тип заливки

Здесь вы можете установить свой план на:

• Цвет: в качестве размера и положения, это важный параметр, поскольку он устанавливает цвет контура

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

• Узор: Если вам нужен контур с определенным узором, вы можете выбрать другие из библиотеки или загрузить тот, который хотите и добавьте его к обводке.

После того, как вы попробуете другую настройку и будете довольны своим результатом, нажмите OK , и все готово! Если вам не нравится результат, вы можете изменить его, нажав Обводку на слое, к которому применен эффект.

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

Также ознакомьтесь с другими учебными пособиями по DesignyUp.

Как обвести текст в Photoshop

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

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

В этой простой статье мы покажем вам, как правильно использовать функцию Outline в Photoshop.

Как обвести текст в Photoshop

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

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

2. Теперь щелкните правой кнопкой мыши текстовый слой и выберите «Параметры наложения», вы также можете перейти к «Слой> Стиль слоя> Обводка».

3. Теперь в разделе «Стили» установите флажок «Обводка» на левой боковой панели.

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

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

Три различных положения хода:

• Этот параметр сделает обводку внутри краев выделения.
• Это поместит обводку на 10 пикселей внутри и за пределы выделения.
• Это поместит обводку за пределы края выделения.

6. В настройках Stroke вы можете использовать Blend Mode, который поможет вам контролировать, как цветная обводка будет соответствовать цветам / слоям под обводкой. Например, если вы разместили текст поверх цветного изображения.

7. Вы также можете установить прозрачность, сдвинув ползунок «Непрозрачность».

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

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

Также читайте: Исправляйте размытые изображения в мгновение ока с помощью этих невероятных приложений

Как обвести контур шрифта в Photoshop

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

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

Вы можете увидеть выделенные шрифты на изображении ниже:

1. Сначала вам нужно взять чистый холст, давайте возьмем блочный.

2. Теперь введите текст и щелкните правой кнопкой мыши текстовый слой, а затем выберите параметр смешивания.

3. Теперь я перешел к Layer Style и затем Stroke.

4. Теперь выберите положение «Снаружи».

5. После выбора позиции вы можете установить размер и непрозрачность.

6. По завершении нажмите OK.

7. Теперь уменьшите Непрозрачность до 0 на вкладке слоев.

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

Вы могли бы прочитать это: Как изменить шрифты в Android?

Как обвести контуром половину текста на фотографии в Photoshop

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

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

1. Возьмите изображение, на котором вы хотите разместить текст, а затем введите текст. Теперь сделайте текст немного больше.

2. Теперь создайте копию текста и присвойте ей имя.

3.Теперь измените один слой текста на контур и оставьте другой как есть.

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

5. Теперь мы растрируем слой с нормальной заливкой, это превратит текст в растровое изображение, состоящее из пикселей.

6. Теперь выберите часть текста, для которой вы хотите увидеть эффект контура, с помощью инструмента прямоугольной области. Теперь удалите выделенный текст, чтобы остался только выделенный текст.

7. Теперь вам нужно объединить все видимые слои или вы можете сгладить изображение, используя параметры в меню Layer .

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

Обязательно к прочтению: Как добавить текст к фотографиям на iOS, Android, Windows и Mac?

Вердикт:

Обводку текста можно выполнить разными способами, но использование Stroke — один из самых простых методов, которые вы можете найти.Вы можете добавлять эффекты, комбинируя текст со стилями слоя для добавления эффектов. Используя этот метод, вы можете скопировать и вставить любой текст и заменить текст, который вы использовали ранее.

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

Следующее чтение

1. Бесплатные фото сайтов на 2020 год
2. Лучшие инструменты для редактирования GIF-изображений
3. 10 лучших приложений для редактирования фотографий для iPhone — 2021
4. 5 лучших приложений для редактирования фотографий для Android в 2021 году
5. Что делает Pixlr лучшим онлайн-фоторедактором для творческого графического дизайна?

Как обвести текст в Photoshop

В этом посте объясняется, как очертить текст в Photoshop всего несколькими щелчками мыши.

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

Я добавлю БЕСПЛАТНЫХ PSD-файлов , которые вы можете скачать в конце этого поста.

Контурный текст может выделить его. Это также может сделать ваш текст более стильным. Обычно мы называем контур текста или объекта «штрихом». Каждый объект, фигура или текст может иметь обводку и заливку.

Давайте воссоздадим текст ниже, используя штрихи в Photoshop.Изображение ниже состоит всего из двух штрихов и очень простой заливки.

Давайте откроем Photoshop и создадим новый холст. Размер значения не имеет, но тот, который я создал, был 1280 x 800.

Как обвести текст в фотошопе за 5 шагов.

Шаг 1.

Давайте возьмем инструмент «Текст», который находится на левой панели инструментов Photoshop. Ярлык для этого — «T». Я выбрал свой любимый шрифт Monserrati Black. Я выбрал размер шрифта 117pt. Если у вас нет этого шрифта, вы можете использовать любую толстую лицевую часть.Монтсеррат доступен для загрузки с Google Fonts здесь.

Примечание. Если вы хотите использовать пиксели, а не точки для размера шрифта, вы можете изменить это, перейдя в Edit> Preferences> General. Найдите единиц и линейок и в этом разделе под Тип вы можете переходить от точек к пикселям.

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

Щелкните в любом месте холста и введите «ОБНАРУЖЕННЫЙ».

Шаг 2.

Дважды щелкните слой с названием «OUTLINED».

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

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

Шаг 3.

Давайте сначала изменим цвет нашего шрифта на зеленый, используя «Color Overlay». Здесь вы можете выбрать любой цвет.В этом примере используется цвет шестнадцатеричного ключа # 25b983, поэтому вы можете скопировать и вставить его при необходимости.

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

Шаг 4.

Давайте создадим наш первый контур, не закрывая окно стилей слоя и на этот раз выбрав «обводку».

Щелкните образец цвета и выберите белый цвет.Установите размер 20 пикселей и убедитесь, что его положение установлено на «снаружи». Сохраните непрозрачность на уровне 100% и установите тип заливки на цвет.

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

Шаг 5.

Давайте создадим последний штрих.Не закрывая окно стиля слоя, давайте добавим еще одну обводку. Мы делаем это, нажимая кнопку «плюс» рядом с «штрихом».

Выбрав второй штрих, изменим его цвет на зеленый, который мы использовали ранее. # 25b983.

Давайте также изменим его размер на 35 пикселей. Это сделает его на 15 пикселей больше, чем первая белая обводка, которую мы создали. Каждый штрих, который вы добавляете, начинается с края исходного текста. Оставим настройки непрозрачности и типа заливки по умолчанию.

Теперь, если мы посмотрим на наш текст, мы почти закончили! Вы можете поиграть с цветами и размерами обводки и создать что-то новое.Поразительно, сколько разных стилей можно создать, просто изменив цвет и размер штрихов.

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

Не забудьте скачать PSD и поэкспериментировать. Вы также можете просмотреть мою страницу с уроками Photoshop, чтобы получить больше бесплатных уроков.

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

Спасибо за чтение

Рик

Как легко выделить текст в Photoshop

Советы от Diego Sanchez 9 ноября 2017 г.

Текстовые эффекты Photoshop

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

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

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа как «Контурный текст», ширину 800 пикселей, высоту 360 пикселей и выберите «Белый» для содержимого фона. Щелкните ОК.

Шаг 2

Выберите инструмент «Текст» (T) и введите текст.

Шаг 3

Выделив текстовый слой, перейдите в Layer> Layer Style> Stroke и примените следующие настройки:

Боковые примечания: Положение обводки может быть установлено на Внутри, По центру или Снаружи, режим наложения используется для определения того, как цвет обводки будет взаимодействовать с цветом под обводкой, а Непрозрачность используется для установки значения прозрачности обводки. . В разделе «Тип заливки» вы можете выбрать «Цвет», «Градиент» или «Узор».

Шаг 4

Кроме того, вы можете просто оставить текст без заливки, просто уменьшив заливку слоя до 0%. Для этого выберите текстовый слой и на панели слоев установите значение Заливки на 0%.

Заключительные ноты

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

Еще из

Советы

Как быстро создать цветочный дизайн в Illustrator

Советы от Диего Санчес

Иногда вы видите очень сложные иллюстрации, создание которых, по вашему мнению, может занять несколько часов. но эти сложные иллюстрации можно сделать очень быстро, если вы знаете, какие инструменты использовать. Сегодня я покажу вам, как быстро вы можете создать то, что кажется очень сложным цветком в Illustrator, используя эффект Pucker & Bloat и мощную панель преобразования, значения которой вы можете настроить позже, чтобы создавать различные эффекты без необходимости сделайте весь процесс заново.И все это менее чем за 5 минут и 6 простых шагов.

Подробнее

Как легко дублировать и вращать объекты вокруг любой точки в Illustrator

Советы от Diego Sanchez

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

Подробнее

Легко выбрать и изменить любой цвет в Photoshop

Советыот Diego Sanchez

Бывают случаи, когда (по разным причинам) вам нужно изменить определенный цвет на изображении. В Photoshop многие пользователи просто маскируют изменяемую цветовую часть изображения, затем создают новый цветной слой и меняют режим наложения этого слоя, надеясь, что некоторые из этих режимов работают правильно.Но есть гораздо более простой и эффективный способ сделать это без выделения или изменения режимов наложения слоев. Используя простой корректирующий слой Hue / Saturation, вы можете быстро и легко выбрать и изменить любой цвет.

Подробнее

Создание эффекта тени контура текста в Adobe Photoshop

В Adobe Photoshop есть множество эффектов, которые вы можете создать и использовать на любых объектах. Я бы сказал, что возможности безграничны между идеей, самим эффектом и корректировками, которые вы можете внести в нее.Что касается текстовых эффектов, я видел много за эти годы. Типичный материал — тиснение, контуры, тени, почти все. Однако я редко вижу тень, преобразованную в контур. Это что-то новое, на что приятно смотреть.

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

Первое, что я сделаю, это напишу произвольный текст на пустом холсте. Для этого я воспользуюсь инструментом Horizontal Type Tool . Я использую шрифт Microsoft Tai Le . Вот текст.

Затем я дважды щелкаю текстовый слой на панели Layers , чтобы открыть палитру Layer Style . После открытия я нажимаю на опцию Drop Shadow .

В области Drop Shadow я внесу несколько изменений. Не думайте, что эти корректировки высечены в камне. Вы можете делать все, что захотите, со своим собственным текстом. Самая важная часть — это контур.

Сначала я установлю Opacity на 100% и Blend Mode на Normal . Затем я изменю Угол на 130 ° . Затем я установлю Contour на Rolling Slope — Descending .

На этом этапе моя тень будет выглядеть немного странно. Причина в том, что я еще не настроил его. Давай посмотрим, что у меня есть.

Если я продолжу и установлю Distance на 10 , Spread на 10 и Size на 3 , я думаю, что все будет выглядеть намного лучше. Вот настройки.

А вот и финальный эффект контура тени текста.

Довольно круто, правда? Позвольте мне сказать вам, что этот тип эффекта выглядит так сильно по-разному, как он применяется к разным шрифтам.Я немного поигрался и нашел несколько интересных приложений. Проверьте это.

Мне нужно остановиться, потому что я могу сидеть здесь весь день и возиться с этими вещами. Я думаю, что этого достаточно для вас, чтобы начать работу. Если у вас есть какие-либо вопросы о том, как применить этот тип эффекта к тексту в Adobe Photoshop, дайте мне знать в разделе комментариев ниже или на форуме Photoshop. Спасибо за прочтение!

Как обвести текст в фотошопе?

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

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

Как нарисовать контур на текстовых изображениях?

Добавьте или удалите рамку изображения, которое нужно отредактировать.Затем щелкните стрелку рядом с полем «Граница изображения». Щелкните нужный цвет или создайте собственный, нажав «Другие цвета контура».

Как вы очерчиваете текст в Adobe Illustrator?

Чтобы выделить текст в Illustrator, выделите текст с помощью инструмента «Выделение». Чтобы создать редактируемые контуры, выберите «Текст»> «Создать контуры». Чтобы создать контур, выберите текст и щелкните правой кнопкой мыши.

Как вы обрисовываете в фотошопе?

Основы Photoshop: как выделить текст в Photoshop 17 июля, 2019 В этом посте я покажу вам, как выделить текст в Adobe Photoshop CC.Шаг 1. Откройте документ или создайте новый холст. Откройте файл документа или создайте новый холст с требуемыми размерами. Здесь у нас есть стоковое изображение для нашего примера, которое напоминает рабочий стол. Выберите инструмент «Текст» на левой панели инструментов.

Что значит преобразовать текст в контуры?

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

Как добавить текст в иллюстратор?

Как превратить текст в форму?

Вкратце, чтобы преобразовать текст в форму в Photoshop, вам нужно щелкнуть правой кнопкой мыши нужный текстовый слой и выбрать параметр «Преобразовать в форму». Рассмотрим этот процесс более подробно: как только вы уже открыли документ, мы начнем с него.Эта страница научит вас, как это сделать, если вы еще не знаете. Итак, приступим! Вы можете найти панель «Слои» в правом нижнем углу экрана. Шаг 1: Выделите текст и преобразуйте его в форму. На панели «Слои» найдите текстовый слой.

В чем преимущество преобразования текста в контуры иллюстратора?

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

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

Добавьте к тексту эффект контура, тени, отражения или свечения.

1. Выделите текст или объект WordArt.
2. Щелкните «Главная»> «Текстовые эффекты».
3. Затем щелкните нужный эффект. Для получения дополнительных параметров щелкните Контур, Тень, Отражение или Свечение, а затем щелкните нужный эффект.

Почему шрифты нужно выделять рамками?

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

Как заполнить объект изображением в Illustrator?

Нажмите «Файл» в верхнем меню, затем «Поместить…». Выберите изображение для вставки. Оставьте изображение выделенным и нажмите «объект» в верхнем меню, затем «Отправить назад». Измените размер изображения с помощью инструмента прямого выбора сверху. панели инструментов. С помощью инструмента «Прямое выделение» — перетащите квадрат на фигуру и изображение, чтобы выделить их обе

Как добавить буквы в Adobe Draw?

Извините, но в Draw (или Sketch) нет текстовой функции, поэтому любой текст должен быть нарисован или добавлен как слой изображения.У вас должен быть файл в папке Creative Cloud Files, чтобы импортировать его в Draw.

Как сделать черную рамку вокруг текста в Canva?

Вы можете найти результаты, набрав «границы» в строке поиска и нажав Enter / Return. Нажмите на границу, чтобы добавить ее в свой дизайн. Премиум помечены знаком $ или ♛. Если вы подпишетесь на Canva Pro или Canva for Enterprise, у вас будет доступ к расширенной библиотеке премиум-элементов.

Как заполнить саман рисовать?

Жест долгого нажатия в Draw такой же, как и в Ideas, но нет инструмента заливки.Когда вы долго нажимаете на область, она заполняется текущим цветом.

Как заполнять между строк в иллюстраторе?

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

.