Rectángulo redondeado con efecto 3D

Estoy tratando de hacer una especie de tarjeta rectangular redondeada con un ligero efecto 3D.

A continuación se muestra básicamente lo que tengo ahora. Hago 3 rectángulos redondeados y sesgo las capas de "sombra" hacia la parte inferior derecha.

ingrese la descripción de la imagen aquí

Se ve bien, pero acabo de diseñar a simple vista y no tengo idea de cómo deberían ser los ángulos en cualquiera de los sesgos. ¿Alguien tiene referencia o técnica de cómo obtener este píxel perfecto?

Gracias

Solo me preguntaba: ¿Elegiste dibujar las sombras tú mismo? ¿Por qué no utilizar una opción de fusión como bisel y relieve?
Lo intenté, pero no pude hacer que se pareciera a mi diseño.

Respuestas (3)

Comience con su rectángulo redondeado:

ingrese la descripción de la imagen aquí

Luego dibuja tres líneas que converjan en el mismo lugar en algún lugar de la parte inferior derecha del rectángulo:

ingrese la descripción de la imagen aquí

Ahora, usando la herramienta Pluma, dibuje una forma como esta (asegúrese de que las esquinas se alineen bien).

ingrese la descripción de la imagen aquí

Ahora agregue un degradado a la nueva forma, reduzca la opacidad y cambie el ángulo para que coincida con el ángulo de la línea de perspectiva central. Aquí está la configuración que funcionó para la mía.

ingrese la descripción de la imagen aquí

Cree un nuevo rectángulo redondeado debajo de la capa extruida sombreada pero arriba de las líneas de perspectiva:

ingrese la descripción de la imagen aquí

Vaya al panel de capas y recorte la capa de extrusión al nuevo rectángulo manteniendo ALTpresionado y haciendo clic entre las capas, el panel de capas debería verse así:

ingrese la descripción de la imagen aquí

Y aquí está el producto final:

ingrese la descripción de la imagen aquí

Deberá cambiar el color del rectángulo blanco para que coincida con su fondo.

Esto se puede hacer en Adobe Illustrator (y luego colocarlo opcionalmente en el documento de Photoshop). Este efecto se llama proyección oblicua. Aquí esta el resultado final:ingrese la descripción de la imagen aquí

Creé un complemento de Adobe® Illustrator® llamado Oblique Projection 'opo' para automatizar el proceso de creación de Parallel 3D Effect (Extrude Effect). Es rápido y le brinda control total sobre la apariencia de la extrusión. Todo está en una capa para que pueda separarlo fácilmente del resto de la obra de arte. Además, se divide en partes lógicas: de esta forma, cada letra (o incluso cada parte de la letra) se puede modificar de forma totalmente independiente.

ingrese la descripción de la imagen aquí

Así es como crearía el efecto que está pidiendo:

a) instalar la extensión 'opo' (copia de evaluación gratuita disponible aquí:
http://63mutants.com/subc/products/opo_m01/opo_m01.php )

b) agregue un punto adicional en la esquina inferior derecha del rectángulo (usando 'Agregar herramienta de punto de anclaje'):

ingrese la descripción de la imagen aquí

c) seleccione su rectángulo redondeado

d) vaya al panel 'opo', escriba (por ejemplo) 20px para la dirección X y -20 Y. Seleccione Orden Z de proyección 'Z-' y Tipo de proyección 'Sólido'. Elija 'Color de proyección personalizado', ponga 153, 153, 153 en el relleno; deja el trazo en blanco (0). Presiona 'crear proyección':

ingrese la descripción de la imagen aquí

e) Finalmente, seleccione los objetos de proyección del lado derecho y modifique su color:

ingrese la descripción de la imagen aquí

¡Hola! ¿Por qué borraste esta respuesta? ¡Me parece genial!
lo siento por eso. una vez que publiqué mi respuesta, recibí un 'voto negativo'. Pensé que esto se debe a que mi respuesta apunta al complemento que he creado y la gente puede pensar que se trata de un correo no deseado o algo así. Pero si dices que es bueno, lo estoy publicando de vuelta. ¡Gracias por la respuesta!

Sí, puede usar la opción de bisel y relieve, le dará un efecto 3D perfecto al objeto

  1. Tomar un nuevo documento
  2. Crear una herramienta de rectángulo redondeado en una nueva capa
  3. Seleccione esa capa
  4. Vaya al menú Capa en eso, seleccione el estilo de capa, en esa Bevel and Embossopción de selección
  5. Realice la configuración según sus requisitos para grabar el objeto.
Hola Mónica, bienvenida a GDSE y gracias por tu respuesta. ¿Podría elaborar un poco más, preferiblemente con algunas instrucciones sobre cómo usar Bevel & Embosspara lograr el efecto deseado? Valoramos las respuestas amplias y motivadas de valor duradero. ¡Gracias de nuevo y disfruta del sitio!
Creo que la gran pregunta aquí es '¿qué configuración' para 'Bevel & Emboss?'