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

Содержание

• 0.1 Создание фона
• 0.2 Создаем векторный круг
• 0.3 Пишем текст по кругу
• 0.4 Текст внутри круга
• 1 Круговой текст
  • 1.1 Способ 1: Деформация
  • 1.2 Способ 2: Контур
• 2 Простой способ нарисовать текст по кругу для новичков
• 3 Более сложный вариант с большим количеством функций
• 4 Еще один интересный способ размещения: «Солнце слов».

Содержание

1. Создание фона
2. Создаем векторный круг
3. Пишем текст по кругу
4. Текст внутри круга
5. Круговой текст
6. Способ 1: Деформация
7. Способ 2: Контур
8. Простой способ нарисовать текст по кругу для новичков
9. Более сложный вариант с большим количеством функций
10. Еще один интересный способ размещения: «Солнце слов».

Добрый день, посетители Pixelbox.ru!

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

Сам принцип довольно прост – в первую очередь нужно создать контур, используя инструменты фотошоп из векторной группы, далее при помощи инструмента Текст (Type Tool) написать текст.

Итак, давайте же узнаем, как написать текст по кругу в фотошоп.

Создание фона

Создаем в фотошоп новый документ (Ctrl+ N), у меня с размерами 800×600 пикселей:

Заливаем фон каким-либо цветом (Shift+ F5), например, #232323:

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

Переходим в группу векторных инструментов (горячая клавиша вызова группы – U) и выбираем инструмент Эллипс (Ellipse Tool):

Зажимая клавишуShift для сохранения пропорций, рисуем круг. При помощи инструмента Перемещение (Move Tool) размещаем круг в центре холста. Горячая клавиша вызова инструмента Перемещение (Move Tool) – V.

Пишем текст по кругу

Активируем инструмент Горизонтальный текст (Horizontal Type Tool), горячая клавиша вызова инструмента T:

В верхней панели настройки инструмента Текст (Type Tool) при необходимости выбираем шрифт (1) и цвет (2) текста. Я выбрала цвет #ff7e00:

Подводим курсор к кругу и щелкаем по контуру круга.

Курсор как бы «прилипает» к контуру круга. Теперь пишем текст.

В уже знакомой нам верхней панели настройки инструмента Текст (Type Tool) при желании меняем размер шрифта:

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

Можно скрыть слой с эллипсом, если он не является частью композиции. Для этого нужно в панели слоев нажать на иконку «глазика» у слоя с эллипсом:

Текст внутри круга

Текст по кругу можно написать и внутри круга, для этого необходимо активировать инструмент Выделение контура (Path Selection Tool), горячая клавиша вызова инструмента – A:

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

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

Вот пример использования приема с написанием текста по кругу:

Теперь вы умеете писать в фотошопе текст по кругу. Успехов в творчестве!

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

Круговой текст

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

Способ 1: Деформация

Начнем с деформации готового текста.

На верхней панели находим кнопку функции деформации текста.

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

Круговой текст готов.

Достоинства:

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

Недостатки:

Налицо явное искажение текста.

Способ 2: Контур

Переходим к следующему способу – написание текста по готовому контуру. Контур… Где его взять? Можно самостоятельно нарисовать инструментом «Перо», либо воспользоваться теми, которые уже есть в программе. Самый простой вариант — воспользоваться одним из инструментов группы «Фигуры». Все создаваемые ими объекты состоят из контуров.

Выбираем инструмент «Эллипс» в блоке инструментов с фигурами.

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

Далее зажимаем клавишу SHIFT и рисуем круг.

Затем выбираем инструмент «Текст» (где его искать, вы знаете) и подводим курсор к границе нашего круга. Первоначально курсор имеет такую форму:

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

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

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

Достоинства:

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

Недостатки:

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

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

В списке фигур ищем «Тонкую круглую рамку» (есть в стандартном наборе).

Рисуем фигуру и берем инструмент «Текст». Выбираем выравнивание по центру.

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

Затем переходим на слой с фигурой и кликаем курсором по внешней части контура кольца.

Готово. Фигура больше не нужна.

Информация к размышлению: таким образом текстом можно обойти любой контур.

На этом урок по написанию текста по кругу в Фотошопе окончен.

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

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

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

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

Простой способ нарисовать текст по кругу для новичков

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

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

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

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

Первым делом я сделал заливку слоя, чтобы рисовать было удобнее. Думаю, проблем тут не возникнет. Инструмент заливка и выбираем цвет. Все как в Paint. Далее выбираем текст в панели инструментов справа.

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

В итоге получается два текстовых слоя.

Кликаете на один изних, чтобы он подсветился. Затем на кнопку: «Деформировать текст» в верхней панели.

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

Теперь передвигайте ползунок функции «Изгиб». Сохраняете изменения.

Теперь кликаем по второму слою и снова трансформируем текст.

Выгибаем уже в другую сторону.

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

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

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

Итак, создаем новый документ. Мои размеры снова 800×800.

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

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

Чтобы нарисовать ровный круг удерживайте кнопку Shift.

Теперь кликаем по инструменту «Текст».

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

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

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

Вот так у вас может получиться.

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

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

Если вы заедете за предел, то некоторые слова исчезнут.

Что делать в этом случае?

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

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

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

Еще один интересный способ размещения: «Солнце слов».

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

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

Выбираем цвет, которым будем писать.

Кстати, если у вас есть проблемы с сочетаниями или вы еще новичок и тратите много времени на выбор палитры, то можете воспользоваться сервисом www.colorscheme.ru . Он поможет найти идеальные сочетания для любого проекта. Как-нибудь позже, я напишу про него отдельную статью, он многофункциональный, но основные опции предельно понятны. Можете и сами попробовать разобраться.

Лучше всего этот метод создания использовать для отдельных слов или коротких фраз. Напишите каждый из них на отдельном слое. Как в первом методе, который я показывал в этой статье. Далее перейдите в раздел «Фильтры» и найдите «Искажение».

Здесь вам понадобятся «Полярные координаты».

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

Теперь щелкаем по «Прямоугольные в полярные» и жмем на «Ок».

Так проделываем со всеми текстовыми слоями.

Если все-таки хочется поменять цвет текста, то зажимаем CTRL на клавиатуре и жмем на эскиз слоя.

Справа, на панели слоев, находим эту кнопку.

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

Если вы не умеете создавать градиенты или вам, как и мне, проще использовать готовые, то могу порекомендовать сервис www.photoshop-master.ru . Тут можно все скачать бесплатно.

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

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

Правая кнопка мыши и «объединить слои».

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

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

Если хотите, можете Скачать этот макет, открыть его в фотошопе и посмотреть более подробно.

Если вам нравится работать в фотошопом, то на том же сайте, что я вам уже рекомендовал в качестве источника дополнительных материалов для вашей программы можете также найти множество курсов ( www.photoshop-master.org ). Они считаются одними из лучших во всем интернете.

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

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

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

ТОП-10 программ для создания картинок с текстом

Автор: Виктор Громов

|

5.0 Оценок: 12 (Ваша: )

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

Добавьте текст на фото сейчас! Установите удобную программу:

Оглавление:

Подборка из инструментов для создания изображений с текстом
1. Canva
2. ФотоМАСТЕР
3. Adobe Photoshop
4. Домашняя Фотостудия
5. Snapseed
6. Picasa
7. PicPick
8. GIMP
9. Photoscape
10. Paint
Выводы

Подборка инструментов для создания изображений

с текстом. Для личных целей и бизнес-задач

1. Canva

Одно из самых популярных и простых приложений для создания картинок с текстом. Отлично работает на Android и IOS. Чтобы пользоваться Canva на ПК, скачивать ничего не придется. Канва для компьютера работает онлайн и доступна после регистрации.

С ее помощью дизайнеры и маркетологи, SMM-щики и обычные пользователи социальных сетей создают:

• презентации;
• логотипы;
• плакаты;
• приглашения и открытки;
• календари;
• публикации для Instagram.

Выбирайте готовые шаблоны в Canva и редактируйте на свой вкус

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

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

2. ФотоМАСТЕР

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

В ФотоМАСТЕРЕ можно создавать визитки, сертификаты, пригласительные на торжественные мероприятия и т.д. Используйте линии, фигуры, рамки, чтобы выделить надпись и задать документу вид профессиональной полиграфии.

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

Создавайте материалы для типографии в ФотоМАСТЕРЕ

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

ФотоМАСТЕР устанавливается на ПК, работает полностью на русском языке. Кроме наслаивания текста в редакторе можно:

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

3. Adobe Photoshop

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

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

Редактируйте шрифты в Adobe Photoshop на профессиональном уровне

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

4. Домашняя Фотостудия

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

• обрабатывать фотографии;
• создавать постеры;
• разрабатывать обложки;
• оформлять календари;
• готовить открытки и другую полиграфию

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

Создавайте яркие постеры в Домашней Фотостудии — это легко

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

5. Snapseed

Пользователи любят его за универсальность установки — Снапсид одинаково хорошо работает на ОС Windows, Mac, Android. Приложение предлагает инструменты для обработки фотографий, помогает создавать оригинальные публикации с надписями.

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

Используйте Snapseed на компьютере, планшете или смартфоне

В Snapseed 36 шрифтов, которые сгруппированы по категориям. Есть 6 «облачков для цитат», чтобы делать изображения а-ля комикс. Надписи в фигурах подходят для публикаций прайсов и объявлений в соц. сетях.

6. Picasa

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

В ее редакторе есть набор функций для обработки фото и создания коллажей. Как и в ФотоМАСТЕРЕ, здесь фотографии можно изменять пакетно, наносить на них водяные знаки. Это значительно сокращает время, когда нужно обработать сразу несколько сотен фото.

Найдите фото по ключевому слову в Picasa и добавьте к нему надпись

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

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

7. PicPick

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

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

Попробуйте PicPick. Это почти как Paint, только функциональнее

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

8. GIMP

Функциональный и мощный графический редактор для создания картинок с текстом.

Цветовые кривые, экспозицию и яркость в GIMP можно настраивать вручную, а с помощью «Штампа» и «Лечебной кисти» удалять ненужные детали с фото. Есть функция управления перспективой, чтобы исправить заваленный горизонт и искажение оптики. А еще в GIMP можно рисовать, использовать несколько слоев, добавлять цитаты.

Исправьте ошибки оптики в GIMP и добавьте подходящий текст

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

9. Photoscape

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

В Фотоскейп можно собирать коллажи, конвертировать тяжелый RAW в стандартный JPG, создавать GIF-анимацию, скриншоты и накладывать текст.

Подберите оттенок текста в тон изображения в Photoscape

10. Paint

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

Попробуйте добавить надпись к фото в привычном Paint

Выводы

Чтобы добавить текст к фото, определитесь, какого уровня сложности вы хотите от надписи. Если садитесь за обработку впервые и вообще не представляете, как работать в редакторах, пользуйтесь Canva, ФотоМАСТЕРом или Домашней Фотостудией. Для тех, кто хочет пойти дальше и научиться создавать надписи профессионально, подойдет Photoshop.

Создавайте свои первые надписи на фото с помощью ФотоМАСТЕРа

Скачать бесплатно!

Отлично работает на Windows 11, 10, 8, 7 и XP

Вам также может быть интересно:

Обзор программ для создания и печати фотокниг
ТОП-10 лучших бесплатных редакторов фото для Айфон
ТОП-10 лучших редакторов фото онлайн

ФотоМАСТЕР

Домашняя Фотостудия

Adobe Photoshop

Snapseed

Picasa

GIMP

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

Автор сценария Стив Паттерсон.

В этом уроке Photoshop Text Effects мы узнаем, как легко оборачивать текст вокруг 3D-объекта в Photoshop без необходимости в каком-либо программном обеспечении для 3D.

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

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

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

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

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

Начнем!

Шаг 1. Выберите инструмент Elliptical Marquee Tool

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

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

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

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

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

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

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

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

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

Щелкните значок «Создать рабочий путь из выделенного».

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

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

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

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

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

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

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

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

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

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

Шаг 5. Выберите цвет для текста

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

.

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

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

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

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

Шаг 6. Введите текст по круговой траектории

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

Шаг 9. Сделайте выделение вокруг вашего объекта

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

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

Планета выбрана.

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

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

Выберите инструмент «Кисть».

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

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

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

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

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

Шаг 11. Добавьте стиль слоя Gradient Overlay

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

Щелкните значок «Стили слоев».

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

Выберите «Наложение градиента».

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

.

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

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

Окончательный 3D-эффект.

Куда идти дальше…

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

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Обтекание текста по траектории формы с помощью Photoshop CC

Редактирование фотографий / By Криста Лав / 20 апреля 2015 г. / фотошоп, ТехноФотошоп

Будьте изобретательны! Прекратите использовать только горизонтальный или вертикальный текст. Вместо этого используйте Photoshop CC для обтекания текста пользовательской формой. Это заставит его изгибаться вдоль пути, создавая интересный дизайн. Попробуй это!

1. Открыть новый документ в Adobe Photoshop CC .
2. Выберите инструмент «Пользовательская форма» на панели «Инструменты».

3. Выберите Путь на панели параметров. Щелкните стрелку «Пользовательская форма» на панели параметров.

Укажите путь, а затем выберите пользовательскую форму.

4. Выберите пользовательскую форму на панели. (Чтобы увидеть все пользовательские фигуры, щелкните меню выбора «Пользовательская фигура» и выберите «ВСЕ». Нажмите «ОК».)

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

5. Нажмите и перетащите, чтобы нарисовать фигуру.

Нарисуйте фигуру.

6. Чтобы добавить текст, щелкните инструмент Horizontal Type Tool .
7. На панели параметров выберите шрифт, стиль, размер и цвет текста. Установите размер 12 .

Отформатируйте текст с помощью инструментов на панели параметров.

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

Нажмите на край фигуры.

9. Введите текст, и текст будет автоматически обтекать фигуру.

Печатайте и слова изгибаются по траектории формы.

Изменение направления и положения текста

10. Выберите инструмент Path Selection Tool на панели инструментов.

11. Перетащите указатель мыши по тексту, чтобы переместить его по пути ОТ КОНЕЧНОЙ ТОЧКИ.

Перетащите текст вдоль контура фигуры.

12. Перетащите указатель мыши ПОПЕРЕЧНОЙ траектории фигуры, чтобы перевернуть текст и перевернуть его.

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

Сделайте текст великолепным!

ПОДСКАЗКИ:

• Формат шрифта: Выберите инструмент «Горизонтальный текст». Нажмите и перетащите, чтобы выделить текст. Используйте инструменты на панели параметров, чтобы внести изменения.
• Текст позиции: Выберите инструмент выбора пути на панели инструментов. Перетащите точки START и END, чтобы изменить расположение текста.
• Настройка размера контура фигуры: Выберите инструмент «Перемещение» на панели инструментов. Перетащите контрольную точку, чтобы увеличить или уменьшить фигуру.
• Захват начальной точки: Если у вас возникли проблемы с перемещением текста, перетащите начальную точку вместо самих букв.

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