Как в фотошопе сделать круглый текст: Текст по кругу в Фотошоп — Независимое театральное объединение "Зрительские симпатии"

Содержание

Как в Фотошопе сделать «круговой текст»

Данный вопрос является не таким уж и редким и как правило востребован в среде производителей открыток и изготовителей различных фальшивых справок и документов. А им то зачем? Ну как же? А качественно нарисовать не существующую печать и так же радостно вручить вам например диплом об окончании МГУ или корочки Агента Национальной Безопасности. В общем нанесение кругового текста – это очередной наш урок о возможностях графического редактора Фотошоп….. Создаю новый документ произвольного размера. Цвет фона и цвет шрифта создаётся по своему усмотрению в зависимости от параметров создаваемой картинки.
Я возьму традиционную чёрно-белую цветовую гамму. Итак: создан документ белого цвета 500х500 px.

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

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

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

Если кто не разобрался с параметрами значит рисуем круг курсором при зажатой клавише Shift. В общем у меня получился вот такой контур круга.

Теперь выбираем инструмент текст ( соответственно с необходимыми Вам параметрами текста) и ставим курсор на контур. В средней части курсора будет видна маленькая поперечная риска, вот её и ставим чётко на контур.

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

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

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

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

Как обычно статья не является прямым указанием к беспрекословному исполнению, а написана в целях ознакомления с возможностями тех или иных инструментов графического редактора Фотошоп. Удачи! 🙂

Lessons PicsArt — Урок 4. Текст в PicsArt

Долгожданный урок про текст ему будет посвещаться несколько уроков этот и текст в Phonto.

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

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

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

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

Теперь заходим в папку управление

файлами ( так она называется на моём устройстве). Находим все файлы.

К сожалению, это изображение не соответствует нашим правилам.

Чтобы продолжить публикацию, пожалуйста, удалите изображение или загрузите другое.

Далие папку download.

Photoshop закругленные углы.

Как закруглить углы на изображении в фотошопе? Закругление углов у картинок

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

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

Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы (Effects > Stylize > Rounded Corners).

Шаг 1

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

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

Шаг 2

Теперь вам нужно растрировать слой. Для этого кликнете правой кнопкой мыши по миниатюре слоя звезды в палитре слоев и в контекстном меню выберите Растрировать слой (Rasterize Layer). То же самое вы должны сделать, если используете текстовый слой.

Шаг 3

Перейдите в меню Фильтр > Размытие (Filter > Blur) и выберите

Размытие по Гауссу (Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.

Шаг 4

Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение и выбираем Уточнить край (Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания (Smooth) и Растушевки (Feather), чтобы подобрать нужный эффект. Контрастность (Contrast) сделайте 100.

Шаг 5

Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».

Шаг 6

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

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

1 голос

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

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

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

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

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

Быстрый способ закруглить фотку

Итак, работать будем в фотошопе. Открываем изображение.

Находим инструмент «Прямоугольник со скругленными углами».

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

Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.

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

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

Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.

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

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

Вам нужен именно png.

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

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

Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).

Скругление для дизайнеров, ускоряем процесс работы над проектом

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

Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать ).

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

Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.

К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.

Подбираем идеальный вариант.

Затем во вкладке «Выделение» находим «Инверсия».

Нажимаем кнопочку «del» на клавиатуре и готово.

Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.

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

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

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

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

Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.

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

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

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

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

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

Шаг 1

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

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

Шаг 5

На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I . В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется . Присмотритесь внимательней, что изменилось:

Шаг 6

Теперь нажмите комбинацию клавиш Ctrl+X (редактирование — вырезать ) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).

Шаг 7

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

Шаг 8

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

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

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

А как сделать только, например, один закругленный угол?

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

Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь толщиной в 1px :

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

Закругляем все углы рисунка с помощью формы Photoshop

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

1. Открываем Фотошоп. В уроке используется моя любимая версия Adobe Photoshop CS3 , но подойдет и любая другая версия, установленная на вашем компьютере.

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

3. Нажимаем на клавиатуре Ctrl+A чтобы выделить весь рисунок, затем нажимаем Ctrl+C , чтобы его скопировать. Открываем новое окно в Фотошопе (Ctrl+N ) и вставляем в него скопированный рисунок (Ctrl+V ). При этом фон в новом окне должен быть либо , либо того цвета, который должен окружать рисунок с закругленными краями на сайте.

4. Создаем новый слой (Ctrl+Shift+N ). И в этом новом слое с помощью инструмента Rounded Rectangle Tool (U) рисуем квадрат или прямоугольник нужного размера:

5. Цвет фона нарисованного прямоугольника не имеет значения. Параметр Radius , характеризующий степень закругленности угла, для этого урока равен 8 , но вы можете изменить его по своему усмотрению:

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

7. Удерживая клавишу Ctrl кликаем по превью слоя в панели слоев Layers (у нас это красный квадрат). Это позволит нам выделить красный прямоугольник с закругленными углами, о чем свидетельствует появившаяся пунктирная линия по его границе:

8. В панели слоев Layers переходим на нижний слой с основным изображением и нажимаем комбинацию Ctrl+Shift+I (или Select -> Inverse в главном меню Photoshop). Это позволит выделить область, которая лежит за пределами красного квадрата с закругленными уголками.

9. Нажимаем на клавиатуре клавишу Delete , чтобы удалить эту ненужную нам часть основной картинки. После этого делаем невидимым верхний слой с красным квадратом (в панели Layers нажимаем на иконку глаза возле слоя с красным квадратом). Нажимаем на клавиатуре M и кликаем в любом месте на холсте рисунка, чтобы снять выделение на готовом изображении аватарки с закругленными углами. Если фон мы установили прозрачным, получим следующее:

10. Рисунок без острых углов готов. Можно и использовать как аватарку или иллюстрацию на сайте.

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

Если нужно закруглить только один угол рисунка, а остальные при этом должны остаться острыми, вышеописанная инструкция тоже отлично подойдет для использования. Для этого достаточно сделать с помощью комбинации Ctrl+T размеры красного прямоугольника больше, чем редактируемая картинка. При этом края красного квадрата будут заканчиваться за пределами холста и такой прямоугольник можно наложить на рисунок так, чтобы только один угол накладывался на видимую область рисунка, а остальные остались за его пределами. С помощью инвертирования и удаления выделенной части рисунка мы закруглим только один нужный угол картинки, а остальные углы останутся острыми. Аналогично можно быстро и просто закруглить любое количество углов любого изображения.

Также для создания картинки с неровными краями или любыми другими подобными эффектами можно использовать картинку с такими неровными краями или закругленными углами, скачанную с какого-нибудь сайта. При этом нужно удалить фон, не относящийся к картинке, например, с помощью инструмента Magic Wand Tool (W) .

Узнать больше про продвижение мобильных приложений вы можете на сайте advertmobile.net. Этот сервис предлагает мотивированные установки в больших объемах для разработанного вами приложения, а также их грамотную раскрутку в App Store и Google Play.

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

И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.

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

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

Создаём дубликат картинки, для этого жмём правой кнопкой мыши по Слой 0 и выбираем «Создать дубликат слоя».

Рисунок2

Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.

Выделяем нужную часть на изображение.

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

В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.

Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.

Если всё сделано правильно, в Фотошопе вы увидите примерно вот такую картину. Теперь можно сохранить изображение например в png формате, и радоваться произведению искусства.

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

Затем заходим в меню Редактировать->Скопировать.

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

В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.

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

И что у нас получилось на выходе.

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

Подделка текста в фотошопе

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

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

Здесь у меня есть изображение бейсбола, лежащего в траве:

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

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

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

Шаг 1. Выберите инструмент «Прямоугольник».

Так как мы собираемся использовать путь в качестве контейнера для нашего текста, прежде чем мы сможем добавить наш текст, нам нужен путь! Я собираюсь использовать инструмент Rectangle Tool от Photoshop (не путать с инструментом Rectangular Marquee), чтобы создать прямоугольный контур, который станет основной формой моего текстового контейнера. Я выберу Rectangle Tool из палитры Инструменты:

Выберите инструмент «Прямоугольник» в Photoshop.

Я также мог бы нажать U на клавиатуре, чтобы быстро выбрать его.

Шаг 2. Выберите параметр «Пути» на панели параметров

Фотошоп дает нам три способа использования инструмента «Прямоугольник», наряду с другими инструментами формы. Мы можем использовать их для рисования векторных фигур, мы можем использовать их для рисования простых контуров (что мы и будем здесь делать), и мы можем использовать их для рисования пиксельных фигур. Вы можете выбрать один из этих трех вариантов, щелкнув соответствующий значок вверху на панели параметров в верхней части экрана. Я хочу использовать инструмент «Прямоугольник» для рисования траектории в форме прямоугольника, поэтому я собираюсь щелкнуть значок « Контуры» на панели параметров, который является значком в середине трех (один слева — вектор опция фигур, а справа — для рисования фигур на основе пикселей):

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

Шаг 3: перетащить путь в форме прямоугольника

Когда мой инструмент Rectangle Tool выбран и настроен для рисования контуров, я просто собираюсь перетаскивать траекторию прямоугольной формы так же, как я перетаскиваю выделение с помощью инструмента Rectangular Marquee Tool, и этот путь становится контейнером для мой текст:

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

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

Шаг 4: выберите инструмент Ellipse

Есть несколько способов изменить форму пути в Photoshop, но в этом случае самый простой способ, поскольку шар круглый, — это использовать инструмент Ellipse Tool в Photoshop, чтобы вычесть часть пути из шара. Для этого я выберу свой Ellipse Tool, который по умолчанию прячется за Rectangle Tool в палитре Tools, поэтому мне нужно будет щелкнуть Rectangle Tool, удерживать мою кнопку мыши нажатой в течение секунды или двух, и затем выберите Ellipse Tool из всплывающего меню, которое появляется:

Выберите инструмент «Эллипс» в Photoshop на панели «Инструменты».

Шаг 5: Установите инструмент Ellipse в режим «вычитания»

С выбранным Ellipse Tool, если вы посмотрите вверх на панели параметров, вы увидите группу из четырех значков, которые выглядят как квадраты, соединенные по-разному. Эти четыре значка представляют четыре параметра, которые определяют, как будет вести себя путь, который вы собираетесь рисовать. То, что нам нужно, это второе слева, которое является значком « Вычесть из пути» . Я нажму на него, чтобы выбрать его:

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

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

Небольшой знак минуса («-») в правом нижнем углу курсора указывает, что в данный момент выбран параметр «Вычесть из области пути».

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

Перетаскивание эллиптической траектории вокруг бейсбола с помощью Ellipse Tool, установленного в режим «Вычитание».

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

Заполненная область представляет собой активную область пути после вычитания ее части с помощью инструмента Эллипс, для которого установлено значение «Вычитать».

Теперь, когда у нас есть наш путь, давайте добавим наш текст.

Шаг 6: добавь свой текст

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

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

Я также мог быстро получить доступ к инструменту ввода текста, нажав T на моей клавиатуре. Затем, выбрав «Тип инструмента», я подойду к панели параметров в верхней части экрана и выберу свой шрифт, размер шрифта и цвет текста. Я просто оставлю все как есть здесь и остановлюсь на Times New Roman Bold размером 16 пт с моим цветом текста белым:

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

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

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

У меня уже есть некоторый текст, сохраненный в моем буфере обмена, который я скопировал с конца знаменитой бейсбольной поэмы «Кейси в летучей мыши» Эрнеста Лоуренса Тейера, которая, как мне показалось, подойдет для этого изображения, поэтому, чтобы добавить текст к моему изображению, Я просто щелкну внутри пути, а затем использую сочетание клавиш Ctrl + V (Win) / Command + V (Mac), чтобы вставить текст внутри пути. Как мы видим, текст не только остается внутри траектории, но и хорошо оборачивается вокруг бейсбола:

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

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

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

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

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

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

Окончательный результат «обтекания поддельным текстом».

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

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

Как создать хорошее меню в фотошопе. Как сделать меню группы в Вконтакте? ribbon – декоративная полоска для текста

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

Шаг 1.
Создаем в фотошопе новый документ, заливаем его цветом #0c1b26.

Шаг 2.
На панели инструментов выбираем инструмент «Прямоугольник со скругленными краями» (Rounded Rectangle Tool). В строке настроек под верхним меню выставляем «Радиус» (Radius) 50 пикселей и создаем фигуру как на рисунке ниже, цвет любой.

Шаг 3.

Шаг 4.
Далее стиль слоя «Внутренняя тень» (Inner Shadow).

Шаг 6.
Получили такой результат.

Шаг 7.
На новом слое создаем небольшой кружок, цвет любой.

Шаг 8.
К созданной фигуре применим стиль слоя «Наложение градиента» (Gradient Overlay). Цвет слева #6d78a5, справа #9ea4c4.

Шаг 9.
Далее стиль слоя «Внутренняя тень» (Inner Shadow), цвет #0a1a28.

Шаг 11.
Получили такой результат.

Шаг 12.
Выбираем и настраиваем шрифт, как на рисунке ниже, и с помощью знака «больше» (или треугольная скобка) на английской клавиатуре делаем указатель для меню.

Шаг 13.
Выбираем и настраиваем шрифт, как на рисунке ниже, и пишем текст на кнопке. В данном случае «Практика для новичков».

Шаг 14.
Применим к тексту стиль слоя «Тень» (Shadow).

Шаг 15.
Получили такой результат.

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

P.S. Постовой. А вы знаете, что автор блога hronofag.ru Drive Alienn пишет очень интересные и познавательные статьи для веб-дизайнеров. Например о том, как сделать сайт в фотошопе или симпатичную визитку в иллюстраторе.

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

1. Создаем шапку листовки

Создаем новый файл размером 800 х 570 пикселей; вы можете выбрать любой размер, но, чтобы получить такой же результат, как у меня, нужно соблюдать определенные пропорции. Далее создаем новый слой, называем его «Фон» и заливаем белым цветом.

На новом слое добавляем фон с фастфудом и размещаем его вверху документа.

Дважды кликаем по слою с изображением фастфуда и применяем к нему стиль слоя Inner Shadow (Внутренняя тень).

2. Добавляем текст на доске

Активируем инструмент Type Tool (T) (Текст) и пишем, например, Restaurant Menu. Используем шрифт Bakery Font. Из этого урока вы можете узнать, как быстро установить шрифт в Фотошоп. Для удобства работы с текстом мы будем использовать два текстовых слоя: один со словом restaurant, а второй — menu.

Жмем Ctrl+T, чтобы слегка изменить угол наклона текста.

Инструментом Pen Tool (P) (Перо) рисуем несколько волнистых линий по бокам слова menu.

3. Добавляем иконки с едой

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

Рядом с каждой иконкой добавляем название блюда и цену. Здесь используем шрифт Sketch Block, но вы можете подобрать другой. Цвет текста устанавливаем на темно-серый (#302e2f).

4. Создаем эффект бумаги

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

Выше текстуры добавляем корректирующий слой Layer — New Adjustment Layer — Levels (Слой — Новый корректирующий слой — Уровни). Затем преобразовываем корректирующий слой в обтравочную маску (Ctrl+Alt+G).

Добавляем корректирующий слой Hue /Saturation (Цветовой тон/Насыщенность), чтобы слегка обесцветить текстуру.

Вот так выглядит готовое меню для ресторана.

5. Добавляем текстуру дерева

В архиве с уроком в формате PSD вы найдете специальный psd-мокап в виде стопки бумаги на сером фоне. Открываем его в Фотошоп, дважды кликаем по слою «ADD BACKGROUND INSIDE» и в открывшемся смарт-объекте добавляем любую текстуру дерева . Сохраняемся (Ctrl+S) и смотрим результат.

Также в этом же файле вы можете заменить картинку с меню на свою. Для этого отредактируйте смарт-объект «DOUBLE CLICK TO OPEN THE FLYER» по такому же принципу, как фон.

Andrei Marius; Переводчик: Daewon

Создаём дизайн для меню в Фотошоп

В этом уроке вы узнаете, как с помощью Photoshop создать простое и стильное выпадающее меню.

Шаг 1

Открываем Photoshop и жмем Ctrl+N, чтобы создать новый документ с параметрами, показанными ниже на скриншоте. Активируем сетку View — Show — Grid (Вид — Показать — Сетка) и привязку к сетке View — Snap to — Grid (Вид — Прикрепить к — Сетка). На данный момент нам нужна сетка с ячейками 5 px.

Переходим Edit — Preferences — Guides, Grid and Slices (Редактирование — Установки — Направляющие, сетка и фрагменты) и находим параметры Grid (Сетка). Для Gridline Every (Линии через каждые) вводим 5, а для Subdivision (Внутреннее деление на) — 1. Также устанавливаем цвет сетки на #a7a7a7. Закончив, жмем OK.

Сетка очень помогает в работе, советую ею не пренебрегать. Также открываем панель информации Window — Info (Окно — Информация).

Шаг 2

Устанавливаем цвет переднего плана на #3f8ecf, берем Rounded Rectangle Tool (Закругленный прямоугольник) (U) и назначаем его радиус на 20 px. Создаем прямоугольник размером 160 х 40 px и дублируем его (Ctrl+J). Выбираем дубликат и меняем его цвет на белый. Активируем Rectangle Tool (Прямоугольник) (U), жмем кнопку Intersect shape areas (Область пересечения фигур) на верхней панели и рисуем квадрат размером 40 х 40 px, как показано на третьем скриншоте. Перемещаемся на панель слоев и дважды кликаем по слою с белым прямоугольником, чтобы открыть окно Layer Style (Стиль слоя).

Применяем Inner Glow (Внутреннее свечение), Gradient Overlay (Наложение градиента) и Stroke (Обводка) с настройками, как на скриншоте ниже.

Шаг 3

Выделяем синий прямоугольник и еще раз дублируем его (Ctrl+J). Выделяем дубликат, меняем его цвет на белый и активируем Rectangle Tool (Прямоугольник) (U). Жмем кнопку Intersect shape areas (Область пересечения фигур) на верхней панели и рисуем прямоугольник размером 120 х 40 px, как показано ниже.

Переходим на панель слоев, кликаем правой кнопкой по слою с белым прямоугольником, созданном в предыдущем шаге, и выбираем Copy Layer Style (Копировать стиль слоя). Переходим к белому прямоугольнику, который мы создали в этом шаге, жмем по нему правой кнопкой и выбираем Paste Layer Style (Вклеить стиль слоя).

Шаг 4

Берем Type Tool (Текст) (Т) и пишем текст на кнопке (цвет #a1d8ff). Затем открываем окно Layer Style (Стиль слоя) и применяем к тексту стили слоя, как показано ниже.

Шаг 5

Возвращаемся к синему прямоугольнику, который мы создали во втором шаге. Открываем окно Layer Style Drop Shadow (Тень). Дублируем этот прямоугольник (Ctrl+J), выделяем копию, открываем окно Layer Style (Стиль слоя) и редактируем стиль слоя, как показано ниже. Затем выделяем все созданные на данный момент прямоугольники и группируем их (Ctrl+G). Так кнопка будет выглядеть, когда выпадающее меню скрыто. Последние штрихи мы добавим в финальном шаге.

Шаг 6

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

Шаг 7

Теперь сосредоточимся на дубликате группы. Сначала подкорректируем текст. Меняем его цвет на #b4b4b4, затем жмем правой кнопкой по слою и выбираем Clear Layer Style (Очистить стиль слоя). Открываем окно Layer Style (Стиль слоя) и добавляем к тексту стиль слоя Drop Shadow (Тень).

Шаг 8

Устанавливаем цвет переднего плана на #f5f5f5, берем Rounded Rectangle Tool (Закругленный прямоугольник) (U) и назначаем его радиус на 20 px. Создаем прямоугольник размером 160 х 35 px и размещаем его под кнопкой, как показано на рисунке 1. Затем дублируем его (Ctrl+J) и меняем цвет копии на белый. Активируем Rectangle Tool (Прямоугольник) (U), жмем на кнопку Intersect shape areas (Область пересечения фигур) на верхней панели и рисуем прямоугольник размером 40 х 35 px, как показано на рисунке 2.

Переходим на панель слоев и уменьшаем Fill (Заливка) этого слоя до 0%. Затем открываем окно Layer Style (Стиль слоя) и применяем стиль слоя Inner Shadow (Внутренняя тень).

Шаг 9

Активируем закругленный прямоугольник, который мы создали в начале предыдущего шага, и дублируем его (Ctrl+J). Активируем копию и на панели слоев перемещаем ее выше (Shift+Ctrl+]). Уменьшаем Fill (Заливка) до 0%, открываем окно Layer Style (Стиль слоя) и применяем стили слоя.

Шаг 10

Активируем второй прямоугольник, созданный в восьмом шаге, и дублируем его (Ctrl+J). Перемещаем копию выше (Shift+Ctrl+]), затем копируем стили слоя из предыдущего шага и вставляем их на этот прямоугольник.

Шаг 11

Теперь сосредоточимся на правой части кнопки, созданной в предыдущем шаге. Устанавливаем цвет переднего плана на #ebebeb, берем Rectangle Tool (Прямоугольник) (U) и создаем прямоугольник размером 10 х 5 px, как показано ниже.

Далее жмем кнопку Add to shape area (Добавить к области фигуры) и сразу над предыдущим рисуем новый прямоугольник размером 5 х 10 px, как показано на рисунке 2. Убеждаемся, что созданный слой активен, и жмем Ctrl+T. Поворачиваем стрелку на -45 градусов и жмем Enter.

Переходим на панель слоев, зажимаем клавишу Ctrl и кликаем по миниатюре слоя с прямоугольником, созданным в предыдущем шаге. В результате вокруг фигуры должно появиться выделение. Не снимая выделения, берем Move Tool (Перемещение) (V) и проверяем, что слой с созданной стрелкой все еще активен.

Перемещаемся на верхнюю панель и жмем кнопки Align vertical centers (Выравнивание центров по вертикали) и Align horizontal centres (Выравнивание центров по вертикали), как показано на пятом рисунке. Открываем Layer Style (Стиль слоя) и применяем стили слоя для стрелки.

Шаг 12

Берем Type Tool (Текст) (Т) и пишем любое слово на кнопке, как показано ниже (цвет #b4b4b4). Затем применяем к тексту стиль слоя Drop Shadow (Тень). Выделяем слой с текстом и все слои, созданные в последних четырех шагах, и группируем их (Ctrl+G).

Шаг 13

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

Шаг 14

Теперь доработаем подменю Tutorials. Активируем слой со стрелкой в группе с кнопкой Tutorials и открываем окно Layer Style (Стиль слоя). Применяем стили слоя.

Я написал статью про Photoshop .
Внимание! Я использую английскую версию Photoshop CS6 .
Сегодня мы нарисуем меню для игры с разрешением 800×600 (хотя по такой же технологии можно сделать и для 1024×768)
Вот как оно будет выглядеть:

А теперь начнём работать.
Создаем документ с Photoshop разрешением 800×600:

Переименовываем слой из Layer 1 в Background. Выделяем инструментом Rectangular Marquee Tool весь рисунок и закрашиваем его
тоном любого цвета, нам сейчас цвет не важен, или возьмите инструмент Paint Bucket Tool и закрасьте рисунок.
Загружаете вот этот рисунок:

Открываете его в Photoshop , переходите в Edit -> Define Pattern… и вводите имя вашей текстуры.
Выделяем слой background, нажимаем на кнопку эффектов и выбираем пункт «Pattern Overlay»:

Разверните палитру и выберите появившиюся текстуру из вашего изображения. Параметр Scale установите на 150%, а то слишком
мелко выглядит.
Итак, фон выглядит скучно и плоско:

Нужно его как-то «поднять», разнообразить.
Нажимаем на уже знакомую кнопку и находим пункт «Bevel & Emboss», залазим на подпункт под названием «Texture» и выбираем неровность:
разворачиваем текстуры, нажимаем на шестерёнку и выбираем понравившиюся текстуру:

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

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

Теперь рядом напишите текст «GameTool» (хотя вы можете написать туда что угодн0), используя шрифт Segoe UI с размером 72 pt.
Цвет дайте тексту #666666.
Текст стал сливаться с фоном, надо ему добавить обводку для чёткого разделения.
Слой с текстом стал называться так же, как и вы туда написали в этот слой. У меня он называется «GameTool».
Переходим на слой с текстом, нажимаем уже знакомую кнопку для вызова эффектов и выберем «Stroke».
Устанавливаем параметры: Size — 3px, Position — Outside, цвет — полностью чёрный (#000000), остальные параметры не трогаем.
Вот так хорошо стало:

Ну теперь к самой вкусной части этого урока — создание кнопок. Какое же меню без кнопок? А главное, вы научитесь делать такие аппетитные кнопочки.
И так, раскрываем меню инструмента Rectangle Tool и выбираем Rounded Rectangle Tool:

Теперь переходим к View и открываем пункт New Guide. Выбираем Hopizontal и вводим 4,87 cm.
Опять нажимаем на данную вкладку, опять выбираем Hopisontal и вводим 9,10 cm.
Еще раз нажимаем туда, оставляем Vertical и вводим 8,78 cm.
Ещё один раз нажимаем, оставляем Vertical и вводим 20,57 cm.
Для того, чтобы их случайно не сдвинуть, переходим в View -> Lock Guides. Теперь можно в получившиимся центре сделать кнопку с помощью инструмента
Rounded Rectangle Tool. Инструмент уже выбран, так что просто выделяем его и проводим от левого верхнего угла получившися окошка до правого нижнего края:

Слой с фигурой стал называться Shape 1. Переименовываем его в cnopka1. Нажимаем на кнопку эффектов и выбираем эффект Gradient Overlay.
Градента, который нужен, нет в списке, поэтому мы его сами создадим. Нажимаем два раза на градиент (не на кнопку открытия градиентов!), и открывается Gradient Editor.
Выставляем цвета:

И применяем этот градиент.
Кнопка выглядит плоско, надо её поднять. Поэтому нажимаем на кнопку эффектов и выбираем пункт «Bevel & Emboss».
Выставляем настройки:

Вот и готова кнопка.
Теперь переходим во View и снимаем галочку с Lock Guides.
Затем опять переходим во View и нажимаем пункт Clear Guides.
Перейдите на слой cnopka1 и дублируем его через Layer -> Dublicate Layer, или нажимаем правой кнопкой мыши на слое и выбираем Duplicate Layer.
Дайте имена нашим новым слоям: cnopka2 и cnopka3. Визуально ничего не изменилось, но если мы инструментом Move Tool подвинем наши новые слои, то они сместятся.
Перейдите на слой cnopka2 и зажимая клавишу Shift, перемещаем его вниз. Таким же образом переместите слой cnopka3. (Примечание — зажимать кнопку Shift надо было, чтобы
слой перемещался строго по горизонтали или вертикали.
(Ещё одно примечание: если вы используете Photoshop CS6, то можете видеть, насколько перемещается слой, в этом случае переместите его на ~1,5 cm)
Ну вот, остался только текст:

Напишите текст тем же шрифтом Segoe UI, 48 pt, цвет опять #666666. Напишите тексты — New Game, Help, Exit.
Ура, готово!

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

В этом уроке вы узнаете, как с помощью Photoshop создать простое и стильное выпадающее меню.

Шаг 1

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Шаг 6

Шаг 7

Шаг 8

Шаг 9

Шаг 10

Шаг 11

Шаг 12

Шаг 13

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

Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

При оформлении рисунков, картинок и документов часто применяется обводка, чтобы выделить и украсить объект или текст на общем фоне. Делается это быстро и не сложно, так что, господа, не переживаем. Всё будет на прежнем уровне доступно объяснено.

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

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

Содержание статьи

Обводка. Что это такое и зачем она нужна?

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

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

Название типа	Описание	Назначение
Цвет	Линии границы одного цвета	Самый обычный тип. Используется для обычного выделения
Градиент	Контур с переходящим цветом по вектору градиента	Более интересный вариант, больше подходит для оформления.
Узор	Граница с наложением узора	Аналогично предыдущему больше подходит для украшения объекта.

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

Рассмотрение будет вестись на самой последней версии Photoshop CC 2020, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.

Приступаем к непосредственному разбору!

Делаем обводку к любому слою в Photoshop

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

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

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

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

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

После добавления текста, он отобразится в панели слоёв в правой нижней части экрана. Откройте вкладку «слои», если она у вас не открыта и нажмите два раза левой клавишей мыши на наш новый текстовый слой, либо правой кнопкой и из выпадающего списка выбирайте пункт «Параметры наложения» («Blending options» в англоязычной версии).

В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.

Сейчас я расскажу про имеющиеся здесь настройки:

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

Рекомендую обязательно поиграть с данными параметрами и подобрать оптимальный для вас стиль. С цветом все достаточно ясно и понятно.

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

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

Ищите примерно так: «pat текстура скачать»

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

После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.

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

Цвет

Градиент

Узор

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

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

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

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

Заключение

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

Понравилась статья? Обязательно порекомендуйте её друзьям и оставьте свой комментарий! Ваша поддержка очень важна для блога!

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

С Уважением, автор блога Федор Лыков!

как ее сделать и настроить

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

Два способа создания обводки

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

Обводка слоя в «Фотошопе»

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

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

Выбрать слой.
В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

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

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

по границе слоя снаружи;
так, чтобы граница была ее центром;
по границе внутри.

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

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

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

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

Смысл существования двух диалоговых окон «Обводка»

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

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

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

При помощи инструмента «Выделение», «Лассо» или «Волшебная палочка» выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

Обводка текста по контуру

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

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

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

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

Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.

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

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

Обводка при помощи стилей слоя

Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):

Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

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

В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.

Для примера я выбрала тип обводки градиент и радужный градиент.

Окно стилей слоя с настройками:

Фигура с обводкой:

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

Обводка при помощи меню Редактирование

Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:

Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.

Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

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

После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

Вот мы и узнали, как сделать обводку в фотошопе. Надеюсь, урок был вам полезен.

Обводка контура и текста в Photoshop

В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.

Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, «Ластик» (Eraser Tool), «Размытие» (Blur tool), «Резкость» (Sharpen Tool) и т. д.
Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.

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

Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:

Давайте начнём. Для начала нам надо создать контур. Нам подойдёт любой контур, созданный при помощи любого из инструментов группы векторных контуров или инструментами «Перо» (Pen Tool) и «Свободное перо» (Freeform Pen Tool).
Кроме того, обвести можно и контур, созданный из текста. Как преобразовать текст в контур, рассказывается здесь.

Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:

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

Обводка контура в фотошоп

С помощью этой функции возможно рисование пером в Adobe Photoshop. Можно обвести контур обычной линией

Этапы работы.

1) Создадим новый слой и рисуем на нем пером. Если нам нужны изогнутые линии, то корректируем ровные линии, созданные с помощью пера, инструментом стрелка. Более подробно об этом написано в записи “Отделить объект от фона в фотошоп”. У меня на скорую руку получился следующий контур:

3) Теперь нужно задать цвет, диаметр и другие настройки кисти

4) Снова выбираем инструмент перо и жмем по созданному нами контуру правой кнопкой мыши, появляется следующее окно, в котором выбираем пункт “Выполнить обводку контура” или “Stroke patch” в английской версии:

или открываем окно Контуры: Меню –> Окно (Window)–> Контуры (Paths) и нажимаем на символ, означающий “выполнить обводку контура кистью” (Stroke patch). Он указан на скриншоте красным:

5) Теперь осталось удалить контур. Это можно сделать также, кликнув правой кнопкой мышки по документу при выбранном инструменте Перо или просто отправив слой рабочего контура в корзину в окне Контуры.

Получилось:

P.S. Изменив настройки кисти на свое усмотрение, можно значительным образом модифицировать обводку контура:

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

Как сделать контур в Фотошопе: вокруг текста, объекта

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

Создаем контур

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

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

Метод 1: растрируем текст

Этот метод предполагает растрирование текстового слоя с последующим удалением лишних частей.

В Палитре слоев правой кнопкой мыши щелкаем по слою с текстом (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Растрировать текст”.
Зажав клавишу Ctrl на клавиатуре щелкаем по видоизмененной миниатюре слоя.
В итоге, вокруг текста на холсте должно повиться выделение.
Раскрываем содержимое меню “Выделение” и выбираем в нем пункт “Модификация”, затем – “Сжать”.
В появившемся окошке указываем размер сжатия в пикселях, после чего жмем OK. Значение задаем исходя из того, контур какой толщины требуется сделать – чем выше число, тем толще получится контур. В нашем случае укажем 2 пикс.
Выделение на холсте изменилось. Удаляем ненужную часть текста, нажав клавишу Del на клавиатуре.
Получаем такой результат. Остается только нажать сочетание Ctrl+D, чтобы убрать выделение.
На этом работа по созданию контура завершена.

Растрировать текст можно и на новом слое. Вот как это делается:

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

Метод 2: создаем конутр на новом слое

На этот раз мы создадим контур на отдельном, специально созданном для этого слое.

Аналогично первому методу, зажав клавишу Ctrl на клавиатуре щелкаем по миниатюре слоя с текстом, чтобы выделить его.
Далее выполняем сжатие через меню “Выделение” – “Модификация” – “Сжать”. В качестве примера мы указали 3 пикс.
В Палитре создаем новый слой.
Жмем комбинацию клавиш Shift+F5, чтобы вызвать окно “Заполнить”. Для параметра “Содержание” выбираем вариант “Цвет”. После этого появится еще одно окошко, в котором задаем цвет, идентичный фону созданного слоя (т.е. белый в нашем случае). Теперь можно закрыть оба окна нажатием кнопок OK.
Все готово, остается только убрать выделение, нажав комбинацию Ctrl+D.Примечание: в данном случае контур состоит из сочетания двух слоев: текстового и созданного. Чтобы объединить их в один (создать отпечаток), жмем горячие клавиши Ctrl+Shift+Alt+E.

Метод 3: настраиваем параметры стиля слоя

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

Дважды щелкаем левой кнопкой мыши по текстовому слою (не по имени или миниатюре, а именно по свободной области).
В открывшихся “Стилях слоя” переключаемся в раздел “Выполнить обводку” (ставим напротив нее галочку). После этого в правой части окна указываем размер в пикселях, выбираем положение (снаружи, внутри или из центра) и задаем цвет контура. Остальные настройки можно оставить без изменений. По готовности жмем OK.Примечание: если напротив пункта “Просмотр” установить галочку, можно в реальном времени отслеживать вносимые изменения до их подтверждения.
Видим на холсте следующий результат.
Остается только убрать заливку слоя, указав значение – 0%.
Все готово, мы успешно создали контур вокруг текста.При необходимости, как и в методах выше, можно создать отпечаток слоя или растрировать его.

Заключение

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

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

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

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

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

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

Обводка контура в Photoshop (с примерами) Урок Photoshop

www.psd-dude.com

Узнайте, как использовать Stroke Path в Photoshop. Эта функция очень полезна для создания различных текстовых эффектов.Чтобы увидеть применение Stroke Path , ознакомьтесь с моим руководством о том, как создать контурный текст в Photoshop.
Это также очень полезно для создания рамок и границ, эффектов контура и т. Д. В предыдущем уроке мы узнали, как построить путь, а сегодня мы говорим об обводке путей.

Твитнуть

Обводка контура Photoshop

В этом уроке вы узнаете, как использовать контуры в Photoshop и как обводить контуры в Photoshop.Вы можете обводить открытый контур в Photoshop; Создайте открытый путь с помощью инструмента Pen Tool . Параметр выделения обводки в Photoshop с помощью инструмента «Кисть » доступен, если сначала вы превратите выделение в рабочий контур.

Это руководство применимо для Photoshop CS и CC 2015, 2018 и 2019 гг.

Как сделать рабочий путь

От

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

Создайте новый слой для контура обводки

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

[БЫСТРЫЙ СОВЕТ] Почему мой контур обводки в Photoshop неактивен?

Ход хода не работает? Это одна из ошибок, которые я сделал много, когда начал работать с контурами в Photoshop.

Я использовал инструмент Pen Tool , чтобы нарисовать контур в Photoshop, и попытался сделать обводку контура.

Почему контур обводки неактивен или отключен?

1. Поскольку при рисовании контура в Photoshop, для включения Stroke Path необходимо выбрать Path при рисовании с помощью инструмента Pen Tool

Вот как это выглядит в моем Photoshop CC

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

Как использовать обводку контура в Photoshop

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

В Photoshop вы можете использовать опцию Stroke Path со всеми основными инструментами: Brush Tool , eraser Tool , Smudge Tool , Burn Tool и т. Д.Но самый используемый инструмент для обводки контуров в Photoshop — Brush Tool ; поэтому в этом уроке я собираюсь объяснить, как это работает.

Возьмите инструмент Brush Tool и выберите кисть, которая вам нравится. Я выберу простую точечную кисть

Выберите инструмент Path Selection Tool и щелкните правой кнопкой мыши путь. Выберите Stroke Path и в раскрывающемся списке инструментов выберите Brush , что фактически является настройкой по умолчанию.

Нажмите клавишу bacspace , чтобы удалить путь.Или щелкните правой кнопкой мыши вкладку Путь и выберите удалить путь , чтобы увидеть результат.

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

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

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

Предыдущий пост
Преобразование изображения в силуэт векторной формы в Photoshop
Следующее сообщение Создаем текст на деревянной книжной полке в Photoshop
.
Как убрать обводку с контура в Photoshop | Small Business
Изучение Photoshop может помочь расширить ваш бизнес и улучшить чистую прибыль, поскольку избавляет от расходов на наем графического дизайнера для создания логотипов, баннеров и других изображений компании. В частности, освоение инструмента «Перо» в Photoshop может открыть целый мир возможностей для редактирования изображений. С помощью инструмента «Перо» вы можете нанести якоря для создания пути, а затем обвести его, что в основном означает создание линии.Не забывая использовать слои изображения, вы также сможете удалить любые ошибочные штрихи, независимо от того, сколько времени прошло или сколько шагов доступно в вашей истории отмен.
Stroke Path
Запустите Photoshop и откройте нужный файл изображения. Откройте палитру «Слои». Щелкните значок «Новый слой», чтобы создать новый прозрачный слой поверх исходного изображения. Щелкните этот новый прозрачный слой в палитре слоев, чтобы сделать его активным.
Выберите инструмент «Перо» на палитре инструментов.Выберите значок «Пути».
Поместите перо на то место на изображении, где вы хотите начать свой путь. Щелкните мышью, чтобы разместить первую точку привязки. Продолжайте размещать опорные точки, чтобы проследить путь вдоль изображения, при этом инструмент «Перо» автоматически проведет прямую линию между опорными точками. Поместите последний якорь вашего пути в первую точку привязки, чтобы закрыть путь.
Выберите инструмент «Карандаш» или «Кисть». Настройте панель «Параметры» инструмента, выбрав нужный тип и размер кисти.Выберите желаемый цвет в цветовой палитре.
Найдите палитру «Пути». Выберите «Обводка контура» в меню палитры, чтобы открыть диалоговое окно «Обводка контура». Нажмите «ОК», чтобы обвести контур, создав сплошную линию выбранного цвета и стиля.
Удалить обводку
Найдите палитру «Слой».
Выделите прозрачный слой, созданный на предыдущих шагах.
Нажмите кнопку «Удалить», обозначенную корзиной, чтобы удалить весь слой и удалить только что созданный штрих.
Ссылки
Ресурсы
Подсказки
Поместите каждый новый значимый штрих контура на отдельный слой и переименуйте каждый слой, указав его базовое описание. Это упрощает поиск, если позже вы решите удалить обводку. Просто дважды щелкните имя слоя в палитре слоев, чтобы ввести его новое имя.
Писатель Биография
Уильям Линч последние пятнадцать лет был писателем-фрилансером, работая для различных веб-сайтов и публикаций.В настоящее время он обучается по программе магистра искусств по написанию популярной художественной литературы в Университете Сетон Хилл. Он надеется однажды стать писателем-детективом.
.
Изменение форм в Photoshop
На панели «Параметры обводки» выполните любое из следующих действий:
Выберите нужный тип мазка.
Щелкните значок «Выровнять» и выберите параметр, чтобы указать положение обводки относительно пути.
Щелкните значок заглавных букв и выберите стиль заглавных букв, чтобы указать внешний вид обоих концов пути:
Стыковая заглушка Создает прямоугольные концы, которые упираются (останавливаются в) конечных точках.
Круглый колпачок Создает полукруглые концы, выступающие на половину ширины штриха за конечные точки.
Выступающий колпачок Создает прямоугольные концы, выступающие на половину ширины штриха за конечные точки. Этот параметр позволяет равномерно распределять толщину обводки во всех направлениях по траектории.
Примечание: Имейте в виду, что колпачки не видны, если путь не открыт. Кроме того, стили кепки легче увидеть при более толстой обводке.
Щелкните значок «Угол», чтобы увидеть обводку в угловых точках:
Соединение под углом Создает заостренные углы, выходящие за пределы конечной точки, когда длина под углом находится в пределах предела под углом.
Скругленное соединение Создает закругленные углы, выходящие на половину ширины штриха за конечные точки.
Соединение под углом Создает прямоугольные углы, примыкающие к конечным точкам.
Примечание: Как и колпачки, митры легче увидеть при более толстом ходе.
.
Узнаем как создать слой в Фотошопе: три простых способа
Слои в «Фотошопе» применяются с целью создания нужного изображения. Очень напоминает аппликации с наложением прозрачной бумаги, чтобы получить, например, коллаж. Кроме того, благодаря слоям можно сохранить исходный рисунок в случае выполнениях ошибочных операций. Также ими могут быть совершенно разные картинки, текст, блики. Так как же создать слой в «Фотошопе»? Ниже представлены варианты.
Следует отметить, что профессионалы рекомендуют использовать оригинальную английскую версию «Фотошопа». Именно поэтому в статье представлены фотографии, на которых надписи и текст на английском языке.
Где расположены слои
Сначала следует открыть файл с нужной картинкой или создать новый документ. Обычно по умолчанию еще до появления в рабочей области картинки видно справа специальное окно, на котором расположена вкладка «Слои». Если этой вкладки нет, то в горизонтальном меню нужно нажать Window (по-русски «Окно»), затем найти в списке Layer («Слои»). В меню появляется галочка слева от слова, а также окно «Свойства» и открытая вкладка со слоями. Теперь можно приступать к работе.
Нужно отметить, что по своему усмотрению окно со свойствами можно перемещать по всей рабочей области. Для этого нужно подвести курсор к верхнему краю, нажать левую кнопку мыши. Не отпуская ее, переместить окно туда, куда по усмотрению пользователя удобнее всего. Затем отпустит кнопку. Обычно это делается тогда, когда изображение очень большое или требует увеличения, чтобы видеть все детали и работать с ними.
Создание слоев при помощи окна «Свойства»
Далее встает вопрос о том, как создать слой в «Фотошопе», куда нужно нажимать? Ниже представлена фотография, на которой четко видны подсказки. Следует открыть у себя на компьютере программу «Фотошоп», чтобы попрактиковаться и запомнить, где что расположено.
Все функции, связанные со слоями, располагаются в нижней части окна «Свойства» во вкладке «Слои». Второй значок справа – это и есть «Создать новый слой», который по-английски означает New Lawer. Достаточно нажать левой кнопкой мыши, чтобы он появился. Рекомендуется обратить внимание на то, где отображается новый слой во вкладке. Как правило, по умолчанию он располагается над предыдущим.
Разблокировка изображения
Следует отметить, что по умолчанию открытый документ имеет фоновый режим. В окне со свойствами виден справа «замочек» и надпись «Фон». То есть с картинкой нельзя работать. Она заблокирована от каких-либо операций. Чтобы она стала рабочей, нужно дважды левой кнопкой мыши щелкнуть по «Фону» во все той же вкладке «Слои». Появляется горизонтальной прямоугольное окошко с предложением сделать изображение новым слоем, а также дать ему наименование. Таким образом, становится понятно, как создать новый слой в «Фотошопе» на оригинальном файле с изображением.
Дополнительные два способа создания
В «Фотошопе» есть несколько вариантов того, как создать новый слой. Один из них уже рассмотрен. Следующий способ подразумевает использование горизонтального меню сверху. Там есть вкладка «Слои» («Layer»). Нажав ее, можно увидеть самое первое в списке слово «Новый» («New»). Следует нажать на «Слой…».
Троеточие означает, что программой будет предложено внести корректировки в параметры создаваемого слоя, а именно:
дать имя;
задать цвет;
выбрать режим наложения;
откорректировать непрозрачность в процентах.
Затем следует нажать «Ок».
Есть еще один интересный способ, как создать слой в Фотошопе моментально, буквально за одну секунду без наведения курсора мыши на значок и меню. Для этого применяется комбинация клавиш, которые нужно нажать сразу все вместе на клавиатуре – Ctrl+Shift+N. Но чтобы успешно таким способом создать новый слой, нужно деактивировать другие операции, например, создание текста или трансформирование. Пусть будет активным только один из имеющихся слоев во вкладке окна «Свойства».
Разные версии «Фотошопа»
Новичков может смутить то, что существуют разные версии программы. Нередко на тематических форумах и в социальных сетях они спрашивают: «Как создать новый слой в «Фотошопе CS6″, если я изучал более раннюю версию?». Ответ простой: так же, отличий никаких.
Корректирующий слой
Корректирующий слой помогает создавать эффекты изображения без искажения оригинала.
То есть, если не понравился результат, слой можно удалить. Создать его можно двумя способами:
Через меню «Слои». Открыть «Новый корректирующий слой», далее нужно выбрать функцию.
В окне «Свойства». Найти «Слои», внизу есть круглый черно-белый значок с треугольником справа.
Как создать корректирующий слой в «Фотошопе» так, чтобы он оказался поверх других слоев? Достаточно перетащить его выше, над другими слоями.
Итак, в статье была приведена инструкция по тому, как создать слой в «Фотошопе» тремя способами. Успехов!
Три способа искривления текста в Photoshop — Medialoot
Текстовые эффекты Photoshop
Когда вы работаете над значком, плакатом или любой другой композицией в Photoshop и вам нужно изогнуть часть текста, Photoshop предлагает нам множество различных способов сделать. Но в зависимости от того, как вы будете его использовать, и кривизны, которую вы хотите придать своему тексту, некоторые методы лучше, чем другие, и здесь я покажу вам три разных метода кривой текста в Photoshop, чтобы вы могли выбрать тот, который лучше подходит для вашего дизайна. потребности.
Метод 1
Шаг 1
Откройте Photoshop и выберите «Файл»> «Создать». Задайте имя документа «Метод 1», ширину 800 пикселей, высоту 500 пикселей и выберите «Белый» для содержимого фона. Щелкните ОК.

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

Шаг 3
Выделив текстовый слой и активен инструмент «Текст» (T), щелкните значок «Создать деформированный текст» на панели инструментов.

Шаг 4
В окне «Деформация текста» выберите стиль «Дуга», установите флажок «По горизонтали» и установите для параметра «Изгиб» значение + 20%. Щелкните ОК.

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

Шаг 2
Выберите инструмент «Эллипс» (U).Убедитесь, что на панели инструментов выбран режим «Форма», и нарисуйте эллипс 710 x 270 пикселей.

Шаг 3
Выберите инструмент «Текст» (T) и щелкните край эллипса, когда вы увидите, что курсор «Текст» изменился на курсор «Текст на контуре».

Шаг 4
Введите свой текст.

Шаг 5
Когда вы закончите, просто скройте слой эллипса, щелкнув значок глаза рядом с именем слоя.

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

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

Шаг 3
Выделив текстовый слой, перейдите в меню «Слой»> «Смарт-объекты»> «Преобразовать в смарт-объект».

Шаг 4
Перейдите в Edit> Transform> Warp.

Шаг 5
Щелкните и перетащите точки привязки сетки деформации. По завершении щелкните значок фиксации преобразования на панели инструментов.

Как изогнуть текст в Photoshop: основы Photoshop
В этом сообщении блога я покажу вам, как быстро применить текст к кривой в Adobe Photoshop CC, за 5 простых шагов:
Шаг 1. Создание изображения
Шаг 2: Нарисуйте свой путь
Шаг 3: Поместите текст
Шаг 4: Измените шрифт и размер
Шаг 5: Изменить положение
Выше представлены два способа изогнуть текст.Первый — это добавление вашего текста к пути (это метод, который мы будем использовать). Во втором примере здесь используется эффект «Деформация текста». Это очень быстро, но дает искаженные результаты, напоминающие клип-арт. Обычно я бы не советовал использовать этот метод.
Шаг 1. Выберите изображение

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

Выберите инструмент «Эллипс» на левой панели инструментов. Затем просто нарисуйте фигуру поверх изображения по своему усмотрению. При необходимости вы можете масштабировать или перемещать его. В зависимости от изображения вы можете использовать другую форму или самостоятельно нарисовать изогнутый путь с помощью инструмента «Перо». В нашем примере просто нужен круг.
Шаг 3 — Поместите текст
Теперь у вас есть форма, выберите инструмент «Текст» на левой панели инструментов и переместите курсор по пути.Вы заметите изменение курсора. Щелкните путь, и на вашем пути появится текст-заполнитель. Теперь вы можете отключить слой-фигуру для лучшего обзора вашего дизайна.
Также хочу отметить, что наш текст выровнен по центру. Если ваш текст выровнен по левому или правому краю, он начнется с точки, по которой вы щелкнули на своем пути. Это всегда можно изменить позже, используя инструмент прямого выбора.
Шаг 4 — изменение шрифта и размера

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

Наш дизайн завершен, и наш текст красиво изогнут вдоль нашего пути. Если ваш дизайн требует доработки, я должен указать на инструмент прямого выбора. Выделив текстовый слой, щелкните инструмент прямого выбора. Теперь вы можете перетащить текст, чтобы переместить его на свой путь. Вы также можете нажать на свой путь и при необходимости отредактировать форму.
Как набрать текст по кругу в Photoshop (шаг за шагом)
Если вы хотите написать изогнутый текст, создать эмблему или текст для логотипа, у обучения тому, как набирать текст круглой формы, есть длинный список применений в Photoshop. Хотя это не сразу очевидно, это относительно легко сделать, пишете ли вы по круговой траектории или по форме.
Чтобы ввести текст в круг в Photoshop, выберите инструмент «Эллипс», затем щелкните и растяните холст, чтобы создать круг. Затем нажмите T, чтобы выбрать инструмент «Текст», и щелкните контур эллипса, чтобы закрепить текст на форме. Теперь ваш текст будет повторять форму круга.
Хотя писать траекторию или фигуру довольно просто, у каждого из них есть свои плюсы и минусы, о которых вы узнаете из этого урока.Позже я также объясню, как вы можете использовать этот новый навык для создания собственной эмблемы с текстом в круге для логотипов, баннеров или всего, что вы сочтете нужным!
Приступим.
Как набрать текст в круге в Photoshop

Существует два метода ввода текста в круге: первый со слоем-фигурой, а второй с контуром. Вкратце, слой-фигура оставит цветной круг на вашем холсте, а путь будет полностью невидимым.Тот, который вы выберете, будет зависеть от типа результата, который вы хотите получить для текста.
Прежде чем переходить к этим двум методам, создайте новый документ, желательно такой же высоты и ширины. Я установил свой документ размером 1000 × 1000 пикселей. Это не обязательно, но помогает сохранять пропорциональность.
Затем вы добавите на холст две направляющие, чтобы лучше видеть его центр. Для этого перейдите к View> New Guide.
Во всплывающем меню введите 50% и установите флажок «По вертикали».’Затем нажмите «ОК», чтобы подтвердить изменения.
Первая направляющая будет размещена в середине холста.
После этого снова перейдите в меню «Просмотр» и нажмите «Новая направляющая». Затем снова введите 50% и вместо этого установите флажок «По горизонтали». Снова нажмите «ОК», чтобы подтвердить изменения.
Будет добавлено второе руководство.
Обратите внимание, что две направляющие встречаются в одной точке (в центре холста). Эта точка совпадет с началом круга. Это упростит вам выравнивание текста и других элементов по центру круга позже, не слишком полагаясь на инструмент перемещения.
Теперь давайте создадим эллипс, на котором будет основан текст.
Метод 1. Рисование формы круга
Этот метод позволяет вам увидеть эллипс, в котором набран ваш текст, даже если форма не выбрана. Этот метод может пригодиться при выравнивании круглого текста с другими объектами или когда вы хотите сделать эмблему. К счастью, когда вы закончите свой проект, вы все еще можете решить, сохранить ли форму или удалить ее.
Для начала перейдите на панель инструментов и возьмите инструмент эллипса, который находится в инструментах формы.
Теперь перейдите на верхнюю панель настроек, установите прозрачность заливки (представленная белым квадратом с красным зачеркиванием), а обводку — черным. Это даст вам очерченный круг с прозрачным центром.
Я бы посоветовал сейчас выбрать значение хода от 2 до 4, но вы можете изменить эти значения позже, если хотите. Для моего круга я установил толщину обводки на 3 пикселя.
Приведя все настройки по порядку, поместите курсор в то место, где встречаются две направляющие.
Затем перетащите мышью, удерживая «shift», чтобы нарисовать идеальный круг.Когда вы почувствуете, что размер в порядке, отпустите мышь.
Или дважды щелкните в центре холста и введите значения высоты и ширины круга на всплывающей панели.
Обязательно введите одно и то же значение для обоих размеров и установите флажок «Из центра». По завершении нажмите ОК.
Поскольку размер моего холста составляет 1000 x 100 пикселей, я установил 400 пикселей как по высоте, так и по ширине. Таким образом, у меня будет достаточно места для добавления текста и других элементов в свой круг позже.С этой отправной точкой у вас будет видимый контур, по которому будет следовать ваш текст.
Метод 2: рисование круговой траектории
Этот метод удобен, когда вам нужен только круговой текст и ничего вокруг него. Этот метод дает вид текста, который изогнут сам по себе, без следа за видимым слоем-фигурой.
Как и раньше, начните с захвата инструмента эллипс на панели инструментов.
Затем перейдите в верхнее меню настроек и измените тип на Путь.
Теперь поместите курсор в то место, где встречаются две направляющие, затем перетащите мышью, удерживая «shift», чтобы нарисовать идеальный круг. На этот раз вы создадите форму круга без каких-либо цветов.
Когда эллипс нарисован, пора набирать текст по круговой траектории. Для этого перейдите на панель инструментов и выберите Horizontal Type Tool (T) .
Затем перейдите на панель параметров и щелкните параметр выравнивания текста по центру.
Затем наведите указатель мыши на круг.Когда вы видите пунктирную волнистую линию, пересекающую курсор, вы можете начать печатать. Это означает, что ваш текст будет повторять форму пути. Независимо от того, создали ли вы контур эллипса или слой-фигуру, этот процесс будет одинаковым.
Теперь свободно печатайте по окружности и смотрите, как текст принимает форму.
Когда все будет выровнено, вы можете удалить направляющие, чтобы лучше видеть текст в круге. Чтобы удалить направляющие, нажмите Control +; (Windows) или Command +; ( Mac).
Как редактировать текст по круговой траектории
После того, как вы напечатали круг, вы можете изменить некоторые его атрибуты, такие как интервал, цвета, отслеживание и так далее. Вы можете редактировать большинство атрибутов вашего текста на панели «Символ», к которой можно получить доступ, выбрав «Окно »> «Символ».
Вы также можете использовать верхнюю панель настроек, когда активен инструмент «Текст», чтобы изменить настройки текста, но возможности там более ограничены. Так что давайте вместо этого рассмотрим некоторые параметры, доступные на панели «Персонаж».Просто убедитесь, что текстовый слой выбран, чтобы настройки были применены.
1. Тип и размер шрифта
Для текста я выбрал шрифт без засечек, потому что он легко читается. Вы можете изменить тип шрифта в его раскрывающемся меню.
2. Исходный уровень
По умолчанию значение базовой линии равно нулю, что означает, что текст будет располагаться прямо на пути. При увеличении значения базовой линии между кружком и текстом будет больше места.
3. Цвет
Если вам нужно изменить цвет текста, перейдите к образцу цвета в правой части панели.
4. Отслеживание
Отслеживание — это просто пробел между всеми буквами текста. Я установил отслеживание моего текста на 5, чтобы буквы не выглядели так близко друг к другу. Вы можете выбрать значение отслеживания в раскрывающемся меню. Чтобы настроить интервал между отдельными символами, выберите вместо этого настройку значения Кернинга.
Как выровнять и расположить круговой текст
Следующим важным шагом после создания кругового текста является его выравнивание. Есть несколько разных способов сделать это, но я покажу вам один из моих любимых простых способов.
Выравнивание кругового текста
Перед изменением выравнивания кругового текста необходимо выделить его, выделив текст.
Затем перейдите на панель параметров и щелкните один из доступных вариантов выравнивания текста.
Текст с выравниванием по левому краю
Расположение кругового текста
Вместо выравнивания по правому краю, центру или левому краю этот метод даст вам гораздо больше контроля над расположением текста на контуре.
Во-первых, убедитесь, что текстовый слой выбран. Если нет, щелкните по нему, чтобы выбрать.
Затем убедитесь, что ваш текст выровнен по центру на верхней панели настроек, упомянутой в предыдущем разделе. Мы собираемся централизовать текст, чтобы позже изменить его положение.
Теперь возьмите инструмент выбора пути на панели инструментов (A) .
Затем наведите указатель мыши на текст, пока не увидите значок в виде двух стрелок, указывающих в разных направлениях.
Щелкните значок и перетащите его в любое место, где вы хотите изменить положение текста.В данном случае для примера я перетащил текст немного влево.
Как печатать на нижней части круга
В некоторых случаях вам может потребоваться ввести текст в нижней части круга, особенно при разработке логотипа или штампа. Итак, я покажу вам, как печатать в нижней части круга за несколько простых шагов.
Сначала сделайте копию своего текста, щелкнув текстовый слой и затем нажав Control + J (Windows) или Command + J (Mac).
Затем щелкните значок маленького глаза рядом с исходным текстовым слоем, чтобы скрыть его на данный момент.
Выберите копию слоя.
Теперь перейдите на панель инструментов и возьмите инструмент выбора пути (A) .
Затем поместите курсор в середину текста. После этого наведите указатель мыши на круг, пока не увидите, что курсор изменится на значок с двумя стрелками, указывающими в разных направлениях.
Затем щелкните и перетащите текст внутри круга, чтобы изменить его сторону.
Теперь наведите указатель мыши на текст внутри круга, пока снова не увидите значок с двойной стрелкой. Когда этот значок будет виден, щелкните и перетащите текст, чтобы переместить его в нижнюю часть контура кругов.
Теперь давайте снова сделаем исходный слой видимым, щелкнув значок глазного яблока, чтобы открыть его.
Как видите, верхний текст находится за пределами круга, а нижний текст — внутри контура. Поскольку я предпочитаю, чтобы оба текста были вне круга и выровнены вместе, я сделаю быструю корректировку.
Сначала я выберу текстовый слой, положение которого я хочу переместить; в данном случае слой Text Copy.
Затем я нажимаю ‘T’ , чтобы включить текстовый инструмент, и дважды щелкаю нижний текст, чтобы выделить его.
Затем откройте панель «Персонаж» или выберите «Окно »> «Персонаж », если вы его не видите.
На панели символов найдите настройку базовой линии. Затем наведите указатель мыши на значок базового меню, пока не увидите, что курсор превратится в значок руки с двумя стрелками, указывающими в разных направлениях.Когда этот значок будет виден, нажмите и перетащите ползунок влево, пока текст не выйдет за пределы круга.
Для моего текста -26 сработало хорошо. Теперь, глядя на окончательный результат, у меня остались два фрагмента круглого текста без видимого круга, поскольку я работал с контуром, а не с формой.
Как создать круговой логотип в Photoshop
В предыдущих разделах вы узнали, как набирать, размещать и редактировать круглый текст. Теперь давайте рассмотрим, как использовать эти методы для создания базового шаблона логотипа.Это шаблон логотипа, который вы создадите:
Шаг 1. Настройка холста
Откройте документ размером 1000 × 1000 пикселей или любой другой квадратный документ по вашему выбору.
Создав документ, давайте добавим на холст горизонтальную и вертикальную направляющие.
Для этого перейдите в меню View> New Guide.
Затем проверьте «горизонтально» для ориентации направляющей и 50% для положения. Затем сделайте это еще раз, но вместо этого проверьте «вертикально» для ориентации и 50% для положения.Это поместит две направляющие, которые помогут найти центр вашего холста.
Шаг 2 — Рисование формы эллипса
Пришло время нарисовать нужные нам эллипсы. Сначала перейдите на панель инструментов и возьмите инструмент эллипс.
Затем дважды щелкните точку, где встречаются две направляющие, и введите 715 пикселей как для ширины, так и для высоты. Установите флажок «Из центра» и нажмите «ОК».
На панели свойств установите прозрачную обводку и черный цвет заливки. Кроме того, вы можете найти эти настройки на верхней панели настроек, когда инструмент Фигура активен.
Теперь нарисуем второй эллипс. Для этого создайте новый слой в панели слоев. Затем снова перейдите на панель инструментов и возьмите инструмент эллипса. Снова дважды щелкните центр холста и введите 500 пикселей для ширины и высоты.
Затем перейдите на панель свойств и измените заливку на серый (# d5d4d4). Обводка должна быть прозрачной. представлен белым квадратом с красной линией через него.
Обратите внимание, как оба круга выровнены по центру, и вам даже не пришлось использовать инструмент «Перемещение»!
Шаг 3 — Набор и редактирование текста
Теперь давайте наберем текст вдоль созданных нами эллипсов.Для этого создайте для него новый слой на панели слоев. Затем перейдите на панель инструментов и выберите «Инструмент горизонтального текста». (T)
Затем перейдите в верхнее меню настроек и щелкните значок «Центр текста».
Теперь поместите курсор над серым кружком. Когда вы видите пунктирную волнистую линию, пересекающую курсор, щелкните один раз, чтобы создать текстовый слой вдоль контура фигуры.
После добавления текста откройте панель символов, выбрав Окно> Символ.
На панели символов установите базовую линию на 34 , размер шрифта на 55 и отслеживание на 5 . Таким образом, между текстом и базовой линией будет достаточно места. Кроме того, персонажи не должны находиться слишком близко друг к другу. Наконец, измените цвет текста на белый (#ffffff).
Теперь продублируйте текстовый слой, нажав Control + J (Windows) или Command + J (Mac).
Затем возьмите инструмент выбора пути ( A) , затем поместите курсор в середину текста, пока не увидите значок с двойной стрелкой.
Затем перетащите текст вниз к серому кружку.
Теперь наведите указатель мыши на перевернутый текст, пока снова не увидите значок двойной стрелки. Затем перетащите текст в нижнюю часть круга.
Наконец, перейдите на панель символов и установите базовую линию на -68.
Шаг 4 — Завершение вашего шаблона
Давайте добавим в шаблон еще два круга. Они будут выглядеть как кольца внутри круга. Для этого снова возьмите инструмент эллипс.
Затем дважды щелкните центр холста и в появившемся диалоговом окне введите 520 пикселей как для ширины, так и для высоты.
На панели свойств установите прозрачную заливку и белый цвет обводки. Ширина штриха должна составлять 7 пикселей.
Затем возьмите инструмент «Эллипс» и снова дважды щелкните центр холста. На этот раз введите 688 пикселей для ширины и высоты.
Как и в случае с предыдущим эллипсом, установите прозрачную заливку и белый цвет обводки на панели свойств. Ширина штриха также должна быть 7 пикселей.
Шаблон создан.
С дополнительными слоями текста и фигур вы можете поместить свое имя или название бренда в центр логотипа.
Вы также можете изменить его цветовую комбинацию, изменив цвет любого слоя-фигуры на панели слоев.
Или вы можете по-настоящему фантазировать с векторной формой в центре всего этого!
Изучение того, как набирать текст в круге, имеет много ценных применений, особенно для дизайна логотипов и эмблем в Photoshop. С помощью советов, которые вы узнали здесь, теперь вы можете уверенно писать текст в форме круга, а также изменять его положение, чтобы оно соответствовало желаемому виду!
Удачного редактирования!
Основы Photoshop: как изогнуть текст в Photoshop
Понимание того, как изогнуть текст в Photoshop, может быть одной из вещей, которые мы не осознаем, важны при изучении того, как использовать программное обеспечение.Если все сделано неправильно, изогнутый текст на изображении из фотошопа наверняка будет выглядеть слишком любительским. У любого новичка есть несколько способов изогнуть текст в Photoshop. Однако есть только один верный способ сделать это правильно и идеально.
Легко: использование инструмента «Деформация текста» (наименее рекомендуется)
Использование инструмента «Деформация текста» — это самый простой и наиболее точный метод создания изогнутого текста в Photoshop. Для простых проектов обязательно подойдет инструмент Warp text Tool. Он выполняет свою задачу, создавая кривую в тексте, введенном в изображение.Однако использование такого инструмента очевидно для эксперта. Почему? Потому что сам текст будет выглядеть ИСКАЖЕННЫМ.
Назначение инструмента «Деформация текста» — буквально «деформировать» или «искажать» объект на изображении. Для этого выравнивание объекта редактируется, чтобы компенсировать желаемую «форму». Вместо того, чтобы создавать изогнутый «путь» для текста, выравнивание текста является изогнутым. Из-за этого текст искажается, создавая дугообразную форму. Результат? Буквы в тексте потеряют свою однородность во многих отношениях, например, по толщине, ширине или размеру.Этот конкретный инструмент лучше всего использовать для создания других дизайнов на текстах, таких как создание текста разных размеров или, возможно, даже создание волнистого дизайна.
Создайте образец текста, щелкнув инструмент «Текст» на панели инструментов. Просто нажмите букву «T» на клавиатуре, как еще один вариант.
После того, как текст введен в холст, щелкните текст, чтобы появилось окно «Слои».
Убедитесь, что текстовый слой и панель инструментов «Текст» активны. Затем выберите значок «Создать деформированный текст» на панели инструментов.
Появится диалоговое окно деформации текста со следующими параметрами:
Стиль — выберите стиль «Дуга», чтобы текст был искажен по радиусу.
Тип — Вы можете выбрать Горизонталь (для искажения по горизонтальной оси) или Вертикаль (для искажения по вертикальной оси).
Изгиб — Выберите процентное значение между значениями от -100% до + 100%, чтобы создать кривую на тексте. Отрицательный изгиб создает выпуклую ориентированную кривую, а положительный изгиб создает вогнутую ориентированную кривую.Меньшие значения создают меньшие дуги.
Горизонтальное и вертикальное искажение — искажение текста не всегда симметрично. Симметрия может быть изменена с помощью значений слайда «искажения».
Оформление с искаженным текстом. Источник изображения: Wikimedia Commons
Умеренное: использование смарт-объектов
Этот параметр очень похож на инструмент деформации, но главное отличие состоит в том, что использование смарт-объектов позволяет вносить более произвольные изменения. Управление также стало проще, и пользователь может легко выбрать желаемую кривизну «на глаз».С другой стороны, использование смарт-объектов — это не инструмент, который можно использовать в один клик. Вот шаги по созданию изогнутого текста с помощью смарт-объектов:
Создайте образец текста, щелкнув инструмент «Текст» на панели инструментов. Просто нажмите букву «T» на клавиатуре, как еще один вариант.
После того, как текст введен в холст, убедитесь, что текстовый слой активен.
В строке меню выберите параметр «Слой». Затем выберите параметр «Смарт-объекты», а затем выберите « Преобразовать в смарт-объект ».
После того, как текст уже преобразован в смарт-объект, перейдите к «Правка» в строке меню. Выберите Transform, затем выберите Warp.
Выбранный объект будет иметь подвижные точки привязки, которые пользователь может свободно регулировать.
Когда желаемая кривизна будет достигнута, щелкните значок Commit Transform на панели инструментов.
Два приведенных выше варианта — это более простые методы создания изогнутых текстов в Photoshop. Помните, что в тексте наверняка будут недостатки, которые не всегда будут хорошо смотреться на отредактированном изображении.Если желательна «идеальная» кривая без видимых искажений на тексте, вот самый эффективный способ сделать изогнутый текст в Photoshop:
Дополнительно: Тип по контуру (наиболее рекомендуется)
Этот параметр позволяет каждому символу чтобы повернуть его ориентацию, чтобы она соответствовала «пути», созданному пользователем. не требует деформации текста, поэтому явных искажений не видно. Этот метод, хотя и не такой простой, как инструмент деформации, наиболее рекомендуется заядлыми пользователями Photoshop. Вот шаги:
Самый важный шаг — нарисовать «Путь», по которому будет следовать текст. Можно использовать любую форму, доступную в Photoshop, или использовать инструмент «Перо» для создания более произвольного пути. В этом случае мы будем использовать инструмент Ellipse или Circle (в зависимости от желаемой кривизны)
Когда активен инструмент эллипса или круга, перейдите в меню «Параметры». Измените режим инструмента на «Путь» (обычно это режим «Форма»). Продолжайте рисовать «путь».
Выберите инструмент «Ввод текста», чтобы ввести текст. Но перед тем, как вводить текст, переместите курсор (не щелкая) в сторону созданного пути. Будет заметно, что курсор изменится на другое изображение. (Обычный текстовый курсор имеет стрелку в углу, текст на курсоре пути — нет).
После изменения курсора щелкните в любом месте контура, где должен начинаться текст. После завершения щелкните значок галочки на панели параметров.
Также читайте: Основы Photoshop: Как редактировать текст в Photoshop
Как изогнуть текст в Photoshop
Текст и изображения — две важные части графического изображения. Применяя оба стиля, мы можем сделать изображение красивее и значимее. Чтобы стилизовать текст, мы можем раскрасить, изменить размер, повернуть и изогнуть его с помощью Photoshop.
Изогнутый текст очень популярен при разработке логотипов. Обычно логотип содержит изображение, относящееся к продукту, и текст бренда, изогнутый вокруг изображения.
Есть много способов изогнуть текст в Photoshop. Один из самых простых и популярных способов — инструмент деформации текста. Но здесь мы увидим разные методы изгиба текста. Мы создадим изогнутый текст, круглый текст и текст деформации.
Метод 1: Использование инструмента искажения текста
Инструмент деформации текста — один из самых простых способов создания изогнутого текста. Когда мы активируем текстовый инструмент, его можно найти в строке меню параметров текстового инструмента в верхней части холста изображения. Чтобы изогнуть текст в Photoshop, выполните следующие действия:
Шаг 1. Откройте или создайте новый образ
Чтобы открыть изображение, проведите комбинацией клавиш Ctrl + O , а для создания нового изображения проведите комбинацией клавиш Ctrl + N .
При создании нового изображения мы можем указать его размер и фон. Нажмите OK , чтобы продолжить.
Шаг 2. Инструмент выбора текста
Теперь выберите текстовый инструмент на панели инструментов слева от рабочего пространства, или мы можем нажать клавишу T, чтобы активировать его.
После выбора текстового инструмента инструмент деформации текста будет отображаться в верхней строке меню.
Сначала добавьте текст, чтобы изогнуть его.
Шаг 3: Добавить текст
Теперь добавьте текст к созданному изображению в желаемом месте.Обычно его добавляют по центру. Мы можем выбрать размер и толщину шрифта в верхней строке меню.
Теперь мы можем изогнуть этот текст с помощью инструмента деформации текста.
Шаг 4. Создание изогнутого текста
Теперь выберите текст и щелкните инструмент деформации текста в верхней строке меню. Откроется новое окно с несколькими стилями деформации.
Мы можем выбрать любой из стилей из выпадающего меню. Например, мы выбираем стиль Arc. Это будет изгибать текст следующим образом:
Здесь мы видим, что текст изогнут в виде дуги.Точно так же мы можем выбрать любой другой стиль. Ниже приведены некоторые изогнутые стили:
Мы также можем установить значения изгиба, вертикали и горизонтали с помощью инструмента деформации текста.
Метод 2: Использование инструмента Ellipse Tool
Мы также можем сделать кривую с помощью инструмента эллипс. Выполните следующие шаги, чтобы изогнуть текст с помощью инструмента эллипс:
Шаг 1. Создайте новый документ
Чтобы создать новый документ, нажмите клавиши Ctrl + N и установите размеры и фон.Нажмите OK , чтобы продолжить.
Шаг 2. Выберите инструмент «Эллипс»
Теперь активируйте инструмент эллипса и нарисуйте эллипс на холсте изображения. Мы можем выбрать любой из размеров, учитывая размер текста. Текст будет добавлен к его краям.
Шаг 3. Активируйте инструмент «Текст»
Теперь активируйте текстовый инструмент и переместите курсор к краям эллипса. Вы увидите, как курсор преобразуется в текст на пути, как (маленькая волна).Щелкните по краю, чтобы написать текст.
Шаг 4: Напишите текст
Как только текст на пути активирован, мы можем начать писать текст на нем. Это будет написано по краям фигуры в изогнутом формате.
Шаг 5. Удаление или скрытие слоя формы
Теперь удалите или скройте слой-фигуру. Он удалит фигуру с холста изображения, и на нашем изображении будет отображаться только текст. Рассмотрим изображение ниже:
На изображении выше мы видим, что текст отображается в виде кривой.Точно так же мы можем нарисовать любую форму и активировать текст в инструменте контура, щелкнув его край, чтобы текст имел любой формат формы.
Метод 3: Использование инструмента преобразования
Мы также можем сделать изогнутый текст с помощью инструмента преобразования. Это лучший способ получить желаемый результат для изогнутого текста. Давайте разберемся, как изогнуть текст с помощью инструмента преобразования.
Чтобы изогнуть текст с помощью инструмента преобразования, выполните следующие действия:
Шаг 1. Создайте новый документ
Чтобы создать новый документ, нажмите клавиши Ctrl + N и укажите размеры и фон для изображения.Нажмите OK, чтобы продолжить в новом окне документа. Будет создан новый документ с указанными размерами.
Шаг 2: Добавьте текст
Теперь добавьте текст, который нужно изогнуть, активировав текстовый инструмент. Нажмите клавишу T или активируйте текстовый инструмент на панели инструментов слева от холста изображения.
Шаг 2. Преобразование текстового слоя в смарт-объект
Чтобы преобразовать текстовый слой в смарт-объект, щелкните правой кнопкой мыши текстовый слой и выберите параметр Преобразовать в смарт-объект .
Сделает текстовый слой смарт-объектом. Теперь к тексту можно применить операцию преобразования.
Шаг 3. Выберите вариант преобразования
Теперь перейдите в меню Edit-> Transform-> Warp , чтобы активировать преобразование деформации.
Как только инструмент трансформации деформации будет активирован, он отобразит точки привязки вместе с текстом в разных местах. Рассмотрим изображение ниже:
Мы можем деформировать текст, растягивая эти опорные точки в любом направлении согласно нашим требованиям.
Шаг 4: Деформация текста
Теперь деформируйте текст, растягивая точки привязки в разных направлениях в соответствии с нашим требованием. Например, рассмотрим изображение ниже:
Мы растянули привязку каждой точки привязки в разных направлениях в соответствии с нашим требованием, так что текст также растягивается в соответствующих направлениях. Нажмите клавишу Enter, когда получите окончательный результат.
Здесь наш текст будет выглядеть так:
Вывод:
Photoshop имеет огромную поддержку инструментов.Эти инструменты можно комбинировать в соответствии с требованиями. Есть разные способы выполнить задание в Photoshop. Мы можем выбрать любой из методов в зависимости от нашей простоты и требований к выполнению задачи.
Мы обсудили три метода создания изогнутого текста в Photoshop. Все вышеперечисленные методы эффективны и полезны. Таким образом, вы можете выбрать любой из обсуждаемых методов в зависимости от вашего удобства и требований.
Как без труда скруглить текст в фотошопе
Изогнутый текст, несомненно, привлекает больше внимания, чем обычный.Вот почему дизайнеры теперь предпочитают использовать изогнутые тексты для создания логотипов, значков, этикеток. Но как это создается? Вам не интересно знать? В этой статье мы расскажем, как простыми способами изогнуть текст в Photoshop.
Новички часто ошибочно думают, что создать изогнутый текст в Photoshop сложно. Но я говорю вам, это совершенно неправильно! Мы перечислили два простых способа изменения текста, чтобы развеять это заблуждение. Просто выполните несколько шагов последовательно, и конечный результат обязательно вас удивит.
Готовы ли вы узнать что-то новое? Давайте погрузимся в статью!
Как искривить текст в Photoshop?
Photoshop — это благословение для фотографов и дизайнеров. С помощью Photoshop они могут создавать потрясающие изображения, плакаты, логотипы, баннеры и шаблоны всего несколькими щелчками мыши. И точно так же, как вишенка на вершине, изгиб или изгиб слов или текстов придает их рисункам потрясающий вид.
Для создания кривого текста в Photoshop не нужно быть экспертом.Все, что вам нужно сделать, это правильно следовать инструкциям. Есть разные способы искривления текстов. Но мы перечислили два простых способа, которым может легко следовать даже новичок.
Метод 1. Создание изогнутого текста в Photoshop с помощью инструмента «Эллипс»
Для деформации текста вокруг или внутри круга лучше всего подходит инструмент «Эллипс». Давайте посмотрим, как это работает.
Шаг 1. Откройте новый документ
Сначала откройте приложение Adobe Photoshop на своем ноутбуке или ПК.Черный фон появится в поле зрения, как только вы откроете приложение. Но на этом фоне работать нельзя. Вам нужно открыть новый файл / документ.
В строке меню вы найдете параметр «Файл». Щелкните по нему. Перед вами появится множество вариантов. Вам нужно нажать на первую опцию под названием «Новый» среди других. Откроется новая страница. Это ручной способ. Для этого тоже есть ярлык. Это Ctrl + N.
.
Шаг 2. Настройте новый документ
Как только вы нажмете «New», появится окно.В этом поле вы можете выбрать размер файла, цвет фона и имя, которое вы хотите дать документу. После настройки всего по своему желанию нажмите «ОК».
Шаг 3. Разделите документ
Открыв документ, вы увидите шкалы сверху и слева. Если вы не видите, включите их в строке меню с помощью «Просмотр»> «Линейки» или нажмите «Ctrl + R» на клавиатуре.
Теперь нажмите на весы и перетащите их к середине.Проделайте это с обеих сторон, сверху вниз и слева направо. Если вы не можете привязать линейки, включите «Snap» в «View> Snap» в строке меню.
Как видите, ваш документ разделен на четыре равные части. В основном это делается для создания в дальнейшем идеального круга.
Шаг 4: заливка сплошным цветом
В правом нижнем углу Adobe Photoshop есть значок в форме круга. В этой части вам нужно нажать на это. Когда вы нажмете, вы увидите опцию «Сплошной цвет» в самом первом столбце.Щелкните по нему и выберите любой цвет для заливки документа.
Шаг 5. Выберите инструмент «Эллипс»
Слева находится набор инструментов с множеством инструментов. Найдите значок в форме квадрата в нижней части. Это инструмент формы. Вы также можете включить его, нажав клавишу «U» на клавиатуре.
Выберите «Ellipse Tool» среди других инструментов формы. Он находится на третьем месте, с левой стороны нарисован круг. Теперь убедитесь, что в строке меню выбран параметр «Путь».
Шаг 6. Нарисуйте круг
После выбора инструмента «Эллипс» настройте размер и цвет обводки в строке меню. После этого вы готовы нарисовать круг.
Щелкните в центре, где пересекаются вертикальная и горизонтальная шкалы. Теперь перетащите курсор, чтобы нарисовать. Нажмите «Alt», чтобы поместить круг в середину, и «Shift», чтобы создать идеальный круг.
Шаг 7. Заблокируйте слои
На этом этапе вам нужно заблокировать слои, показанные справа.Это для защиты фона.
Шаг 8: Нарисуйте второй круг
Теперь вам нужно нарисовать второй круг, выполнив те же действия, что и первый. Вам нужно вставить этот новый круг внутрь первого. Это потому, что мы будем вводить слова внутри круга.
Шаг 9: вставить текст
Выберите «Type Tool» на панели инструментов. На нем есть символ «T» на случай, если вы его не найдете. Теперь настройте размер, цвет, шрифт в верхнем меню по своему желанию.
Щелкните по верхней поверхности второго круга. Курсор изменится на «I» с кривой линией посередине. Теперь введите все, что хотите.
Шаг 10: Выровняйте текст
Самый эффективный способ выровнять текст — использовать «Инструмент выбора пути». Выберите инструмент на панели инструментов и щелкните в любом месте кругового пути.
Где бы вы ни щелкнули, он станет отправной точкой вашего текста. Итак, выберите начальную и конечную точки для размещения текста.
Теперь найдите в меню пункт «Windows» и выберите «Персонаж» из списка.
Появится окно со стороны езды. Перейдите к опции «Абзац» и выровняйте текст по центру или по левому / правому краю.
Шаг 11: Дублируйте слой
Теперь вставим текст в нижнюю часть. Для этого вам нужно сначала продублировать текстовый слой. Не снимая выделения с слоя «Текст» с правой стороны, нажмите «Ctrl + J» на клавиатуре. Вы можете видеть, что был добавлен новый слой.
Шаг 12: изменение начальной и конечной точек
Выберите «Инструмент выбора пути». Теперь щелкните начальную точку пути, перетащите ее на противоположную сторону и оставьте. Сделайте то же самое и с конечной точкой. Мы в основном меняем местами начальную и конечную точки.
Помните, мы делаем все это на дублированном слое, который мы создали ранее. Исходный слой заблокирован.
Шаг 13: Вставьте текст в нижнюю часть
После изменения точек вы можете увидеть, что текст верхней части скопирован в нижнюю часть.Щелкните в любом месте внутри круга, чтобы выровнять текст внутри.
Шаг 14: изменение размера текста
Сейчас верхний и нижний тексты разных размеров. Вот почему мы собираемся изменить размер текста в нижней части.
Нажмите Ctrl + T, чтобы добавить квадратную рамку вокруг круга. Теперь одновременно нажмите «Alt + Shift», чтобы совместить круг с верхним текстом. Когда вы закончите позиционировать круг, нажмите «Enter».
Когда вы закончите изменять размер, отредактируйте текст, как хотите.
Шаг 15: Удаление сплошного фона
Разблокируйте слайд, на котором вы залили фон сплошным цветом. Щелкните по нему, чтобы удалить сплошной цвет.
Step-16: Clear Guides
Перейдите к «View» в строке меню и выберите «Clear Guides» из списка меню. Он очистит линейки и линии, которые вы создали во время дизайна.
Шаг 17: Сохраните проект
Все ваши усилия будут напрасными, если вы не сохраните дизайн.Поэтому очень важно сохранять файлы после редактирования.
Перейдите в меню «Файл» и выберите «Сохранить как». Дайте файлу имя и выберите формат. Теперь выберите место, где вы хотите сохранить его, и нажмите «Сохранить».
Дополнительный
Если вы хотите разместить какие-либо изображения внутри изогнутого текста, следуйте инструкциям, приведенным ниже.
Шаг 1. Открыть изображение
Чтобы добавить изображение, вам нужно вернуться к «Шагу-15», упомянутому ранее.Удалите сплошной фон, как мы описали.
Теперь перейдите в «Файл» и выберите «Открыть», чтобы открыть изображение с вашего устройства. Или вы можете использовать команду «Ctrl + O».
Шаг 2: перетащите изображение
Выберите открытое изображение и перетащите его вверх, чтобы перейти к предыдущему слайду. Теперь отрегулируйте размер изображения и поместите его в центр.
Шаг 3. Сохраните новый дизайн
Теперь выполните «Шаг 16» и «Шаг-17», чтобы очистить направляющие и сохранить новый дизайн.
Эта часть не является обязательной. Если хотите, можете пропустить эту часть.
И все! Вы успешно создали изогнутый текст внутри круга.
Метод 2: создание изогнутого текста в Photoshop с помощью инструмента «Перо»
Инструмент «Перо» полезен для создания случайных контуров. Кроме того, процесс очень простой. Хотите узнать о процессе? Давайте начнем!
Шаг 1. Откройте новый документ
Вы уже знаете, как открыть новый документ в Adobe Photoshop.Выберите «Создать» в меню «Файл» или нажмите «Ctrl + N» на клавиатуре.
Шаг 2. Настройте новый документ
Выберите размер, фон, тип нового документа в поле «Настройка». Когда вы закончите, нажмите «ОК», чтобы перейти к следующему шагу.
Шаг 3. Выберите инструмент «Перо»
Значок наконечника пера находится на панели инструментов. Это инструмент «Перо». Выберите его. Убедитесь, что в строке меню выбран «Путь».
Шаг 4: Создать путь
Сделайте начальную и конечную точку, просто щелкнув документ.Щелкните и удерживайте конечную точку, чтобы соединить две точки. Теперь перетащите конечную точку, чтобы изогнуть путь.
Необязательно создавать путь только с двумя концами. Точно так же вы можете добавить несколько кривых, только соединив концы.
Шаг 5. Отмените выбор пути
Когда вы будете удовлетворены своим путем, нажмите клавишу ‘Ctrl и щелкните в любом месте документа. Он отменит выбор режима создания пути, и вы увидите красивую кривую на странице.
Шаг 6. Вставьте текст
Возьмите инструмент «Текст» на панели инструментов.Щелкните в любом месте кривой. Теперь вы можете вводить все, что хотите на пути.
Шаг 7: разместите текст
Вы можете переместить текст в любое место на странице, щелкнув «Инструмент перемещения» на панели инструментов.
Шаг 8: Сохраните проект
Создайте столько путей, сколько захотите. Когда вы закончите, не забудьте сохранить свой дизайн. Перейдите в меню «Файл» и нажмите «Сохранить как». Назовите свой документ, выберите формат и выберите место, где вы хотите его сохранить.Нажмите «Сохранить», чтобы завершить весь процесс.
Поздравляем! Вы сами создали изогнутый текст!
Узнавать новое всегда интересно. А правильные инструкции облегчат все это. Мы надеемся, что это руководство было для вас полезным. Мы постарались все поставить максимально основательно.
Тем не менее, если у вас есть вопросы, не стесняйтесь комментировать. Мы постараемся решить вашу проблему. Желаем вам удачи в Photoshop!
Вот видеоурок:
Свяжитесь с нами:
Если вы считаете, что вам нужно отредактировать некоторые изображения, но у вас недостаточно уверенности, чтобы сделать это самостоятельно, вы можете обратиться в Clipping Path CA.
Мы — одна из ведущих компаний в США, предоставляющая все виды услуг Photoshop. У нас работают опытные дизайнеры, чтобы предоставить вам работу самого высокого качества по разумной цене.
Мы доступны для наших клиентов 24/7. Просто позвоните нам, когда мы вам понадобимся.
Как сделать изогнутый текст в Photoshop двумя простыми способами
Просмотры сообщений: 33
Вы хотите знать, как сделать текст кривым в Photoshop? Есть 2 метода, которые вы можете использовать для изгиба текста в Adobe Photoshop, и, конечно же, вы можете легко следить за ним, даже если вы не знакомы с программным обеспечением.
В наше время творчество стало обязательным в цифровую эпоху, и вы должны стремиться к впечатляющему визуальному дизайну, который можно продать людям. Еще один способ получить потрясающий дизайн — использовать кривую текста.
Обычные заголовки или текст не дадут вам желаемого творческого потенциала. Вам нужно добавить некоторую настройку, которая представляет собой кривую, чтобы добавить больше вариаций в дизайн,
В этой статье Dropicts научит вас, как сделать текст кривым в Adobe Photoshop. Все, что вам нужно сделать, это следовать приведенным ниже инструкциям, и вы закрепите новый навык в дизайне.
2 метода создания кривой текста в Photoshop
Есть 2 метода, которые вы можете попробовать сделать кривую текста в Adobe Photoshop. Проверьте следующие методы:
1. Использование инструментов деформации текста
В первом методе мы будем изгибать текст с помощью инструментов «Деформация текста». Чтобы добраться туда, вы можете попробовать выполнить следующие действия:
Создайте новый файл в Adobe Photoshop, а затем задайте имя документа по своему усмотрению.Например, назовем его «Тест 1».
Вам также необходимо отрегулировать ширину и высоту. Установите ширину 800 пикселей и высоту 500 пикселей.
Тем не менее, в предустановке открытия измените «Содержимое фона» на белый. Когда все будет готово, нажмите OK.
Перейдите к инструменту «Текст» (T), введите текст. Для практики вы можете просто набрать «Тестирование».
Выберите текстовый слой и убедитесь, что инструмент «Текст» все еще активен. Затем щелкните значок «Создать деформированный текст», его можно найти на панели инструментов.
Когда вы увидите окно настройки «Деформация текста», измените «Стиль» на «Дуга». Установите значение «Bend» на + 20% и нажмите OK.
Ваш текст теперь изогнут! Легко и просто, правда? Если вы хотите сделать его более изогнутым, вы можете просто добавить к нему больше изгибов, чтобы получить идеальный изгиб.
Также читайте: Как создать трехмерный текст в Photoshop простыми способами
2. Использование инструментов «Эллипс»
Во втором методе мы будем использовать инструмент «Эллипс» (U), чтобы согнуть текст. Вот шаги, которые вы можете выполнить:
Создайте новый документ и проделайте то же самое с предустановленными настройками, что и при первом способе.
Перейдите к инструменту «Эллипс» и нарисуйте форму 710 x 270 пикселей. Убедитесь, что режим «Форма» включен или вы можете найти его на панели инструментов.
Теперь выберите инструмент «Текст» (T) и щелкните край эллипса, чтобы ввести текст. Наберите там «Тестирование».
На последнем этапе вы можете скрыть форму эллипса, щелкнув значок глаза в окне слоев, и все готово!
Это вся информация, которую мы можем дать вам о том, как сделать текст кривым в Photoshop.Если вам все еще сложно сделать это, просто отдайте задачу Dropicts, и мы с радостью поможем с любым дизайном, который вы хотите. Мы можем продолжить задуманное!
[адрес электронной почты защищен]
Мы очень рады, что можем помочь вам улучшить имидж вашего продукта для вашего сайта электронной коммерции. Мы хотели бы, чтобы ваш интернет-магазин выглядел красиво и профессионально. Чтобы узнать больше об оптимизации изображения продукта, обязательно подпишитесь на нас и следите за нашей последней статьей.
No related posts.