Круги для фотошопа: 180 векторных фигур кругов для Photoshop

Содержание

180 векторных фигур кругов для Photoshop

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

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

О том, как воспользоваться фигурами в Photoshop, мы рассказали в Инструкции «Как установить новые фигуры в Photoshop».

31 Photoshop Clock Shapes

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

Формат: .csh

Количество: 31

Размер файла: 56 КБ

Скачать

90 Photoshop Gears Shapes

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

Формат: .csh

Количество: 90

Размер файла: 267 КБ

Скачать

33 Sunburst Photoshop

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

Формат: .csh

Количество: 33

Размер файла: 368 КБ

Скачать

8 Photoshop Creative Circles

Круги в кругах, лучи и точки внутри – фигуры поражают своей неординарностью и уникальностью.

Формат: .csh

Количество: 8

Размер файла: 25 КБ

Скачать

Circle Vector Shapes for Photoshop

18 различных векторных кругов, сделанных из других фигур, таких как звезды, точки или стрелки, и помещенных в форму круга.

Формат: .csh

Количество: 18

Размер файла: 95 КБ

Скачать

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

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

Шаг № 1

Для начала создадим новый документ

Установим параметры как на картинке ниже и нажмем OK

В палитре цветов установим черный цвет

Шаг № 2

Заходим в меню Фильтр->Рендеринг->Облака

Снова заходим в меню Фильтр->Размытие->Радиальное размытие…

Установим параметры как на картинке ниже и нажмем OK

Снова заходим в меню Фильтр->Размытие->Размытие по Гауссу…

Установим радиус 2 пикселя и нажмем OK

Шаг № 3

Заходим в меню Фильтр->Эскиз->Рельеф…

Настраиваем Детализацию и Смягчение, нажимаем OK

Заходим в меню Фильтр->Эскиз->Хром…

Снова настраиваем Детализацию и Смягчение, нажимаем OK

Шаг № 4

Заходим в меню Изображение->Коррекция->Цветовой тон/Насыщенность…

Ставим галочку в меню Тонирование. Подгоняем цветовой тон к цвету воды.

И у Вас должны получится вот такие круги на воде.

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

Например вот такую (надпись взята из предыдущего урока)

Как Вы уже заметили, в этом уроке мы работали с инструментом Фильтр. Обязательно повторите все самостоятельно, для того чтобы закрепить этот урок и не забывайте пожалуйста писать комментарии уроку или порекомендуйте эту статью в социальных сетях, нажав на соответствующую кнопку ниже. Желаю Вам творческих успехов и до скорых встреч на сайте FotoshopDesign.ru

———————————————

Эффект вырезанных бумажных кругов в Photoshop

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

Шаг 1

Начнем с круга в центре холста.

Шаг 2

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

Шаг 3

Теперь самая ответственная и важная часть урока — стили слоев.
Сначала займемся Bevel & Emboss / Тиснение, потому что, как вы могли заметить, когда вы режете бумагу, край всегда немного отсвечивает и чуть прогибается.

Шаг 4

Второй этап — тени. Они дадут нам иллюзию глубины. Мы использовали Inner Shadow / Внутренняя тень для каждого круга.
Другая важная вещь — это Noise / Шум. Это добавит немного грязного эффекта, но зато при этом «материал» будет смотреться натурально.

Шаг 5

Последнее, о чем нужно позаботиться, это текстура бумаги. Для этого мы будем использовать Pattern Overlay / Наложение Узора с красивой бумажной текстурой, найденной в интернете. Берите любую! В идеале вам стоило бы сфотографировать текстуру бумаги, которую хотите задать проекту, тода он будет уникальным.

Шаг 6

Вот результат применения стилей для всех трех слоев.

Шаг 7

Теперь добавьте паттерн для бэкграунда. В центр можно добавить лого, используя те же слои, только вместо Inner Shadow / Внутренняя тень мы применили просто Drop Shadow / Тень.

Шаг 8

Добавьте новый слой поверх всех остальных и, используя Brush tool / Кисть сделайте половину розовым, половину — фиолетовым.
Затем примените маску ( в качестве маски — большой круг).

Шаг 9

Измените режим наложения на Soft Light / Мягкий Свет, который повлияет только на тени и серые тона.

Финал

Итак, вы можете продублировать слои и объединить их в один, затем воспользоваться режимом наложения Color Burn / Затемнение Основы, чтобы увеличить контраст.
Результат простой, но стильный. И нам, например, очень нравится то, что получилось.

Автор — abduzeedo

Перевод — Дежурка

Смотрите также:

Подборка различных паттернов для Photoshop ч-2

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

1. Паттерны гранжевые круги

Скачать

2. Подборка светлых паттернов

Скачать

3. Паттерны в стиле индийского сари

Скачать

4. Коллекция узоров

Скачать

5. Бесшовный паттерн

Скачать

6. Паттерн снежинки

Скачать

7. Коллекция различных паттернов

Скачать

8. Коллекция паттернов на любой вкус

Скачать

9. Паттерны в стиле гранж

Скачать

10. Игривые ретро паттерны

Скачать

11. Паттерны без названия

Скачать

12. Синие гранжевые паттерны

Скачать

13. Паттерны для фотошоп

Скачать

14. Ретро паттерны

Скачать

15. Пастельные абстрактные узоры

Скачать

16. Клетчатые сердечки

Скачать

17. Клетчатые узоры

Скачать

18. Бесшовные узоры стена и тротуаров

Скачать

19. Декоративные паттерны

Скачать

20. Узоры

Скачать

21. Набор оригами

Скачать

22. Прозрачные рождественские узоры

Скачать

23. Веселые бесшовные фиолетовые узоры

Скачать

24. Цветочный паттерн

Скачать

25. Гранжевые аттерны в кружечек

Скачать

26. Ретро-гранж-лабиринт

Скачать

27. Гранжевый паттерн на тему музыка

Скачать

28. Различные узоры

Скачать

29. Кубики

Скачать

30. Паттерн — плитка

Скачать

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

Узнать больше интересного:

Поделиться ссылкой:

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

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

Световой эффект с полосами и кругами · Мир Фотошопа

Конечный результат:

Шаг 1

Найдите в интернете фотографию с девушкой. Откройте её в Фотошопе и извлеките её из фона при помощи инструмента Pen Tool (P) или Magnetic Lasso Tool (L). Создайте новый документ размером 530х438 пикселей с чёрным фоном. Перетащите извлечённую из фона девушку в наш документ при помощи инструмента Move Tool (V). Назовите слой “Stock Image”.

Шаг 2

Создайте новый слой (Ctrl + Shift + N) и выберите инструмент Gradient Tool (G): Style — Linear, Gradient — Foreground to Background. Установите цвет заливки на #9d5c5b и цвет фона на #b53564. Сделайте заливку поверх девушки на новом слое и установите Blending Mode на Color и Opacity на 75%. Чтобы заливка повлияла только на слой с девушкой, кликните правой кнопкой на градиентном слое и выберите пункт Create Clipping Mask (Ctrl + Alt + G).

Шаг 3

Создайте новый слой (Ctrl + Shift + N) между фоновым слоем и слоем с девушкой. Установите цвет заливки на #470310 и в настройках градиента установите Цвет: От основного к прозрачному (Foreground to Trasparent), Style — Radial. Сделайте заливку фона, как показано ниже. Назовите этот слой “Highlight1”.

Шаг 4

Создайте новый слой (Ctrl + Shift + N) над слоем “Highlight1” и примените фильтр Clouds (Filter? Render ? Clouds). Установите Blending Mode на Soft Light и назовите этот слой “Cloud”. Сделайте копию слоя (Ctrl + J).

Шаг 5

Создайте новый слой (Ctrl + Shift + N) под слоем с девушкой и назовите его “Circles”. Установите цвет заливки на белый. Инструментом Ellipse Tool (U) создайте несколько кругов (удерживайте Shift, чтобы получить круглую форму). Установите Fill слоя на 30% и кликните дважды на слое, чтобы открыть окно стилей. Примените стиль Outer Glow:

Color: #e1851a
Opacity: 100%
Spread: 6%
Size: 2px

Шаг 6

Сделайте копию слоя “Circles” (Ctrl + J) и инструментом Free Transform (Ctrl + T) измените размер кругов и сдвиньте их в сторону, чтобы получить больше кругов. Сделайте 6 копий слоёв и раскидайте их по холсту. Установите Opacity слоёв с маленькими кругами на 50%.

Шаг 7

Создайте новый слой (Ctrl + Shift + N) под слоем девушки. Выберите инструмент Custom Shape Tool (U) и выберите фигуру “Tile 2?. Создайте её на холсте и установите Opacity слоя на 35%. Примените стиль Outer Glow:

Color: #e1851a
Opacity: 100%
Spread: 6%
Size: 2px

Перейдите в меню Edit ? Transform ? Warp и измените форму фигуры, как показано ниже.

После деформации перейдите в меню Edit ? Transform ? Rotate и поверните фигуру, как показано ниже. Назовите слой “Tile”. Сделайте копию слоя (Ctrl + J) и установите Opacity слоя на 100% и Fill на 30%.

Шаг 8

Сделайте копию слоя с девушкой (Ctrl + J) и на ней перейдите к коррекции Hue/Saturation (Image ? Adjustments ? Hue/Saturation). Повысьте Lightness до +100. Кликните дважды на копии, чтобы открыть окно стилей и примените Outer Glow:

Color: #ffffbe
Opacity: 75%
Spread: 0%
Size: 18px

Шаг 9

Создайте новый слой (Ctrl + Shift + N) между двумя слоями девушки. Выберите инструмент Brush Tool (B), выберите кисть “Splatter 59 Pixels”. Белым цветом обрисуйте левую сторону девушки.

Шаг 10

Добавим несколько искр. Создайте новый слой (Ctrl + Shift + N) над слоями девушек и выберите мягкую кисть размером 5 пикселей. Нарисуйте мелкие частицы.

Шаг 11

Создайте новый слой (Ctrl + Shift + N) и кистью нарисуйте 4 полосы: #ffffbe, #587f23, #d99905, #ffcd03.

Шаг 12

К слою с цветными полосками примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur) со значением Radius 25 пикселей.

Шаг 13

Установите Blending Mode на Color Dodge и Opacity на 45%. Перейдите в меню Edit ? Transform ? Rotate и измените наклон свечения.

Как создать круги на воде в фотошопе – IntPictures.com

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

Вот что есть в начале:

А вот, что будет после:

Начнем!

Сперва нужно выбрать инструмент Электическое Выделение:

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

Эллиптическим выделением проводим по нашей луже:

Затем нужно этот фрагмент скопировать на 2 новых слоя поверх оригинальной фотографии. В Adobe Photoshop это можно сделать несколькими способами… Например, дважды воспользоваться всеми знакомой комбинаций Ctrl+C — Ctrl+V, но грамотнее использовать кнопки Ctrl+J дважды. Это создаст 2 слоя с выделенным эллипсом:

На данном этапе, второй слой нам не нужен и мы его скроем с глаз долой, то-есть нажмем на глаз в панели слоев:

Теперь нужно снова выделить эллипс на первом слое. Чтобы сделать это быстро и правильно, просто кликаем по пиктограмме слоя с НАЖАТОЙ КНОПКОЙ CTRL и фотошоп сам выделить именно то, что находится на слое:

Получаем наше выделение, которое мы делали ранее:

В этом уроке обработки фотографии в Photoshop потребуется использование фильтра ЗИГЗАГ, он находится в меню Фильтр — Искажение — Зигзаг

В появившемся окне настройки фильтра Зигзаг выставляем параметры: Количество – 70, Складки – 12, Стиль – “Круги на воде”.

Получается такой эффект:

Получается не очень реалистично, но у нас ведь еще есть второй слой… Делаем его видимым:

Этот слой так же обрабатываем фильтром Зигзаг, но с другими настройками этого фильтра:

Количество – 100, Складки – 4, Стиль – “От центра”.

Получается вот так:

Вот этот второй слой нужно сделать меньше по размерам. Для этого нужно нажать Ctrl+T и пропорционально уменьшить изображение примерно на половину:

Обїедените 2 слоя с кругами на воде в один слой (выделите в панели слоев и по правой кнопке мыши вызовите меню слоев и там выберите Объединить слои). Так останется всего один слой над оригинальной фотографией. Примените к нему Фильтр – Размытие – Размытие по Гауссу с радиусом 0.5-1 пикселя.

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

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

Как в фотошопе нарисовать круг: быстро и просто

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

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

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

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

Не устаю говорить, что не стоит обращать внимание на простые (или другие) варианты типа Paint или еще какой-то глупости. Учитесь работать в профессиональных программах.

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

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

Допустим он будет в размере 500 х 500 пикселей. Это не важно.

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

Теперь рисуем окружность.

Чтобы круг получился ровный зажмите кнопку shift на клавиатуре. Она помогает сохранить пропорции.

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

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

Далее заливка.

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

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

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

Если хотите изменить саму линию, посмотрите на следующую графу.

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

Еще один интересный эффект

Можно рисовать круг прямо на картинке или переместить его в фотку при помощи кнопок ctrl+c (копировать) и ctrl+v (вставить).

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

В круге можно написать какой-то текст.

Если возникают трудности, то можете скачать psd макет этой картинки, которую вы видите на скриншоте выше, и поковыряться в нем. Так учиться интереснее. Разберитесь в моем примере самостоятельно. Это совсем не сложно. (СКАЧАТЬ >>)

Есть слои: фотография саванны (фон), есть круг с градиентом (эллипс 1) и текст. Если вы скачаете этот файл, открыть его можно и нужно при помощи photoshop, а дальше развлекайтесь как хотите.

Или вот еще одна картинка, которую вы можете скачать (СКАЧАТЬ >>).

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

Скачайте этот макет и посмотрите сами, возможно вы сможете значительно улучшить результат! Не стесняйтесь и оставляйте свои варианты в комментариях.

Для тех, кто хочет постигать

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

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

Если вам хочется выучиться фотошопу для того, чтобы создавать сайты, могу порекомендовать еще два варианта. Первый – уроки вот отсюда — «[urlspan]ВЕБ-ДИЗАЙН для начинающих[/urlspan]». О них я уже подробно писал. В принципе, если захотите, то сможете многому научиться бесплатно, за три дня, которые предоставляются в качестве тестового периода. Очень полезно и здорово.

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

Да, цена, конечно, кусается.

Зато какая программа и какие преподаватели вас ждут.

Тут вам и директор Red Keds, и создатель интерфейсов из Лаборатории Касперского, и еще куча именитых и успешных ребят из компаний с мировым именем. По окончании вы получаете диплом. Этой действительно дорогого стоит.

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

Успехов в работе!

Как удалить темные круги под глазами в Adobe Photoshop

Как удалить темные круги под глазами в фотошопе
www.sleeklens.com

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

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

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

Хорошо! У меня есть решение для вас.

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

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

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

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

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

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

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

Теперь нажмите на клавиатуре Ctrl + I, и она станет черной.

Теперь вам нужно взять кисть.

Уменьшите непрозрачность до 50%.

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

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

Хорошо, внизу вы увидите «Blend If»

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

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

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

Я также немного уменьшу непрозрачность слоя, чтобы посмотреть, смешает ли он его еще немного, хотя я могу быть очень тонким с этим.

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

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

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

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

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

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

Щелкните по нему и просмотрите список, пока не увидите «Цвет»

Теперь вам нужно стереть ластиком участки на волосах и под глазами.

И готово!

Щелкните здесь и научитесь создавать анимированный GIF в Photoshop.

СохранитьСохранить

Рейтинг:

012345
5.00 из расчета 2
Рейтинги

Следующие две вкладки изменяют содержимое ниже.

Закончив колледж в 2002 году по специальности «Искусство и дизайн», я начал изучать свой путь в области графического дизайна и профессионального постпродакшна.Фрилансер, работающий полный рабочий день с 2011 года.

Самые популярные сообщения октября

python — Рисование кругов, как в программе Photoshop Ellipse Tool

Проблема

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

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

Попытки решения

Я использую Python для программирования алгоритма, numpy для манипуляций с массивами, OpenCV для его реализации рисования круга / заливки и Scikit-Image для его возможностей сохранения изображений. Я формулирую проблему как функцию, которая рисует круг заданного радиуса и местоположения x, y на данном изображении и возвращает новое изображение с нарисованным на нем кругом.

Я запрограммировал / использовал следующие реализации рисования кругов:

Наивный пифагорейский подход
Круг OpenCV
Круг Брезенхема
Арифметический круг
Andres ‘Circle

Тестирование решений

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

Вот результаты этих тестов:

Тест малых кругов

Шесть описанных выше алгоритмов должны были нарисовать круг радиусом 10 пикселей в центре изображения 40×40 пикселей. Я объединил все результаты для удобства сравнения.

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

Тест больших кругов

Шесть приведенных выше алгоритмов должны были нарисовать круг радиусом 257 пикселей в центре изображения 2370×1770 пикселей. Каждый из созданных алгоритмом кругов был вычтен из круга радиусом 257 пикселей, нарисованного в Photoshop, чтобы получить разницу.

Для справки, круг, созданный в Photoshop, находится здесь:

Наивный пифагорейец:

пикселей разные: 1082
Изображение разницы Результат:

OpenCV:

Разные пиксели: 724
Изображение разницы Результат:

Брезенхэм:

Разные пиксели: 251
Изображение разницы Результат:

Середина:

Разные пиксели: 224
Изображение разницы:

Арифметический круг:

Оптимизация параметров в этой реализации.

Различных пикселей (без оптимизации): 155
пикселей (с оптимизацией): 107 (лучший результат)
Изображение разницы (с оптимизацией):

Andres ‘Circle:

Разница пикселей: 155
Изображение разницы:

Последние мысли

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

Есть пара крайних случаев при рисовании кругов в Photoshop, которые мне не удалось воспроизвести. Например: круг 2x2px рисуется как прямоугольник 2×1 пиксель.

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

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

В любом случае, спасибо, что дочитали до этого места! Было бы здорово получить информацию о том, что я могу сделать, чтобы сделать это более точным.

Спасибо!

Код

Код для вышеуказанного тестирования / реализации следующий:

  импорт математики

из skimage import io
импорт cv2
импортировать numpy как np


def draw_octant_half_integer (circle_img, centre_x, centre_y, x, y):

    круг_имг [центр_x + x, центр_y + y] = 255
    круг_имг [центр_x + x, центр_y - y + 1] = 255
    круг_имг [центр_x - x + 1, центр_y + y] = 255
    circle_img [центр_x - x + 1, центр_y - y + 1] = 255
    круг_имг [центр_x + y, центр_y + x] = 255
    круг_имг [центр_x + y, центр_y - x + 1] = 255
    круг_имг [центр_x - y + 1, центр_y + x] = 255
    circle_img [центр_x - y + 1, центр_y - x + 1] = 255


def draw_octant (img, centre_x, centre_y, x, y):

    img [центр_x + x, центр_y + y] = 255
    img [centre_x - x, centre_y + y] = 255
    img [центр_x + x, центр_y - y] = 255
    img [центр_x - x, центр_y - y] = 255
    img [центр_x + y, центр_y + x] = 255
    img [центр_x - y, центр_y + x] = 255
    img [центр_x + y, центр_y - x] = 255
    img [центр_x - y, центр_y - x] = 255


def create_pythagorean_circle (img, centre_x, centre_y, radius):

    def point_on_circumference (x, y, centre_x, centre_y, радиус):

        x - = centre_y
        y - = center_x
        гипотеза = математика.sqrt (х * х + у * у)

        вернуть гипотезу> = радиус - 0,5 и гипотезу <= радиус + 0,5

    circle_img = img.copy ()
    высота, ширина = circle_img.shape
    для y в диапазоне (0, высота):
        для x в диапазоне (0, ширина):
            если point_on_circumference (x, y, centre_x, centre_y, radius):
                circle_img [x, y] = 255

    cv2.floodFill (circle_img, None, (int (centre_x), int (centre_y)), 255)

    вернуть circle_img


def create_bresenham_circle (img, centre_y, centre_x, radius):

    высота, ширина = img.форма
    circle_img = img.copy ()
    х = 0
    y = радиус
    d = 3 - 2 * радиус

    draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)
    а y> = x:
        х + = 1
        если d> 0:
            у - = 1
            d = d + 4 * (х - у) - 10
        еще:
            г = г + 4 * х + 6
        draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)

    cv2.floodFill (circle_img, None, (int (centre_y), int (centre_x)), 255)
    вернуть circle_img


def create_midpoint_circle (img, centre_y, centre_x, radius):

    x = радиус
    у = 0
    circle_img = img.копия ()
    p = 1 - радиус

    круг_имг [центр_x + x, центр_y + y] = 255
    если радиус> 0:
        круг_имг [центр_x + y, центр_y - x] = 255
        круг_имг [центр_x - x + 1, центр_y + y] = 255
        круг_имг [центр_x - y + 1, центр_y + x] = 255

    пока x> y:
        у + = 1
        если p <-1:
            р = р + 2 * у + 1
        еще:
            х - = 1
            р = р + 2 * у - 2 * х + 1
        если x  = x:
        draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)
        если параметр_решения (x, y - 1):
            у - = 1
        elif параметр_параметра (x + 1, y):
            х + = 1
        еще:
            х + = 1
            у - = 1

    circle_img = circle_img.astype (np.uint8)
    cv2.floodFill (circle_img, None, (int (centre_y), int (centre_x)), 255)
    вернуть circle_img


def andres_circle (img, centre_x, centre_y, radius):

    х = 0
    y = int (радиус)
    d = радиус - 1
    circle_img = img.copy ()

    а y> = x:
        draw_octant_half_integer (круг_имг, центр_x, центр_y, x, y)
        если d <= 2 * (радиус - y):
            д + = 2 * у - 1
            у - = 1
        elif d> 2 * x:
            г - = 2 * х + 1
            х + = 1
        еще:
            d + = 2 * (у - х - 1)
            х + = 1
            у - = 1

    circle_img = circle_img.astype (np.uint8)
    cv2.floodFill (circle_img, None, (int (centre_y), int (centre_x)), 255)
    вернуть circle_img


если __name__ == "__main__":

    # Загрузка констант

    photoshop_circle = cv2.imread ("photoshop_circle.png", cv2.IMREAD_GRAYSCALE)
    ширина = 2370
    высота = 1770
    centre_x = ширина / 2
    centre_y = высота / 2
    радиус = 257
    img = np.zeros ((высота, ширина))
    img = img.astype (np.uint8)

    # Оптимизация арифметического круга

    # low_mse = np.inf
    # low_up = 0
    # low_down = 0
    # для up in np.linspace (0,76, 0,77, 100):
    # для вниз в np.linspace (0,49, 0,50, 100):
    # circle = create_arithmetic_circle (img, int (round (centre_y)) - 1, int (round (centre_x)) - 1, radius, up = up, down = down)
    # diff = photoshop_circle - круг
    # mse = np.sum (разница ** 2)
    # print ("MSE:", mse, "Up:", up, "Down:", down)

    # если mse  0] = 1
    error = np.sum (разница)
    print («Разные пиксели:», ошибка, «Радиус:», радиус)

    diff [diff <0] = 255
    diff [diff> 0] = 255
    io.imsave ("circle.png", diff, check_contrast = False)

Отличная подборка круглых нестандартных форм для Photoshop

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

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

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

Замысловатые круги

Загрузить

Орнаменты 2

Скачать

PS-CSH Stars

Загрузить

Радиальные нестандартные формы

Загрузить

Формы PS кругов на полях

Загрузить

Набор нестандартных форм круглого дизайна 1

Загрузить

Designer Essentials

Загрузить

Фигуры часов в Photoshop

Загрузить

Petit Simple Circle Shape

Загрузить

Набор нестандартных форм круглого дизайна 2

Загрузить

Круги и звезды в форме

Загрузить

Круги (CSH)

Загрузить

Набор нестандартных форм круглого дизайна 3

Загрузить

Абстрактный круг PS Shapes

Загрузить

Абстрактные круги

Загрузить

Часы Photoshop Custom Shapes

Скачать

Набор нестандартных форм круглого дизайна 4

Загрузить

Круглые нестандартные формы

Загрузить

Набор круглых нестандартных форм

Загрузить

Круги Формы

Загрузить

Набор нестандартных форм круглого дизайна 5

Загрузить

Круги Формы

Загрузить

Retro Circles

Загрузить

Круглые фигуры Photoshop

Загрузить

Примечание: Авторские права на все приведенные выше визуальные материалы принадлежат его уважаемому владельцу.Пожалуйста, прочтите Условия использования этих ресурсов перед использованием, чтобы предотвратить нежелательные события. NaldzGraphics не претендует на права и не несет ответственности за какие-либо изображения / видео, размещенные на этом сайте, если не указано иное.

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

Об авторе:
Инженер-механик, для которой написание статей — одна из своих новейших любовных карьер.

40 бесплатных наборов кистей для фотошопа в стиле ретро: векторные круги

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

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

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

* * *

Retro Funk — 44 кисти

* * *

Набор кистей Circles

* * *

Точечная матрица

* * *

Векторные круги и цилиндры — кисти

* * *

Бесплатный набор кистей для рисования кругов в стиле ретро для Photoshop

* * *

Кисти векторных кругов — Кисти векторной формы

* * *

Кисти для обоев No.05

* * *

Поп точки

* * *

Крутые фигурные векторы

* * *

Баннерная кисть No 15

* * *

Набор кистей для полутонов

* * *

Набор кистей для фотошопа с завитками и кругами

* * *

Бесплатные векторные круги 3 кисти для Photoshop

* * *

Ооооо!

* * *

Градиенты полутонов

* * *

Векторные кисти с кругами

* * *

11 бесплатных кистей для Photoshop с кругами

* * *

Космическая орбита

* * *

Техно тени

* * *

Также вы можете взглянуть на 25 бесплатных гранж-паттернов Photoshop, чтобы оживить ваши проекты.

Модная круглая кисть в Photoshop

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

1 СОЗДАТЬ НОВЫЙ ДОКУМЕНТ
Давайте начнем с создания совершенно нового пустого документа (Файл> Новый).Если вы хотите продолжить, сделайте свой документ 1000 × 1000 пикселей и 72 ppi. Здесь нужно помнить одну вещь: всегда хорошо начинать с немного большего размера, чем вы когда-либо хотели бы использовать эту кисть. Вы всегда можете уменьшить размер кисти позже.

2 НАРИСИТЕ КРУГ
Выберите инструмент «Эллипс» на панели инструментов (он сгруппирован с инструментами «Форма»). Убедитесь, что в левом верхнем углу экрана на панели параметров выбрана опция «Слои формы». Нажмите D, чтобы установить черный цвет переднего плана, и нарисуйте круг на холсте.Чтобы сделать эллипс идеальным кругом, удерживайте клавишу Shift во время рисования.

3 ДУБЛИКАЦИЯ И ПРЕОБРАЗОВАНИЕ СЛОЯ ФОРМЫ
Дублируйте слой-фигуру, нажав Command-J (ПК: Ctrl-J). Дважды щелкните миниатюру дублированного слоя-фигуры на панели «Слои», измените цвет на белый в палитре цветов и нажмите «ОК». Теперь нам нужно сделать этот круг меньше, поэтому щелкните меню Edit и выберите Free Transform Path. Удерживая нажатой клавишу Option-Shift (ПК: Alt-Shift), перетащите один из угловых маркеров внутрь, чтобы уменьшить новую копию.Продолжайте перетаскивать, пока не получите толстую черную обводку вокруг белого круга. По завершении нажмите Enter, чтобы подтвердить преобразование.

4 СОЗДАЙТЕ ДОПОЛНИТЕЛЬНЫЕ КРУГИ
Повторите шаг 3 несколько раз, каждый раз меняя, насколько вы уменьшаете размер круга и его цвет. Обычно я переключаюсь между черным и белым, но вы также можете попробовать использовать оттенки серого. Просто убедитесь, что он черный, белый или серый, так как цвета не будут работать при создании пользовательской кисти.

5 ОПРЕДЕЛЕНИЕ КРУГА КАК КИСТИ
Теперь у нас есть детали нашего кругового элемента дизайна, но он состоит из нескольких слоев, что было бы затруднительно, если бы мы захотели добавить много из них к изображению. Давайте превратим это в кисть, чтобы мы могли быстро ее нарисовать. Выберите инструмент «Прямоугольная область» (M) и перетащите квадратную область вокруг круга, затем щелкните меню «Правка» и выберите «Определить набор настроек кисти». (Примечание. Если «Определить набор кистей» выделен серым цветом, щелкните другой слой на панели «Слои», чтобы активировать команду.) Дайте вашей кисти описательное имя и нажмите OK, чтобы сохранить его.

6 СОЗДАТЬ НОВЫЙ ФАЙЛ; ЗАПОЛНИТЬ ФОН
Хорошо, теперь у нас есть новая кисть, и теперь мы будем использовать ее в изображении. Сначала создайте новый документ. Поскольку наш будет баннер для веб-сайта, мы сделаем его шириной 800 пикселей и высотой 150 пикселей (72 ppi). Затем щелкните образец цвета переднего плана и в палитре цветов установите цвет R: 225, G: 224 и B: 206, затем нажмите OK. Нажмите Option-Delete (ПК: Alt-Backspace), чтобы залить фоновый слой этим цветом.

7 ВЫБЕРИТЕ НОВУЮ ЩЕТКУ
Теперь мы переходим к самой интересной части — нашей кисти. Для этого нам понадобится панель «Кисти», поэтому переключитесь на инструмент «Кисть» (B), затем щелкните меню «Окно» и выберите «Кисти», чтобы открыть его. В верхнем левом углу нажмите на слова «Форма кончика кисти». Затем прокрутите список справа, чтобы найти только что созданную круговую кисть. Измените параметр «Диаметр» на 65 пикселей и параметр «Интервал» на 75%. Теперь нажмите на слова «Shape Dynamics», чтобы увидеть эти настройки.Измените настройку Size Jitter на 60%.

8 НАСТРОЙКА РАССЕЯНИЯ И ДИНАМИКИ ЦВЕТА
Щелкните слово «Рассеяние» в списке слева. Измените параметр Scatter на 300%. Наконец, нажмите на слова «Color Dynamics» и установите для параметров Foreground / Background Jitter и Saturation Jitter значение 50% (убедитесь, что все остальное установлено на 0%). На данный момент вы закончили с панелью кистей, и все, что осталось, это установить цвет переднего плана на R: 84, G: 109 и B: 131, а цвет фона на R: 0, G: 45 и B: 84. (Вы можете выбрать здесь свой собственный цвет, если хотите).

9 НАРАСИТЕ СВОЕЙ НОВОЙ КИСТЬЮ
Перед тем, как начать рисовать кистью, нажмите значок «Создать новый слой» в нижней части панели «Слои», чтобы создать новый пустой слой; Таким образом, все наши кисти остаются за пределами фонового слоя. Теперь просто щелкните мышью и начните перетаскивать изображение. Вы увидите, что круги появляются случайно разбросанными и разного размера, где бы вы ни рисовали. Цвет даже немного изменился, потому что вы включили динамику цвета и отрегулировали дрожание переднего плана / фона.Это говорит вашей кисти, что она должна варьироваться между текущими цветами переднего плана и фона. Круто, да?

10 РАЗМЕСТИТЕ ДРУГИЕ ГРАФИЧЕСКИЕ ЭЛЕМЕНТЫ
Добавьте финальные элементы в изображение. Здесь мы добавили фото справа, а также текст. Чтобы немного изменить ситуацию, мы также создали несколько разных кистей, используя шаги 1–5 и варьируя трансформации круга для разных стилей (толстые линии и тонкие). Наконец, мы использовали орнаментальную форму свитка на заднем плане с сайта www.iStockphoto.com (номер файла 4619009).

Создайте винтажный значок в Photoshop

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

(Загрузите готовый многослойный файл Photoshop.)

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

Затем создайте новый круг на другом слое. Используйте панель выравнивания, чтобы центрировать круг на холсте. Убедитесь, что это примерно 120 пикселей в диаметре.

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

Затем мы создадим круги по периметру основного круга.Когда начальный круг находится вверху и центрирован с другим кругом, щелкните центральную точку регистрации круга. Вы можете щелкнуть и перетащить его куда хотите. Зная это, это также точка вращения, когда вы выбираете поворот активного объекта в режиме преобразования. Размер нашего документа составляет 600 x 600 пикселей, поэтому нам нужно разместить точку регистрации точно в центре, у которого координаты X и Y равны 300. Когда вы щелкаете и перетаскиваете точку регистрации, всплывающая подсказка отобразит ее координаты X и Y.

Нажмите Command / Ctrl + Alt / Option + «T», чтобы преобразовать копию маленького круга, и перетащите центр вращения в центральную точку большого круга. Вращайте маленький круг, пока стороны двух кругов не соприкасаются. Затем, чтобы повторить процесс, просто нажмите Command / Ctrl + Alt / Opt + Shift + «T». Это дублирует ваше последнее действие трансформации, создавая копию круга и вращая ее на то же количество места, что и предыдущий. Повторяйте это, пока не получите маленькие круги по всему большому кругу.Смотрите ниже для ясности.

Выделите все маленькие кружки и нажмите Command / Ctrl + «E», чтобы объединить маленькие кружки. Затем нажмите Command / Ctrl + «J», чтобы продублировать слой с кругами. Нажмите Command / Ctrl + «T», чтобы трансформировать слой с дублированными кругами, и, удерживая Shift, поверните круги на 45 °. У вас должна получиться форма, подобная показанной ниже.

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

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

Важное примечание : По какой-то причине, когда вы создаете небольшие объекты в Photoshop, вы не можете выбрать и переместить центральную точку, не удерживая сначала Option / Alt. В противном случае вы просто будете перемещать сам круг, а это не то, что нам нужно. Кроме того, чтобы сделать перемещение центральной точки более точным, вы можете набрать координаты на панели параметров в верхней части интерфейса. Нажмите Command / Ctrl + Alt / Option + «T», чтобы преобразовать копию маленького круга. Затем, удерживая Alt / Option, щелкните и перетащите центральную точку в центр вашего холста, удерживайте Shift, чтобы повернуть копию круга, и нажмите Enter.Затем нажмите Command / Ctrl + Alt / Option + Shift + «T», чтобы продублировать это действие, пока оно не вернется по всей окружности круга, как вы можете видеть ниже.

Затем нам нужно выбрать шрифт, который будет сочетаться с нашим винтажным стилем. Для этого урока я выбрал Rothman, высокий винтажный шрифт. Я набрал «Design Festival» заглавными буквами, а «Photoshop Tutorial» — строчными буквами, потому что обе версии выглядят по-разному, но хорошо работают вместе. Я увеличил трекинг так, чтобы «Учебник по Photoshop» имело ту же ширину, что и текст заголовка.

Далее мы добавим звезды по бокам. Выберите инструмент Custom Shape Tool и выберите форму звезды. Если у вас его нет, поищите в других библиотеках форм или выполните поиск в Интернете. Мы могли бы просто расположить звезды вручную, но если мы хотим, чтобы они были однородными, мы можем использовать ту же технику, которую мы использовали ранее для точек. Создайте маленькую звезду и отцентрируйте ее по горизонтали, расположив так, чтобы она находилась чуть ниже тонкого белого кружка в центре. Нажмите Command / Ctrl + Alt / Opton + «T», чтобы преобразовать копию, совместив точку регистрации с центром самого холста.Удерживайте Shift, чтобы повернуть звезду в нужном месте. Затем нажмите Command / Ctrl + Alt / Option + Shift + «T», чтобы продублировать преобразование, пока вокруг круга не появятся звезды.

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

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

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

Выберите инструмент произвольной формы и щелкните всплывающее меню. Выберите украшения, щелкните и перетащите произвольную форму Fleur De Lis и перетащите ее на холст. Отцентрируйте его по горизонтали и поместите под верхним изогнутым текстом. Выберите Орнамент 5, перетащите его на холст и нажмите Command + «T», чтобы преобразовать текст, повернув его на 180 °. Расположите его по центру над нижним изогнутым текстом. Результат должен выглядеть как на примере ниже.

Давайте добавим цвета нашему значку. Создайте новый слой над слоями исходной формы для значка. Залейте слой приглушенным цветом. Я выбрал приглушенный синий цвет (# 375f81). Чтобы выбрать только форму значка, Command / Ctrl + Shift + <щелкните каждый из слоев фигур, составляющих ваш значок>. Это включает в себя основной круг и два слоя меньших кругов. Это загрузит их формы как выделение. Нажмите на заливку слоя синим цветом и нажмите значок маски слоя. Это замаскирует все, кроме формы значка.

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

Ваш значок должен выглядеть так, как показано ниже.

Заключение

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

Как получился ваш винтажный значок? Оставьте свои мысли в разделе комментариев ниже. Также вы можете скачать исходные файлы по ссылке ниже.

Скачать исходные файлы сейчас (неработающая ссылка).