Cómo crear iconos con Photoshop

Cómo crear iconos con Photoshop

Si no le gusta el ícono de una aplicación X en su escritorio, ¡cambiémoslo!



Ce sera notre impératif, sur le net il y a des centaines de sites qui proposent des packages d’icônes prêts à l’emploi, mais si nous voulons créer quelque chose de personnel, il suffit de s’appuyer sur la magie de photoshop, ¡claro!
Todo lo que necesitamos es un complemento simple que también incluirá la capacidad de guardar esos infames .ico (íconos) en la lista de formatos de archivo. El complemento, que necesito enviar por correo, se llama icoFormat, puede descargarlo gratis (es de código abierto, por lo tanto, gratis) desde este sitio. telegraphics.com.au, si lo desea, también puede dejar un comentario para el autor y su dirección de correo electrónico, de lo contrario simplemente seleccione el botón de descarga
Este plugin activa la función de guardar archivos .ico en Photoshop, es compatible con cs / cs2 / cs3 y versiones anteriores, para instalarlo es necesario colocar el archivo ICOFormat.8bi en la carpeta que contiene los formatos de archivo photoshop, o en C: Programas de Adobe Adobe Photoshop CS2 Plug-InsFile Formats (este es obviamente el caso de Photoshop CS2, si ha instalado Photoshop en otra ruta o si tiene otra versión, debe colocar el archivo en la carpeta Plug-InsFile Formats «Photoshop Sendero»)
Ok, ahora estamos listos para hacer nuestros íconos.

Obviamente, necesitamos abrir un paréntesis muy pequeño sobre el formato de los iconos en Windows.

Tamaño del icono de XP* en pixeles
48 × 48
32 × 32
16 × 16

* estas son las cantidades específicas recomendadas por Microsoft

winxpiconsize

(ejemplo de iconos en 48 × 48 px – 32 × 32 px – 16 × 16 px)

FILE Dibujar formas de vectores contra píxeles en Photoshop CS6

Mientras que las profundidades de color admitidas son: 24 bits con 8 bits para canal alfa (32 bits en total), 8 bits (256 colores) + 1 bit para transparencia, 4 bits (16 colores) + 1 bit para transparencia.

icondepthsxp

(ejemplo de iconos de 32 bits – 8 bits – 4 bits)

Es posible crear iconos de los mismos 256 × 256 píxeles pero el sistema operativo los encoge automáticamente, a veces con malos resultados, por lo que en este tutorial trataremos con iconos de 8 bits de 32 × 32 píxeles. Por otro lado, en Windows Vista también es posible utilizar iconos de 256 × 256 píxeles en formato png.

Bien charla, abramos Photoshop !!!

Creemos un nuevo documento a 256 × 256 px, 72 ppp, método RGB de 8 bits. Seleccionamos la herramienta de selección rectangular, configurando el estilo a un tamaño fijo y el alto y ancho igual a 32 × 32 px,

opciones de seleccion

hacemos clic en un punto de nuestro lienzo, automáticamente aparecerá una pequeña selección, ¡pues es nuestra selección! Ahora apunte el cursor del mouse sobre las reglas (si no están habilitadas, presione Ctrl + R en Windows o Comando + R en macOS o desde el menú Ver-> Reglas), arrastre las líneas guía para colocarlas en los extremos de la selección, nosotros ‘ Lo necesitaré más tarde, no olvide activar el efecto de ajuste o ajuste en el menú Ver, para que las líneas guía se alineen automáticamente con los bordes de la selección.

lineas directrices

Ocultamos las pautas presionando las teclas control + H (o en el menú Ver-> Mostrar quitar la marca de verificación en Guía), establecemos los colores predeterminados presionando la tecla D, presionando la tecla X, traemos el color de fondo ( blanco) como color de primer plano y con la herramienta Rectángulo redondeado dibujamos un rectángulo con un radio de 10 px para los bordes (no olvides configurar la opción de píxeles de relleno), cambiemos el nombre de la capa que acabas de crear como base.

FILE Colores pastel: desde la definición hasta los posibles usos

rectángulo redondeado

Creamos una nueva capa (Shift + Control + N o usando la tecla de la paleta de capas o desde el menú Capa-> Nueva-> Capa) nombrándola Bordes, presionamos la tecla X nuevamente y desde la herramienta de formas personales, elegimos la forma de letra y dibujarla un poco más grande que el rectángulo que creamos anteriormente.

carta personal

Manteniendo siempre la capa de borde seleccionada, controlamos + clic izquierdo del mouse sobre la capa base, para crear una selección, la invertimos presionando las teclas Ctrl + Shift + I (o desde el menú Selección-).> Invertir) y presione la tecla de eliminar, presione Ctrl + D para eliminar la selección y así obtuvimos una letra con bordes redondeados.

Al seleccionar la capa base, establezcamos el estilo de la capa de superposición de degradado usando estas opciones: (para obtener más información sobre los estilos de capa, consulte la guía de Max)

gradiente de superposición

En cambio, en la capa del borde, aplicamos el estilo de sombra paralela usando estas opciones:

sombra exterior

Creemos una nueva capa, y seleccionándola, presionamos Ctrl + Shift + E para fusionar las capas, base y bordes, en una sola capa.
¿Te acuerdas de los guías? Pues bien, los volveremos a mostrar presionando las teclas control + H (o desde el menú Ver-> Mostrar guías de verificación del menú), activar la transformación libre del nivel, presionando las teclas control + T, mover con el mouse donde se definen los valores de escala, haga clic en la «cadena» y coloque el cursor del mouse en L (en mi caso es W = ancho), tan pronto como el cursor haya cambiado de forma, muévalo hacia la izquierda, de esta manera escalamos nuestra letra, una vez que encaja en las guías, hacemos clic en la marca de verificación grande para aplicar el cambio,

FILE "L'Italia Insegna": nuestra historia contada a través de los paneles

transformación libre

centramos la letra y con la herramienta de corte cortamos el lienzo según las pautas.

tamaño del lienzo

todo lo que tenemos que hacer es guardar nuestro icono, desde el menú Archivo-> Guardar como … Icono de Windows

Y aquí está nuestro icono listo para ser utilizado para un programa, o un enlace …
carta terminada

(además de nuestra carta también pongo otros dos iconos míos)

Obviamente elegí hacer una forma muy simple, ¡pero puedes dejar volar tu imaginación! Intenta probar, pero sobre todo muéstranos !!! ¡Ven al foro y muestra tus creaciones!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon