Éste artículo va destinado a explicar como trabajar con imágenes a la hora de realizar tareas básicas tales como redimensionar el tamaño de la imagen o ponerle fondo transparente.
Usaremos como programa de referencia un servicio online que no requiere de descarga ni instalación. La aplicación se encuentra disponible en www.pixlr.com y te permite modificar imágenes online.
Comenzando con PIXLR:
Empieza por acceder al sitio web desde la dirección facilitada. Serás dirigido a la siguiente página donde deberás hacer clic en la imagen resaltada en rojo etiquetada como "Editor":
A continuación debemos indicar si queremos trabajar a raíz de un lienzo en blanco o usar una imagen existente como punto de partida:
Trabajar con imagen existente:
Para éste caso pongamos de ejemplo la creación de un icono para nuestra App. En este supuesto queremos:
Como en este supuesto trabajamos a raíz de una imagen ya existente le damos a "abrir imagen desde ordenador":
Ahora seleccionamos la herramienta "Recortar" y ponemos sus valores a: Restringir proporciones de salida a 512 x 512 pixels, tal y como se muestra a continuación en el recuadro rojo. Hecho esto usamos la herramienta haciendo clic y arrastrando hasta que tengamos seleccionada la parte de la imagen que nos interesa:
El área definida(la cuadricula) la puedes mover haciendo clic y arrastrando. Una vez estés conforme con la selección haz clic dentro de la selección y el nuevo formato se generara:
A continuación vamos a ponerle un contorno más redondeado definiendo una zona transparente. Selecciona la herramienta "Seleccionar" y pon su valor "Feather" a 35:
Haz clic en el punto marcado como "1" y arrastra hasta el punto "2":
Sitúa el ratón dentro del área seleccionada, pulsa el botón derecho del ratón y haz clic sobre "selección inversa":
Ahora coloca el ratón sobre el candado de la capa en la cual está tu imagen y haz doble clic. El candado cerrado debe pasar a casilla marcada:
Ahora el fondo de la imagen ya tiene el fondo blanco (que tiene por defecto) desbloqueado. Sin hacer clic en la imagen(para no modificar el área seleccionado) cambia a la herramienta borrador y elimina toda la parte morada:
El resultado debería ser algo parecido. Si es así haz clic en archivo y luego en guardar:
Procura guardar en formato PNG para evitar que la zona transparente se vuelva blanca:
Usaremos como programa de referencia un servicio online que no requiere de descarga ni instalación. La aplicación se encuentra disponible en www.pixlr.com y te permite modificar imágenes online.
Comenzando con PIXLR:
Empieza por acceder al sitio web desde la dirección facilitada. Serás dirigido a la siguiente página donde deberás hacer clic en la imagen resaltada en rojo etiquetada como "Editor":
A continuación debemos indicar si queremos trabajar a raíz de un lienzo en blanco o usar una imagen existente como punto de partida:
Trabajar con imagen existente:
Para éste caso pongamos de ejemplo la creación de un icono para nuestra App. En este supuesto queremos:
- Redimensionar la imagen desde el tamaño original a 512x512
- Que los bordes sean redondeados en vez de rectangulares
- Que el contorno/fondo sea transparente
Como en este supuesto trabajamos a raíz de una imagen ya existente le damos a "abrir imagen desde ordenador":
Ahora seleccionamos la herramienta "Recortar" y ponemos sus valores a: Restringir proporciones de salida a 512 x 512 pixels, tal y como se muestra a continuación en el recuadro rojo. Hecho esto usamos la herramienta haciendo clic y arrastrando hasta que tengamos seleccionada la parte de la imagen que nos interesa:
El área definida(la cuadricula) la puedes mover haciendo clic y arrastrando. Una vez estés conforme con la selección haz clic dentro de la selección y el nuevo formato se generara:
A continuación vamos a ponerle un contorno más redondeado definiendo una zona transparente. Selecciona la herramienta "Seleccionar" y pon su valor "Feather" a 35:
Haz clic en el punto marcado como "1" y arrastra hasta el punto "2":
Sitúa el ratón dentro del área seleccionada, pulsa el botón derecho del ratón y haz clic sobre "selección inversa":
Ahora coloca el ratón sobre el candado de la capa en la cual está tu imagen y haz doble clic. El candado cerrado debe pasar a casilla marcada:
Ahora el fondo de la imagen ya tiene el fondo blanco (que tiene por defecto) desbloqueado. Sin hacer clic en la imagen(para no modificar el área seleccionado) cambia a la herramienta borrador y elimina toda la parte morada:
El resultado debería ser algo parecido. Si es así haz clic en archivo y luego en guardar:
Procura guardar en formato PNG para evitar que la zona transparente se vuelva blanca: