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

Обновлено: 04.07.2024

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

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

Здесь я буду использовать Photoshop CS5, но шаги применимы к любой последней версии Photoshop.

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

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

При этом открывается диалоговое окно "Новый документ". Введите 100 пикселей для ширины и высоты. Размер документа будет определять размер плитки, что повлияет на частоту повторения шаблона в документе (поскольку плитке меньшего размера потребуется больше повторений, чтобы заполнить тот же объем пространства, чем плитке большего размера). В этом случае мы создадим плитку размером 100 x 100 пикселей. Позже вы захотите поэкспериментировать с разными размерами при создании собственных узоров.

Я оставлю для параметра Разрешение значение 72 пикселя/дюйм. Установите для параметра Background Content значение Transparent, чтобы наш новый документ имел прозрачный фон:

Когда закончите, нажмите OK, чтобы закрыть диалоговое окно. Новый документ появится на вашем экране. Шаблон шахматной доски, заполняющий документ, — это способ Photoshop сообщить нам, что фон прозрачен. Поскольку документ довольно маленький, всего 100 x 100 пикселей, я увеличу его, удерживая нажатой клавишу Ctrl (Win)/Command (Mac) и нажимая знак плюс (+) несколько раз. Здесь документ увеличен до 500%:

Шаг 2. Добавьте направляющие по центру документа

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

Откроется диалоговое окно "Новое руководство". Выберите Horizontal для Orientation, затем введите 50% для Position. Нажмите OK, чтобы закрыть диалоговое окно, и вы увидите горизонтальную направляющую, проходящую через центр документа:

Вернитесь в меню «Вид» и еще раз выберите «Новое руководство». На этот раз в диалоговом окне «Новая направляющая» выберите «Вертикаль» для параметра «Ориентация» и снова введите 50 % для параметра «Положение»:

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

Изменение цвета направляющей (необязательно)

Если вы не видите направляющие из-за их светлого цвета, вы можете изменить их цвет в настройках Photoshop. На ПК перейдите в меню «Правка», выберите «Настройки», затем выберите «Направляющие, сетка и фрагменты». На Mac перейдите в меню Photoshop, выберите «Настройки», затем выберите «Направляющие, сетка и фрагменты»:

При этом открывается диалоговое окно «Настройки Photoshop», в котором установлены параметры «Направляющие», «Сетка и фрагменты». Самая первая опция в верхней части списка — это Guide Color. Как я уже упоминал, по умолчанию он установлен на голубой. Нажмите на слово Cyan и выберите другой цвет из списка. Вы увидите предварительный просмотр цвета в окне документа. Я поменяю свой на светло-красный:

По завершении нажмите кнопку "ОК", чтобы закрыть диалоговое окно "Настройки". Направляющие в окне документа теперь отображаются в новом цвете (обратите внимание, что Photoshop будет продолжать отображать направляющие в этом новом цвете, пока вы не вернетесь к настройкам и не измените цвет обратно на голубой или не выберете другой цвет):

Шаг 3. Нарисуйте фигуру в центре документа

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

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

Удерживая нажатыми клавиши Shift+Alt (Win) / Shift+Option (Mac), растяните круговой контур выделения из центра.

Шаг 4. Залейте выделение черным цветом

Подойдите к меню "Правка" в верхней части экрана и выберите "Заливка":

Откроется диалоговое окно «Заливка», в котором мы можем выбрать цвет для заливки выделения. Установите для параметра «Использовать» в верхней части диалогового окна значение «Черный»:

Нажмите OK, чтобы закрыть диалоговое окно. Photoshop заполняет круглое выделение черным цветом. Нажмите Ctrl+D (Win) / Command+D (Mac), чтобы быстро удалить контур выделения вокруг фигуры (вы также можете перейти в меню «Выбор» в верхней части экрана и выбрать «Отменить выбор», но сочетание клавиш работает быстрее). ). Имейте в виду, что мой документ по-прежнему увеличен до 500%, поэтому края круга выглядят блочными:

Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ads-basics-middle]

Шаг 5. Дублируйте слой

Добавив всего один кружок в центр плитки, мы могли бы сохранить плитку как узор, но давайте сделаем ее более интересной, прежде чем мы это сделаем. Сначала сделайте копию слоя, перейдя в меню «Слой» в верхней части экрана, выбрав «Создать», затем выбрав «Слой через копирование». Или, если вы предпочитаете сочетания клавиш, нажмите Ctrl+J (Win)/Command+J (Mac):

В окне документа пока ничего не произойдет, но копия слоя, которую Photoshop называет «Копия слоя 1», появится над оригиналом на панели «Слои»:

Шаг 6. Примените фильтр смещения

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

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

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

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

Шаг 7. Определите плитку как шаблон

Разработав плитку, давайте сохраним ее как фактический узор, процесс, который Photoshop называет «определением узора». Перейдите в меню «Правка» в верхней части экрана и выберите «Определить шаблон»:

Photoshop откроет диалоговое окно с просьбой назвать новый узор. Рекомендуется указывать размеры плитки в названии шаблона на тот случай, если вы создаете несколько одинаковых плиток разных размеров. В этом случае назовите плитку «Круги 100x100». Нажмите OK, когда закончите, чтобы закрыть диалоговое окно. Теперь плитка сохранена как узор!

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

Мы разработали нашу плитку и определили ее как шаблон, а это значит, что теперь мы можем использовать ее для заполнения всего слоя! Давайте создадим новый документ для работы. Как и в шаге 1, перейдите в меню «Файл» и выберите «Создать». Когда появится диалоговое окно «Новый документ», введите 1000 пикселей для ширины и высоты. Оставьте для параметра Разрешение значение 72 пикселя/дюйм, и на этот раз установите для параметра Содержимое фона значение Белый, чтобы фон нового документа был полностью белым. Нажмите OK, когда закончите, чтобы закрыть диалоговое окно. Новый документ появится на вашем экране:

Шаг 9. Добавьте новый слой

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

Новый пустой слой под названием «Слой 1» появляется над фоновым слоем:

Шаг 10. Заполните новый слой узором

Добавив новый слой, давайте заполним его нашим узором! Перейдите в меню «Правка» и выберите «Заливка»:

Обычно команда Photoshop «Заливка» используется для заливки слоя или выделения сплошным цветом, точно так же, как мы делали это на шаге 4, когда использовали ее для заливки кругового выделения черным цветом. Но мы также можем использовать команду «Заливка», чтобы заполнить что-то узором, и мы делаем это, сначала установив для параметра «Использовать» в верхней части диалогового окна значение «Узор»:

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

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

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

Что делать дальше.

И это действительно все! Очевидно, что наш черно-белый круговой узор не принесет нам много наград, но важные вещи, которые следует вынести из этого первого урока, — это шаги, которые мы использовали для его создания, проектирование одной плитки, определение плитки как узора, а затем использование Photoshop. Команда «Заполнить», чтобы заполнить весь слой узором. Далее мы пойдем дальше, научившись добавлять цвета и градиенты к нашим узорам! Или посетите наш раздел Основы Photoshop, чтобы узнать больше об основах Photoshop!

Я пытаюсь придумать новый логотип для своего магазина шин и создать шину в Photoshop. Мне очень нравится набросок вот этого:

Как создается такой контур круга? Я знаю, как создать звезду с плоскими углами, но это не совсем так. Как сделать собственный контур круга?

2 ответа 2

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

Затем поверните и скопируйте этот клин по окружности. Нажмите R для инструмента «Поворот» и, удерживая клавишу «Alt», щелкните центр круга (это помогает, если у вас включены интеллектуальные направляющие). Откроется диалоговое окно «Поворот» — введите значение угла, которое равномерно делится на 360. В данном случае я выбрал 15, но не стесняйтесь экспериментировать. Нажмите «Копировать», чтобы сделать копию (кто бы мог подумать?) — если вы затем нажмете Ctrl-D (или Cmd-D), это повторит последнюю команду и добавит клинья по окружности вашего круга:

Убедившись, что круг является самым нижним слоем (так будет, если вы выполнили эти шаги), выделите все контуры, перейдите к инструменту «Обработка контуров» и выберите «Минус спереди». Это вырежет клинья из круга:

Наконец, если вы используете более позднюю версию Illustrator, если вы используете инструмент «Прямое выделение» с выбранным путем, вы заметите множество маленьких синих кругов. Перетащите один из них, и он добавит закругленные углы к каждому из сегментов. И вот!

EDIT: я только что перечитал вопрос, а не первый ответ, и понял, что вы просили об этом для Photoshop, а не для Illustrator. Ой! Я собираюсь оставить это здесь, так как я все равно это сделаю — как и в предыдущем ответе, я бы создал шину в Illustrator, а затем импортировал ее в Photoshop.

В этом уроке вы научитесь вводить текст по кругу в Photoshop.

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

Обучающее изображение

Объяснение документа

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

Добавьте направляющие в документ

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

В окне "Новый макет направляющей" установите для параметра Количество столбцов и строк значение 2 и нажмите OK. Это поможет вам визуализировать центр документа и выровнять текст.

В более ранних версиях Photoshop вы также можете использовать линейку, нажав Ctrl R (Windows) или Command R (macOS), и включить функцию привязки, выбрав «Просмотр» > «Привязка».

Затем нажмите и перетащите вертикальную и горизонтальную линейку и переместите ее в центр, пока она не зафиксируется на месте.

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

И вертикальная, и горизонтальная направляющие должны быть на 50%.

Создать эллиптическую траекторию

нажмите на линейку и выберите «Процент».

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

Наведите указатель мыши прямо на центр, где сходятся направляющие, и, удерживая клавишу "Alt" (Windows) или "Option" (macOS), нажмите и перетащите, чтобы создать круг с помощью инструмента "Эллипс".

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

Введите по кругу

На панели инструментов выберите инструмент "Текст".

На панели параметров. На панели параметров щелкните раскрывающееся меню и выберите Путь.

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

Оттуда вы сможете печатать по круговой траектории и применять изменения, нажимая клавишу Enter (Windows) или Return (macOS).

Как НЕ поворачивать текст по кругу

Преобразуйте текстовый слой, нажав Ctrl T (Windows) или Command T (macOS), и переместите контрольную точку в центр горизонтальной и вертикальной направляющих.

Затем поверните текстовый слой.

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

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

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

Затем вы можете щелкнуть в любом месте пути, чтобы установить новую начальную точку.

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

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

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

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

Печать в нижней половине круга

Дублируйте исходный текстовый слой, нажав Ctrl J (Windows) или Command J (macOS).

Затем щелкните значок глаза, чтобы скрыть исходный текстовый слой.

На панели инструментов выберите инструмент "Выбор пути".

Нажмите и перетащите начальную точку на противоположную сторону круга.

Затем перетащите конечную точку в противоположную левую сторону.

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

Инвертировать текст в круге

Создайте копию слоя и отключите исходный текстовый слой.

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

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

Настройка смещения базовой линии

Включить исходный текстовый слой.

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

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

Введите путь

Создайте контур любой формы с помощью инструмента "Перо кривизны".

Затем выберите инструмент «Горизонтальный текст» и щелкните контур.

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

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

Установите значение по умолчанию, установив значение 0, и нажмите клавишу Enter (Windows) или Return (macOS), чтобы применить изменение.

Если изогнутый контур приводит к тому, что буквы в тексте располагаются слишком близко друг к другу, просто выберите пробел между буквами и, удерживая клавишу Alt (Windows) или Option (macOS), нажимайте клавиши со стрелками влево или вправо, чтобы настроить кернинг.