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

LEER  Las 18 mejores alternativas gratuitas de Adobe Photoshop

winxpiconsize

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

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.

LEER  Guía de fotografía digital: elige un punto de vista original

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,

LEER  Cómo usar los filtros inteligentes en Photoshop

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!

4 comentarios en «Cómo crear iconos con Photoshop»

  1. Good day! I know this is somewhat off topic but I was wondering if you knew where I could locate a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having trouble finding one?
    Thanks a lot!

  2. Pretty section of content. I just stumbled upon your site and
    in accession capital to assert that I acquire actually enjoyed account your blog posts.
    Anyway I will be subscribing to your feeds and even I achievement you
    access consistently quickly.

  3. Unquestionably believe that which you stated. Your favorite justification seemed to be on the net the simplest
    thing to be aware of. I say to you, I definitely get irked while people think about worries that they just
    do not know about. You managed to hit the nail upon the top as well as defined
    out the whole thing without having side-effects , people can take a signal.
    Will probably be back to get more. Thanks

Los comentarios están cerrados.

error: Content is protected !!