Разное

Как пустить текст по кругу в иллюстраторе: Создание текста в Illustrator

Содержание

6. Текст на круговом контуре

Adobe Illustrator 10 или более поздние версии

Программа Illustrator прекрасно справляется с расстановкой текста по окружности. Но иногда вам хочется, чтобы текст на нижней половине окружности был расположен правильно, а не вверх ногами. И иногда вы хотите, чтобы текст изгибался и растягивался вместе с кривой. Первая техника показывает, как создавать текст по окружности так, чтобы литеры всегда располагались верхней частью кверху. По этой технике литеры остаются также недеформированными. По второй технике используется искажение Envelope (Огибающая), чтобы разместить текст по дуге таким образом, чтобы текст растягивался и деформировался.

Неискаженный круговой текст

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

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

  1. 3. Выберите команду Select > All (Все), чтобы выделить текст, который вы только что ввели. Выберите команду Window > Туре > Paragraph (Абзац), чтобы отобразить на экране палитру Paragraph (Абзац). Щелкните на кнопке Align Center (Выравнивать по центру), чтобы центрировать текст по верхней половине окружности.

  1. 4. Сохраняя текст еще выделенным, выберите инструмент «Выделение». Захватите верх вертикального луча, который появляется в середине текста. и протащите его прямо вниз, нажимая в это время клавиши Shift + Option/Alt. Когда вы достигнете нижней точки окружности, отпустите кнопку мыши и затем клавиши Shift + Option/Alt.

Теперь вы создали копию текста.

  1. 5. Выделите инструмент path type (Текст контура) и выберите команду Select > All, чтобы выделить текст, дубликат которого вы только что поместили внизу окружности. Замените этот текст новым текстом, который должен быть на нижней половине окружности.
  2. Не тревожьтесь, если этот новый текст накладывается на текст верхней половины окружности.

  1. 6. Выберите команду Select > All, чтобы выделить весь текст внизу. Выберите команду View (Просмотреть) > Туре (Шрифт) > из меню палитры Character (Символ), чтобы отобразить на дисплее палитру Character, и затем выберите из меню палитры команду Show Options (Показать опции). Щелкните на кнопках Base Line Shift (Сдвиг базовой линии) на палитре Character, чтобы передвинуть текст таким образом, чтобы буквы касались окружности своими верхними частями.

  1. 7. Введите, если нужно, дробную величину в зависимости от размера и дизайна текста. В этом примере сдвиг базовой линии равен -6,5 пункта.

  1. 8. Выберите инструмент «Выделение» и выделите обе окружности с их текстом. Щелкните на кнопке Font Size (Размер шрифта), чтобы скорректировать размер текста так, чтобы он укладывался вокруг окружности.
  2. Вы можете корректировать также межбуквенный пробел, чтобы выровнять буквы по окружности. В этом примере трекинг был установлен на 40.

  1. 9. Скорректируйте, если нужно, положение текста на окружности. Используйте инструмент выделения, чтобы перетащить вертикальный луч. Выберите команду Illustrator > Preferences (Предпочтительные установки) > Туре & Auto Tracing (Текст и автослежение) (OS X) или Edit > Preferences > Type & Auto Tracing (Mac OS и Windows) и включите опцию Type Area Select (Выделить область текста), чтобы облегчить выделение текста.
  2. В этом примере плохо смотрелся интервал между двумя буквами L, так что он был слегка уменьшен.

  1. 10. Для того чтобы добавить окантовку, выделите инструмент «Эллипс». Позиционируйте инструмент в центральной точке окружностей текста. При нажатых клавишах Option/Alt перетащите его из центральной точки наружу. Нажмите клавишу Shift, чтобы заставить объект стать окружностью. Отпустите кнопку мыши и затем клавиши Option/Alt. Повторите этот шаг столько раз, сколько вам нужно окантовок.

Искаженный текст по окружности

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

  1. 2. Выделите текст инструментом «Выделение». Выберите команду Object (Объект) > Envelope Distort (Искажение по огибающей) > Make with Warp (Сделать с искривлением), чтобы открыть диалоговое окно Warp Options (Опции искривления). Щелкните на кнопке Preview (Предварительный просмотр) и используйте установки, показанные на иллюстрации. Щелкните на ОК.

  1. 3. Выберите команду Edit (Редактировать) > Сору (Копировать) и затем Edit > Paste in Front (Вставить впереди), чтобы создать точный дубликат огибающего текста. Вы будете на следующих нескольких шагах редактировать текст по этой копии.

  1. 4. Сохраняя контур еще выделенным, выберите команду Object > Envelope Distort (Искажать форму по образующей) > Reset with Warp (Переустановить с искривлением). Щелкните на кнопке Preview и замените значение Bend (Изогнуть) на -100 %. Щелкните на ОК.
  2. Пусть вас не тревржит, если дуги текста накладываются друг на друга: вы приведете это в порядок на следующих шагах.

  1. 5. Пользуясь меню View, включите опцию Smart Guides (Умные направляющие). Пользуясь инструментом «Выделение», захватите нижнюю дугу за верхний край и передвигайте его до тех пор, пока он не прикрепится к краю верхней дуги.

  1. 6. Выберите команду Object > Envelope Distort > Edit Contents (Редактировать содержание) для того, чтобы отредактировать верхний текст. Используйте инструмент «Текст», чтобы выделить текст, и введите новый текст для нижней части окружности.

  1. 7. Если вы хотите иметь пробелы между фрагментами текста на обеих половинах окружности, поставьте в начале и в конце нижнего фрагмента текста буквы, нарисованные без обводки и без заливки, а лишь использующие пробел, который не будет работать.
  2. В этом примере в начале и в конце фразы «OF APPROVAL» помещены буквы О. Эти буквы О залиты и обведены цветом None.

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

Как разместить текст по кругу и кривой в Photoshop

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

  Потому что это именно тот случай, когда простейшие задачи заставляют нас терять кучу времени на поиски решения в интернете!   Расположить текст по кругу, например, для того чтобы сделать оттиск печати в Photoshop? Казалось бы, что может быть проще. Но чаще всего именно такие вещи заставляют нас впасть в ступор. Давайте воскресим в памяти знания о взаимодействии инструментов  Текст и Фигуры на примере создания реалистичного оттиска печати в Photoshop.

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

Шаг 1.

Создайте документ 600 на 400 px. Фон – белый. С помощью инструмента Эллипс создайте круг в центре документа. Ширина обводки

2 px, цвет обводки #686bb1

Шаг 2.

Создайте копию слоя с эллипсом. Второй эллипс сделайте меньше первого примерно в два раза. Назовите слой с большим эллипсом Эллипс1, а с меньшим Эллипс2.

Шаг 3.

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

Шаг 4.

Напечатайте текст «Принять в работу» с помощью шрифта

AmaticSC, вы можете найти его на GoogleFonts

Цвет текста сделайте темно синим (#686bb1), размер 36 пикселей, и вызовите свойства текста, чтобы задать смещение базовой линий на 4 пикселя.  Так весь текст будет равноудален от краев эллипса. Если вы попробуйте просто поднять слой с текстом, буквы будут не равноудалены от фигуры.

Шаг 5.

Скопируйте слой Эллипс 2и текст «Принять в работу».Новый слой с эллипсом назовите Эллипс 3. Выделите два этих слоя, нажмите ctrl+ Tи поверните на 180 градусов. В выделенном текстовом слое текс поменяйте на «Отклонить». Получится следующее.

P.S. Если вы просто скопируйте текстовый слой

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

У слоя Эллипс 3 уберите обводку.

Шаг 6.

Теперь нарисуем ромбы между словами в печати. С помощью инструмента «Прямоугольник»нарисуйте квадрат (зажав клавишу Shiftдля того, чтобы стороны были одинаковыми) со стороной 8 px. Задайте цвет заливки #686bb1, а цвет обводки уберите. Слой назовите Ромб 1, скопируйте слой и поставьте ромб м другой стороны слов. Слой назовите Ромб 2.

Шаг 7.

Теперь разместите в центр печати значок лайка.

Вызовите Параметры наложение и задайте наложение цвета #686bb

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

Шаг 8.

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

Отключите видимость слоя Фон и зажмите клавиши Shift+ctrl+ alt+ E– создасться новый слой с объединенной копий всех слоев. Назовите его «Печать».Слои, находящиеся ниже слоя «Печать» объедините в группу – выделите и нажмите Ctrl+G,группу назовите «Исходник» и выключите ее видимость.

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

Шаг 9.

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

Шаг 10.

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

Шаг 11.

Теперь сделаем цвет печати неоднородным. Для этого выберите неровную сухую кисть размером 50 px, установите прозрачность в 41% и на той же векторной маске поработайте с печатью (пощелкайте кистью черного цвета в произвольных местах печати). Так вы создадите иллюзию потертости, неровности цветового слоя печати и она будет выглядеть реалистичнее.

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

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

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях  

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

Оставляйте в комментариях темы, которые вам интересны и мы их постараемся рассмотреть!

(Visited 518 times, 1 visits today)

10 полезных уловок для работы в Adobe Illustrator

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

Совет № 1: Изучите комбинации клавиш

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

Несколько примеров использования «горячих» клавиш для Windows:

  • «Ctrl + V» запускает инструмент Selection tool (курсор, стрелочка чёрного цвета), который делает активной любую векторную кривую.
  • «Ctrl + А» — включает Direct Selection tool (белый курсор), позволяет выделять элементы кривой и перетаскивать их в нужное вам место.
  • «Ctrl + R» — активирует Rotate tool, с помощью которого можно вращать выбранные объекты вокруг центральной точки на 360 градусов.
  • «Shift + E» даёт вам возможность воспользоваться ластиком (Eraser tool) и стереть ненужное.

Совет № 2: Освойте хитрости локального копирования

Одними из часто используемых функций иллюстратора являются копирование и вставка. Это достаточно простые операции, однако при необходимости вставить объект в одно и то же место, могут возникнуть трудности.  Чтобы вставить изображение на передний (Paste in Front) или задний (Paste in Back) план необходимо воспользоваться соответствующими командами в меню Редактирование (Edit).

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

— «Ctrl + F» позволяют вставить изображение сверху того места, откуда оно было скопировано, а «Ctrl + В» — ниже него.

Здесь же пригодится знание горячих клавиш, вызывающих инструмент вращения Rotate tool. Выделив объект нужно дважды «кликнуть» на инструмент. После этого появиться меню, в котором вам необходимо выбрать угол «О» и нажать «копировать». И словно по волшебству копия изображения окажется в том же месте!

Совет № 3: Не забывайте о клавишах Alt и Shift!

Клавиши Alt и Shift буквально творят чудеса! Простой фокус: выделите объект и подвигайте его в разные стороны. Нажатие клавиши Alt переключит инструмент и позволит сделать дубликат вашего объекта. А если зажатие  клавиши Shift ограничивает передвижение объекта по горизонтали или вертикали. Если вам понадобиться дублировать изображение, которое расположено строго по горизонтали или вертикали, то поможет знание сочетания клавиш «Alt + Shift».

Совет № 4: Воспользуйтесь Smart Guides.

Сложно преувеличить значение выравнивающего инструмента (Align), однако ему под силу далеко не всё. Остальное сделает для вас Smart Guides. Чтобы включить «умные направляющие» выбираем в Панели инструментов меню «Вид». Затем находим команду Просмотр (View) и включаем функцию Smart Guides. Впрочем, можно пойти более простым путём и воспользоваться комбинацией клавиш «Ctrl + U».

После активации Smart Guides вы сразу же заметите, что при наведении на объект появляются линии подсветки и надписи: путь, центр, опорная точка. Теперь вы сможете наложить один контур на другой — Smart Guides подскажет, где объекты пересекаются.

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

Совет № 5: Выравниваем прозрачность

Иллюстрации с обработкой прозрачности выглядят очень эффектно, поскольку появляется возможность регулировать визуальную глубину рисунка: чтобы сквозь объекты на переднем плане были видны изображения, находящиеся позади. Причём для разных объектов можно применять различный уровень прозрачности. Но иногда нам необходимо выровнять прозрачность, для этого следует воспользоваться командой «Разобрать оформление» (Outline Stroke), которая отделит обводку объекта от заливки. Для того чтобы выделить обводку пунктирной линией и разъединить с заливкой, понадобиться команда Обработки прозрачности (Flatten Transparency).  Ищем её в меню «Объект» (Object) и устанавливаем уровень прозрачности на 100.  Эта опция пригодится вам для разделения мазков кисти, создания эффектов деформации, в цветовых переходах.

Совет № 6: Группируем объекты

Группировка объектов необходима в случае, когда нужно работать с ними, как с единым целым. При использовании команды «Сгруппировать» (Group) объекты будут накладываться друг на друга позади одного изображения, которое находится на переднем плане. Часто возникает потребность расположить объекты определённым образом в нужном вам слое. В этом деле команда «Сгруппировать», действительно, незаменима.

  1. Необходимо поместить объект на задний план (В меню «Объект» кликаем на команду Монтаж (Arrange), а затем нажимаем на «Поместить на задний план» (Send to Back).
  2. После выделения контура зажмите Shift и выделите тот объект, под слоем которого хотите разместить предыдущий.
  3. Объедините оба объекта, воспользовавшись командой «Сгруппировать» в меню «Объект» или комбинацией горячих клавиш «Ctrl + G». Это закрепит объекты в нужной вам последовательности.  

Совет № 7: Хитрости трансформации

Палитра Transform, расположенная в меню «Объект» и позволяющая изменять размеры изображений, имеет весьма полезную команду – «Повторить трансформирование» (Transform Again).  Пользоваться ею следует в ситуации, когда необходимо поместить копию объекта на определённом расстоянии от оригинала. Для этого необходимо копировать нужный нам слой (зажав кнопку Alt) и переносим его в нужное нам место. Затем, к полученной копии применяем команду «Повторить трансформирование». В результате получаем ещё один дубликат, расположенный с таким же интервалом, как и первые два.

Совет № 8: Создаём плавные переходы

Команда «Превращение» (Blend) используется для создания «группы превращения», а также промежуточных объектов из используемых исходных форм (контуры, объекты с градиентными заливками). Для того чтобы создать плавные переходы необходимо задать нужное нам количество шагов в переходе.

Чтобы понять принцип действия, нарисуйте рядышком квадрат и круг. Затем в меню «Объект»  находим команду «Превращение» (Blend) и одну из её опций – «Параметры превращения» (Blend Options). Открывшееся диалоговое окно задаём нужное нам количество шагов с помощью команды «Заданное число шагов» (Specified Steps). Затем выделяем оба наши контура, после чего выбираем другую опцию команды «Превращение» — «Создать» (Make). В итоге получаем несколько контуров, являющих собой нечто среднее между кругом и квадратом. Для дальнейшего редактирования созданных контуров можно использовать команду «Обработка прозрачности».

Совет № 9: Работаем с текстовыми полями

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

Для того чтобы избежать этого, можно предварительно создать контур для будущей надписи, после чего вписать в него, с помощью инструмента «Текст» нужную вам информацию. Или пойти ещё более простым путём и воспользоваться  инструментом «Текст в области» (Text in box).

Совет № 10: Перевоплощение Звезды в Треугольник

Не каждый может подарить звезду с неба, но нарисовать её в иллюстраторе по силам любому.  Однако не многие знают, что с помощью инструмента «Звезда» (Star) можно создавать и другие геометрические фигуры. Нарисуйте звезду и, удерживая её мышью, попробуйте добавлять и удалять опорные точки (кнопками «вверх» и «вниз»). Например, если нажать кнопку «вниз», то получите замечательный треугольник! Если вам нужно расположить его параллельно странице, просто нажмите на Shift, перед тем, как отпустить клавишу мыши.

Поторопитесь воспользоваться этими советами в своей работе и не бойтесь экспериментировать!

Как использовать инструмент «Текст» в Illustrator для изменения образца текста

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

Мокап изображения через САХАЧАТЦ. Рекламный баннер через Романову Екатерину.

Коллекция стоковых векторных изображений

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

Возможно, вы хотите персонализировать копию в соответствии со спецификациями кампании или бизнеса, вектор поставлялся со стандартным «Образцом текста здесь» или классическим текстом-заполнителем «Lorem Ipsum». Как вы измените этот текст, если он векторизован?

Узнайте о многих функциях инструментов Type Tool и Type on a Path Tool в Adobe Illustrator ниже, а также о том, как их использовать для редактирования векторизованного образца текста всего за несколько простых шагов.


Разбивка инструмента «Текст» в Adobe Illustrator

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

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

Вы увидите небольшое поле с красным знаком плюса, предупреждающее о внешнем тексте. Просто уменьшите размер шрифта с помощью Shift + Command + <, чтобы все шрифты отображались правильно. При необходимости вы можете развернуть текстовое поле, щелкнув и перетащив ограничивающую рамку с помощью инструмента выделения (V) .

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


Изменение горизонтальных строк текста

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

Универсальные инструменты

Illustrator позволяют легко изменять строки текста в соответствии с потребностями вашей кампании.Используя удобный инструмент Type Tool , Selection Tool (V) и палитру Character , вы можете кардинально изменить внешний вид дизайна всего за несколько шагов.

Изображение предоставлено Графом Вишенко. Изменен текст с Golden Plains, Bodoni 72 и EB Garamond.

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

Изолируйте образец текста, разгруппировав все векторные элементы с помощью Shift + Cmd + G , затем удалите текст, который вы хотите заменить, с помощью клавиши Delete .

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

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

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

Стили шрифта

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


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

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

Изображение предоставлено Дмитрием Костровым. Применена цветовая палитра Subdued Swirls. Детали продажи заменены на Futura PT.

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

Изолируйте образец текста от других векторных элементов с помощью Shift + Command + G , затем удалите исходный текст с помощью клавиши Delete .

Активируйте Type on a Path Tool , расположенный в раскрывающемся списке Type Tool , чтобы начать печатать фразу вдоль сегмента линии, который вы нарисовали с помощью инструмента Pen Tool (P) .Если вы не видите свой текст из-за изменения размера, уменьшите размер шрифта с помощью Command + Shift + < или откройте палитру символов , чтобы настроить размер шрифта.

Отрегулируйте выравнивание текста, включив инструмент Direct Selection Tool (A) и перетащив синие вертикальные линии, расположенные внутри текста по контуру. Эти строки изменят начало, центр и конец вашего текста внутри линейного сегмента.

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


Преобразование текста на кривой

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

Текст на арочном баннере

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

Изображение через bokmok. Отредактировал текст с помощью Mark My Words и Montserrat.

Начните с инструмента Pen Tool (P) , чтобы нарисовать изогнутый путь под исходной линией текста. Отрегулируйте кривые Безье соответствующим образом, чтобы выровнять путь с базовой линией, невидимой линией, на которой располагается большинство букв. Этот путь действует как базовая линия для вашей новой строки текста.

Разгруппируйте все векторные элементы в дизайне с помощью Shift + Command + G , чтобы изолировать только текстовую группу, затем щелкните текст с помощью инструмента выделения (V) и нажмите клавишу Delete , чтобы удалить исходный векторный текст.

Перейдите к инструменту «Текст» на левой панели инструментов, щелкните и удерживайте курсор, чтобы открыть меню параметров инструмента «Текст». Вы увидите Type на инструменте Path Tool , обозначенный буквой «T» на изогнутой линии.

Активируйте тип на инструменте «Путь» , затем щелкните изогнутый контур, созданный с помощью инструмента «Перо » , чтобы начать вводить фразу вдоль пути. Вы увидите синие вертикальные линии, определяющие начало и конец фразы.Активируйте инструмент Direct Selection Tool (A) , затем щелкните и перетащите эти линии с помощью курсора со стрелкой, чтобы настроить длину текста.

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

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

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

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

Изображение предоставлено Екатериной Романовой. Текст изменен на Монтсеррат.

Нарисуйте два круга с помощью инструмента Ellipse Tool (L) , чтобы аккуратно выровнять верх и низ существующего образца текста, как показано ниже. Если вы редактируете только один фрагмент текста, нарисуйте круг по размеру базовой линии образца текста.

С помощью инструмента Type on a Path Tool выберите самый внутренний круг, чтобы отредактировать текст, расположенный по его периметру. Введите фразу, а затем отрегулируйте положение текста по контуру с помощью этих синих вертикальных линий. Щелкните и перетащите вертикальную линию, расположенную внутри фразы, чтобы изменить расположение фразы вдоль круга.

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

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


Хотите узнать больше о возможностях Adobe Illustrator? Ознакомьтесь с этими советами и руководствами по инструментам:

Как распределить формы внутри другой фигуры в Illustrator — Советы Illustrator

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

Для распределения объектов внутри другого объекта нам понадобятся три скрипта, которые будут введены в процессе их применения. А пока скачайте zip-архив со скриптами, нажав кнопку «Скачать».Распаковать архив и поместить его содержимое в системную папку со скриптами, например:

Для Windows: C: \ Program Files \ Adobe \ Adobe Illustrator CS5 \ Presets \ en_GB \ Scripts

Для Mac: Applications / Adobe \ Adobe Illustrator CS5 \ Presets \ en_GB \ Scripts

Перезапустите Adobe Illustrator, если он был запущен во время установки скриптов. Все скрипты были успешно протестированы в Adobe Illustrator CS5, CS6 и CC.

Создать путь без заливки; мы разместим внутри него наши объекты.

После установки наших скриптов их имена появились в меню File> Script>…. Выделите созданный путь (кстати, это может быть открытый и составной путь), затем перейдите в File> Script> Circle Fill. В открывшемся диалоговом окне задайте максимальное и минимальное значение кругов в процентах от размера внешнего объекта и минимальное расстояние между кругами.

У вас также есть возможность выбрать цвет кружков из выпадающего списка; однако этот параметр не будет полезен в этом руководстве.

Щелкните ОК.

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

Выделите круг и пузырек, затем перейдите в меню «Файл»> «Сценарий»> «FindAndReplaceGraphic_TransformToFit».

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

А теперь попробуем заменить круги на объект более сложной формы. Самое главное, чтобы высота и ширина этого объекта не были равны.

Выделите все объекты, затем перейдите в меню «Файл»> «Сценарий»> «FindAndReplaceGraphic_TransformToFit».

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

Сгруппируйте объект и круг без заливки и обводки, затем повторите переключение кругов (Файл> Сценарий> FindAndReplaceGraphic_TransformToFit).Теперь у нас нет деформации.

Не забывайте, что вы всегда можете вращать и перемещать полученные объекты в случайном порядке с помощью функции Transform Each (Object> Transform> Transform Each…)

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

Выберите новый объект, не снимая выделения с более ранних объектов.

Запустите скрипт FindAndReplaceGraphic.

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

Как создать неровные круги, цветы, пятна и закругленные звезды в Illustrator — Элементы дизайна

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

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

Быстрая навигация

Щелкните тип фигуры, которую хотите создать.

Неровные круги, пятна и цветы

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

2.Щелкните холст и измените настройки, чтобы создать форму.

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

3. Выберите «Эффект»> «Искажение и преобразование»> «Сморщивание и раздувание»

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

Для знака используйте отрицательный процент.

Для цветка используйте большой процент вздутия.

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

Округлые звезды

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

1. Выберите инструмент звездочки

2. Щелкните холст и отредактируйте настройки, чтобы создать форму.

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

3. Выберите Эффект> Стилизация> Скругленные углы

4. Выберите радиус угла

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

Добавление кругов вокруг букв или цифр (Microsoft Word)

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

На самом деле есть несколько способов сделать это. Один из способов, конечно, — использовать графические возможности, встроенные в Word, для создания фигуры (круга), которую можно разместить вокруг любых букв или цифр, которые вы пожелаете. Быстрый способ сделать это — настроить панель быстрого доступа так, чтобы она включала инструмент «Овал».(Как вы настраиваете QAT, было описано в других WordTips . Инструмент Oval можно найти, перечислив все команды в процессе настройки.)

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

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

Другой подход — «заключить» ваших персонажей. Это достигается с помощью другой команды, которую вы можете добавить на панель быстрого доступа. При настройке снова отобразите Все команды и найдите одну с именем Enclose Character. Когда вы добавили его в QAT, используйте его, выделив текст (один или два символа, не более), а затем щелкнув инструмент. Затем вы увидите диалоговое окно Enclose Character. (См. Рисунок 1.)

Рисунок 1. Диалоговое окно «Ввести символ».

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

Третий способ решить эту проблему — использовать шрифт, в котором уже есть символы, заключенные в кружки. Это фактически встроено в Word 2007, Word 2010 и Word 2013.Выполните следующие действия:

  1. Поместите курсор в то место, где вы хотите обвести текст.
  2. Откройте вкладку «Вставка» на ленте.
  3. В группе «Символы» щелкните инструмент «Символ» и выберите «Дополнительные символы». Word отображает диалоговое окно «Символ».
  4. В раскрывающемся списке «Шрифт» выберите Arial Unicode MS.
  5. Убедитесь, что в раскрывающемся списке «От» задано значение Unicode (Hex).
  6. В раскрывающемся списке «Подмножество» выберите «Вложенные буквы и цифры».(Вам нужно будет прокрутить раскрывающиеся варианты, чтобы найти это.) (См. Рисунок 2.)
  7. Рисунок 2. Диалоговое окно «Символ».

  8. Выберите символ, который хотите использовать. (Если вы немного прокрутите вниз, вы также найдете обведенные прописные буквы и обведенные строчные буквы.)
  9. Щелкните «Вставить».
  10. Закройте диалоговое окно «Символ».

Недостатком этого подхода является то, что он работает только для чисел от 1 до 20 и для отдельных букв (в верхнем или нижнем регистре).Эти шаги также не будут работать в Word 2016, потому что — по какой-то необъяснимой причине — Microsoft удалила шрифт Arial Unicode MS, и кажется, что ни один из установленных шрифтов не имеет подмножества Enclosed Alphanumerics. Конечно, вы можете поискать в Интернете загружаемый шрифт, который будет содержать символы в кружке.

WordTips — ваш источник экономичного обучения работе с Microsoft Word. (Microsoft Word — самая популярная программа для обработки текстов в мире.) Этот совет (13436) применим к Microsoft Word 2007, 2010, 2013 и 2016.

Автор Биография

Аллен Вятт

Аллен Вятт — всемирно признанный автор, автор более чем 50 научно-популярных книг и многочисленных журнальных статей. Он является президентом Sharon Parq Associates, компании, предоставляющей компьютерные и издательские услуги.Узнать больше о Allen …

Сохранение конверта для будущего использования

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

Узнайте больше

Включение фильтров по умолчанию

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

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

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