consejos sobre el diseño de iconos semifotorrealistas de alta calidad que intentan ser objetos tridimensionales modelados

Soy un diseñador gráfico aficionado. Cuando estoy libre, hago algunos diseños gráficos simples con Photoshop e Illustrator (juguete con la herramienta de lápiz, agrego estilo a una capa, ajusto el tono de una imagen, etc.).

He sido un gran fanático de Dribbble y siempre me fascinan las increíbles obras de arte que hay allí.

Encontrar

- Encontrar por Alext Volkow

Tienda de circo

- Carpa de circo de Michael Tzscheppan

Emparedado

- Ícono de Sándwich iOS por Ryan Ford

Estos íconos semi fotorrealistas están muy bien diseñados. Agradecería si alguien me puede ofrecer algunos consejos sobre el diseño de iconos como estos.

Respuestas (2)

Como dijo DA01, estas son realmente solo ilustraciones digitales. En términos de flujo de trabajo, estos flujos de trabajo son comunes:

  • Dibuja todo en Photoshop. Funciona para conceptos simples.
  • Use las herramientas 3D de Illustrator (extrusión, rotación, etc.), luego pegue las formas en Photoshop para iluminación, reflejos, colores y texturas.
  • Use una aplicación 3D como Modo, Maya o Cinema 4D para crear una aproximación aproximada de los objetos y la iluminación, luego calque los resultados como formas en Photoshop.

SoftFacade son maestros en esta última técnica. Aquí hay un estudio de caso en el que realmente llevan el modelado 3D más lejos de lo que lo haría la mayoría. Creo que todavía terminaron todo en Photoshop.

Estudio de caso de IconFinder de SoftFacade

Te dejaré ser el juez si este ícono que creé está a la altura del estándar que buscas:

Ícono del servidor iStat en Dribbble (incluye PSD)

He incluido el documento de Photoshop, una animación grabada durante la creación del icono, así como algunos consejos sobre las técnicas utilizadas. Espero que ayude.

Es realmente importante no solo crear un ícono atractivo, sino construirlo usando capas de forma y técnicas que permitan cambiar el tamaño del ícono sin pérdida, porque es común necesitar crear muchos tamaños, desde 16 × 16 hasta 1024 × 1024 (probablemente necesite volver a dibujar los tamaños 16×16 y 32×32 a mano).

icono del servidor iStat

¡Muchas gracias! Los íconos del servidor iStat son realmente geniales y ayudan mucho. Ahora entiendo mejor cómo hacer buenas ilustraciones :) Agradezco de todo corazón todo lo que has hecho.

Ninguna de las imágenes de ejemplo son ejemplos de skeuomorphism. Todos son ilustraciones abstractas de cosas reales, en lugar de intentar representar literalmente controles de usuario reales y tangibles.

Dicho esto, tal vez los etiquetaría como semi fotorrealistas en el sentido de que intentan modelar objetos en 3D.

Al igual que en el verdadero modelado en 3D, los consejos serían más o menos los mismos. Concentrarse en:

  • iluminación y sombras consistentes (sombras proyectadas en el mapa, sombras paralelas en el envoltorio de sándwich)
  • texturas (lo que parece ser un escaneo real de pan)
  • Efectos atmosféricos (Nota: el mantel pierde el foco y la saturación en la distancia)