Estoy tratando de crear una superposición de forma personalizada en la barra de navegación similar al ejemplo a continuación.
Estoy luchando para tratar de crear el radio alrededor de los bordes inferiores. No soy muy bueno con la herramienta Pluma, me resulta difícil crear la 'curva' de la forma. ¿Cuál es la mejor manera de crear esta forma?
Se puede tomar un enfoque similar en Photoshop, pero aquí hay una solución hecha en Illustrator:
1) Dibujar rectángulo
2) Seleccionarrectangle > Effect > Stylize > Rounded Corners > ~10px
3) Seleccione Flecha de dirección (a) > Tome la esquina superior derecha del rectángulo manteniendo presionada la tecla Mayús para mantener la estructura y crear el ángulo deseado
4) Seleccione rectangle > Object > Expand Appearance
: esto hará que las esquinas redondeadas estilizadas sean puntos reales que se utilizarán para el contorno.
5) Duplique esto rectangle
( cmd+ copy, cmd+ fpara pegar al frente) > Object > Transform > Reflect > Horizontal
-- déjelo a un lado por ahora.
6) Dibuja un nuevo rectángulo
7) Coloque un nuevo rectángulo sobre el rectángulo de esquina redondeada original, alineando la línea de base de ambos rectángulos
8) Seleccione ambos rectangles > Pathfinder > Minus Back
: (ignore el segundo rectángulo en la parte superior, no debería haberlo incluido en esta captura de pantalla)
9) Alinee el segundo rectángulo redondeado con el borde de la línea de base.
10) Seleccione all > Pathfinder > Divide
: esto le permitirá eliminar el área sobrante
11)Select all > Pathfinder > Merge
Obviamente, esta no es la mejor solución para todos, pero debería ayudarlo a comprender al menos una forma de lograr este resultado. A menudo, solo necesito a alguien que me ayude a emprender el camino hacia una solución. Esperemos que esto haga eso por ti.
crea un cuadrado agrega el segundo al mismo camino
transformar un cuadrado más pequeño y colocarlo en ángulo después de agregar a la misma forma 2 círculos
agregue 2 puntos adicionales con la herramienta pluma
mover puntos de anclaje
restar círculo superior
el resultado repite lo mismo para el lado derecho
Eslava