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

Содержание

Как написать текст по дуге

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

1. Начнем с программы Adobe Photoshop. В открытом окне программы активируйте кнопку Текст и введите нужную вам фамилию.
Как вы понимаете, можно использовать абсолютно любой шрифт. Только не забывайте, что фамилия игрока на футболке должна читаться с довольно далекого расстояния. Поэтому я не советую вам использовать экзотические шрифты, лучше выберите что-либо простое. Например, прекрасно подойдет Arial.
Теперь на панели инструментов нажмите кнопку Деформация текста.
В открывшемся окошке выберите пункт Дугой.
И с помощью ползунка установите нужную глубину изгиба.
Готово! Осталось распечатать и перенести на футболку. Если будете распечатывать в сублимационном принтере, не забудьте текст распечатать в «Зеркале».
2. В CorelDraw все немного сложнее, но и возможности вывода изогнутого текста побольше.
Запустите программу и создайте новый документ Файл — Создать. После чего активируйте инструмент Кривая через 3 точки.
Теперь проведем саму дугу. Выберите начальную точку у левого края листа.
Точка 1 —  Нажмите и удерживайте левую кнопку мыши.
Точка 2 —  Переведите курсор в правую часть листа и в нужном месте отпустите левую кнопку мыши.
Точка 3 — Подведите курсор к середине проведенной линии, нажмите левую кнопку мышки и двигая мышь вверх задайте кривой нужный изгиб. После чего отпусти кнопку.
Наша дуга готова! Сложно? Прочитайте все три пункта еще раз и повторите. На самом деле все просто, уверяю вас.
Теперь жмите Текст — Текст вдоль пути.
В начале дуги появится мигающий курсор. Введите нужный текст. После ввода вокруг слова появится рамка. Потянув за угловой маркер (черный квадратик), увеличьте слово на всю длину дуги.
С помощью маркеров вокруг текста можно увеличивать высоту и ширину букв.
Но больше всего мне нравится панель в левом верхнем углу, которая позволяет менять положение букв в слове.
Вот четыре варианта. Как говорится — почувствуйте разницу.
Если вам потребуется изменить величину изгиба вашей надписи, то снова активируйте кнопку Кривая через 3 точки, кликните по дуге и с помощью маркеров уменьшите или увеличьте ее кривизну.
После того, как вы отредактируете слово как вам требуется, удалите дугу, выделив ее и нажав клавишу Delete. Иначе плоттер вырежет не только текст, но и изогнутую линию под ним.
Вот и все! Осталось разместить номер под фамилией и отправить на резку в плоттер.
Не забудьте отразить надпись зеркально. А о том, как выбрать режущий плоттер читайте здесь.
Конечно, надпись из Corel можно не только вырезать в плоттере, но и распечатать для сублимационного переноса.
Я рассказал вам, как написать изогнутый текст в программах Photoshop и CorelDraw. Используйте эти способы в своей работе и радуйте своих клиентов красивыми изделиями!
Успехов вам!

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

Статьи по теме:

Векторные изображения на футболку

Как очистить футболку от термотрансфера

Что такое термотрансфер

Многоцветная печать термопленками

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

Здравствуйте! Фотошоп — весьма мощный графический редактор. Помимо картинок, он позволяет обрабатывать текстовую информацию. Например, распространенная задача — написать буквы по кругу, используя специальные инструменты. Знаете, какие именно? Всё делается не сложно и сегодня мы в этом убедимся на наглядных примерах.

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

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

Продолжаем основную тему публикации, переходим к конкретике и примерам.

Порядок действий

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

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

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

Нажимаем левую кнопку мыши и набираем нужные слова.

Перемещаем надпись в нужное место.

Выбираем «выделение контура» и выполняем перемещение.

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

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

Покажу, что получится в итоге.

Саму окружность при необходимости можно скрыть или удалить.

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

Альтернатива

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

Теперь выделяем текстовый слой и переходим в меню «редактирование», применяем «свободное трансформирование».

Далее воспользуемся возможностями деформации.

Дальше применяем деформацию в виде дуги.

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

На выполнение действий, описанных в основном и альтернативном способе, у меня ушло не более 30 секунд. Это не удивительно, ведь всё относительно просто.

На этом небольшую публикацию буду завершать. Она пригодилась? Оставляйте ваши комментарии.

Не спешите закрывать сайт. Здесь много интересного — нормальные варианты заработать в интернете, секреты профессионального продвижения блога, бизнес-идеи и многое другое. Регулярно появляются новые материалы. Подписывайтесь. До скорых «встреч» на просторах блога Workip.

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

Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.

Из данной статьи вы узнаете, как в Adobe 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 ). Они считаются одними из лучших во всем интернете.

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

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

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

Написание текста в фотошопе CS6 по кругу и диагонали

Предлагаю новый урок по фотошопу «Написание текста в фотошопе CS6», где я простым языком объясняю то, что сама очень долго не понимала. Мы рассмотрим:

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

Я пользовалась только горизонтальным текстом — как и большинство блогеров. Я и этим бы не пользовалась, но картинки к постам как-то подписывать надо было…

Написание текста в фотошопе cs6: горизонтально, по кругу, по диагонали

Для написания любого текста в фотошопе используется инструмент текст. Он расположен в левой панели моего фотошопа cs6. Если кликнуть правой кнопкой мышки на значок возле буквы Т (маленький снизу) — увидите, что под одним инструментом спряталось аж четыре:

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

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

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

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

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

Кликаем левой кнопкой мыши на Инструмент «Элипс» и на нашем холсте, зажав кнопку шифт, рисуем круг. Нарисовав округлый контур, отпускаем шифт.

Берём Инструмент «Горизонтальный текст» и ставим курсор на любое место круглой линии.
Пишем текст. Если хотим его расположить красиво, переносим курсор в начало текста и начинаем работать клавишей «Пробел» на клавиатуре компа.

Для того, чтобы убрать контур круга, есть два варианта (в разных компах работает один из них):
— нажимаем одновременно клавиши CTRL + h (у меня не срабатывает)
— нажимаем галочку на верхней панели фотошопа (когда стоит ещё курсор Инструмента Текст):

Остаётся только текст, круг исчезнет.  Если у вас контур круга не исчез, значит он у вас не прозрачный — идём в настройки на верхнюю панель фотошопа и внимательно смотрим настройки возле надписи «Заливка» И «Штрих».

Что делать, если не можете убрать контур

У вас должен быть пункт 3 и пункт 4 такой, как на рисунке — с диагональкой, которая означает «Нет цвета».

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

Это касается настроек «Заливка» и «Штрих» — сделайте их одинаковыми. После этого повторите надпись по контуру круга.

Для большей наглядности смотрим моё видео:

Как видите, всё довольно просто, если знать некоторые нюансы.

Как в фотошопе написать текст по кругу, чтобы «нижние» слова были не вверх ногами?

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

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

Смотрите видео:

Кто хочет получить видео-ответ на свой вопрос — прошу написать его в комментариях.

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

В левой панели инструментов берём Инструмент «Линия» и проводим диагональ. Меняем инструмент на «Горизонтальный текст», ставим курсор на диагональ в любом месте и пишем текст. Нажимаем галочку в верхней панели — написание завершено.

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

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

На сегодняшнем уроке вы научились:

  • писать горизонтальный текст
  • писать текст по кругу
  • писать текст по диагонали
  • писать текст в квадрате
  • писать текст в круге

Желаю успеха в освоении фотошопа! Если у вас возникли вопросы или что-то не получается — задавайте их в комментариях и я с удовольствием вам помогу. Картинки, которые я использовала в видео уроке, можете скачать с Яндекс.Диска.

Посмотрите урок работа со слоями в фотошопе — вам станет многое понятно.

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

С уважением, Галина Нагорная

Понравилось это:

Нравится Загрузка…

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

3 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


. Тут можно все скачать бесплатно.

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

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

Итак, выделили.

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

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

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

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

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


). Они считаются одними из лучших во всем интернете.

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


» и «Веб-дизайнер: эффективный сайт от идеи до реализации


».

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

Уроки «ВЕБ-ДИЗАЙН для начинающих


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

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

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

Может показаться, что для создания подобного текста нужно использовать профессиональные программы для дизайнеров, но на самом деле можно обойти только одним текстовым редактором. В этой небольшой статье вы узнаете, как сделать текст полукругом в редакторе Word 2007, 2010, 2013 или 2016.

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

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

Дальше нужно убрать рамку вокруг текста. Для этого выделяем рамку с помощью мышки и переходим на вкладку «Формат». Здесь нужно нажать на кнопку «Контур фигуры» и в появившемся меню выбрать вариант «Нет контура».

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

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

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

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

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

Как пример – текст на скриншоте вверху.

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

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

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

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

Подробнее, можно прочесть в статье, перейдя по ссылке.

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

Из выпавшего меню выберите , затем в блоке «Траектория движения»
выберите «Круг»
.

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

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

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

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

Вставляем текст в круг

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

Для этого переходим на вкладку «Вставка»
и в группе «Иллюстрации»
нажимайте «Фигуры»
. В открывшемся списке выберите «Овал»
.

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

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

Выделите фигуру и на вкладке «Средства рисования»
– «Формат»
в группе «Стили фигур»
можете изменить заливку или контур.

Теперь, не убирая выделение с фигуры, на вкладке «Средства рисования»
– «Формат»
жмите «Добавление надписи»
.

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

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

После того, как будет создан круговой текст, давайте уберем заливку и контур самого блока. Выделите надпись, перейдите на вкладку «Средства рисования»
– «Формат»
и в группе «Стили фигур»
сначала выберите «Заливка фигуры»
– «Нет заливки»
, затем «Контур фигуры»
– «Нет контура»
.

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

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

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

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

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

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

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

Вот такие круговая и полукруглая надписи получились у меня во время написания статьи.

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

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

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

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

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

Создание объекта

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

1. В документе Ворд перейдите во вкладку «Вставка»
в группе «Иллюстрации»
нажмите кнопку «Фигуры»
.

2. Из выпадающего меню кнопки выберите объект «Овал»
в разделе «Основные фигуры»
и нарисуйте фигуру нужных размеров.

    Совет:
    Чтобы нарисовать круг, а не овал, перед растягиванием выбранного объекта на странице, необходимо нажать и удерживать клавишу «SHIFT»
    до тех пор, пока не нарисуете круг нужных размеров.

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

Добавление надписи

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

1. Кликните дважды по фигуре, чтобы перейти во вкладку «Формат»
.

2. В группе «Вставка фигур»
нажмите кнопку «Надпись»
и кликните по фигуре.

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

4. Измените стиль надписи, если это необходимо.

5. Сделайте невидимым поле, в котором располагается текст. Для этого выполните следующее:

6. В группе «Стили WordArt»
нажмите на кнопку «Текстовые эффекты»
и выберите в ее меню пункт «Преобразовать»
.

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

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

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

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

Написание текста по кругу

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

1. Откройте вкладку «Вставка»
и нажмите на кнопку «WordArt»
, расположенную в группе «Текст»
.

2. В выпадающем меню выберите понравившийся стиль.

Теперь, когда «Эллипс» выбран, изменилась панель параметров, находящаяся вверху окна программы под главным меню, сейчас она показывает нам различные варианты работы с инструментом. В левой части панели нам предлагается выбрать тип контура. Это может быть векторная фигура (Vector-based Shapes), «Контур» (Paths) или «Пиксели на основе формы» (Pixel-based Shapes). Мы выберем опцию «Контур» (Paths):

В версиях CS5 и ниже эти опции на панели параметров выглядят несколько иначе, но принцип точно такой же:

Шаг 3: Создайте Ваш контур

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

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

Шаг 4: Активация инструмента «Текст» (Type Tool) и выбор шрифта

После того, как контур готов, выберите инструмент «Текст» (Type Tool) на панели инструментов:

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

Шаг 5: Наведите курсор на контур

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

Шаг 6: Нанесите текст на контур

Кликните в любом месте по контуру и начните вводить текст. Точка, где Вы кликните, будет началом текста, но не волнуйтесь, если вы нажали в неправильном месте, т.к. в дальнейшем мы можем легко перемещать текст вдоль (вокруг) контура. По мере ввода, текст принимает направление контура:

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

Текст добавлен, но он находится под нежелательным углом:

Шаг 7: Выбираем инструмент «Выделение контура» (Path Selection)

Выберите этот инструмент на инструментальной панели:

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

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

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

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

Зеркальное отражение текста

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

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

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

Скрываем контур

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

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

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

Читайте также…

Как сделать текст по кругу или полукругом в Ворде

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

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

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

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

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

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

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

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

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

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

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

Вставляем текст в круг

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

Для этого переходим на вкладку «Вставка» и в группе «Иллюстрации» нажимайте «Фигуры». В открывшемся списке выберите «Овал».

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

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

Выделите фигуру и на вкладке «Средства рисования» – «Формат» в группе «Стили фигур» можете изменить заливку или контур.

Теперь, не убирая выделение с фигуры, на вкладке «Средства рисования» – «Формат» жмите «Добавление надписи».

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

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

После того, как будет создан круговой текст, давайте уберем заливку и контур самого блока. Выделите надпись, перейдите на вкладку «Средства рисования» – «Формат» и в группе «Стили фигур» сначала выберите «Заливка фигуры» – «Нет заливки», затем «Контур фигуры» – «Нет контура».

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

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

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

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

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

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

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

Вот такие круговая и полукруглая надписи получились у меня во время написания статьи.

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


Оценить статью:

Загрузка…

Поделиться новостью в соцсетях

 

Об авторе: Олег Каминский

Вебмастер. Высшее образование по специальности «Защита информации». Создатель портала comp-profi.com. Автор большинства статей и уроков компьютерной грамотности

Создаем в Photoshop мягкий 3D текст / Creativo.one




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


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


Скачать архив с материалами к уроку


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


1. Редактируем и сохраняем узор


Шаг 1


Переходим File – Open (Файл – Открыть) и выбираем бесшовный цветочный узор в формате EPS. В результате появится диалоговое окно Rasterize EPS Format (Растеризация формата EPS), в котором мы устанавливаем Mode (Режим) на RGB Color (Цвета RGB) и снимаем галочку с параметра Anti-aliased (Сглаживание).


Благодаря деактивации параметра Anti-aliased (Сглаживание), края узора получатся четкие и не размытые, это облегчит нам дальнейшую работу.



Шаг 2


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


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



Шаг 3


Активируем Rectangular Marquee Tool (M) (Прямоугольное выделение) и выделяем первый узор. Не пытайтесь сделать выделение идеальным, так как в следующем шаге мы будем дорабатывать этот узор.



Шаг 4


Кликаем правой кнопкой по выделению и выбираем Transform Selection (Трансформировать выделенную область). Увеличиваем масштаб и тянем верхний край выделения к границе документа, чтобы закрыть пробел.


Закончив, жмем кнопку Enter, чтобы применить изменения, и переходим Edit – Copy (Редактирование – Копировать).



Шаг 5


Создаем новый документ, используя параметры по умолчанию, которые предлагает Photoshop. Затем переходим Edit – Paste (Редактирование – Вставить).


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



Шаг 6


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



Шаг 7


Далее берем Rectangular Marquee Tool (M) (Прямоугольное выделение) и выделяем пустую область, затем с помощью Paint Bucket Tool (G) (Заливка) заполняем ее розовым цветом с узора (чтобы подобрать точный цвет, зажмите клавишу I и кликните по нужному цвету).



Шаг 8


Выделяем оба слоя и жмем Ctrl+E, чтобы объединить их вместе.


Переходим File – Save (Файл – Сохранить) и сохраняем созданный узор в виде обычной картинки в формате JPG. Будет удобно, если каждую картинку называть определенным номером, это облегчит работу в дальнейшем.



Шаг 9


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


2. Создаем текстовые слои


Шаг 1


Создаем документ размером 1000 х 626 пикселей с белым фоном.


Затем заглавными буквами пишем текст, используя шрифт HWT Artz. Размер устанавливаем на 350 pt, а Tracking (Трэкинг) – на 50.



Шаг 2


Называем текстовый слой «Текст», кликаем по нему правой кнопкой мыши и выбираем Convert to Shape (Преобразовать в кривые).



3. Создаем обводку текста


Шаг 1


Дублируем слой «Текст» (Ctrl+J) и называем копию «Задняя окантовка».



Шаг 2


Берем Direct Selection Tool (A) (Частичное выделение). На верхней панели параметров устанавливаем Fill (Заливка) на None (Нет), цвет обводки – на #e9e7e2, а размер – на 5.


Затем кликаем на кнопку выбора формы обводки и устанавливаем Align (Выравнивание) на Outside (Снаружи).



Шаг 3


Дважды дублируем слой «Задняя окантовка». Называем первую копию «Боковые грани», а вторую «Передняя окантовка». Затем устанавливаем размер обводки слоя «Боковые грани» на 2,5.



4. Создаем выгнутую линию


Шаг 1


Берем Rectangle Tool (U) (Прямоугольник), кликаем в любом месте документа и в появившемся окне устанавливаем Width (Ширина) на 5, и Height (Высота) – на 600, затем жмем ОК.



Шаг 2


Берем инструмент Add Anchor Point Tool (Добавить опорную точку) и кликаем примерно в центре каждой вертикальной стороны прямоугольника, чтобы добавить узловые точки.


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



Шаг 3


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



5. Создаем 3D-слои


Шаг 1


Поочередно к каждому слою применяем 3D – New 3D Extrusion from Selected Path (3D – Новая 3D экструзия из выделенного контура).



Шаг 2


Далее выделяем все созданные 3D-слои и переходим 3D – Merge 3D Layers (3D – Слияние 3D-слоёв), чтобы объединить их в один слой.



6. Работаем с 3D-сценой


Шаг 1


Чтобы иметь доступ к параметрам 3D-объектов, мы должны открыть две панели: панель 3D и Properties (Свойства) (обе находятся в главном меню Window (Окно)).


На панели 3D находится список всех компонентов сцены и, если выбрать один из них, мы сможем редактировать его параметры на панели Properties (Свойства). Поэтому всегда обращайте внимание на то, выбран ли нужный объект, прежде чем редактировать его.



Шаг 2


Если активировать Move Tool (V) (Перемещение), в верхней части панели параметров появится набор специальных 3D-режимов.


Если выбрать один из них, то с выбранным объектом сцены можно производить определенные манипуляции (перемещение, вращение, масштабирование и т.д.).


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



7. Настраиваем 3D-сетку и капитель


Шаг 1


На панели 3D выделяем компоненты «Текст» и «Боковые грани», затем на панели Properties (Свойства) устанавливаем Extrusion Depth (Глубина экструзии) на 30.



Шаг 2


Далее выбираем компоненты «Задняя окантовка» и «Передняя окантовка», устанавливаем Extrusion Depth (Глубина экструзии) на 3.



Шаг 3


Выбираем компонент «Текст» и кликаем на кнопку Cap (Капитель) на панели Properties (Свойства).


Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) – на 1, Contour (Контур) – на Half Round (Полукруг), Inflate Angle (Раздувание угла) – на 90 и Strength (Интенсивность) – на 7.



Шаг 4


Выделяем компоненты «Задняя окантовка» и «Передняя окантовка», затем кликаем на кнопку Cap (Капитель) на панели Properties (Свойства).


Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) – на 15, Contour (Контур) – на Half Round (Полукруг), Inflate – Strength (Раздувание – Интенсивность) – на 10.



8. Двигаем текст и меняем вид из камеры


Шаг 1


Активируем Move Tool (V) (Перемещение) и используем 3D-оси, чтобы передвинуть заднюю окантовку на заднюю часть текста.


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



Шаг 2


Чтобы лучше контролировать процесс, на панели свойств в меню View (Вид) можете выбрать более удобный ракурс камеры.



9. Создаем материал с узором


Шаг 1


На панели 3D выделяем все материалы компонента «Текст».


На панели Properties (Свойства) устанавливаем цвет Specular (Цвет блика) на 24, 15, 7 и Shine (Блеск) – на 100%.



Шаг 2


Выбираем компонент «Текст» и переходим 3D – Split Extrusion (3D – Разделить экструзию). В результате, текст разделится на отдельные буквы.


Выбираем и разделяем остальные объекты сцены, кроме компонента «Задняя часть».



Шаг 3


Выбираем Text Front Inflation Material (Материал передней выпуклости текста), на панели свойств кликаем на иконку текстуры рядом с параметром Diffuse (Рассеивание), выбираем Replace Texture (Заменить текстуру) и находим у себя на компьютере первый узор, который мы сохранили в начале урока.



Шаг 4


Снова кликаем на иконку текстуры Diffuse (Рассеивание) и выбираем Edit UV Properties (Редактировать UV-свойства).



Шаг 5


Корректируем параметры Tile (Мозаика) и Offset (Сдвиг), чтобы получить желаемый результат.



10. Добавляем текстуру рельефа


Шаг 1


Кликаем по папке напротив параметра Bump (Рельеф) и выбираем New Texture (Новая текстура).



Шаг 2


Устанавливаем Width (Ширина) и Height (Высота) на 512 и Resolution (Разрешение) – на 300.



Шаг 3


В результате должен открыться новый файл с текстурой. Если этого не произошло, снова нажмите по кнопке с папкой и выберите Edit Texture (Редактировать текстуру).


В открывшемся файле дублируем (Ctrl+J) фоновый слой.



Шаг 4


Дважды кликаем по копии слоя, чтобы применить стиль слоя Pattern Overlay (Наложение узора) со следующими параметрами:


  • Pattern (Узор): denim 7
  • Scale (Масштаб): 50%

Сохраняем и закрываем файл, чтобы вернуться к 3D-сцене.



Шаг 5


Редактируем UV-свойства рельефной текстуры Bump (Рельеф). Чтобы лучше видеть получаемый эффект, увеличиваем масштаб документа.



Шаг 6


Устанавливаем Bump (Рельеф) на 5% или другое значение, которое подходит для вашей работы.



11. Сохраняем и повторно применяем материал


Шаг 1


Проверяем, чтобы Front Inflation Material (Материал передней выпуклости) был все еще активен. Далее на панели свойств кликаем по кнопке с текстурной сферой, затем в открывшемся меню нажимаем кнопку с шестеренкой и выбираем New Material (Новый материал).



Шаг 2


Вводим название материала и жмем ОК.



Шаг 3


Выделяем оставшиеся материалы компонента Текст, кроме Extrusion Material (Материал экструзии). Затем открываем меню выбора материала, прокручиваем вниз список и находим сферу с материалом, который мы сохранили. Выбираем его, чтобы применить к выделенным объектам сцены.



12. Заменяем текстуры материалов


Шаг 1


Применяем сохраненный материал к следующей букве: Front Inflation Material 2 (Материал передней выпуклости 2), Front Bevel Material 2 (Материал переднего скоса 2), Back Bevel Material 2 (Материал заднего скоса 2) и Back Inflation Material 2 (Материал задней выпуклости 2).



Шаг 2


Выбираем Front Inflation Material (Материал передней выпуклости) второй буквы, на панели свойств кликаем по иконке текстуры Diffuse (Рассеивание) и выбираем Replace Texture (Заменить текстуру), чтобы выбрать другой узор, который мы применим ко второй букве.



Шаг 3


Затем выбираем остальные материалы второй буквы (кроме материала экструзии), кликаем по кнопке текстуры Diffuse (Рассеивание) и в появившемся списке выбираем название узора, который мы применяли для материала передней выпуклости.


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



Шаг 4


Повторяем описанные выше действия с оставшимися буквами.



13. Создаем простой материал окантовки


Шаг 1


Находим компонент «Передняя окантовка» первой буквы и выбираем Front Inflation Material (Материал передней выпуклости). На панели свойств нажимаем кнопку текстуры Diffuse (Рассеивание) и выбираем Remove Texture (Удалить текстуру).



Шаг 2


Устанавливаем цвет Diffuse (Рассеивание) на 233, 231, 226.



Шаг 3


Кликаем на кнопку с папкой напротив параметра Bump (Рельеф) и в списке выбираем текстуру Text Front Inflation Material – Bump (Материал передней выпуклости текста – Рельеф).


Увеличиваем масштаб документа, чтобы настроить UV-свойства, затем устанавливаем Bump (Рельеф) на 2.



Шаг 4


Сохраняем материал и применяем его к остальным материалам с окантовкой.


Чтобы заполнить Extrusion Material (Материал экструзии), мы выбираем все компоненты с окантовкой и на панели свойств устанавливаем Texture Mapping (Отображение текстуры) на Tile (Мозаика).



Шаг 5


Возвращаемся к любому материалу экструзии компонента с окантовкой, редактируем его UV-свойства, сохраняем материал, а затем применяем его к остальным Extrusion Material (Материал экструзии) компонента с окантовкой.



14. Настраиваем размещение букв


Шаг 1


Выделяем компоненты первой буквы: «Текст», «Передняя окантовка», «Боковые грани» и «Задняя окантовка».


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



Шаг 2


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



Шаг 3


Снова выбираем компоненты первой буквы и в верхнем правом углу панели 3D нажимаем кнопку меню. Выбираем Move Object to Ground Plane (Переместить объект на плоскость основания).


Применяем это к остальным буквам.



Шаг 4


Выбираем все компоненты и слегка сдвигаем их вниз по оси Y. Это создаст иллюзию погружения в мягкую поверхность дивана.



15. Создаем фон


Шаг 1


Переходим File – Place Linked (Файл – Поместить связанные) и открываем фото с пустой комнатой.


Называем слой «Фон» и при необходимости корректируем размер.



Шаг 2


Выше слоя «Фон» добавляем фото растения и называем слой «Растение».


Скрываем 3D-слои, чтобы сосредоточиться на работе с фоном.



Шаг 3


Корректируем размер, поворот и положение растения и размещаем его над вазой с левого края фона. Вы можете взять Stamp Tool (S) (Штамп) и заретушировать тонкие растения в вазе, но мы будем размывать фон, поэтому это делать необязательно.



Шаг 4


Выбираем слой «Фон», переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 5.



Шаг 5


Также размываем само растение.



16. Выделяем и вырезаем изображение


Шаг 1


Открываем фото с диваном, активируем Quick Selection Tool (W) (Быстрое выделение), также можете активировать параметр Auto-Enhance (Усилить автоматически) на верхней панели параметров. Это может слегка замедлить процесс работы в программе, но выделение получится более качественным.


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



Шаг 2


Чтобы убрать лишнее выделение, зажимаем клавишу Alt и кликаем в нужных областях.


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



Шаг 3


Выделив диван, кликаем на кнопку Select and Mask (Выделение и маска) на верхней панели с параметрами (в предыдущих версиях Photoshop эта кнопка называется Refine Edge (Уточнить край)).


Устанавливаем View (Вид) на On Black (На черном) и увеличиваем Opacity (Непрозрачность) на 100%.


Также поиграйте с настройками Smooth (Сглаживание) и Shift Edge (Смещение края), чтобы выделение было максимально точным.



Шаг 4


Закончив, жмем ОК и переходим Edit – Copy (Редактирование – Скопировать).



Шаг 5


Возвращаемся к рабочему документу, переходим Edit – Paste (Редактирование – Вставить) и называем новый слой «Диван».


Кликаем правой кнопкой мышки по слою «Диван», в контекстном меню выбираем Convert to Smart Object (Преобразовать в смарт-объект) и корректируем размер дивана, чтобы он четко вписывался в масштаб фона.



Шаг 6


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



17. Настраиваем освещение сцены


Шаг 1


На панели 3D выбираем компонент Infinite Light 1 (Бесконечный свет). Затем на панели свойств устанавливаем Intensity (Интенсивность) на 45% и Shadow – Softness (Тень – Сглаживание) – на 30%.



Шаг 2


С помощью инструмента Move Tool (V) (Перемещение) или Coordinates (Координаты) на панели свойств настраиваем положение источника света так, чтобы он соответствовал освещению комнаты (источник света на фоновом слое находится у окна).



Шаг 3


В нижней части панели 3D жмем на кнопку Add new Light to Scene (Добавить новый свет на сцене) и выбираем New Infinite Light (Новый бесконечный свет).



Шаг 4


Далее выбираем компонент Infinite Light 2 (Бесконечный свет 2). Устанавливаем Intensity (Интенсивность) на 30% и снимаем галочку с Shadow (Тень).



Шаг 5


Перемещаем свет так, чтобы он освещал верхнюю часть текста.



Шаг 6


Выбираем компонент Environment (Окружающая среда), нажимаем на текстуру IBL (ИСБИ), выбираем Replace Texture (Заменить текстуру) и находим фото со спальной комнатой.



Шаг 7


Устанавливаем Intensity (Интенсивность) на 90% и перемещаем источник света по сцене, чтобы подобрать наиболее удачное расположение.



18. Добавляем невидимые элементы и рендерим сцену


Шаг 1


Выбираем компонент «Задняя часть», поворачиваем его на -90° по оси Y и увеличиваем размер, пока прямоугольник не заполнит весь диван.



Шаг 2


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



Шаг 3


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


Выбираем компонент «Задняя часть», снимаем галочку с Cast Shadow (Отбрасывание тени) и активируем Invisible (Невидимый). Благодаря этому, мы создадим невидимую поверхность, на которую будет падать тень.



Шаг 4


Закончив настраивать сцену, переходим 3D – Render (3D — Рендеринг), чтобы визуализировать сцену. Рендеринг может занять достаточно много времени, в зависимости от мощности вашего компьютера и сложности сцены, но вы в любой момент сможете остановить этот процесс нажатием клавиши Esc.


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


Закончив с этим, конвертируем 3D-слой в смарт-объект, чтобы избежать случайных изменений.



Шаг 5


Кликаем правой кнопкой по 3D-слою и выбираем Create Clipping Mask (Создать обтравочную маску), чтобы тень на компоненте «Задняя часть» не выходила за пределы дивана.



Шаг 6


В нижней части панели слоев кликаем на кнопку Add layer mask (Добавить слой-маску).


Цвет переднего плана устанавливаем на черный, активируем Brush Tool (B) (Кисть), берем мягкую круглую кисточку и проводим по маске в тех местах, которые необходимо скрыть.



19. Добавляем тень


Шаг 1


Под 3D-слоем добавляем новый слой, называем его «Задняя тень» и меняем режим смешивания на Linear Burn (Линейный затемнитель).


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



Шаг 2


Уменьшаем непрозрачность слоя «Задняя тень» и ластиком (Е) удаляем лишнюю тень.



Шаг 3


Под слоем «Задняя тень» создаем новый слой, называем его «Отбрасываемая тень» и меняем режим смешивания на Linear Burn (Линейный затемнитель).


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


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



20. Добавляем финальные штрихи


Шаг 1


Размещаем изображение с эффектом боке над слоем «Растение» и называем новый слой «Боке».


Устанавливаем режим смешивания слоя «Боке» на Screen (Осветление) и при необходимости корректируем размер, чтобы изображение вписывалось в границы документа.


Переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и устанавливаем Radius (Радиус) на 3.



Шаг 2


В нижней части панели слоев нажимаем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента).


Для градиента используем цвета #44386e (слева), #716d7c (в центре) и #d4a987 (справа).


Активируем параметр Dither (Дизеринг), меняем режим смешивания на Soft Light (Мягкий свет) и непрозрачность уменьшаем до 35%.



Шаг 3


Выбираем слой «Растение» и переходим Image – Adjustments – Vibrance (Изображение – Коррекция – Вибрация).


Устанавливаем Vibrance (Вибрация) на -35 и Saturation (Насыщенность) – на -10.



Шаг 4


Если диван выглядит слишком резко по сравнению с остальными элементами сцены, примените фильтр Gaussian Blur (Размытие по Гауссу) с радиусом 0,25.



Поздравляю, мы закончили!


В начале урока мы сохранили несколько узоров, затем создали текстовые слои, конвертировали их в 3D-объекты и добавили к ним материалы.


Затем создали фон, доработали освещение и камеру на 3D-сцене и визуализировали финальный вариант.


И, наконец, добавили тени и применили цветокоррекцию к финальному варианту.


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



Автор: Rose

Источник:

design.tutsplus.com

Как сделать текст полукругом в Ворд 2007, 2010, 2013 и 2016

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

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

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

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

Дальше необходимо убрать рамку вокруг текста. Для этого выделяем рамку с помощью мышки и переходим на вкладку «Формат». Здесь необходимо нажать на кнопку «Контур фигуры» и в появившемся меню выбрать вариант «Нет контура».

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

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

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

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

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

Как пример – текст на скриншоте вверху.

Как сделать текст в Word 2010 по кругу

Как в Ворде Сделать Надпись по Кругу. Текст в Word

Как набрать круг в Photoshop (пошаговое руководство по созданию кругового текста)

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

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

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

Чтобы увеличить экран видео, щелкните квадратный значок в правом нижнем углу видео (при наведении указателя мыши на значок будет отображаться «полный экран»)

Подпишитесь на мой канал YouTube, чтобы увидеть больше видео по планированию!

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

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

3. Перейдите в верхнее меню Photoshop и измените контур на форму

.

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

5. Щелкните инструмент «Текст» и измените шрифт на любой понравившийся вам стиль.

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

7. Начните вводить

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

Если вам нужно заполнить пробел или сделать более четкое разделение между словами, я предпочитаю использовать тире или звездочку *

Связанные руководства:

Посмотреть все уроки Photoshop можно здесь.

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

Если вы хотите узнать, как сделать свои собственные этикетки, щелкните здесь.

Считаете этот пост полезным? Приколи это!

Вас также может заинтересовать …

Перенос текста в 3D с помощью Photoshop

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

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

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

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

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

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

После выбора цвета нажмите «ОК», чтобы выйти из диалогового окна.

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

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

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

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

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

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

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

Мой текст будет выделен белым на моем изображении. Затем, выделив текст, я удерживаю клавишу 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), чтобы вызвать маркеры Free Transform вокруг текста:

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь планета выбрана.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как печатать по контуру в Illustrator

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

В инструкциях в этой статье используется Illustrator CC 2017, но они применимы к любой современной версии (включая Illustrator CC 2020), учитывая, что эта функция давно внедрена в Illustrator.

Нарисуйте круг и выберите инструмент Path Text Tool

Инструменты набора текста следуют за краем открытого или замкнутого контура. Контур фигуры используется в качестве базовой линии для текста. Базовая линия — это невидимая линия, на которой сидят персонажи. Хотя базовая линия может отличаться от гарнитуры к гарнитуре, она остается неизменной внутри гарнитуры. Закругленные буквы, такие как «е», могут выходить немного ниже базовой линии. Единственный символ в алфавите, который находится прямо на базовой линии, — это «x».»

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

Чтобы нарисовать идеальный круг наружу от центра, нажмите Option + Shift на Mac или Alt + Shift в Windows.

Затем выберите раскрывающееся меню инструмента Text и выберите Type on a Path Tool .

Установите курсор

Откройте панель Type и выберите Paragraph ( Window > Type > Paragraph ). Либо нажмите кнопку Align Center в параметрах панели. На этом шаге выравнивание устанавливается по центру.

Щелкните верхний центр круга. Вверху круга появится мигающий курсор ввода. Когда вы вводите текст, он выравнивается по центру при вводе.

Добавить текст

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

Дублируйте круг

Переключитесь на инструмент Direct Selection , щелкните один раз по кругу, затем скопируйте его в буфер обмена.

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

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

Отразить текст с помощью диалогового окна «Тип» в диалоговом окне «Параметры пути»

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

Выберите Type > Type on a Path > Type on a Path Options , чтобы открыть диалоговое окно Path Options.Выберите Rainbow для эффекта Effect , а для Align to Path выберите Ascender. Восходящий элемент — это самая верхняя часть надписи, которая помещает текст за пределы круга.

Установите флажок Flip , затем установите флажок Preview , чтобы увидеть, как это будет выглядеть. Здесь также можно отрегулировать интервал. Щелкните ОК .

Параметр «Радуга» не искажает текст.

Повернуть текст в нижнюю часть круга

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

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

Добавить иллюстрацию

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

Спасибо, что сообщили нам об этом!

Расскажите, почему!

Другой

Недостаточно подробностей

Сложно понять

Photoshopgurus Учебники по Photoshop — Учебное пособие по круговому тексту и тексту по контуру (часть 2/2)

ПРИМЕЧАНИЕ. Если вы не попали на эту страницу, перейдя по ссылке в Части 1 этого руководства, вам нужно сначала выполнить эту часть, прежде чем выполнять Часть 2. В противном случае вы просто запутаетесь. Так что, если вам нужно сначала выполнить часть 1, переходите сейчас …

Примечание для пользователей Mac: клавиша ПК Ctrl = клавиша Mac Cmd.И клавиша ПК Alt = опция клавиши Mac.

Часть 2: Завершение круга.
Хорошо, теперь у вас должен быть полукруг текста, который вы создали в Части 1 … верно? Хорошо! А что, если у вас больше текста, чем может поместиться в полукруг, или вам нужно, чтобы текст шел дальше по кругу, чем на полпути? Что ж, на самом деле это сделать намного проще, чем вы думаете. Вот как …

Шаг 6. Повторяющийся текстовый цикл

Если вы просто хотите создать эффект, видимый на изображении заголовка вверху страницы 1, где текст просто повторяется, но идет по всему кругу, просто продублируйте свой первый текстовый слой и поверните дубликат на 180 градусов.Затем используйте инструмент «Перемещение», чтобы переместить слой на линию ниже первого слоя. Чтобы идеально выровнять эти слои по горизонтали, свяжите их вместе и используйте команды выравнивания Photoshop, расположенные в меню СЛОЙ или на панели параметров.

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

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

Прочие спецэффекты:>
И теперь, когда мы рассмотрели основные эффекты … вот только один пример специального эффекта, который вы можете создать, просто используя часть 1 этого урока — я называю это эффектом «змеи». Текстовый эффект, показанный здесь, был создан путем простого дублирования слоя первого типа, затем повторного открытия фильтра «Деформация текста» и перетаскивания ползунка «Изгиб» на -100%.Это заставило мой эффект дуги уменьшаться, а не повышаться. Затем я переместил дублированный текст так, чтобы это первое слово совпало с последним словом из первого текстового слоя — как если бы текст был набран непрерывной строкой.

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

T I P
Не бойтесь экспериментировать со всеми настройками типа, а также с эффектами фильтра «Деформация текста». Используйте свое воображение и придумайте как можно больше новых и интересных эффектов траектории.Для тех из вас, у кого нет программы иллюстраций для создания этих эффектов, это ваш шанс извлечь из этого максимум пользы, просто используя Photoshop. Немного творчества может иметь большое значение для достижения этого эффекта. Итак, ЭКСПЕРИМЕНТ!

Удачи!

Авторские права © Марк Энтони Ларманд
Для получения помощи, советов, советов и уловок, проблем посетите нашу страницу

СТРАНИЦА 1/2

Как изогнуть текст в Canva с помощью встроенных инструментов

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

Не так давно фраза «как кривить текст в MS Paint» стала популярным интернет-мемом.Шутка была в том, что это невозможно. В Microsoft Paint никогда не было возможности изгибать текстовые поля.

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

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

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

Если вы часто используете Canva или просто хотите создать изогнутый текст, вот как это сделать.

Как изогнуть текст в Canva

1. Откройте новый файл Canva.

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

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

Создание двух разных кругов с контрастирующими цветами поможет вам с интервалом.Мелани Вейр / Business Insider

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

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

Блокировка кругов поможет гарантировать, что ваши фигуры не будут двигаться, пока вы пытаетесь выровнять текст.Мелани Вейр / Business Insider

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

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

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

9. Повторяйте этот шаг, пока все буквы не встанут на свои места.

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

Мелани Вейр / Business Insider

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

11. Щелкните и перетащите буквы, так же, как вы делали с кругами.

12. Выберите три точки в правой части панели инструментов в верхней части рабочего пространства. Нажмите «Сгруппировать», чтобы буквы были единым целым и перемещались по странице как угодно.

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

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

Деформация текста для соответствия формам с помощью Illustrator

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

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

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

2. Сделайте резервную копию своего сердца, нажав CTRL + C и CTRL + V на клавиатуре. Скройте и заблокируйте это в палитре слоев для использования позже.

3. Затем, используя Pen Tool, мы разделим наше сердце. Сначала убедитесь, что вы установили для заливки нулевую заливку, а для обводки установили толщину 5 пунктов белого цвета. Затем начертите две линии (с небольшим изгибом, если хотите) через сердце. Убедитесь, что концы выходят за форму сердца.

4. После этого используйте инструмент выбора, чтобы выбрать обе линии, которые вы создали. Затем перейдите в Object -> Path -> Outline Stroke.

5.После этого выделите все свои формы на артборде, просто перетащив их, выделив все формы. Затем перейдите в окно поиска пути и найдите параметр «Минус передний». Это должно разрезать сердце на три части.

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

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

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

9. Затем с выделенным текстом и верхней формой сердца перейдите в Object -> Envelope Distort -> Make with Top Object.

10. Отлично! Теперь вы можете видеть, что мы исказили текст в форме верхнего сердца.

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

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

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

14. Вы также можете попробовать добавить в текст градиентные цвета.

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

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

И вуаля! Теперь вы знаете, как преобразовывать текст в фигуры.

Купить сейчас

Разработка логотипа с изогнутым текстом

Разработка логотипа с изогнутым текстом

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

Мы будем использовать функцию Graphic text on path, чтобы легко создавать изогнутые текстовые метки вокруг верхнего и нижнего краев логотипа, а также использовать панель Appearance для настройки внешнего вида фона логотипа.

Ресурсы:

CoffeeBean.svg
WoodBackground.png

Шаг 1. Создайте новый документ

Начнем с создания нового документа. Выберите File> New (Control + N) , чтобы открыть панель New Document .Установите единицы документа на пикселей, и размеры документа на 850 пикселей в ширину и 650 пикселей в высоту.

Шаг 2. Нарисуйте эллипс

Выберите инструмент Ellipse Tool (O) на панели инструментов . Удерживайте клавишу Shift при перетаскивании, чтобы создать круг размером 360 пикселей . Убедитесь, что он остается выбранным, и откройте панель Properties .

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

Шаг 3. Установка стилей заливки и обводки

Выбрав форму круга, переключитесь на панель Effects на панели Appearance , чтобы настроить ее параметры. Щелкните цветную ячейку элемента Fill , чтобы изменить цвет заливки круга. В палитре цветов RGB выберите R = 110 G = 48 B = 0 .

Щелкните цветовую область Stroke , измените цвет обводки на R = 130 G = 62 B = 0 и перетащите ползунок Alpha на 100% .Затем щелкните элемент Stroke , чтобы просмотреть и отредактировать его настройки. Установите Width на 10 pt и Position на Outside .

Шаг 4 — Добавьте второй штрих

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

Выберите этот новый Stroke и установите Width на 5 pt .Измените настройку Position на Outside и установите белый цвет ( R = 255 G = 255 B = 255 ).

Шаг 5 — Установка падающей тени

Убедитесь, что ваш круг все еще выделен, продолжайте фокусироваться на панели Effects и установите флажок, который обозначает существующий эффект Drop Shadow , чтобы активировать его.

Выберите его и введите 0 в поле X и 2 в поле Y .Перетащите ползунок Size на 5 pt , а затем щелкните цветную ячейку, которая соответствует этому эффекту Drop Shadow . Убедитесь, что выбран черный цвет, и перетащите ползунок Alpha на 75% .

Шаг 6 — Добавьте текстовый объект

Мы создадим каждую текстовую метку на отдельном слое. Создайте новый слой, выбрав Arrange> New Layer (Shift + Command + N) .

Чтобы создать первый текстовый объект, выберите инструмент Text Tool (T) на панели инструментов , щелкните и перетащите текстовую область поверх круга.На панели параметров инструмента выберите шрифт American Typewritter , установите стиль Regular и размер 45 pt . Измените цвет текста на белый и введите текст ярлыка, для этого примера «Smooth Roast» .

Шаг 7 — Создайте путь для текста

Снова выберите инструмент Ellipse Tool (O) на панели инструментов . Создайте круг 270 пикселей и не забудьте центрировать его, используя те же кнопки на панели Выравнивание .

Этому меньшему кругу не нужен цвет для заливки / обводки. Просто отключите активные Fill и Stroke на панели Effects .

Шаг 8

Выберите инструмент перемещения (V) на панели инструментов и, удерживая нажатой клавишу Shift , щелкните, чтобы выбрать текстовый объект и меньшую форму круга. Перейдите к Modify> Place Text on Path , чтобы привязать текст к окружности.

Шаг 9

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

Шаг 10

Теперь вам понадобится сетка каждые 5 пикселей . Это означает, что вам нужно вернуться на панель Grid из панели Properties и ввести 5 пикселей в оба поля Spacing .

Создайте новый слой, перейдя в Упорядочить> Новый слой (Shift + Command + N) .Используя инструмент Text Tool (T) , создайте второй текстовый объект. Используйте те же настройки стиля, что и раньше, и добавьте строку текста «Coffee Company» .

Используя инструмент Ellipse Tool (O) , создайте 325 пикселей и не забудьте отцентрировать его. Убедитесь, что он остается выбранным, перейдите на панель Effects и отключите активные Fill и Stroke .

Шаг 11

Как и раньше, выберите текстовый объект и контур круга с помощью инструмента Move Tool (V) .Перейдите к Modify> Place Text on Path , чтобы привязать текст к пути.

Изначально текст будет размещен за пределами пути. Чтобы разместить текст внутри контура, выберите «Модификация »> «Обратить направление пути ». Щелкните и перетащите круглую ручку , чтобы разместить текст внизу этикетки.

Шаг 12

Создайте новый слой, перейдя в Упорядочить> Новый слой (Shift + Command + N) .

Используя инструмент Ellipse Tool (O) , создайте круг 240 пикселей и не пытайтесь центрировать его.Установите цвет Fill этого круга на R = 110 G = 48 B = 0 , а затем выберите Stroke . Увеличьте Width до 2,5 pt , установите Position на Inside и измените цвет на белый.

Шаг 13

Graphic может импортировать векторные фигуры и картинки из файлов PDF и SVG. Ресурсы по векторному дизайну можно найти на многих разных веб-сайтах. Vecteezy или Freepik — два крупнейших веб-сайта, на которых размещена большая библиотека общедоступных векторных изображений в формате SVG, которые можно использовать в Graphic.

Импортируйте файл CoffeeBean.svg, используя Файл> Открыть (Comnand + O) , или перетащив файл на значок графики в доке. Файл откроется как новый графический документ. Выделите форму кофейного зерна и скопируйте ее на монтажный стол, используя Правка> Копировать (Command + C) . Вернитесь к учебному документу. Создайте новый слой (Shift + Command + N) и вставьте форму, используя Edit> Paste (Command + P) .

Шаг 14

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

Чтобы создать еще две формы кофейных зерен, вы можете использовать команды копирования и вставки или с опцией , перетащив первую форму с помощью инструмента Move Tool .

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

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