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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Недостатки:

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

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

Недостатки:

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

Источник

3 отличных способа как написать в Photoshop красивый текст по кругу

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

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

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

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

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Источник

Как написать текст по кругу, кривой и контуру

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

Выбираем этот инструмент «Перо» и создаём плавную изогнутую линию. Перо должно находится при этом в режиме «Контур»(Paths).

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Затем создадим замкнутую векторную фигуру овальной формы с помощью инструмента «Эллипс» (Ellipse Tool, группа инструментов включается клавишей U). У меня получилась такая картинка:

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

На рисунке ниже я показал два вида курсора, обычный текстовый и тот же курсор при подведении к линии контура

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Работать с текстом, привязанным к контуру, гораздо сложнее, чем с обычным текстом из-за появления множества новых параметров и настроек. В случае работы с таким текстом следует аккуратно перемещать мышь и внимательно следить за изменениями вида курсора. Но даже если и совершено ошибочное действие, расстраиваться не стоит, так как всегда можно нажать на комбинацию клавиш Ctrl+Z для отмены последнего действия или на Ctrl+Alt+Z для отмены нескольких действий.

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Эти указатели можно перемещать, и, соответственно, переместится также и текст. Для перемещения ограничителей начала и конца текста надо выбрать инструмент «Выделение контура» (Path Selection Tool).

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

Не забываем, что для перемещения ограничителей и переворота текста должен быть активным не инструмент «Текст», а инструмент «Выделение контура» (Path Selection Tool)!!

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Как сделать текст вокруг фотошоп. Смотреть фото Как сделать текст вокруг фотошоп. Смотреть картинку Как сделать текст вокруг фотошоп. Картинка про Как сделать текст вокруг фотошоп. Фото Как сделать текст вокруг фотошоп

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *