Inkscape: Vectroizacion Parte 2 - Archivo

En esta entrada continuaremos el tema anterior sobre la vectorizacion de imagenes terminando el trabajo comenzado, con una imagen nueva  y editada de acuerdo a unas caracterizticas que nos pedia el ejercicio. Despues de la vectorizacion nos habian quedado 6 capas de diversos colores:

De los cuales eliminamos, por solicitud de la tarea, los colores claros, y el color gris fue movido a una hoja nueva para desarrollar la actividad de la que se comento en la entrada anterior:

Inkscape: Vectorizacion Parte 1: Objeto a Patron

Para esta entrada retomaremos el trabajo con la imagen en azul obscuro y en verde:

De la imagen en Verde se pidio borrar el Texto: Universidad Veracruzana, para ser esto desagrupamos la imagen y despues usamos la herammienta Editor Nodo de Trayectos:

Deseleccionamos la imagen y Seleccionamos el Texto Universidad Veracruzana:

Oprimimos Suprimir y automaticamente eliminara esa seccion, la siguiente indicacion es similar, se nos pide borrar la V del logo en azul obscuro, el procedimiento es igual, sin embargo por el tamaño de la imagen muchos de los puntos que componen la figura quedan amontonados con los de otra secion, por lo tanto la forma en que yo lo hize fue agrandar la imagen con la herramienta "Acercar":

Y acerqué el grafico hasta el punto en que me resultara comodo ver los nodos que debia eliminar:

Y fuí eliminando nodo por nodo y los nodos que estaban cerca los seleccione al mismo tiempo e igual los elimine oprimiendo suprimir. Conforme se eliminan nodos la forma va cambiando de acuerdo a los nodos eliminados:

Una vez eliminados todos los nodos de esa forma, alejamos la forma y obtenemos:

La siguiente instruccion fue poner la V verde en donde estaba la V Azul Obscuro, para esto bastara con arrastrar la imagen. Despues habia que agruparlas imagenes esto se hace seleccionando ambas imagenes y utilizando la opcion Agrupar en la barra de tareas:

Ahora se nos pidió centrar esa imagen, para ello usamos el menu: Objeto/Alinear y Distribuir

Lo cual nos va a abrir un panel del lado derecho que nos ayudara a Alinear Horizontal y Verticalmente nuestro Objeto:

Para guardar el objeto resultante, con el fondo transparente usamos el menu: Archivo/ Guardar como, que ya habiamos visto en la entrada anterior.

El resultado fue:

Los archivos para ver y editar estan en los links

Logo UV Editado en Formato .PNG

Archivo de Inkscape .SCG

Inkscape: Vectrizacion Parte 1 - Objeto a Patron

La siguiente tarea de aprendizaje que comentare en este blog, es sobre el uso de InkScape, y esta entrada estara dividida en dos partes, en ambas el tema principal sera el uso de este programa para vectorizar imagenes, sin embargo, en esta primera entrada derivaremos el tema para llegar a como utilizar una imagen para hacer un patron con ella.

La imagen que utilizaremos para ambos ejercicios sera el logo institucional de la Universidad Veracruzana:

Para vectoprizar el mapa de bits, primero hay que seleccionar la imagen e irnos al menu: Trayecto/Vectorizar mapa de bits.

Esto nos abrira una pequeña ventana en la cual pondremos los valores de la vectorizacion, es decir si ser avectorizacion por color, por corte de luminosidad, etc. En este caso la que utilizaremos sera por color, para que de esta forma me devuelva los colores de la imagen. Tambien si queremos que en la imagen vectorizada no tenga fondo podemos seleccionar la opcion "eliminar color de fondo".

 La vectorizacion nos dara como resultado dos imagenes, la original, y la imagen vectorizada compuesta por multiples capas. Si utilizamos la opcion elimminar el color de fondo, facilmente podemos darnos cuenta de cual es la imagen vectorizada y cual la original, pues en el fondo de la imagen vectorizada pueden verse los bordes de la hoja que esta en el fondo, mientras que en la imagen original el fondo en colo blanco muestra donde la imagen tapando los bordes que estan debajo.

Para eliminar el objeto podemos simplemente seleccionarlo y orpimir Suprimir, o podemos darle click secundario y seleccionar la opcion: Eliminar:

Ahora para separar las diferentes capas de color que componen la imagen debemos desagrupar los objetos, esto se hace en el menu: Objeto/Desagrupar.

Para separar las capas es importante quitar la seleccion del objeto y empesar a seleccionar parte por parte, pues de lo contrario al intentar mover cada capa, movera la seleccion en conjunto. Al separar las capas nos quedaran las siguientes:

Segun las instrucciones del ejercicio nos piden eliminar las imagenes en color claro (azules y gris claro) esto se hace de la misma forma en que eliminamos la imagen original sin vectorizar. La siguiente instruccion es mover la imagen en gris obscuro a un nuevo documento tamaño carta, esto lo hacemos desde el menu: Archivo/Nuevo/ A4.

Esto nos abrira un nuevo documento en blanco, para mover el objeto en gris obscuro lo seleccionaremos y ocuparemos el comando Ctrl-X (Cortar) y lo pegaremos en el nuevo documento con Ctrl-V.

Lo siguiente fue escalar la imagen al 15%, para hacer eso vamos al menu: Objeto/Transformar:

Esto nos abrira una barra en la derecha par Transformar la imagen, por defecto abrira la pestaña Mover, asi que damos click a la pestaña escalar, hay nos pedira que ingresemos las nuevas medidas de la imagen, generalmente pone la opcion en porcentaje, aunque tambien podemos escalar la imagen a medidas especificas. si queremos mantener la proporcion de la imagen marcamos la casilla "Escalar Proporcionalmente y una vez que ingresamos los datos damos click en Aplicar, para que automaticamente escale la imagen a las nuevas medidas.

Lo que se nos pidio despues fue poner a un lado de la hoja la imagen ya escalada:

La siguiente instruccion era hacer un patron del tamañno de la hoja, para esto crearemos un ojeto del tamaño de la hoja, en este caso usaremos la herramienta "crear cuadros":

Y dibujamos un cuadro del tamaño de la hoja:

Antes de ponerle el patron a esta hoja debemos establecer cual sera el patron que se imprimira sobre el cuadro. Para esto seleccionamos la imagen de la cual queremos el patron y nos vamos al menu: Objeto/Patron/Objeto a Patron.

Una vez establecido el patron seleccionamos el cuadro que dibujamos y nos vamos al menu: Objeto/Relleno y Borde.

Esto nos abrira una panel a la derecha en el cual aparecen las opciones de relleno y bordes, aqui seleccionaremos el relleno de patron la cual aparece

Esto nos dara como resultado un cuadrado del tamaño de la hoja con el fondo de la imagen de patron en mosaico:

Eliminamos la imagen de la que obtuvimos el patron, y lo siguiente fue guardar, en este caso como lo que vamos a guardar es un objeto sobre la pagina exportaremos el objeto esto se hace en el menu:Archivo/Exportar mapa de bits.

Esto nos abrira una ventana en la cual nos piden indicaciones sobre el guardado como la ruta de donde guardaremos el archivo, el nombre del archivo, tamaño, alineacion y que es lo que queremos guardar, aqui debemos serciorarnos que lo que estamos guardando es la seleccion:

Esto nos dara como resultado Una hoja tamaño carta con un patron del logo en gris obscuro:

Para poder editar las caracteristicas de este proyecto es necesario guardarlo tambien con el formato .SVG, esto se puede hacer desde el menu: Archivo/Guardar Como lo cual nos abrira la tipica ventana de guardado en la cual viene por default el formato SVG.:

Ambos archivos resultantes el .PNG y el .SVG estan disponibles en los siguientes links.


Patron.PNG (imagen)

https://skydrive.live.com/redir.aspx?cid=c5c935bcc84e6f46&resid=C5C935BCC84E6F46!170&parid=C5C935BCC84E6F46!145

Archivo .SVG (archivo para editar)

https://skydrive.live.com/redir.aspx?cid=c5c935bcc84e6f46&resid=C5C935BCC84E6F46!168&parid=C5C935BCC84E6F46!145

Como quitar el fondo a una imagen con GIMP

Como tarea de aprendizaje se nos encargo escalar y eliminar el fondo del logo institucional de la Universidad Veracruzana, y aqui compartire el proceso de como hacerlo usando el software libre GIMP, el cual es una muy buena alternativa para Photoshop.

Lo primero que hay que hacer, claro esta, es abrir la imagen a editar, al igual que en la mayoria de los programas esto se hace desde el menu: Archivo/Abrir o usando el comando Ctrl-O. Una vez abierta la imagen para escalarla a un tamaño de 800 x 600 pixeles hay que seleccionarla y acceder al menu: Imagen/ Escalar la imagen

Esto nos abrira una ventana la cual insertaremos las nuevas medidads de la imagen, si se decea mantener la proporcion original de la imagen solo hay que oprimir el icono con la cadena:

 Una vez ingresadas las nuevas medidas de la imagen damos click en Escalar y automaticamente redimenzionara la imagen.

Despues, para eliminar el fondo de la imagen hay que habilitar o añadir el canal alfa, esto se hace desde el menu: Capa/Transparencia/Añadir Canal Alfa

 Una vez habilitado el canal alfa, utilazaremos la herramienta seleccionar por color, para seleccionar el color de fondo:

  Una vez seleccionado el colo de fondo damos click en suprimir o con click secundario en el menu: Editar/Limpiar:

 Esto nos dara de resultado:

Ahora para que la imagen permanesca sin fondo, al momento de guardar (Menu: AArchivo/Guardar Como) revisamos que el formato de la imagen sea .png, si se guarda como archivo .bmpo algunos otros formato se predefinira el fondo color blanco. Por lo regular el formato que pone automaticamente es el del archivo de origen en este caso era .png, si no fuese este el formato de origen en la opcion seleccione el tipo de archivo existen otros formatos, entre ellos .png.

Por el color de fondo del Blog no se logra apreciar el fondo eliminado pero a continuacion dejo un link en el cual se puede descargar la imagen para apreciar el resultado, para que se aprecie es mejor ponerla en un fondo con otros colores, por default el visor de skydrive le pone un fondo blanco, pero si se le pusiese encima de cualquier otro fondo, el fondo de la imagen quedaria transparente.


Logo con el Color de Fondo Eliminado

Bienvenidos

Soy Edson Joaquin Ramon Ortiz, y soy estudiante de la Universidad Veracruzana, de la carrera de Administracion Turistica de la generacion 2008-2012, mi correo es zs08006001@malum2.uv.mx y el fin de este blog es documentar los aprendizajes adquiridos en la Experincia Educativa Computacion Basica.

Espero a alguien le paresca interesante e incluso le pueda ayudar el contenido de este blog.