Crear un icono personalizado de Windows XP

Microsoft Windows XP introduce un nuevo estilo de diseño de iconos. En el siguiente artículo, analizaremos los pasos específicos para diseñar y crear íconos de estilo de Windows XP.

Los iconos de Windows XP son divertidos, coloridos y vibrantes porque son iconos de 32 bits con bordes muy suaves. En general, podemos dibujar cada icono en el programa vectorial y luego usar Adobe Photoshop para hacer que la imagen sea más perfecta.

Proceso básico:

1. Utilice FreeHand o Illustrator para dibujar una imagen vectorial del icono.

2 Copie el vector e impórtelo en Photoshop para su posterior procesamiento.

3. Crea un archivo .ico con Gif Movie Gear.

Figura 1: Ejemplo de icono

I. Descripción general del diseño de iconos

El propósito de esta sección es familiarizarse con los nuevos estilos de Windows XP y prepararse para crear iconos.

Características de estilo de icono

Rico en color, complementa la apariencia de Windows XP.

Los diferentes ángulos y perspectivas agregan energía dinámica a la imagen.

Las esquinas de los elementos son muy suaves y ligeramente redondeadas.

La fuente de luz está en la esquina superior izquierda del icono, y hay otras partes del icono que rodean la luz.

El efecto degradado le da al icono un aspecto tridimensional, que a su vez hace que el icono se vea más completo.

La proyección hace que el icono tenga más contraste y estéreo.

Agregar contornos hace que la imagen sea más nítida.

Los objetos diarios, como computadoras y dispositivos, tienen un aspecto personal más moderno.

Tamaños de los iconos

Los íconos de Windows vienen en cuatro tamaños: 48 y veces; 48, 32 y veces; 32, 24 y veces; 24 y 16 y veces; 16 píxeles, se recomiendan estos tamaños estándar.
Figura 2: Tamaño general del icono

" Inicio " El icono a la derecha del menú se muestra 24 veces, 24 píxeles. Este tamaño no necesita ser proporcionado por el usuario.

Figura 3: 24 veces en el menú Inicio y en el tamaño de 24 píxeles

Para el icono de la barra de herramientas que se está creando, el tamaño estándar de Windows es 24 veces, 24 y 16 veces, 16 Pixel

Figura 4: Tamaño estándar de los iconos de la barra de herramientas

Compatibilidad con la profundidad de los iconos de los iconos

Windows XP admite iconos de 32 bits. El icono de 32 bits es una imagen de 24 bits más un canal alfa de 8 bits. Haga los bordes de los íconos muy suaves y mezcle con el fondo.

Cada icono de Windows XP debe contener las siguientes tres profundidades de color para admitir diferentes configuraciones de pantalla:

Imagen de 24 bits más canal alfa de 8 bits (32 bits)

imagen de 8 bits (256 colores) más color transparente de 1 bit

imagen de 4 bits (16 colores) más color transparente de 1 bit

Figura 5: 32 bits, 8 bits Y el icono de "colección de imágenes" de 4 bits

paleta

Los siguientes colores son los colores principales utilizados en el icono:

Figura 6: Tonos de iconos de Windows XP Tablero

Ángulo y agrupación de objetos

La siguiente es una cuadrícula de perspectiva utilizada por los iconos de estilo de Windows XP:

Figura 7: Perspectiva de icono de Windows XP

No todos los objetos Use 16 veces y 16 imágenes para obtener mejores resultados. Los siguientes objetos generalmente se muestran en imágenes visuales frontales:

Iconos de documento

Iconos de símbolo (como Advertencias o Iconos de información)

Iconos de objeto único (como lupas)
8: Ejemplo de ícono intuitivo (íconos .Jpg Documento, Búsqueda y Favoritos)

A menos que cree ayudantes superpuestos para expresar más claramente el significado del ícono, aún debe usar imágenes visuales para facilitar la lectura y la integridad. También debe considerar cómo ver los iconos por grupo para determinar cómo agrupar objetos.
Figura 9: Ejemplo de superposición (agregar o quitar programas, imprimir imágenes y documentos recientes)

Proyección

Después de usar la proyección, el icono de Windows XP será más nítido y más estereoscópico. Este efecto se puede lograr en Photoshop.

Para agregar una proyección a una imagen, haga doble clic en la capa de la imagen en Photoshop y seleccione Eliminar sombra. Luego cambie el ángulo a 135, la distancia a 2 y el tamaño a 2. La proyección es ahora un 75% opaca negra.

Figura 10: Antes y después de agregar una proyección a un ícono

Contornos

Al dibujar un ícono de estilo XP, puede enfocar la imagen para aclararla y asegurarse de que la imagen se encuentra en un fondo diferente. Ambos tienen buenos efectos sobre el color.