Текст по кругу в Фотошопе: подробная инструкция
Главная » Программы
Всех приветствую на портале WiFiGiD.RU. В нашем сегодняшнем уроке мы посмотрим, как можно сделать текст по кругу в программе Фотошоп. Есть два способа. Первый – достаточно сложный, но текст в таком случае у вас получится максимально правильным и красивым. Второй – более простой и подходят для расположения букв по небольшой дуге. Я же советую подробно ознакомиться с обоими вариантами, чтобы вы всегда могли применять их в разных условиях и задачах. Если у вас в процессе чтения возникнут какие-то вопросы – пишите в комментариях.
Содержание
- Способ 1: С помощью кругового контура
- Способ 2: С помощью деформации текста
- Видео
- Задать вопрос автору статьи
Способ 1: С помощью кругового контура
Итак, как же нам в Фотошопе сделать текст или любую надпись по ровному кругу (или полукругу). На самом деле все не так просто, поэтому постарайтесь внимательно читать, то что я буду писать и смотрите на скриншоты.
Я постараюсь описывать все действия максимально подробно, чтобы вы не запутались.
- Давайте создадим новый документ. В верхней панели выбираем «Файл» – «Создать». Или используем клавиши:
Ctrl + N
- Задайте нужный размер по ширине и высоте в правом блоке. Значение лучше задать в пикселях. Еще один момент – если вы будете распечатывать эту картинку на бумаге, то можно выбрать сверху «Печать», и далее нажать по любому международному формату A4, A5 и т.д. Жмем «Создать».
- Для примера я создам два круга, посередине которых и будет нужная нам фраза или текст. Нам понадобится один новый слой. Чтобы его создать на вкладке «Слой» в отдельном окне нажмите по кнопке квадратика с плюсом. Или используйте клавиши:
Ctrl + Shift + N
- Проверьте, чтобы был выделен новый слой, который мы только что создали. Именно с ним мы и будем работать.
- На панели инструментов кликните правой кнопкой по инструменту область выделения и далее выберите «Овальную область».
- На клавиатуре зажмите клавишу «Shift», и, не отпуская, её нарисуйте круг нужного вам размера.
- Чтобы создать хоть какой-то объект из выделения, нам нужно залить эту область. Для этого кликаем правой кнопкой (ПКМ) по ней и из выпадающего меню выбираем команду «Выполнить заливку».
- В «Содержании» кликаем по «Цвету» – выбираем любой и жмем два раза по кнопке «ОК». Вы также можете использовать инструмент «Заливка» на панели слева.
- Теперь отменяем выделение, нажав ПКМ и выбрав соответствующий пункт в выпадающем меню. Или используем быстрые клавиши:
Ctrl + D
- Кликните двойным щелчком левой кнопкой мыши (ЛКМ) по нашему слою.
- Установите галочку напротив фильтра «Выполнить обводку» и зайдите туда. Установите нужные «Размер» в пикселях, так чтобы обводку было видно. Ставим цвет «Черный».
Вы можете не переживать, эти параметры можно в любой момент поменять.
- Теперь там же в окне «Слои» убираем заливку до 0%, чтобы осталась только обводка.
- У вас должна получиться вот такая картинка. Если вы считаете, что обводка слишком тонкая или толстая – опять зайдите в «Стиль слоя» и измените параметры обводки.
- Так как в примере нам нужно нарисовать два круга – давайте продублируем этот слой. Кликаем ПКМ по слою и выбираем команду «Создать дубликат слоя».
- Ничего менять не нужно – «ОК».
- Вы можете скрыть стили слоя, нажав по стрелочке рядом с буквами «fx», чтобы они не занимали много места.
- Теперь на верхней панели переходим во вкладку «Редактирование» и кликаем по инструменту «Свободное трансформирование». Горячие клавиши:
Ctrl + T
- Зажимаем клавишу Alt и начинаем тянуть круг к центру, чтобы уменьшить его, сохраняя пропорции.
В некоторых старых версиях нужно дополнительно зажать вторую кнопку – Shift. Чтобы применить изменения, кликните ЛКМ по центру круга.
- Выделите слой с большим кругом – для этого зажимаем Ctrl и кликаем ЛКМ по этому слою.
- Вы увидите окантовку выделения, кликаем ПКМ – «Трансформировать выделенную область».
- Нам нужно изменить выделение и уменьшить его – именно от этого места и будут идти буквы нашей надписи. Зажимаем клавишу Alt (или Alt + Shift) и уменьшаем выделение. Оставьте небольшое расстояние до малого круга, чтобы смотрелось лучше.
- Кликаем ПКМ и выбираем «Образовать рабочий контур».
- Жмем «ОК».
- Теперь жмем по инструменту «Текст» (T).
- Наведите на этот контур. Вы увидите, как курсор преобразуется в такой вот значок. Кликните по нему ЛКМ.
- Напишите свою фразу.
Вы можете столкнуться с проблемой – фраза будет слишком маленького размера или не того цвета. Выделите её, нажав клавиши Ctrl + A.
- Теперь в верхней панели изменяем размер и цвет.
- Вы также можете поменять и шрифт написания.
- А теперь для вас задание, сделайте вторую надпись, но только снизу круга. Делается все по аналогии, начинаем с 19 шага, где нам нужно выделить круг, зажав клавишу Ctrl.
- У вас должно получиться две фразы, которые существуют отдельно на разных контурах – это важно. И опять же вы можете столкнуться с еще одной проблемой – когда надписи будут находиться не по центру или неровно.
- Выделите слой с текстом, который вы хотите прокрутить по кругу, для того чтобы изменить и поставить его в нормальное положение.
- Выбираем инструмент «Перо» (P).
- Жмем ПКМ по контуру – «Свободное трансформирование контура».
- Жмем ПКМ и выбираем «Поворот».
- Наводим курсор на правый верхний угол и начинаем крутить контур. Надпись при этом будет оставаться на месте – она изменит свое положение, только после применения изменения, поэтому будьте аккуратны и ориентируйтесь на глаз. Кликаем два раза ЛКМ, чтобы применить изменение. Точно также делаем и со второй фразой.
- А что, если нам нужно нижнюю надпись перевернуть, чтобы она была сверху над контуром. Для этого на вкладке «Контуры» выделите тот контур, к которому привязана эта надпись.
- Найдите на панели инструментов «Выделение контура», нажав ПКМ по стрелочке.
- А теперь очень внимательно – наводим курсор на контур, так чтобы он превратился в фигуру как скриншоте ниже. Далее зажимаем ЛКМ, и, не отпуская, ведем мышь к центру круга до тех пор, пока надпись не перевернется.
СОВЕТ! Помните, как мы раньше крутили надпись с помощью трансформации, на самом деле её можно крутить по кругу и с помощью этого инструмента, зажав ЛКМ.
Можете попробовать.
- Итак, надпись мы перевернули, но вот выглядит она не очень красиво, так как буквы слишком близко находятся друг к другу.
- Жмем:
Ctrl + T
- Зажав клавишу Alt, изменяем размер контура, увеличив его.
- Применяем изменение.
- Если у вас буквы останутся так же близко стоять, как и раньше, то расстояние можно увеличить. Выбираем инструмент «Текст» (T), выделяем его и находим на верхней панели конфигурацию настроек – далее изменяем расстояние между буквами.
- У вас должно получиться что-то вроде такого.
Как видите, написать текст по кругу в Фотошопе не так просто как кажется. Поэтому если вы что-то забудете, то вы всегда можете обратиться к этой статье как в шпаргалке. Очень много нюансов, о которых нужно помнить. Кстати, если вам не нужны эти два круга, то вы можете их убрать, стереть или даже просто скрыть, нажав по значку глаза на вкладке нужного слоя.
Еще один момент – не все шрифты красиво смотрятся при написании по кругу, поэтому можете повыбирать самые лучшие варианты на ваш взгляд.
Способ 2: С помощью деформации текста
Закруглить текст в Фотошопе можно с помощью деформации текста. У этого способа есть один плюс – он очень прост в исполнении по сравнению с прошлым способом. Но есть и один существенный минус – о нем мы узнаем чуть позже, как только попробуем этот вариант.
- Выбираем «Текст» (T).
- Пишем любую фразу.
- В верхней панели жмем по значку деформации.
- В «Стиле» выбираем «Дугу» и пробуем увеличить изгиб.
- Попробуйте ради интереса установить значение в 100% – то есть полукруг.
Как видите, в Фотошопе можно таким образом сделать текст небольшой дугой, но вот полукругом – не получится, так как буквы будут сильно деформированы. Поэтому если вы хотите сделать все красиво, то лучше использовать первый способ.
Видео
Помогла ли вам эта статья?
134 3
Автор статьи
Бородач 1609 статей
Сенсей по решению проблем с WiFiем. Обладатель оленьего свитера, колчана витой пары и харизматичной бороды. Любитель душевных посиделок за танками.
Написание текста в фотошопе CS6 по кругу и диагонали
Предлагаю новый урок по фотошопу «Написание текста в фотошопе CS6», где я простым языком объясняю то, что сама очень долго не понимала. Мы рассмотрим:
- написание горизонтального текста
- написание текста в фотошопе по кругу
- как в фотошопе написать текст по диагонали и в квадрате
- что делать, если не можете убрать контур
Я пользовалась только горизонтальным текстом — как и большинство блогеров.
Для написания любого текста в фотошопе используется инструмент текст. Он расположен в левой панели моего фотошопа cs6. Если кликнуть правой кнопкой мышки на значок возле буквы Т (маленький снизу) — увидите, что под одним инструментом спряталось аж четыре:
Как написать горизонтальный текст в фотошопе
Работать в этом уроке будем Инструмент «Горизонтальный текс». Для этого кликаем по нему левой кнопкой мыши и пишем любой текст горизонтально, почти как в вордовском документе
В фотошопе есть много других, более оригинальных способов написания текста. Давайте их рассмотрим — хотя бы некоторые.
Написание текста в фотошопе по кругу
Перед тем, как написать текст полукругом, необходимо создать контур — круг. Для этого, подводим курсор к инструменту, расположенному сразу под «Инструмент текст» — там может быть любая надпись из тех, что показаны на скриншоте.
Нам необходимо взять элипс.
Кликаем на треугольничек правой кнопкой мыши и видим следующие инструменты:
Кликаем левой кнопкой мыши на Инструмент «Элипс» и на нашем холсте, зажав кнопку шифт, рисуем круг. Нарисовав округлый контур, отпускаем шифт.
Берём Инструмент «Горизонтальный текст» и ставим курсор на любое место круглой линии.
Пишем текст. Если хотим его расположить красиво, переносим курсор в начало текста и начинаем работать клавишей «Пробел» на клавиатуре компа.
Для того, чтобы убрать контур круга, есть два варианта (в разных компах работает один из них):
— нажимаем одновременно клавиши CTRL + h (у меня не срабатывает)
— нажимаем галочку на верхней панели фотошопа (когда стоит ещё курсор Инструмента Текст):
Остаётся только текст, круг исчезнет. Если у вас контур круга не исчез, значит он у вас не прозрачный — идём в настройки на верхнюю панель фотошопа и внимательно смотрим настройки возле надписи «Заливка» И «Штрих».
Что делать, если не можете убрать контур
У вас должен быть пункт 3 и пункт 4 такой, как на рисунке — с диагональкой, которая означает «Нет цвета».
Если у вас вместо диагонали стоит цветной квадратик — нажимаете маленький треугольничек, выпадет таблица с цветом и вы кликаете на то, что показывает большая красная стрелка.
Это касается настроек «Заливка» и «Штрих» — сделайте их одинаковыми. После этого повторите надпись по контуру круга.
Для большей наглядности смотрим моё видео:
Как видите, всё довольно просто, если знать некоторые нюансы.
Как в фотошопе написать текст по кругу, чтобы «нижние» слова были не вверх ногами?
Отвечаю на интересный вопрос читателя этого блога. Для многих дизайнерских работ необходимо, чтобы текст, написанный по кругу, был не вверх ногами на нижней дуге. Уточняю:
текст должен выглядеть, будто написан по контуру круга, но — и по нижней и по верхней дуге текст идёт слева направо.
Я с удовольствием отвечаю на вопрос Тамары уроком, снятым на видео. Расписывать его я не буду — только подчеркну, что в таком случае текст пишется по верхней дуге на отдельном слое и по нижней дуге — тоже на отдельном слое и тогда буквы на нижней дуге не будут вверх ногами.
Смотрите видео:
Кто хочет получить видео-ответ на свой вопрос — прошу написать его в комментариях.
Как в фотошопе написать текст по диагонали
В левой панели инструментов берём Инструмент «Линия» и проводим диагональ. Меняем инструмент на «Горизонтальный текст», ставим курсор на диагональ в любом месте и пишем текст. Нажимаем галочку в верхней панели — написание завершено.
Если необходимо расположить текст красиво — ставим курсор перед текстом и клавишей пробел продвигаем текст так, как вы хотите его расположить.
Я сняла видео для лучшей наглядности. В нём показано, как написать текст в фотошопе по диагонали, в квадрате и в круге.
На сегодняшнем уроке вы научились:
- писать горизонтальный текст
- писать текст по кругу
- писать текст по диагонали
- писать текст в квадрате
- писать текст в круге
Желаю успеха в освоении фотошопа! Если у вас возникли вопросы или что-то не получается — задавайте их в комментариях и я с удовольствием вам помогу.
Посмотрите урок работа со слоями в фотошопе — вам станет многое понятно.
Если статья и видео были для вас полезными — в знак благодарности тискаем кнопочки социальных сетей — вдруг ваши друзья ищут подобный материал, написанный в доступной форме.
С уважением, Галина Нагорная
Понравилось это:
Нравится Загрузка…
Как напечатать путь в Photoshop — Fallon Travels
Привет, друзья! Поэтому недавно я переработал весь свой брендинг, и несколько человек спросили меня о моем новом логотипе.
TBH Этот логотип был чем-то вроде того, что я собрал в Photoshop менее чем за 30 минут (так что ожидайте, что он изменится довольно скоро, лол).
НО С учетом сказанного я понял, что многие люди на самом деле не знают как печатать контур в Photoshop … и, более конкретно, как печатать по кругу в фотошопе !
Ну что, друзья! Я собираюсь показать вам, как именно это сделать.
😉
PS — Если вы любите Photoshop, вам может быть интересно: Как добавить изображение в Photoshop
Небольшое замечание о документе Photoshop, над которым я работаю, прежде чем мы начнем!
Сейчас я создаю это изображение в 1000px x 1000px документ, содержащий несколько простых слоев :
1. Создайте
направляющих в документе PhotoshopУбедитесь, что линейки включены:
Создайте горизонтальную направляющую в документе Photoshop:
Обе они должны защелкнуться в документе. Если это не так, убедитесь, что вы включили привязку :
.2. Создайте
окружность с помощью инструмента Ellipse Tool Чтобы создать траекторию для текста, выполните следующие действия: ваш круг вне.
Когда вы вытаскиваете круг, нажмите клавишу OPTION для Mac ( ALT для ПК), чтобы создать круг из центральной точки.
Затем вам нужно щелкнуть + удерживать клавишу SHIFT ( , удерживая клавишу option или Alt ), если вы хотите ограничить пропорции идеальным кругом.
Итак, нажмите Option (или Alt), удерживая Shift, и перетащите круг настолько большого размера, насколько вы хотите, чтобы он был для вашего текстового контура. Хорошо, теперь вы можете отпустить. 🙂
3.
Добавить верхнюю половину типа на ваш круговой контур4. Выровняйте
верхнюю половину шрифта по окружности Эта часть будет немного более запутанной, так что потерпите немного.
Мы справимся с этим вместе, друг — обещаю! 🙂
Начните с выполнения следующих шагов:
Если вы не видите эту опцию, перейдите в Окно > Свойства , и вы увидите всплывающую панель на правой боковой панели.
5. Переформатируйте текст (необязательно)
Если ваш текст слишком большой, вы можете просто вернуться в инструмент «Текст», дважды щелкнуть текст и изменить размер шрифта на панели инструментов «Текст».
Теперь, если вы нажмете « Center align» в свойствах , ваш текст будет выровнен прямо по центру вашего логотипа (если вам нужна ссылка, я сделал это в конце последнего GIF).
6. Добавьте
нижнюю половину шрифта на ваш круговой путь Теперь мы собираемся создать нижнюю половину нашего текста.
Начнем с , дублируя текст :
Cmd + J (Mac)
Ctrl + J (ПК)
02 Затем снова щелкните инструмент
Path Selection Tool и перетащите текст, пока он не перевернется на противоположную сторону .Нажмите и перетащите внутрь , и вы увидите, что ваш текст переворачивается, так что вы действительно можете прочитать, что он говорит!
Теперь вы можете дважды щелкнуть по тексту и ввести все, что вы хотите, чтобы нижняя половина логотипа/графики говорила.
7. Выровняйте
по нижней половине типа на вашем круговом контуреЧтобы выровнять нижнюю часть нашего текста:
Нажмите на Окно > Символ
Теперь мы хотим откорректировать базовую линию нашего текста (я показал ее ниже значка, скажет: « Установите базовый сдвиг », при наведении на него)
Нажмите на этот маленький значок в окне персонажа и уменьшите значение до тех пор, пока нижний текст не совпадет с верхним текстом (вы также можете просто навести на него курсор и перетащить влево или вправо).
Вот оно! 🙂 Теперь вы можете переформатировать текст, изменить цвета или шрифты фирменного стиля и поэкспериментировать, пока не будете довольны своим логотипом.
Когда вы закончите, вы можете скрыть фоновый слой , используя значок «глаз», чтобы ваш логотип был прозрачным, а затем экспортируйте его в файл PNG для своего веб-сайта!
*PS Ниже я добавил изображение, чтобы вы могли лучше понять, какие изменения в брендинге вы можете внести! Для этого я переместил текст немного ближе к внутреннему кругу, изменил шрифт на темно-серый, добавил название своего бренда поверх синего круга, а затем скрыл фоновый слой!*
Если вы прошли обучение без проблем, похлопайте себя по плечу!
Может потребоваться несколько проб и ошибок, прежде чем вы получите свой логотип/графику именно так, как вы хотите, но, надеюсь, я немного упростил вам процесс. 🙂
Если вам понравилось мое руководство о том, как печатать контур в Photoshop, я бы хотел, чтобы вы поделились им в социальных сетях, используя любое из изображений ниже (подсказка, подсказка — нажмите маленькую кнопку «Закрепить» в углу, чтобы прикрепить его к своим доскам Pinterest!).
Мир и благословения, друзья мои любители фотошопа!
ХО, Фал 🙂
Дизайн, Photoshop, БрендингFallon Gerst Комментарий
0 лайковСекрет создания кругового текста в Photoshop Elements
Автор: Pattie Knox
Обтекание или внутри элемента дизайна словами может дать мощный эффект при использовании в журнале цифрового искусства. К сожалению, в то время как более новые версии Photoshop содержат текст на пути, в версиях до PSCS и во всех версиях Photoshop Elements эта функция отсутствует. Там
(ПРИМЕЧАНИЕ. Круговой текст, созданный с помощью этого метода, будет иметь половину размера холста, с которым вы начинаете работать. Например, если ваша цель — круг диаметром 3 дюйма … вам нужно начать с холст размером 6 дюймов на 6 дюймов.
) 1. В меню File выберите New и выберите Blank File .
2. Введите следующие значения:
- Ширина: 6 дюймов
- Высота: 6 дюймов
- Разрешение: 300 пикселей/дюйм
- Цветовой режим: Цвет RGB
- Комплект фона: прозрачный
3. В меню View выберите Grid , чтобы активировать сетку. Это поможет вам определить точный вертикальный центр холста… где вы хотите ввести строку текста.
4. В наборе инструментов выберите инструмент Text . Выберите шрифт и установите размер шрифта.
5. Введите строку текста, которая плотно прилегает к левой и правой сторонам холста, как показано на рисунке ниже.
Нажмите CTRL+T (CMD+T) , чтобы получить доступ к инструменту Free Transform и при необходимости растяните текст до краев.
6. В меню Изображение выберите 9.0007 Поверните и выберите Слой 180 . Это гарантирует, что текст в верхней части круга будет правильно расположен при создании.
Чтобы текст не вытягивался из формы при формировании в круг, нам нужно отрегулировать высоту букв.
7. Нажмите CTRL+T (CMD+T) для доступа к инструменту Free Transform и посмотрите на панель параметров в верхней части экрана.
Чтобы ширина не менялась вместе с высотой, снимите флажок рядом с Constrain Proportions и введите значение 250% для высоты . (Ширина должна оставаться равной 100%)
8. Работа в панели слоев (палитре) , щелкните правой кнопкой мыши текстовый слой и выберите Simplify Layer из всплывающего меню.
Это предотвращает редактирование содержимого текстового слоя, но необходимо, поскольку в противном случае PSE не позволит вам применить фильтр к текстовому слою.
