¿La mejor manera de crear un efecto de sombra (profundidad) en Illustrator?

Estoy trabajando en un logotipo y tratando de darle a la forma del logotipo un efecto de profundidad 3D. Esto es lo que tengo actualmente:

Tamaño regular:ingrese la descripción de la imagen aquí

Tamaño más grande:ingrese la descripción de la imagen aquí

La forma en que actualmente estoy logrando este efecto es creando las formas de diamante con un relleno de color plano regular y luego tengo otra forma de diamante 'pegar en el lugar' que es un degradado con la opacidad siendo '100% superpuesta'. Como esto:

ingrese la descripción de la imagen aquí

No soy diseñador gráfico, así que realmente no sé si esta es la "manera correcta" de lograr este efecto. Encuentro que con la segunda capa puedes ver algunos bordes duros en el triángulo, también lo he visto más pronunciado al imprimirlo.

Mi pregunta es, ¿hay una mejor manera de lograr este efecto o incluso crear un mejor efecto más 3D? Además, ¿cómo me aseguro de que el logotipo sea nítido y no tenga bordes duros ni imperfecciones?

Mis disculpas si esta es una pregunta bastante ignorante, nunca he tenido ningún entrenamiento en diseño gráfico de formato, descubrí esto simplemente jugando con Illustrator.

¿Qué estás intentando lograr? ¿Qué parte debería parecer más adelantada?
Estoy tratando de crear un efecto algo visualmente lúdico usando espacios en blanco y sombras: imagine un cubo 3D hueco con los bordes blancos (el espacio en blanco), el centro de la imagen, donde tengo sombra ahora, está en las 'profundidades ' del cubo, más lejos del espectador. En otras palabras, puede pensar que los lados del cubo más cercanos al usuario son transparentes, mientras que los lados coloreados que ve son el interior del cubo, con la sombra en la esquina más alejada del espectador.

Respuestas (3)

El enfoque 3D

Si piensa en esto como un objeto 3D real (algo así como una pirámide) y considera cómo una fuente de luz interactuaría con él , comenzará a ver por qué su tratamiento es un poco extraño. ¿Cómo terminarías con la sombra uniformemente graduada desde el punto superior alrededor de todos los lados? Considere su fuente de luz y luego reevalúe su enfoque (un modelo físico puede ayudar).

Actualice en respuesta a su comentario ...
Las líneas blancas gruesas están matando el efecto deseado. Si se desean los espacios, tendrán que tener quizás la mitad del grosor (incluso menos en el formato más grande). El realismo lúdico será aún mejor si los pierdes por completo.

En lugar de construir los triángulos superpuestos, intente construir los planos del cubo en perspectiva. Con los modos de fusión de capas (quizás superposición) y/o transparencia, puede comenzar a ver el efecto de superposición que tiene en mente. Los efectos 3D de Illustrator pueden ser una manera fácil de corregir las cosas, al menos como punto de partida o referencia.

O simplemente por estilo

Independientemente de la precisión de su efecto, creo que su tratamiento se ve bastante bien, especialmente para alguien que no es diseñador. Si busca un 3D completamente estilístico (no necesariamente convincente), pruebe algunas de estas alternativas y ajustes.

  • Suaviza la transición de tu tratamiento actual: haz que la transición de oscuro a claro sea menos dramática al extender su longitud o hacer que el color se detenga más cerca en tono y brillo.
  • Aplique el degradado directamente a cada segmento, alineando el degradado con el lado exterior del triángulo.
  • Aplique el degradado como radial dentro de un círculo perfecto, centrado en el objeto como un todo.
  • Mueva esto a Photoshop como un objeto inteligente y haga el degradado allí con algo de interpolación aplicado o un efecto de grano de película. Un poco de "análogo" aplicado a sus vectores puede ser muy bueno.
En respuesta a su primer párrafo, creo que necesitamos saber qué está tratando de lograr MAX. Tal como está, parece que el blanco está en primer plano con los triángulos 'hacia abajo' en el espacio. La pregunta es si eso es lo que pretendía o no.
¿Qué quiere decir con 'suavizar la transición del tratamiento actual'? Lo siento, mi vocabulario de diseño gráfico es un poco escaso.
Traté de aplicar el degradado directamente, pero no pude obtener los colores correctos, no estaba seguro de cómo aplicar este tipo de sombra o de averiguar cuáles deberían ser los colores si solo hiciera un degradado basado en dos colores planos para lograr el efecto de sombra
Perdón por mi descripción críptica: por 'suavizar' me refiero a tratar de evitar cualquier cambio dramático en el tono, hacer que el cambio de oscuro a claro sea menos obvio. Si no está familiarizado con la herramienta de degradado y cómo controlar sus colores y transiciones, consulte este documento de ayuda de Adobe . La "suavidad" del degradado se controla mediante los colores seleccionados y las posiciones de las paradas y el punto medio del degradado. El gradiente se detiene en los extremos opuestos y el punto medio al 50% es el "más suave" que obtiene un gradiente en particular.
Los tutoriales de Adobe suelen ser bastante sencillos. Este tutorial básico feo pero bueno también puede ser útil para usted.
Ah, sí, creo que descubrí los conceptos básicos de la herramienta de degradado, al menos en lo que respecta a los controles deslizantes y la asignación de colores. Mi principal dificultad es elegir el color: para hacer que un color sea 'sombra más oscura', ¿qué cambias? Estaba jugando con los controles deslizantes B y S (negro y saturación), pero resultó en colores planos o grisáceos feos, no parecía una sombra. Es por eso que terminé optando por el efecto de 'superposición' en la opacidad.

Sé que esta es una pregunta muy antigua, pero puede ayudar a alguien en el futuro.

Mi respuesta solo responde al problema del "borde duro" de las capas de degradado en la parte superior del logotipo.

Una mejor manera de hacer esto que no creará los bordes duros es primero eliminar completamente las capas de degradado (u ocultarlas si desea usarlas en el futuro).

Luego, separa el logo en 3 secciones para que cada forma de "diamante" esté en su propia capa:ingrese la descripción de la imagen aquí

Abra blending options(Capa > Estilo de capa > Superposición de degradado) para cada capa y agregue un archivo Gradient Overlay. Luego querrá hacer que el modo de fusión de la superposición de degradado sea Overlayasí:

ingrese la descripción de la imagen aquí

Después de modificar el ángulo del degradado, obtendrá el mismo efecto que las capas adicionales que estaba usando originalmente, pero ahora no verá ningún "borde duro" ya que el degradado se aplica directamente a la capa y no se asienta sobre ella.

¡Espero que esto ayude!

Alternativamente, también podría usar la sombra interior para obtener un resultado similar.
+1! @ John, de hecho podría, pero estaría mucho más limitado con el ángulo del gradiente.
Sin embargo, la pregunta es para Illustrator, no para Photoshop.
@Scott Lo sé, debo perderme de leer la pregunta porque solo me di cuenta de que era para Illustrator unas horas más tarde. Todavía lo dejé porque es un consejo útil.

Simplemente agruparía las formas y aplicaría un relleno degradado radial al grupo .

ingrese la descripción de la imagen aquí

Tenga en cuenta... para un logotipo... y para imprimir (CMYK), el modo de fusión "superposición" no le dará los resultados que piensa. Para CMYK, los únicos modos de fusión que se pueden usar de manera segura son Multiplicar, Subexponer color y, a veces , Trama. Todos los demás modos de fusión le darán resultados generalmente inesperados. Debe trabajar en CMYK para un logotipo destinado a la impresión para evitar utilizar modos de fusión que no se mantendrán en CMYK.

¿La mejor manera de crear un efecto de sombra (profundidad) en Illustrator?
RespuestasAquíPolítica de privacidad1y, 0v