EntradaDibujo de iconos 3D. Cómo dibujar iconos 3D iconos volumétricos para el escritorio
Tomé un icono del proyecto actual como ejemplo.
El servicio Rizzoma es un sistema de colaboración, una alternativa a Google-wave.
Durante el trabajo en el sitio, nació la idea de hacer hermosos iconos para cada cuadra con los beneficios del servicio. El caracol simboliza mensajes contextuales y es esencialmente un símbolo @ avanzado.
Bosquejo
Por lo general, trabajar en un ícono comienza con un boceto a lápiz, pero esta vez hubo suficientes imágenes inspiradoras. Se decidió hacer nuestra versión del caracol turbina, hermosa y encantadora.Modelado
El modelo suele estar en 3D Max, pero de hecho la herramienta no es crítica. También podrías haber hecho esto en Maya o Blender.Hundir
Haga que el modelo sea de bajo poli áspero, luego aplique suavizado.
Babosa y turbina
Hacemos la parte blanda del caracol de la misma forma. Para una turbina, el alisado no es necesario, puede hacerlo de inmediato con una malla densa.
Modelo terminado
Poniendolo todo junto
Visualización
Renderizar usando Vray, es mejor tomar una versión más fresca, para que haya menos errores y todo vaya más rápido.Escena
Estoy usando una escena en forma de C bastante estándar con tres luces. Le permite obtener un renderizado que no sea demasiado ruidoso con buenos reflejos a una alta velocidad de renderizado. Por ejemplo, se puede ver una lección sobre cómo crear una escena de este tipo. Agregué dos luces adicionales, una azul y la otra amarilla, para agregar reflejos de colores y agregar "dramatismo".
Modelo renderizado
Hago un render de prueba con una textura gris simple para ver cómo se aplica la luz. Aquí puede ver que la "correa" para sujetar la turbina ha sido ligeramente modificada.
Texturizado
Encuentra tu imagen de caracol favorita y desmóntala en órganos en dos texturas. Convertimos la textura a blanco y negro, aumentamos ligeramente el contraste y obtenemos un bulto (textura de desnivel). el modelo no estará animado y la vista solo será desde un ángulo. Establecemos el grado deseado de reflexión y transparencia. Hay un gran sitio http://www.vray-materials.de en él mucho materiales de calidad para Vray. Puede usar los ya hechos o tomar como base para crear los suyos.
Hacer
Calculo la imagen con una resolución más alta que la requerida, de modo que más tarde, después de procesarla, se pueda reducir y "puntear". Esto da como resultado un mejor resultado final, menos ruido y detalles más nítidos.
Mascaras
Además, el canal alfa y las máscaras se representan para diferentes objetos. En teoría, las máscaras se pueden considerar como un solo canal, dando a los materiales (u objetos) necesarios las identificaciones correspondientes, pero es conveniente para mí por separado.
Postprocesamiento
Listo, bastante sucio y desordenado, el render se corrige en Photoshop:- Usando el canal alfa, recorta el objeto del fondo
- Hacer el fondo más claro y contrastante, eliminar el exceso, dejando solo la sombra
- Recorta objetos en capas separadas por máscaras.
- Procesamos cada objeto, lo hacemos más brillante, más contrastante, agregamos reflejos, ajustamos la forma, etc. Es difícil componer un algoritmo exacto para estas acciones, todo se hace "a ojo" y depende de qué tipo de material se procesa y qué se quiere obtener.
El final
Reducir y afilar un poco.Se utilizará un caracol grande para los artículos, uno pequeño en la página principal.
Tomé un icono del proyecto actual como ejemplo.
El servicio Rizzoma es un sistema de colaboración, una alternativa a Google-wave.
En el transcurso del trabajo en el sitio, nació la idea de hacer hermosos íconos para cada bloque con los beneficios del servicio. El caracol simboliza y es esencialmente un símbolo @ avanzado.
Bosquejo
Por lo general, trabajar en un ícono comienza con un boceto a lápiz, pero esta vez hubo suficientes imágenes inspiradoras. Se decidió hacer nuestra versión del caracol turbina, hermosa y encantadora.Modelado
El modelo suele estar en 3D Max, pero de hecho la herramienta no es crítica. También podrías haber hecho esto en Maya o Blender.Hundir
Haga que el modelo sea de bajo poli áspero, luego aplique suavizado.
Babosa y turbina
Hacemos la parte blanda del caracol de la misma forma. Para una turbina, el alisado no es necesario, puede hacerlo de inmediato con una malla densa.
Modelo terminado
Poniendolo todo junto
Visualización
Renderizar usando Vray, es mejor tomar una versión más fresca, para que haya menos errores y todo vaya más rápido.Escena
Estoy usando una escena en forma de C bastante estándar con tres luces. Le permite obtener un renderizado que no sea demasiado ruidoso con buenos reflejos a una alta velocidad de renderizado. Por ejemplo, se puede ver una lección sobre cómo crear una escena de este tipo. Agregué dos luces adicionales, una azul y la otra amarilla, para agregar reflejos de colores y agregar "dramatismo".
Modelo renderizado
Hago un render de prueba con una textura gris simple para ver cómo se aplica la luz. Aquí puede ver que la "correa" para sujetar la turbina ha sido ligeramente modificada.Texturizado
Encuentra tu imagen de caracol favorita y desmóntala en órganos en dos texturas. Convertimos la textura a blanco y negro, aumentamos ligeramente el contraste y obtenemos un bulto (textura de desnivel). el modelo no estará animado y la vista solo será desde un ángulo. Establecemos el grado deseado de reflexión y transparencia. Hay un gran sitio http://www.vray-materials.de con muchos materiales de calidad para Vray. Puede usar los ya hechos o tomar como base para crear los suyos.
Hacer
Calculo la imagen con una resolución más alta que la requerida, de modo que más tarde, después de procesarla, se pueda reducir y "puntear". Esto da como resultado un mejor resultado final, menos ruido y detalles más nítidos.
Mascaras
Además, el canal alfa y las máscaras se representan para diferentes objetos. En teoría, las máscaras se pueden considerar como un solo canal, dando a los materiales (u objetos) necesarios las identificaciones correspondientes, pero es conveniente para mí por separado.
Postprocesamiento
Listo, bastante sucio y desordenado, el render se corrige en Photoshop:- Usando el canal alfa, recorta el objeto del fondo
- Hacer el fondo más claro y contrastante, eliminar el exceso, dejando solo la sombra
- Recorta objetos en capas separadas por máscaras.
- Procesamos cada objeto, lo hacemos más brillante, más contrastante, agregamos reflejos, ajustamos la forma, etc. Es difícil componer un algoritmo exacto para estas acciones, todo se hace "a ojo" y depende de qué tipo de material se procesa y qué se quiere obtener.
El final
Reducir y afilar un poco.Se utilizará un caracol grande para los artículos, uno pequeño en la página principal.
Los iconos son la cara de cualquier sistema operativo junto con la interfaz y el diseño general. Personalmente, siempre me han atraído los iconos que lucen en la pantalla principal de los teléfonos inteligentes y tabletas en las tiendas y en los renders oficiales. Nadie quiere tocar una aplicación con un ícono malo y feo.
Como dije, los íconos en iOS literalmente quieren "lamer". Probablemente, fue con el sistema operativo móvil de Apple que los desarrolladores comenzaron a prestar más atención a un elemento de diseño tan simple como los logotipos para aplicaciones o juegos. Los usuarios, a diferencia de los apologistas de iOS, son libres de instalar cualquier conjunto de iconos. Decidí seleccionar el mejor y el más interesante de ellos. Lea sobre los mejores conjuntos de iconos para Android bajo el corte.
Realmente hay muchos conjuntos de iconos para Android. Todos ellos se hacen a menudo en estilos similares: cuadrados y redondeados con un fondo y sin fondo. Decidí dividir todos los conjuntos de iconos que se presentan a continuación en esas categorías. Todos los iconos se presentarán en un bloque de 3 porque he seleccionado demasiados conjuntos buenos. Espero que este formato no sea demasiado incómodo.
De izquierda a derecha: TAY, Sinergia oscura, Lyra
TAY es un conjunto de iconos de estilo cuadrado minimalista. Los iconos en sí están encerrados en un marco tridimensional con una sombra. Los iconos son planos, brillantes y prolijos. El conjunto incluye 1880 iconos con una resolución de 192x192, así como 24 fondos para un escritorio con una resolución de 3200x2560.
El conjunto de iconos Dark Synergy está diseñado en un estilo oscuro: cada icono se superpone sobre un fondo negro o azul oscuro. Los iconos en sí están diseñados en un estilo simple y ordenado. Este conjunto contiene 600 iconos personalizados.
Lyra: iconos ligeramente elevados que se parecen más a mini mosaicos volumétricos. Parecen botones, por lo que solo debes presionarlos. En un conjunto de 768 iconos, 37 fondos para tu escritorio.
De izquierda a derecha: MIUI 5, Miu, Cuadrado
MIUI 5 es, como su nombre indica, un conjunto de iconos inspirados en la popular carcasa MIUI 5 de Xiaomi. El estilo principal son íconos limpios y brillantes con esquinas redondeadas... Este conjunto es uno de los más grandes con 3.400 iconos.
El conjunto Miu también está dedicado al shell MIUI, pero ya es la sexta versión. Los iconos locales se parecen más a los de Últimas Versiones iOS: son más brillantes y simplificados. En un conjunto de 2700 iconos y 35 fondos para tu escritorio.
Square es uno de los conjuntos más minimalistas que existen. Los iconos se superponen sobre un fondo cuadrado con esquinas afiladas, y ellos mismos están simplificados hasta el punto de imposibilidad. El conjunto de iconos Square atraerá a los amantes de la sencillez y la pulcritud en todo.
De izquierda a derecha: Lumos, Dekk, Belle UI
Los iconos de Lumos tienen un diseño limpio y simple con sombras y colores de fondo apagados. Debido a las lindas sombras, muchos íconos se ven voluminosos y animados. En un conjunto de 2 100 iconos.
Dekk: iconos volumétricos sobre un fondo oscuro con bordes de colores. Algunos de los iconos del conjunto se ven especialmente bien. En un conjunto de 2 100 iconos.
Belle UI es un conocido conjunto de iconos creados al estilo de los del difunto sistema operativo Symbian Belle. Es difícil llamar cuadrados a estos iconos, sus esquinas están fuertemente redondeadas. Las insignias están hechas en el estilo original sin indicios de diseño de materiales, que ahora es una rareza. El conjunto contiene 1.385 iconos.
De izquierda a derecha: PINN, Soul, Numix Circle
Ahora es el momento de los iconos con fondo redondeado. PINN es un derroche de diseño de materiales en una envoltura redonda. Los iconos locales se simplifican, se colocan en una plataforma volumétrica con colores apagados. Las sombras también están presentes. En un conjunto de 1880 iconos, 24 fondos para un escritorio en alta definición.
El conjunto de iconos Soul está diseñado en un estilo oscuro con un contraste de colores brillantes y negro. Los contornos de los iconos están resaltados con líneas negras y son sorprendentes en su buena comprensión. El conjunto contiene 2.300 iconos y 13 fondos de pantalla HD.
Numix Circle es otro icono minimalista, pero ya no está en el estilo material. Los íconos realmente no se destacan, solo íconos limpios y minimalistas contra un fondo circular brillante. Hay bastantes iconos en el conjunto, poco más de 250.
De izquierda a derecha: Interfaz de usuario de Veno, Equinox, Aurora
El conjunto de iconos de Veno tiene un estilo inusual: un fondo con un borde claro y una combinación de colores oscuros. Los desarrolladores señalan que sus íconos prestan mucha atención a los detalles. Incluye más de 3262 iconos y 30 fondos únicos.
Los iconos del conjunto Equinox se parecen a los del sistema operativo Sailfish OS: colores blanco y negro y una forma de gota sobre un fondo translúcido. En un conjunto de más de 3700 iconos y 10 fondos de pantalla para tu escritorio.
Aurora UI: iconos brillantes en colores ligeramente ácidos. Los iconos en sí ocupan casi todo el fondo, por lo que se ven un poco convexos y llaman la atención. El conjunto incluye 2.400 iconos y 74 fondos de escritorio con soporte para Muzei.
De izquierda a derecha: Una, Borrado, Matterhorn
El conjunto de Una es similar al Soul antes mencionado: en el contexto de tonos apagados, hay iconos negros. El conjunto no es el más original y brillante, pero se adaptará a los amantes de la sencillez y los colores oscuros. Hay más de 2.700 iconos y 28 fondos de escritorio en su interior.
Los iconos del conjunto Borrado son una especie de "sellos" en los que el icono en sí está recortado sobre un fondo negro mate. Los íconos son grandes: los íconos en sí son un poco más grandes que los originales. Incluye 1.750 iconos únicos y 77 fondos de pantalla de alta definición.
Matterhorn - Iconos con diseño de material agresivo. Los iconos están muy simplificados, muchos no tienen fondo. El ícono local de Angry Birds es especialmente lindo. En un conjunto de más de 420 iconos y 12 fondos para tu escritorio.
De izquierda a derecha: Estampado negro, líneas, Zarys
Stamped Black son íconos completamente negros sin fondo, por lo que es mejor usarlos con fondos de pantalla brillantes. Vale la pena señalar que este kit será útil para teléfonos inteligentes y tabletas con pantallas AMOLED. El conjunto contiene más de 1.000 iconos.
Lines es un conjunto de iconos localizados al ruso, que es incluso más minimalista que el anterior. Los iconos locales solo tienen contornos blancos. A diferencia de Stamped Black, los iconos de línea requieren fondos de pantalla oscuros y vienen con 3200 iconos.
Los iconos de Zarys son un híbrido de los dos anteriores: contornos negros. Estos iconos también vienen con fondos de pantalla brillantes a juego. Hay más de 2.040 iconos en Zarys.
De izquierda a derecha: Cutboard, Moonshine
Los íconos de CUTBOARD, francamente hermosos, están hechos en un estilo volumétrico sin fondo. Tengo muchas ganas de tocarlos, porque están cuidadosamente dibujados y de tal manera que parecen lo más voluminosos posible. Este conjunto contiene 2000 iconos de alta resolución.
Los iconos populares de Moonshine no son originales en términos de apariencia- Diseño de "material" simple, pero más minimalista y sin fondo sobre los iconos. Incluye más de 925 iconos de diseño vectorial con 28 fondos de pantalla hechos a mano.
De izquierda a derecha: Hoja, blanco minúsculo, simplemente de 8 bits
Los iconos de hojas difícilmente pueden llamarse demasiado inusuales, simplemente no son cuadrados ni redondos, y también tienen un fondo. Los íconos de hojas son muy similares a los íconos de Sailfish OS, por lo que tienen cierto valor. Hay bastantes iconos en el conjunto, poco más de 200, y también hay 9 imágenes de fondo.
El conjunto Tiny White es adecuado para aquellos que tienen demasiados iconos en el escritorio y en el menú. Los íconos se reducen significativamente y están hechos en un estilo simple: íconos blancos sin fondo. El conjunto contiene más de 1.300 iconos.
Como sugiere el nombre, los iconos de Simply 8-Bit están diseñados en un estilo de 8 bits. A los fanáticos del pixel art y los juegos retro definitivamente les encantará este set. Algunos íconos aquí se ven incluso un poco divertidos, por ejemplo, el ícono de SMS estándar. El conjunto contiene más de 700 iconos, así como fondos de pantalla temáticos con juegos antiguos.
Los íconos de varias capas de Rive tienen un estilo inusual: algunos están ligeramente recortados, otros están apilados con algunos íconos de las propias aplicaciones y otros se ven completamente inusuales (un rectángulo con una inscripción que se cruza). El diseño es definitivamente distintivo e interesante. En un conjunto de más de 1000 iconos y 12 fondos de pantalla sin necesidad de descargar.
Los iconos de Glif son similares en estilo a los anteriores, pero serían más adecuados para algún tipo de sistema operativo basado en Linux. Personalmente, tengo esta asociación con los iconos de Glif. A los iconos se les ha dado un estilo de dibujos animados y están enmarcados con líneas negras. El conjunto incluye más de 800 iconos y fondos de pantalla.
Los divertidos íconos de Globos también están hechos en un dibujo brillante de caricatura, pero aquí dentro de cada ícono hay un nombre de aplicación o juego, decorado en un estilo cómico. Se recomienda deshabilitar los nombres de las aplicaciones con íconos de globos. El conjunto contiene más de 450 iconos.
De izquierda a derecha: Interfaz de usuario oscura brillante, interfaz de usuario de octágonos
Glim Dark UI es un conjunto de iconos minimalistas y contrastantes en diferentes estilos, con y sin fondos. Aquí dominan los tonos oscuros, combinados con colores brillantes apagados. Existe una utilidad para solicitar un icono a los desarrolladores si no está en el conjunto. Glim Dark UI tiene 3700 iconos y más de 150 fondos de pantalla.
Cerrando este extenso TOP estará el conjunto OctagonsUI con íconos octaédricos en el mismo estilo y esquema de color (negro y rojo). Además, cada icono de este conjunto recibió sombras y bordes volumétricos. Incluye 2.811 iconos y 10 fondos de escritorio de alta definición.
Espero que le hayan gustado al menos algunos de los iconos de este conjunto y que los haya descargado de Threshbox. En el futuro, esta colección se actualizará periódicamente con nuevos productos.