Crear un icono personalizado de XP

No todos los objetos obtienen mejores resultados con imágenes 16 × 16. Los siguientes objetos se muestran generalmente en imágenes visuales frontales:

Iconos de documento

Iconos de símbolo (como los iconos de advertencia o información)

Icono de un solo objeto (p. Ej., Lupa)
Figura 8: Ejemplo de ícono intuitivo (documento .Jpg, búsqueda e ícono de favoritos)

Legibilidad a menos que el objeto de ayuda superpuesto se use para expresar más claramente el significado del ícono En términos de integridad, las imágenes intuitivas aún deben ser utilizadas. También debe considerar cómo ver los iconos por grupo para determinar cómo agrupar objetos.
Figura 9: ejemplos de solapamiento (Agregar o quitar programas, e imprimir las imágenes de documentos recientes)

proyección
después de usar el proyector, iconos de Windows XP será más clara y más Tridimensional 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 Sombra paralela. 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: Adición de proyección longitudinal

icono se dibuja el contorno
icono de estilo
XP, hacen que sea más claro para contorno de la imagen, la imagen se puede garantizar Tiene un buen efecto en diferentes colores de fondo.
En segundo lugar, crear un icono de medidas concretas
Paso 1: diseño conceptual
nuevo icono, se recomienda el uso de lápiz y papel para dibujar las líneas básicas .

El siguiente es un ejemplo del primer borrador del ícono "Colección de imágenes" de Windows XP:
Figura 11: borrador del ícono "Colección de imágenes"

Al diseñar el ícono, tenga en cuenta los siguientes factores:

Use Hay conceptos para garantizar que las ideas del usuario se expresen verdaderamente.

Considere cómo aparece el icono en el entorno de la interfaz de usuario y cómo se utiliza como parte del conjunto de iconos.

Considere el fondo cultural de los gráficos. Evite el uso de letras, palabras, manos o caras en sus iconos. Cuando deba usar iconos para representar a personas o usuarios, hágalos tan populares como sea posible.

Si la imagen en el icono consta de varios objetos, considera cómo hacer que la imagen sea más pequeña. Se recomienda que no se utilicen más de tres objetos en el icono. Para tamaños de tamaño de 16 × 16, también puede considerar eliminar algunos objetos o simplificar la imagen para que sea más fácil de leer.

Nota: cuando use el logotipo de Windows en el ícono, observe las siguientes reglas:

Para cumplir con la marca registrada y las reglas de la marca de Windows, no use el logotipo de Windows en el ícono que no sea el ícono de Windows Update.

El logotipo de Windows solo se puede usar en los íconos provistos por el sistema operativo Microsoft® Windows®.

El Microsoft Branding Group debe revisar el uso del logotipo de Windows en el icono.
Utilidades icono
Figura 12: icono de la utilidad de Windows XP

Utilidades iconos de la barra
Figura 13: Iconos de la barra de herramientas pública para Windows XP

Paso 2: Dibujar imágenes

Para dibujar iconos de estilo para Microsoft Windows XP, recomendamos el uso de herramientas vectoriales como Macromedia FreeHand o Adobe Illustrator
. Use la paleta y las características de estilo como se especifica en la descripción general del diseño del icono.

Use FreeHand o Illustrator
para dibujar una imagen.

Crea tres tamaños de imágenes por separado. Dado que la proyección se agregará a la imagen más adelante, las tres dimensiones creadas deben ser 46 × 46, 30 × 30 y 14 × 14 píxeles.

Copia el vector y pégalo en Photoshop.

Figura 14: Diálogo Pegar

Nota: Se recomienda Photoshop como herramienta de creación de imágenes porque el Gif MovIE Gear utilizado para crear archivos .ico se puede importar directamente a los archivos de Photoshop. Las imágenes creadas en Photoshop en modo "RGB" tienen un canal alfa. Si la imagen o capa tiene transparencia, tiene sentido utilizar el canal para el icono.

Paso 3: crear una imagen de 24 bits

Después de pegar el archivo vectorial en Photoshop, el siguiente paso es completar la imagen de 24 bits.

Después de pegar tres tamaños de imágenes en Photoshop, verifique la legibilidad y la resolución de la imagen, especialmente para imágenes de 16 × 16. Puede ser necesario hacer un cambio de píxel. Si una imagen de 16 × 16 no se puede mostrar claramente, la imagen de ese tamaño debe simplificarse en FreeHand.

Para agregar una proyección a una imagen, haga doble clic en la capa de la imagen y seleccione Sombra paralela. Luego cambie el ángulo a 135, la distancia a 2 y el tamaño a 2. En este punto, la proyección es de un 75% de negro opaco.

Fig. 15: Configuración de la proyección

Para fusionar la proyección y la imagen de 24 bits, cree una nueva capa vacía. En el menú Capas, seleccione Fusionar visible para fusionar las tres capas juntas.

Figura 16: Proyección de retener fusión de capa

Cree tres nuevos archivos de Photoshop, cada uno con dimensiones de 48 × 48, 32 × 32 y 16 × 16 píxeles. Copia y pega la imagen. Si la proyección de la imagen está truncada, debe reducir el tamaño de la imagen en FreeHand y luego volver a ejecutar estos pasos.

Guarde cada archivo como un archivo .psd. No fusione capas de imagen con capas de fondo. Es mejor incluir el tamaño y la profundidad del color en el nombre del archivo.

Paso 4: