actividad_nueva_con_pixrl

Actividad N° 3 - Pixlr

Actividad N° 3

Aprendiendo a usar software para edición de imágenes pixelares
Retoque de imágenes

Al tomar fotografías digitales o realizar escaneados muchas veces es necesario luego realizar ajustes para mejorar
aspectos relacionados con la luz, el color, el foco o el diseño. Las aplicaciones para edición de imágenes reúnen
herramientas para realizar estas acciones.
Para conocer algunas de las tareas básicas de edición, editará una imagen con el programa online pixrl.
Ingrese en Internet e inicie la aplicación desde el sitio web:
https://pixlr.com/
Aparece la siguiente pantalla:

Este editor consta de tres secciones, para realizar este trabajo utilizará PIXLR EDITOR, haciendo clic en la primera imagen.

1

Actividad N° 3 - Pixlr

A continuación se abre la siguiente pantalla:

Haga clic en el menú Abrir imagen desde el ordenador, o clic en el menú Archivo < Abrir imagen, para abrir más de
una. Busque y abra los archivos de trabajo que descargó previamente del Campus: Paisaje inicial.jpg y Paisaje
finalizado.jpg.

Observe la imagen antes y después de finalizada la edición que va a realizar.

2

Actividad N° 3 - Pixlr

Al editar una imagen es habitual considerar los siguientes pasos:

Pasos usuales al retocar una imagen

 Comprobar la calidad de escaneado de acuerdo con el destino de la imagen
 Duplicar el archivo original y trabajar en una copia
 Recortar la imagen al tamaño y orientación finales
 Ajustar el contraste general
 Eliminar dominancias de color
 Realizar ajustes locales para mejorar el diseño y la composición
 Mejorar el enfoque

Tamaño y resolución

Al comenzar a trabajar con imágenes digitales es necesario tener en claro el flujo de trabajo de acuerdo con el
objetivo final. Esto va a definir desde el inicio: el tamaño de las imágenes, resolución, modo de color y formato de
archivo teniendo en cuenta el dispositivo de salida.

En esta actividad editará una imagen destinada a ser mostrada en Internet, por lo tanto trabajará con una resolución
de 72 dpi, modo de color RGB y guardará la imagen en formato de archivo adecuado a este fin como se explicará al
final del ejercicio.

Se denomina resolución a la cantidad de píxeles por unidad de medida que compone una imagen.

Dispositivo de salida Resolución

Pantalla 72 dpi

Impresora Consultar el manual del dispositivo, o personal responsable del servicio
de impresión a utilizar

Las imágenes digitales pueden obtenerse a través de distintos medios:
- Escaner
- Cámaras de fotografía o filmación
- Dibujando con un puntero
La resolución adecuada al destino de la imagen, se especificará en el dispositivo de captura del material gráfico.
Una vez digitalizada, la imagen se guarda en la computadora para su edición. Se sugiere hacer este trabajo sobre
una copia para preservar el original intacto.
Seleccione la imagen Paisaje inicial jpg y haga clic en el menú Archivo < Guardar. En el cuadro de diálogo que
aparece cambie el nombre por su nombre y apellido, y asigne una ubicación. En formato jpg asigne la opción de
mayor calidad. Haga clic en Guardar.

Recortar la imagen al tamaño y orientación finales
A veces, después de escanear, puede ser necesario enderezar y recortar la imagen.
Para rotar la imagen haga clic en el menú Editar < Transformación libre.

3

Actividad N° 3 - Pixlr

Para Rotar: menú Editar < Transformación libre

Aparece un marco alrededor de la imagen. Coloque el cursor en una esquina, por fuera del marco (hasta que se
muestre como una flecha circular), y rote en el sentido de las agujas del reloj hasta que la figura se vea horizontal.
Para aplicar los cambios presione la tecla Enter, o simplemente seleccione otra herramienta o menú y aparecerá un
cuadro de diálogo para confirmar la acción. Si está satisfecho con los cambios haga clic en sí.

Para recortar la imagen utilice la herramienta Recortar, haciendo clic sobre ella en la Caja de
Herramientas para seleccionarla.
A continuación dibuje un marco sobre el contorno de la imagen, teniendo especial cuidado de no incluir el fondo. Al
soltar el cursor, aparece una grilla. Haga doble clic en su interior para aplicar el recorte, o presione la tecla Enter, o
seleccione otra herramienta y aparecerá un cuadro de diálogo para confirmar la acción. Si está satisfecho con los
cambios haga clic en sí. Observe cómo el fondo negro desaparece y la imagen se recorta por sus límites.

4

Actividad N° 3 - Pixlr

La imagen se recorta trazando un marco con la herramienta recortar y haciendo clic dentro del marco

Haga clic en Archivo < Guardar.

Recuerde: si desea deshacer alguna acción haga clic sobre el menú Editar < Dehacer o presione el atajo de teclado Ctrl + Z

Para ajustar el tamaño de la imagen
En este ejercicio no es necesario modificar el tamaño de la imagen, pero dada la importancia de este tema, este paso
se explica sólo para su información.
Desde el menú Imagen < Tamaño de imagen se puede modificar la escala cambiando las cifras en las casillas para
pixel de anchura y altura. No obstante, tenga en cuenta que cuando escale a mayor tamaño, el programa creará
artificialmente datos que no existían en la imagen original, pudiendo degradar su fidelidad o calidad. En este caso
sería más adecuado volver a capturar la imagen nuevamente.
Como se explicó anteriormente, para un asegurarse un flujo de trabajo correcto, la imagen debería tener ya desde su
origen la resolución adecuada a su destino.

5

Actividad N° 3 - Pixlr

Ajustar el contraste general
Este paso suele ser necesario cuando una imagen no comprende un buen rango tonal con variación de luces y
sombras. El ajuste se realiza haciendo clic en el menú Ajustes <Niveles. Aparece un histograma sobre una escala de
negro a blanco, pasando por los grises, con reguladores para cada uno de ellos.
El ajuste se puede realizar moviendo los triángulos o deslizadores extremos hasta que coincidan con los límites del
histograma como se muestra en la ilustración.
Al realizar el ajuste la imagen y el histograma se muestran como aparecen en la siguiente figura.

Menú Ajustes < Niveles Muestra de aplicación del ajuste y resultado

Haga clic en ok para aceptar los cambios.
Haga clic en Archivo < Guardar.

Eliminar dominancias de color

Eventualmente, durante la captura de la imagen puede generarse algún tinte de color indeseable, que posteriormente
es necesario ser corregido. La herramienta Balance de colores (menú Ajustes <Color balance) puede ser útil en este
sentido. Simplemente modifique los reguladores para los niveles de color rojo (red), verde (green) y azul (blue).

En este caso concreto se movió el regulador rojo a -10.

6

Actividad N° 3 - Pixlr

Imágenes antes y después del ajuste. Compruebe la neutralización del tinte rojizo.

Haga clic en Archivo < Guardar.
Realizar ajustes locales para mejorar el diseño y la composición
Las siguientes herramientas se presentan para su exploración y enriquecimiento, sin embargo no son abordadas en
este ejercicio.
Un resultado artístico puede implicar transformaciones en el diseño de la composición. Los recursos en este caso son
numerosos. Puede probar, por ejemplo las siguientes herramientas para enfocar / desenfocar, difuminar, Aclarar /
Oscurecer. La herramienta Esponja permite saturar o desaturar zonas de color. Todas se aplican arrastrando sobre la
imagen, como si fuera un pincel. Desde la barra de opciones puede modificar su funcionamiento.

Estas herramientas de retoque se configuran desde la barra de opciones y se aplican arrastrando como un pincel

Borrar elementos
En el siguiente ejemplo se utilizó la herramienta de clonar para eliminar un grupo de huecos sobre el césped.

La herramienta para clonar se aplica presionando Ctrl + clic sobre un área de la imagen que esté limpia o libre del
defecto que se desea corregir. Este sector se toma como origen o fuente de la clonación. Luego se aplica pintando
como un pincel sobre la zona conflictiva.

7

Actividad N° 3 - Pixlr

Ctrl clic sobre un área limpia de la imagen. Luego Resultado con los huecos eliminados
suelte el cursor y pinte sobre los huecos

Haga clic en Archivo < Guardar.

Modificar el color de un objeto

A continuación va a cambiar el color de la flor roja para que se integre mejor en el jardín.

Antes de modificar el color es necesario seleccionar la zona de la flor para que el cambio afecte sólo a ese sector.

En la Caja de Herramientas seleccione la Varita.

Funciona haciendo clic con el cursor sobre la zona de color que desea
modificar, en este caso la flor roja.

Aparece una línea de puntos alrededor de la flor.

Si observa áreas rojas que quedan sin seleccionar, haga clic en ellas manteniendo
presionada la tecla Mayúsculas simultáneamente. Observe que aparece un signo de
suma junto al puntero indicando que esas áreas se van a incluir. Por el contrario, con la
tecla Ctrl, aparece un signo menos indicando la posibilidad de exclusión.

Otra opción también puede ser modificar la Tolerancia de la varita en la barra de herramientas, antes de hacer la
selección, para que se incluyan o excluyan colores.

Una vez que la flor está seleccionada ya se puede transformar.

Para modificar el color se aplicó el comando Tono y Saturación desde el menú Ajustes.

Al abrirse el cuadro de diálogo se introducen variaciones para Modifique los reguladores de Tono, Saturación y
los reguladores de Tono, Saturación y Luminosidad como se Luminosidad hasta lograr el color deseado
observa en la figura adjunta.

Haga lic en Ok para aplicar los cambios y cerrar el cuadro de
diálogo.

8

Actividad N° 3 - Pixlr

Para desactivar el marco de selección haga clic en el menú
Editar < Deseleccionar todo o presione su atajo de teclado
que es Ctrl D.

Hacer un fotomontaje
Muchas veces es necesario mezclar varias imágenes, dando como resultado un fotomontaje. Esto implica recortar y
pegar objetos de distintas fuentes, por lo que es necesario seleccionar cada una de esas partes, copiarlas y pegarlas.
A través de los siguientes pasos para armar un fotomontaje, continuará practicando el uso de las herramientas para
hacer selecciones.

Abra el la imagen origami haciendo clic en el menú menú Archivo < Abrir imagen <
Origami.jpg
Es necesario copiar el contenido de esta imagen para pegarlo sobre el paisaje que está
creando. Para eso haga clic en el menú Editar < Seleccionar todo.
Ahora que la imagen está seleccionada, la copiará.
Menú Editar < Copiar.
Cierre la imagen del origami haciendo clic en la cruz que aparece en la esquina superior
de la ventana. No guarde los cambios.

Clic en el menú Editar < Seleccionar Todo Luego clic en el menú Editar < Copiar.

Vuelva a la imagen inicial jpg. 9
Clic en el menú Editar < Pegar.

Actividad N° 3 - Pixlr

Pegue la imagen haciendo clic en el menú Editar < Pegar.

La figura de origami se inserta como una capa independiente, que puede moverse con la
herramienta mover. Colóquela como se muestra en la imagen final.
Paleta Capas
Observe la paleta Capas. Por lo general se encuentra en la zona de paletas a la derecha de la pantalla. Si no puede
verla, ábrala desde el menú Ver < Capas.
La paleta Capas permite ver el fotomontaje como una pila de papeles superpuestos en donde cada imagen
corresponde a una hoja de papel o capa.

En la foto se muestran las dos capas que contiene el proyecto, la que se ve en
color celeste es la capa activa, es la que en este momento recibe las
modificaciones que usted realiza sobre la ventana de la imagen. Las capas tienen
miniaturas que muestra su contenido, en este caso el muñeco de origami.
El tilde que aparece a la derecha de cada capa permite mostrarlas u ocultarlas
momentáneamente haciendo clic sobre ellos, según convenga durante el trabajo
de edición.
En la zona inferior aparecen una serie de botones que ayudan a editar las capas:
crear nuevas, borrarlas, etc.
Haga clic en Archivo < Guardar.

Texto
Además de las capas de imagen, existen también capas de texto. A continuación creará una capa de texto que
contendrá su nombre y apellido.

Haga clic en la herramienta de texto dentro de la caja de herramientas para seleccionarla.
A continuación haga clic sobre el sector de la imagen en donde desea añadir el texto, en este caso en
la zona en donde se encuentra la figura de origami.

10

Actividad N° 3 - Pixlr

Aparece un cuadro de diálogo con opciones para
editar el texto. Escriba su nombre y apellido con
tipografía Arial, tamaño 28. Seleccione color blanco
haciendo clic en el cuadro destinado al color.
Haga clic en Ok
Seleccione la herramienta mover y ubique el texto
como se muestra en la imagen final.

Observe en la paleta capas cómo el texto se
ha agregado como una capa nueva.
El texto debería quedar detrás de la figura de
origami. Si necesita modificarlo, haga clic
con el cursor en la paleta capas sobre la
capa de texto y arrástrela hacia arriba o
hacia abajo según convenga.
Haga clic en el botón “Toggle layer settings”
(o activar ajustes de la capa) en el sector
inferior izquierdo de la paleta Capas como se
muestra en la figura. Esto muestra nuevas
opciones que le permiten cambiar la
opacidad de la capa al 50% como se
muestra en la ilustración.
Ahora el texto debería mostrarse traslúcido.

Un archivo con capas, puede ser muy útil para continuar
editando a lo largo de varias sesiones de trabajo, pero
ocupa más memoria y recursos. Si su objetivo es
compartirlo con otros usuarios puede ser conveniente
fundir todas las capas para generar un archivo más
liviano.
Haga clic en el menú Capas <Acoplar imagen.
Observe la paleta Capas: ahora todas se fundieron en
una sola.
Guarde la imagen desde el menú Archivo <Guardar

Mejorar el enfoque
En el menú Filtro se encuentran variadas opciones para aplicar efectos especiales a una imagen. El concepto de filtro
está tomado del mundo de la fotografía como analogía de las lentes que se utilizan para modificar las condiciones
naturales de la luz durante la captura. Los hay también para aplicar texturas, distorsiones, estilos artísticos, etc.
En este ejercicio se aplicó el filtro Enfocar, para unificar la apariencia general de la imagen después de los diversos
retoques individuales y dar la ilusión de una imagen mejor enfocada, como se muestra en la ilustración.

11

Actividad N° 3 - Pixlr

Para acentuar el enfoque haga clic en el menú Filtro < Máscara de enfoque

Finalmente, como la imagen se utilizará en un entorno digital, su modo de color quedará en RGB (Red, Green, Blue o
Rojo Verde y Azul) o colores primarios luz que componen una imagen digital. Si su destino fuera la impresión,
debería convertirse a modo de color CMYK (Cyan, Magenta, Yellow, Black o Cian, Magenta, Amarillo y Negro) que
utiliza las tintas de impresión en cuatricromía.
Sin embargo en Pixlr la opción de convertir a modo CMYK no está disponible, ya que los documentos que produce
están destinados a Internet.
Guardar
Si desea guardar la imagen en otros formatos puede hacerlo desde el menú Archivo < Guardar.
Al abrirse al cuadro de diálogo, escriba un nombre para el archivo, asigne un lugar para guardarlo, y seleccione el
tipo de archivo desde el menú que aparece a la derecha.

12

Actividad N° 3 - Pixlr

En el ejercicio que usted está realizando, la imagen que acaba de editar será utilizada para ver en pantalla a través
de Internet, por lo tanto guárdela en formato jpg que es adecuado para este fin. En jpg asigne la opción de mayor
calidad.

El siguiente cuadro puede resultarle útil para considerar el formato de archivo más apropiado para cada uso.

Extensión Nombre Uso Características

Jpg Joint Photographics Experts Group Internet Útil con degradados sutiles de color.
Compresión con pérdida, archivo más
(Grupo de Expertos Fotográficos
Unidos) pequeño

Gif Graphics Interchange Format Internet Útil con color homogéneo. Compresión
Png (Formato de intercambio de gráficos) Internet sin pérdida, archivo pequeño. 8 bits.
Tif Admite transparencia y animaciones.
Portable Network Graphics
(Gráficos de red portable) Útil con color homogéneo. Compresión
sin pérdida, archivo pequeño. 8 y 24 bits.
Tagged Image File Format
(Formato de archivo de imagen Admite transparencia.

etiquetado) Intercambio gráfico Buena calidad, archivo grande
entre aplicaciones

Pdf Portable Document Format Documento Buena calidad. Admite elementos
(Formato de documento portable) multimedia vectoriales y pixelares; links y
multimedia.

Cuadro de referencia con algunos de los formatos de archivo de imagen más comunes

Felicidades, ha finalizado la actividad.
Para obtener una información más detallada consulte la información de ayuda del programa (en inglés).

13