Personalizar los iconos con mtpaint.

Post Reply
Message
Author
User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Personalizar los iconos con mtpaint.

#1 Post by mister_electronico »

Bueno puede ser agradable para el escritorio un con la fotos de los hijos (los reconocidos o los no reconocidos), la mujer, novia o la amante segun corresponda, o simplemente con aquellas imagenes que uno quiera.

Bueno voy a enseñar como hacerlo para el que este interesado hacer sus propios iconos.

La idea es recortar la cara o la imagen de lo que deseemos y pegarlo sobre un fondo transparente, de esta forma cuando lo peguemos en el escritorio solo veremos el contorno de la imagen y el fondo sera el que tengamos en el escritorio.

Subo dos imagenes en dos archivos distintos para trabajar con ellos y ver como se hace.
Attachments
halle.jpg.gz
(68.94 KiB) Downloaded 342 times

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Este servidor es un coñazo.

#2 Post by mister_electronico »

Este servidor es un coñazo por que no me deja subir archivos de mas de 276K.
Bueno ahi va el siguiente.

Esta es TRANSPARENTE.png es la base en la que trabajamos.
Attachments
TRANSPARENTE.png.gz
(462 Bytes) Downloaded 338 times

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Bueno la idea es que al final quede un icono como es este.

#3 Post by mister_electronico »

Bueno la idea es que al final quede un icono como es que se ve a continuacion.
Attachments
IMG3B.png
(16.68 KiB) Downloaded 459 times

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Continuando.

#4 Post by mister_electronico »

Bueno el primer archivo lo he tenido que subir al servidor como jpg por que el servidor no me deja subir archivos de mas de 276K y en png me daba 476K.

Pero lo que realmente quiero es que sea en extension png, bueno para ello lo abrimos con mtpaint y una ves abierto lo guardamos como png.

Mediante el menu Archivo > Guardar_como o File > Save_as

En una de las opciones que nos sale picaremos la opcion extension png


le quitamos la extension jpg al archivo y le escribimos halle.png

Bueno si no se tiene el fondo del navegador en negro como yo o un fondo oscuro la halle se ve un poco rara, asi que este tipo de iconos es conveniente ponerlos en escritorios con el fondo un poco oscuro, aunque bien es verda que cuando se disminuyen en forma de icono no se notan las irregularidades.

Continuara.

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Continuando.

#5 Post by mister_electronico »

Bueno ahora lo que vamos a hacer es primero abrir el archivo TRANSPARENTE.png con mtpaint, picando con boton izquierdo del raton y seleccionando la opcion "Abrir con" y luego mtpaint.

Y luego por el mismo procedimiento abrimos otro mtpaint con el archivo halle.png.

Una vez echo esto comprobamos que dentro de mtpain en el archivo TRANSPARENTE.png comprobamos que dimensiones tiene, para ello nos vamoa a barra del menu en Image > Scale Cavans y tiene un tamaño de 800 x 600.

Nos vamos al otro mtpaint abierto con halle.png y hacemos lo mismo a Image > Scale Canvas y comprobamos que tiene 600 x 600. Esto es asi por que lo converti previamente a este tamaño, para que posteriormente al pegar la ¡magen recortada de halle, me pueda entrar sin problemas dentro de la imagen TRANSPARENTE.png

Para hacer esto lo unico que hay que hacer es en este menu de Image > Scale Canvas, en la ventana que nos sale en la ventanita del nuevo valor que se mete en la izquierda abajo(valor Width -- ancho) , pongo el valor 600 y al picar con el raton en la ventana de la izquierda Height ya automaticamente se cambia al valor proporcional a la medida del nuevo valor del ancho.

Este nuevo valor de 600x600 encaja perfectamente dentro del archivo transparente de 800x600

En este caso no hay que hacer nada por que ya estaba echo de antes pero para otras imagenes que queramos meter hay que tener esto en cuenta.

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Recortanado la imagen.

#6 Post by mister_electronico »

El siguiente paso es recortar la imagen del contorno de la cara y pelo de halle para pegarlo dentro de transparente.

Para ello nos vamos a la herramientea que se muestra en la imagen a continuacion.


Image

Esta herramienta la selecionaremos por supuesto dentro del mtpaint que esta abierto con el archivo halle.png

Bueno una vez echo esto podemos picar con el raton en la parte izquierda por ejemplo si queremos y vamos picando poco a poco alrededor de la imagen que estamos trabajando con el boton izquierdo del raton.

Y asi vamos trazando todo el contorno hasta volvernos a encontrar despues de trazado todo el perfil del contorno con el punto de origen donde comenzamos.

Picamos sobre ese mismo origen y apretando el boton derecho de raton se nos queda ya finalizada toda la seleccion, lo vemos en la imagen que aparece a continuacion.

Image

Con esto hemos acabado el proceso de seleccion.

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Copiar la imagen.

#7 Post by mister_electronico »

Una vez que ya tenemos seleccionada la imagen nos vamos a :

Edit > Copy y con esto copiamos la imagen..

Y despues a Save > Cickboard > 1 Ctrl + F1

Con esto selecionamos que la imagen que se habia salvado mediante copy en el buffer de memoria se salve dentro del Clickboard 1.

Puede que alguna vez nos encontramos con la desagradable sorpresa que cuando vamos a seleccionar el " 1 Ctrl + 1" esta desactivado y no se puede salvar.

Cuando ocurra esto ir a :

Image > Convert to RGB o si este no esta activo ir al de abajo.

Image > Conver to Index...

Con esto se solucionara el problema nos dejara salvar las imagenes en el Clickboard.

Decir que "1 Ctrl + F1" es el Clickboard y que Ctrl + F1 son las teclas abreviadas para que se salve dentro de este clickboard sin necesidad de ir con el raton a hacerlo por menus.

Bueno una vez echo este nos vamos a la pantalla donde esta abierto el archivo TRANSPARENTE.png y nos vamos a menu a :

Edit > Load Clickboard > 1 Shift+F1

Con esto nos traemos la imagen recortada de halle a la imagen TRANSPARENTE, y la posicionamos en el sitio mas centrado posible y luego picamos con el raton fuera de la imagen de halle y apretamos enter y ya esta pegada la imagen.

Bueno Independientemente de esto que estamos haciendo mucha gente no sabia como pasar un cacho de imagen a otro fichero por mtpaint, pues bueno este es el metodo.


Y esto es todo de copiar y pegar la imagen.

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Recortar la imagen y Scalar la imagen.

#8 Post by mister_electronico »

Bueno una vez que tenemos pegada la imagen el siguiente paso es recortarla.

Como vimos en el post anterior cuando seleccionabamos la herramienta que es como un triangulito para seleccionar el contorno de halle, pues ahora en esa misma linea selecionamos la herramienta del cuadradito.

Una vez seleccionada seleccionamos desde la parte superior de halle un poco mas a la izquierda dejando un poco de marco hasta la parte inferior derecha dejando a halle en medio y tambien con un trozo de marco a la derecha.

Esto es si nos damos cuenta la imagen es de 800 x 600 pues la idea es dejarla en 600x600 con halle en medio y dos marcos vacios a ambos lados.

Una vez seleccionado el marco apretamos las tecla "Supr" y automaticamente se nos recorta la imagen.

Bueno como decimos la idea es dejarla en 600 x 600 mas o menos.

Una vez echo esto nos vamos al menu Image > Scale Canvas

Y en la ventana que nos aparece en el ancho nuevo Width le ponemos un valor de 198 y al picar sobre alto nos ajustara a mas o menos 198.

Salvamos ya la imagen como por ejemplo icono_halle.png


Y ya tenemos el icono.

Que por que la dejo en un tamaño de 198x198 ? Pues por que me da mucha mas definicion al icono, pero eso va en gusto lo podeis poner como los iconos estantar en 48 x 48 o 64 x 64 aunque evidentemente esto os hara mucho menos definicion, cosa importante cuando son fotografias para distinguirlas.


Bueno espero que sirva de provecho para alguien.

User avatar
mister_electronico
Posts: 969
Joined: Sun 20 Jan 2008, 20:20
Location: Asturias_ España
Contact:

Perdon el icono ya acabado

#9 Post by mister_electronico »

Bueno como dije queda gracioso iconos de personas en el escritorio.

Ahi va el icono acabado..... nos vemos un saludo.
Attachments
IMG3B.png.gz
(16.5 KiB) Downloaded 353 times

Post Reply