Как создать пользовательскую фигуру с закругленными краями в Photoshop CS6?

Я пытаюсь создать пользовательское наложение формы на панели навигации, как в примере ниже.

Пытаюсь создать форму

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

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

Ответы (2)

Аналогичный подход можно использовать в Photoshop, но вот одно решение, реализованное в Illustrator:

1) Нарисуйте прямоугольниквведите описание изображения здесь

2) Выберитеrectangle > Effect > Stylize > Rounded Corners > ~10px

введите описание изображения здесь

3) Выберите стрелку направления (a) > Возьмитесь за верхний правый угол прямоугольника , удерживая Shift, чтобы сохранить структуру и создать нужный угол .

введите описание изображения здесь

4) Выберите rectangle > Object > Expand Appearance-- Это сделает стилизованные закругленные углы фактическими точками, которые будут использоваться для контура.

введите описание изображения здесь

5) Продублируйте это rectangle( cmd+ copy, cmd+ fчтобы вставить впереди) > Object > Transform > Reflect > Horizontal- пока отложите.

введите описание изображения здесь

6) Нарисуйте новый прямоугольник

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

введите описание изображения здесь

8) Выберите оба rectangles > Pathfinder > Minus Back-- (игнорируйте 2-й прямоугольник сверху, он не должен был быть включен в этот снимок экрана)

введите описание изображения здесь

9) Выровняйте 2-й прямоугольник со скругленными углами по базовой линии.введите описание изображения здесь

10) Выберите all > Pathfinder > Divide-- Это позволит вам удалить лишнюю область

введите описание изображения здесь

11)Select all > Pathfinder > Merge введите описание изображения здесь

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

введите описание изображения здесь

  1. создать квадрат добавить второй к тому же пути

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

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

  4. перемещать опорные точки

  5. вычесть верхний круг

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