Tutorial para convertir tus imágenes preferidas en iconos

Por: Sixthchild

Pues bueno, muchos han esperado por este tutorial, espero que sea de su agrado y que les
funcione, si desean publicar sus resultados, pueden contactarme y yo con muchísimo gusto los
pondré en el post con todos los créditos que se merecen

Pues bueno, sin más preámbulos, aquí vamos:

Herramientas:

1 Programa para manipulación de imágenes

1 Programa para manipulación de iconos
1 imagen de carpeta base
1 o varias imágenes para convertir a icono

Para el desarrollo de los íconos personalmente utilizo 2 programas: Corel Paint Shop Pro X2(para
trabajar las imágenes), y el Axialis IconWorkshop (para su respectiva conversión a icono en PC y
en MAC) Photoshop es también súper válido para esto solo que yo no lo manejo muy bien, de
igual forma creo que cualquier otro programa que permita creación de iconos funciona (ej.
Microangelo) pero la versión de axialis incluso la encuentran en versión portable si navegan por
internet

Desarrollo:

1. Buscamos la imagen que queramos convertir a icono, para este ejemplo vamos a utilizar
una de Rurouni Kenshin (Samurai X)
 1b. Podemos buscar también el logo de la serie para agregarlas en la pestaña de la
carpeta, pero esto es opcional

2. Buscamos la imagen Base con la que vamos a trabajar (con este tutorial se les provee una
imagen base) y la abrimos en el Paint Shop Pro (o en el programa de manipulación de
imágenes que hayan escogido)
3. Cortamos la imagen para separar la parte de la pestaña del cuerpo de la carpeta, esto es
para que sea más fácil operar con las selecciones de los iconos, para cortar la pestaña
podemos utilizar la herramienta de “Selección” y encerramos la parte de la pestaña.

4. Luego de damos CRTL + C (o también Menú Edición…. Copiar) y luego hacemos Click
Derecho en otra parte del área de trabajo (de acuerdo a la imagen de arriba sería en la
parte de color oscuro, fuera de la ventanita de la imagen de la carpeta completa) para que
podamos desplegar la opción de “Pegar como nueva imagen” (o también podemos ir a
Menú Edición… Pegar como nueva imagen) y de esta forma tenemos la primera pieza.
 5. Repetimos los pasos 3 y 4 pero esta vez con la parte del cuerpo de la carpeta, luego vamos
a Menú Imagen…. Tamaño del Lienzo y en la nueva ventana le asignamos un alto de 400
PIXELES (OJO CON LAS UNIDADES DE MEDIDA!)

(Observen que la pieza del cuerpo la recorté sin la sombrita si quedan partes de sombra en los
bordes los pueden eliminar con la herramienta “Borrador” )

6. Ahora seleccionamos la herramienta “Varita mágica” (se despliega en la misma

posición que la de selección) y hacemos click en la parte cuadriculada, con esto tenemos la
selección EXTERNA de la pieza.
7. Ahora debemos invertir la selección (pues lo que necesitamos es la parte en color, no la
que está en cuadrícula, para eso vamos a Menú Selecciones… Invertir (o también
CTRL+SHIFT+i) y con eso tenemos la selección deseada (me imagino que hay formas más
fáciles de hacer los puntos 6 y 7, pero de esta forma me garantizo que selecciono la parte
exacta de la carpeta)

(observen que ya solo está seleccionada la parte en color, la cuadrícula no)

8. Ahora traemos la imagen que seleccionamos para convertirla a icono, le damos Menú
Edición… Copiar(o CTRL+C), luego seleccionamos la ventanita en donde está el cuerpo de
la carpeta(es decir lo que hemos venido haciendo desde el paso 5 JAJAJAJAJA)
seleccionamos Menú Edición… Pegar como nueva capa (o CTRL+V)
(Noten que ahora se ven 2 “capas” en la parte derecha de la imagen, ténganlo en cuenta para la
manipulación más tarde)

9. Como pueden observar la imagen no es lo suficientemente grande para abarcar todo el

espacio de la carpeta (habrá ocasiones donde sea al contrario, la imagen demasiado
grande para el área de la carpeta) para esto modificamos el tamaño de la “capa” donde
está nuestra imagen, entonces:

Teniendo seleccionada la “capa” de la imagen de kenshin, (observen que dentro del

círculo rojo de la imagen de arriba la capa de con la imagen de Kenshin está más clara que
la del cuerpo de la carpeta) vamos a Menú Imagen… Cambiar tamaño (o SHITF+S)

Para agrandar la imagen apliquen variaciones por porcentajes (es lo más fácil) mayores a
100 y para achicarla utilicen cantidades menores de 100

Si quieren distorsionar la imagen poco, deshabiliten la opción “Bloquear proporciones”, de

esta manera le pueden poner cantidades diferentes al alto y al ancho de la imagen

OJO: LA OPCION “Cambiar tamaño de todas las capas” DEBE ESTAR DESHABILITADA
PORQUE SINO CUALQUIER MODIFICACIÓN AGRANDA O ACHICA TODO EL ARCHIVO Y
ESO NO LO QUEREMOS

Si lo que quieren es mover la “capa” en alguna dirección, utilizamos la herramienta

“Mover” y así podemos modificar la posición de la capa que tengamos seleccionada
 (SIEMPRE RECUERDEN DESHABILITAR LA ÚLTIMA OPCIÓN)

10. Una vez tengamos el tamaño y la posición deseados para nuestro futuro icono, vamos a
Menú Edición… Cortar(o CRTL+X) y con esto cortamos la selección en forma del cuerpo de
la carpeta, luego seleccionamos la ventanita donde tengamos la imagen de la carpeta
completa y una vez la tengamos seleccionada vamos a Menú Edición… Pegar (o CRTL+V),
luego con la herramienta “Mover” o con la herramienta “Selección” (se
despliega en la misma posición de “Mover”) ubicamos la nueva capa en su sitio y con eso
queda listo el cuerpo del futuro icono.
11. Ahora vamos a ocuparnos de la pestaña de la carpeta: traemos el logo de la serie o la
imagen que queramos usar para este propósito, la seleccionamos, le damos Menú
Edición… Copiar (o CRTL+C), seleccionamos la ventanita con la pestaña, y le damos Menu
Edición… Pegar como nueva capa (o CTRL+V) y de esta forma ya la tenemos incluida para
la modificación
 12. Hacemos una combinación entre el paso 9 y la herramienta “selección” para ubicar
en el sitio que deseemos la imagen correspondiente al logo.

13. Ahora vamos a darle color a la pestaña para que quede uniforme junto con el fondo del
logo que agregamos, para esto utilizamos la herramienta “Cuentagotas” o “Gotero”
Y hacemos click izquierdo o derecho(cualquiera de los dos es válido) sobre la parte del
fondo del logo (en este caso es el azul súper claro que rodea los Kanjis de Rurouni Kenshin)

(Noten que el color queda guardado en un cuadrito dependiendo del click que hayan hecho, si
izquierdo o derecho, para este ejemplo lo hice con click derecho)

14. Ahora lo vamos a aplicar sobre la pestaña: Primero seleccionamos la capa de la pestaña
(que se vea como dentro del círculo verde de la imagen de arriba)
Luego con la herramienta “Varita mágica” seleccionamos la parte con cuadrícula en la
ventanita donde estamos modificando la pestaña e invertimos la selección (esto ya lo
hemos hecho antes en los pasos 6 y 7)
15. Ahora buscamos la herramienta “Bote de pintura” y aplicamos el color con el mismo
click con el que lo seleccionamos en el paso 13 (para este caso lo tengo que aplicar con
click derecho porque con ese lo seleccioné en el paso 13)

(Tengan en cuenta que en la parte donde está el círculo rojo (Modo de ajuste) diga “Nada”

16. Ahora solo nos falta pasar la pestaña a la imagen principal, para esto vamos a fusionar las
2 capas que hemos venido trabajando desde el paso 11. Teniendo seleccionada la
ventanita donde hemos venido trabajando la pestaña, vamos a la parte derecha donde
está la lista de las capas existentes, damos click derecho sobre alguna de ellas.. Fusionar…
fusionar visibles
17. Con las capas ya fusionadas, repetimos el paso 10 y con eso queda listo nuestro futuro
icono, Para eso LO GUARDAMOS COMO FORMATO .PNG PARA QUE CONSERVE LAS
TRANAPARENCIAS Y NO SE VAYA A VER CON FONDO BLANCO LA CARPETA.

Vamos a Manú Archivo… Guardar como… y en la nueva ventana le damos su respectivo

nombre y en Tipo le asignamos PNG, luego aceptar

Luego el programa nos va a decir que “hay limitaciones del formato” (eso es porque el
PNG no guarda más de 1 capa), si no vamos a modificar en futuras ocasiones este archivo
le damos Si y terminamos, si planeamos modificarlo le damos No y volvemos a intentar
guardarlo pero con el Tipo PSPIMAGE (o PSD si es photoshop lo que están trabajando),
luego si hacemos una copia en PNG e ignoramos la advertencia
18. Ahora la parte Más fácil de la creación del icono: abrimos el Axialis IconWorkshop y luego
vamos a Menú Archivo… Abrir y buscamos el .PNG que creamos antes
19. Ya solo falta ir a Menú Archivo… “Crear icono de Windows a partir de la selección” (o
“Crear icono de Macintosh a partir de la selección” si uds usan es MAC), seleccionar los
tamaños de iconos que queremos guardar (recuerden que pueden seleccionar los tamaños
grande para Vista y Leopard en la parte de “Otros Formatos”)

20. Solo falta darle Menú Archivo… Guardar… y ya tenemos listo nuestro icono
Gracias a todos los que has seguido mi post desde el principio, también gracias por la paciencia
que han tenido con este tutorial, lo hice lo más explícito posible, por eso tiene tantos pasos
espero que haya sido de su ayuda

Un gran saludo a todos

"Remember, my child: Without innocence the cross is only iron,

hope is only an illusion & Ocean Soul's nothing but a name..."