Tutorial cómo hacer tus propios iconos
Aquí voy a explicaros cómo hacer vuestros propios iconos. Es realmente simple si disponeis de la plantilla photoshop, que os la doy ya hecha, y apenas lleva un minuto hacer cada icono.
Vamos a ello. Para vuestros iconos necesitareis los siguientes programas:
Adobe Photoshop (es un programa de pago… vosotros vereis dónde o cómo lo «comprais»)
Icon Developer. También es de pago, pero dispone de una versión de prueba… que yo os la pongo en descarga directa con un pequeño extra.
Bien, el primer paso consiste en bajarse este archivo PSD que contiene la plantilla para photoshop.
Arrancamos el Photoshop y le damos a archivo/abrir y buscamos la plantilla que nos hemos bajado al disco duro. Le damos a aceptar y ya la tenemos abierta.
Ahora, en la barra de herramientas del lado izquierdo, seleccionad la lupa, poneis el cursor encima de la imagen y haceis un par de clicks para que se agrande la imagen y podais trabajar con más precisión.
Con la imagen agrandada, ahora vamos a nuestro navegador de internet y buscamos en Google o cualquier otro buscador la imagen que necesitemos:
No creo que esto merezca mayor explicación. Buscais una imagen que os mole a la mejor resolución y tamaño posibles y la guardais en vuestro disco duro, o, directamente, le dais con el botón derecho encima y elegís la opción «copiar al portapapeles», así lo teneis en la memoria del ordenador. Ahora solo hay que volver al photoshop (con la plantilla abierta) y darle a edición/pegar. El resultado es que tenemos la imagen elegida dentro del archivo de la plantilla, pero enorme y descuadrado, tal que así:
Ahora lo solucionamos, no os preocupeis. Volvemos a la barra de herramientas de la izquierda, la misma donde antes habíamos seleccionado la lupa, y elegimos la primera herramienta de todas, la que es un cuadrado con líneas discontínuas:
Ahora vamos con el ratón sobre la imagen y le damos al botón izquierdo y elegimos la opción «transformación libre»
Vereis cómo los bordes de la imagen que hemos elegido para nuestro icono se ven rodeadas de una línea. Ahora, si llevamos el ratón a los bordes de la imagen, veremos cómo nos aparece una flecha. Ponemos el cursor del ratón en una de las esquinas de la imagen y, con el botón izquierdo apretado, solo hay que mover el ratón para conseguir dar el tamaño que queramos a la imagen. Usando el mismo método, pero con el cursor del ratón dentro de la imagen en lugar de en una esquina de la misma, podemos moverla a nuestro antojo.
Bueno, ya le hemos dado el tamaño y la posición que queríamos a nuestra imagen. Ahora para fijarla nos volvemos a la barra de herramientas y le damos al botón que hay al lado del que habíamos seleccionado antes.
Nos saldrá un mensaje preguntándonos si deseamos aplicar la transformación. Le damos al botón aplicar. Ahora vamos a Archivo/guardar como y seleccionamos la carpeta donde queremos guardarlo y en formato .PNG (esto es importantísimo).
Durante el proceso de guardado nos preguntará sobre la opción del entrelazado. Si no está marcada, marcad la opción ninguno .
Ya hemos terminado con el photoshop. Ahora abrimos el Icondeveloper. La versión que incluyo aquí para descargar está hecha portable por mí, es decir, consta de un solo archivo, no necesita instalación y, sobre todo, no caduca nunca.
Así pues, abrimos el Icondeveloper y nos sale una ventana advirtiéndonos de que es una versión de prueba y blablabla… le damos a OK y seguimos adelante. Ahora nos sale una ventana de opciones. Le damos a la que dice Convert Image to Icon.
Ya estamos terminando, nos quedan muy pocos pasos. En la pantalla que nos sale buscamos el archivo PNG que habíamos creado antes con el Photoshop y lo abrimos. A continuación nos aparece esta pantalla:
Aseguraos que teneis marcada la casilla Vista Ready. Ahora solo teneis que darle al botón de Ok y en un segundo tendreis convertido vuestro PNG en un icono en formato ICO apto para usarse en el Windows Vista.
Ya solo nos queda el último paso, el programa nos ha convertido el archivo, pero no lo guarda automáticamente, así que vamos a la opción Save y guardamos nuestro archivo .ICO donde queramos. Ya está todo listo. No era tan difícil, ¿no?
Descárgate la plantilla AQUÍ
Descárgate el IconDeveloper AQUÍ
podrias volver a subir la plantilla esque no puedo vajarla o mandarmela a mi correo porfavor si no es mucha molestia. pablo_almaguer@hotmail.com
Pablo Daniel said this on agosto 27, 2012 a 4:26 pm
hola quiero saber como inscribirme a tu pagina Gracias,,,
Alexander Rivas said this on junio 22, 2012 a 3:50 pm
sin palabras eres todo un gross….puedes subir otra plantilla 🙂
ignacio said this on marzo 19, 2012 a 7:10 pm
Está chidisima la página
Joaquín said this on febrero 23, 2011 a 1:20 am
Está chida la página muy buena
Joaquín said this on febrero 23, 2011 a 1:14 am
Hola me pregunto si podrias hacer el icono de un juego que se llama en 7 sins plis!!
david said this on diciembre 12, 2010 a 3:02 am
muy bueno ya estoy creandome un icono
SOAP said this on octubre 25, 2010 a 2:33 pm
en pocas palabras abres la platilla despues abres tu caratula la retocas y con la herramienta mover la mandas dentro de la plantilla luego boton derecho transformacion libre la ajustamos y la movemos si es necesario y listo guardar como png…..
abrir png con el Icondeveloper y guardar eso es todo nada mas espero haberles ayudado
aca les dejo un tutorial para sacarles mas probecho. revizar seccion tutoriales
https://sites.google.com/site/laberintosix/home
laberintosix said this on septiembre 13, 2010 a 9:25 am
haz el de fable II porfa
Anónimo said this on septiembre 4, 2010 a 12:07 pm
no es nada dificil xDD los segui bien los pasos y me salio bn chido men 😀
ryuuk said this on agosto 7, 2010 a 4:35 am
no entiendo por que rayos no puedo pegar la foto a la plantilla , en edicion como dice tu explicacion sigo sigo los paso como dice y nada a caso tiene q ver algo con el tipo de foto q estoy pegando? por que al abri x primera vez la plantilla dice todos los archivos se supone que deberia con esa opcion deberia pegarla alguien que me ayude! y lo peor es que me pone de malas ya q justo es en el primer paso cabrea verdad!
ricko said this on febrero 22, 2010 a 5:34 pm
en cambio yo no puedo ni empezar ya que cuando quiero copiar y luego pegarla la foto en edicion no esta la opcion activa de pegar!! por que???
ricko said this on febrero 22, 2010 a 5:02 pm
Gracias loco!
Me pude hacer el de Avatar aca te dejo como me salio 🙂 .
Tengo el ico tambien 😛 .
Draco1939 said this on enero 16, 2010 a 2:09 am
Alguien podria subir la plantilla porfavor????? Gracias…
rODri!!! said this on enero 12, 2010 a 10:41 pm
alguien puede subir la plantilla para mi…
es que este link no va…
muchas gracias………….
william said this on diciembre 29, 2009 a 12:40 am
Ya me he hecho el mío, ha quedado bien y todo xD Gracias.
pox said this on agosto 30, 2009 a 3:18 pm
GROSO! Pensé que era muy dificil hacer estos iconos, pero resulta que es una pavada… xD
tomy said this on febrero 19, 2009 a 12:03 pm
Felicidades por la pagina web, te lo mereces.
Javier said this on enero 18, 2009 a 10:00 pm
YEA YEA
Anónimo said this on enero 4, 2009 a 7:25 pm
NO SE HACER INCONO
Anónimo said this on noviembre 29, 2008 a 6:16 pm
Puedes descargarte una versión de evaluación (te permite usarlo durante 30 días) en la web oficial de Stardock: http://www.stardock.com/products/icondeveloper/downloads.asp
katxan said this on noviembre 27, 2008 a 10:00 am
el portable en xp no va
Anónimo said this on noviembre 25, 2008 a 10:06 pm