Manual de Usuario " PIXLR"

1
Tabla de contenido
1
GENERALIDADES ....................................................................................................................... 8
1.1
Introduccin ......................................................................................................................... 9
1.2
Objetivo .................................................................................................................................. 9
1.3
A quin est dirigido ......................................................................................................... 9
1.4
Qu debe conocer el usuario ....................................................................................... 10
1.5
Convenciones y Estndares a utilizar ...................................................................... 10
1.5.1
Convenciones de Formato ................................................................................... 10
1.5.2
Convenciones de uso del teclado ...................................................................... 11
1.5.3
Convenciones de uso de mouse......................................................................... 11
1.6
Requerimientos del sistema ........................................................................................ 12
1.6.1
2
Requerimiento del software ............................................................................... 12
INTERFAZ DE PIXLR .............................................................................................................. 13

2.1
Introduccin ...................................................................................................................... 14
2.2
Qu es Pixlr? .................................................................................................................... 15
2.3
Ventajas ............................................................................................................................... 15
2.4
Servicios que ofrece........................................................................................................ 15
2.5
Cmo funciona Pixlr? ................................................................................................... 17
2.6
Opciones para crear y editar imgenes .................................................................. 18
2.7
Componentes de la pantalla en Pixlr Editor.......................................................... 19
2.8
Botones de la barra de herramientas ...................................................................... 21
2.9
Componentes de la ventana navegador .................................................................. 27
2.10 Componentes de la ventana capas ............................................................................ 28

2.11 Opciones de la Barra de men .................................................................................... 30
2.11.1 Men archivo ............................................................................................................ 30
2.11.2 Men Editar .............................................................................................................. 31
2.11.3 Men Imagen ............................................................................................................ 33
2.11.4 Men Capa ................................................................................................................. 34
2.11.5 Men Ajustes ............................................................................................................ 36
2.11.6 Men Filtro ................................................................................................................ 38
2.11.7 Men Ver .................................................................................................................... 41
2.11.8 Men Idioma ............................................................................................................. 42
2.11.9 Men Ayuda .............................................................................................................. 43
3
CORRECCIN DE LA EXPOSICIN .................................................................................... 44

3.1
Brillo y Contraste ............................................................................................................. 45
3.1.1
2
Abrir la imagen desde el ordenador ................................................................ 45
3.1.2
Correccin de la imagen ....................................................................................... 46
3.1.3
Guardar la imagen .................................................................................................. 48
3.2
Tono y Saturacin ........................................................................................................... 50
3.2.1
Abrir la imagen ........................................................................................................ 50
3.2.2
Correccin de la imagen ....................................................................................... 52
3.2.3
Guardar la imagen .................................................................................................. 53
CAMBIAR EL FONDO A UNA IMAGEN ............................................................................. 55

4.1
Abrir imagen desde URL ............................................................................................... 56
4.2
Recortar la imagen con la herramienta lazo. ........................................................ 58
4.3
Abrir imagen como capa ............................................................................................... 60
CREAR NUEVA IMAGEN A PARTIR DE UN BOCETO ................................................. 66

5.1
Abrir nueva imagen ........................................................................................................ 67
5.2
Colorear la imagen .......................................................................................................... 72
COMO ESCRIBIR UN TEXTO CON DIBUJOS. .................................................................. 75

6.1
Abrir la imagen desde el ordenador ........................................................................ 76
6.2
Escribir el texto ................................................................................................................ 77
6.3
Abrir la imagen ................................................................................................................. 79
6.4
Seleccionar el texto ......................................................................................................... 80
6.5
Borrar el exceso de imagen ......................................................................................... 80
6.6
Guardar la imagen ........................................................................................................... 82
REEMPLAZO DE COLOR........................................................................................................ 84
7.1
Abrir la imagen ................................................................................................................. 85
7.2
Seleccionar lo que desee cambiar de color........................................................... 86
7.3
Cambiar de color.............................................................................................................. 87
FILTROS. ..................................................................................................................................... 89
Glosario ..................................................................................................................................... 97
Tabla de Ilustraciones
Imagen 1- Pixlr Editor............................................................................................................................................................. 16
Imagen 2 - Ventana de opciones de Pixlr Editor ........................................................................................................... 18
Imagen 3- Barra de herramientas ..................................................................................................................................... 19
Imagen 4 Propiedades modificables de la barra de herramientas ....................................................................... 19
Imagen 5- Navegador, capas e historia ........................................................................................................................... 20
Imagen 6- Barra de men...................................................................................................................................................... 20
Imagen 7 -rea de trabajo .................................................................................................................................................... 21
Imagen 8 - Recortar ................................................................................................................................................................. 21
Imagen 9 Desplazamiento ................................................................................................................................................. 22
Imagen 10 - Marco ................................................................................................................................................................... 22
Imagen 11 - Lazo....................................................................................................................................................................... 22
Imagen 12 - Varita ................................................................................................................................................................... 22
Imagen 13- Lpiz ...................................................................................................................................................................... 22
Imagen 14 - Pincel .................................................................................................................................................................... 22
Imagen 15 Borrador.............................................................................................................................................................. 23
Imagen 16 -Frasco de pintura ............................................................................................................................................. 23
Imagen 17 Degradado .......................................................................................................................................................... 23
Imagen 18 - Tapn de clonar ............................................................................................................................................... 23
Imagen 19 -Reemplazo de color .......................................................................................................................................... 23
Imagen 20- Forma .................................................................................................................................................................... 23
Imagen 21 Desenfocar ......................................................................................................................................................... 24
Imagen 22- Enfocar ................................................................................................................................................................. 24
Imagen 23- Difuminar ............................................................................................................................................................ 24
Imagen 24 Esponja ............................................................................................................................................................... 24
Imagen 25 - Aclarar ................................................................................................................................................................ 24
Imagen 26 - Oscurecer ............................................................................................................................................................ 24
Imagen 27 - Reduccin de ojos rojos ................................................................................................................................. 25
Imagen 28 - Corrector puntual........................................................................................................................................... 25
Imagen 29 - Hinchar ................................................................................................................................................................ 25
Imagen 30 - Reducir................................................................................................................................................................. 25
Imagen 31 - Selector de color............................................................................................................................................... 25
Imagen 32 Texto .................................................................................................................................................................... 26
Imagen 33 - Mano ..................................................................................................................................................................... 26
Imagen 34 - Zoom ..................................................................................................................................................................... 26
Imagen 35- Color....................................................................................................................................................................... 26
Imagen 36 - Navegador ......................................................................................................................................................... 27
Imagen 37 - Vista miniatura ................................................................................................................................................ 27
Imagen 38 - Coordenada X .................................................................................................................................................... 27
Imagen 39 - Coordenada Y .................................................................................................................................................... 27
Imagen 40 - Coordenada W .................................................................................................................................................. 27
Imagen 41 -- Coordenada H .................................................................................................................................................. 28
Imagen 42 - - Zoom o acercamiento .................................................................................................................................. 28
Imagen 43 - Capas ................................................................................................................................................................... 28
Imagen 44 - Capa ...................................................................................................................................................................... 29
Imagen 45 - Capa de fondo ................................................................................................................................................... 29
Imagen 46 - Nueva capa ........................................................................................................................................................ 29
Imagen 47 - Eliminar capa.................................................................................................................................................... 29
Imagen 48 - Mscara de capa .............................................................................................................................................. 29
Imagen 49 - Estilos de capa .................................................................................................................................................. 29
Imagen 50 -Ajustes de capa .................................................................................................................................................. 30
Imagen 51 - Men archivo..................................................................................................................................................... 30
Imagen 52 - Editar ................................................................................................................................................................... 31
Imagen 53 - Imagen ................................................................................................................................................................. 33
Imagen 54 - Capa ...................................................................................................................................................................... 34

Imagen 55 Ajustes ................................................................................................................................................................. 36
Imagen 56 Filtro .................................................................................................................................................................... 38
Imagen 57 - Ver ......................................................................................................................................................................... 41
Imagen 58 - Idioma .................................................................................................................................................................. 42
Imagen 59 - Ayuda ................................................................................................................................................................... 43
Imagen 60- Ventana abrir imagen .................................................................................................................................... 45
Imagen 61- Ventana abrir imagen desde el ordenador. ............................................................................................ 45
Imagen 62 Ventana del rea de trabajo .......................................................................................................................... 46
Imagen 63- Men ajustes- Brillo y contraste ................................................................................................................. 46
Imagen 64 - Ventana ajuste Brillo y Contraste. ............................................................................................................ 47
Imagen 65- Imagen Mejorada ............................................................................................................................................. 47
Imagen 66 Ventana guardar imagen................................................................................................................................ 48
Imagen 67- Ventana Datos de la imagen ........................................................................................................................ 48
Imagen 68 - Ventana ubicacin de la imagen ............................................................................................................... 49
Imagen 69 - Men Abrir ......................................................................................................................................................... 50
Imagen 70 - Ventana abrir imagen ................................................................................................................................... 51
Imagen 71 - Imagen abierta ................................................................................................................................................. 51
Imagen 72 - Men tono y saturacin ................................................................................................................................ 52
Imagen 73 - Ventana Tono y Saturacin ......................................................................................................................... 52
Imagen 74 - Imagen retocada.............................................................................................................................................. 53
Imagen 75 - Men guardar imagen ................................................................................................................................... 53
Imagen 76 - Ventana datos de la imagen. ...................................................................................................................... 54
Imagen 77 - Ventana guardar imagen. ............................................................................................................................ 54
Imagen 78 - Men abrir imagen desde URL ................................................................................................................... 56
Imagen 79 - Men copiar URL ............................................................................................................................................. 56
Imagen 80 - Venta abrir URL ............................................................................................................................................... 57
Imagen 81- rea de trabajo. ................................................................................................................................................. 57
Imagen 82 - Herramienta Lazo ........................................................................................................................................... 58
Imagen 83- Seleccionar .......................................................................................................................................................... 58
Imagen 84 - Men editar ....................................................................................................................................................... 59
Imagen 85 - Cortar el fondo .................................................................................................................................................. 59
Imagen 86 - Abrir imagen como capa .............................................................................................................................. 60
Imagen 87 - Ventana Abrir. .................................................................................................................................................. 60
Imagen 88 - Transformacin libre. .................................................................................................................................... 61
Imagen 89 - Ajustar tamao de la imagen. .................................................................................................................... 61
Imagen 90 - Capas .................................................................................................................................................................... 62
Imagen 91 - Capas .................................................................................................................................................................... 62
Imagen 92 - Seleccionar ......................................................................................................................................................... 63
Imagen 93 Seleccionar imagen. .......................................................................................................................................... 63
Imagen 94 - Visualizar el fondo .......................................................................................................................................... 64
Imagen 95 Men del pincel. .................................................................................................................................................. 64
Imagen 96 - Corregir contorno............................................................................................................................................ 65
Imagen 97 - Imagen final....................................................................................................................................................... 65
Imagen 98 - Abrir nueva imagen. ....................................................................................................................................... 67
Imagen 99 - Ventana nueva imagen ................................................................................................................................. 67
Imagen 100 - Abrir imagen como capa ............................................................................................................................ 68
Imagen 101 - Seleccionar boceto ........................................................................................................................................ 68
Imagen 102 Boceto en el rea de trabajo ....................................................................................................................... 69
Imagen 103 - Capas.................................................................................................................................................................. 69
Imagen 104 - Herramienta lpiz ........................................................................................................................................ 70
Imagen 105 Dibujo del boceto. ............................................................................................................................................ 70
Imagen 106 - Boceto terminado ......................................................................................................................................... 71
Imagen 107 - Capas.................................................................................................................................................................. 71
Imagen 108 - Borrar capa de fondo .................................................................................................................................. 72
Imagen 109 - Colorear imagen ............................................................................................................................................ 72
Imagen 110 - Escoger color .................................................................................................................................................. 73
Imagen 111 - Ventana color ................................................................................................................................................. 73
Imagen 112 - Coloreando la imagen ................................................................................................................................. 74
Imagen 113 + Imagen coloreada ........................................................................................................................................ 74

Imagen 114 - Abrir imagen ................................................................................................................................................... 76
Imagen 115 - Ventana tamao de imagen ..................................................................................................................... 76
Imagen 116 - rea de trabajo .............................................................................................................................................. 77
Imagen 117 - Ventana del texto .......................................................................................................................................... 77
Imagen 118 - Centrar texto ................................................................................................................................................... 78
Imagen 119 - Combinar hacia abajo ................................................................................................................................. 78
Imagen 120 - Imagen como capa ....................................................................................................................................... 79
Imagen 121 - Ventana URL de la imagen ........................................................................................................................ 79
Imagen 122 - Seleccionar texto ........................................................................................................................................... 80
Imagen 123 - Seleccionar texto ........................................................................................................................................... 80
Imagen 124 - Borrar exceso de imagen ........................................................................................................................... 80
Imagen 125 - Tipografa terminada ................................................................................................................................. 81
Imagen 126 - Quitar seleccin ............................................................................................................................................. 81
Imagen 127- Acoplar hacia abajo ...................................................................................................................................... 82
Imagen 128 - Guardar imagen ............................................................................................................................................ 82
Imagen 129 - Colocar nombre a la imagen .................................................................................................................... 83
Imagen 131- Imagen final ..................................................................................................................................................... 83
Imagen 132 - Abrir imagen ................................................................................................................................................... 85
Imagen 133 - Pegar URL ........................................................................................................................................................ 85
Imagen 134 - Seleccin ........................................................................................................................................................... 86
Imagen 135 - Seleccin con la varita ................................................................................................................................ 86
Imagen 136 - Seleccin del cabello .................................................................................................................................... 87
Imagen 137 - Cambio de color ............................................................................................................................................. 87
Imagen 138 - Imagen final .................................................................................................................................................... 88
Imagen 139 Abrir imagen ..................................................................................................................................................... 90
Imagen 140 - Seleccin de la imagen ................................................................................................................................ 90
Imagen 141 - Imagen final .................................................................................................................................................... 91
Imagen 142 - Men filtro ....................................................................................................................................................... 91
Imagen 143 - Aplicacin del filtro ...................................................................................................................................... 92
Imagen 144 - Imagen con filtro ........................................................................................................................................... 92
Imagen 146 - Datos de la imagen ....................................................................................................................................... 93
Imagen 147 - Ubicacin de la imagen .............................................................................................................................. 94
Imagen 148 - Filtro remolino ............................................................................................................................................... 94
Imagen 149 - Filtro poster artstico .................................................................................................................................. 95
Imagen 150 - Filtro Glamour................................................................................................................................................ 95
Imagen 151- Men inscribirse ............................................................................................................................................. 97
Imagen 152 - Ingreso de datos ............................................................................................................................................ 97
Imagen 153 - Ventana de confirmacin. .......................................................................................................................... 97
ndice de tablas
Tabla 1- Convenciones de Formato ________________________________________________________________________ 11
Tabla 2- Convenciones de uso del teclado _________________________________________________________________ 11
Tabla 3- Convenciones de uso del mouse __________________________________________________________________ 11
Tabla 4- Requerimientos para computadoras ____________________________________________________________ 12
Tabla 5- Botones de barra de Herramientas ______________________________________________________________ 22
Tabla 9 -Componentes de la ventana navegador _________________________________________________________ 28
Tabla 10- Componentes de la ventana Capas _____________________________________________________________ 30
Tabla 11- Men Archivo ____________________________________________________________________________________ 31
Tabla 12- Men Editar _____________________________________________________________________________________ 33
Tabla 13- Men Imagen ____________________________________________________________________________________ 33
Tabla 14- Men Capa _______________________________________________________________________________________ 35
Tabla 15- Men Ajustes_____________________________________________________________________________________ 37
Tabla 16- Men Filtro ______________________________________________________________________________________ 40
Tabla 17- Men Ver _________________________________________________________________________________________ 41
Tabla 18-Men Ayuda ______________________________________________________________________________________ 43
1 GENERALIDADES
1.1 Introduccin
Es una herramienta de edicin de imgenes online y gratuita, que
puede utilizarse desde cualquier navegador que disponga de la
tecnologa Flash. Adems cuenta con aplicaciones para iOS y Android
lo que permite utilizarla desde prcticamente cualquier dispositivo.
Sorprende lo rpidamente que se carga y trabaja, soportando incluso
pegar imgenes desde el portapapeles. Adems, al contrario que otras
aplicaciones online similares, no es necesario subir nuestras imgenes a
Internet para poder editarlas y se cargan directamente desde nuestro
disco duro casi al instante. Tampoco es necesario realizar ningn tipo
registro, aunque si lo hacemos tendremos posibilidad de guardar
nuestras imgenes en la nube.
Es muy importante, revisar antes o durante la utilizacin de la pgina, ya
que es una gua para el usuario.
1.2 Objetivo
Brindar una descripcin clara y detallada sobre el funcionamiento y uso
de los distintos elementos que conforman la pgina de Pixlr, a travs de
una explicacin ilustrada y detallada de cada uno de las opciones que
ofrece para la edicin de fotografas.
1.3 A quin est dirigido

Este manual est dirigido a las personas que deseen corregir fallos
en las fotografas, darles efectos artsticos o aadirles etiquetas
divertidas y crear collages; ayudando a despejar sus dudas y
brindndoles el apoyo necesario para que puedan ejecutar un a
tarea especfica dentro del sitio web.
1.4 Qu debe conocer el usuario

Conocimientos mnimos que debe poseer el usuario que desee utilizar la
pgina web:
Encender y apagar una computadora.
Uso de un navegador web.
Conocer acerca del internet.
Manejo de Windows, Mac o cualquier dispositivo mvil.
1.5 Convenciones y Estndares a utilizar

1.5.1 Convenciones de Formato
FORMATO
Numeracin
Grfico 000
{ Botones}
DESCRIPCIN
Permite ordenar los pasos a seguir
en cada uno de los procesos a
realizar.
Identifica la figura relacionada con
el paso que se est mencionando.
Corresponde a un botn.
ermite ubicarse en el paso que se
est ejecutando.
Especifica que un procedimiento
se ha realizado de manera
correcta.
Indica que es informacin
importante.
Especfica el orden de los pasos
que se estn ejecutando o lo que
se est indicando.
10
Century gothic
Las palabras en century Gothic,

bold, tamao 12 fue utilizada para
el cuerpo del texto.
Las palabras en cambria ,
subrayadas, tamao 12 fue
utilizada para los procedimientos
Cambria
Tabla 1- Convenciones de Formato
1.5.2 Convenciones de uso del teclado
FORMATO
DESCRIPCIN
Enter
Presionar la tecla seleccionada

para que realice la accin
elegida.
Tabla 2- Convenciones de uso del teclado
1.5.3 Convenciones de uso de mouse
FORMATO
DESCRIPCIN
Ubicar
Colocar el mouse en la opcin que

se especifica.
de clic
Presionar el botn izquierdo del

mouse.
Tabla 3- Convenciones de uso del mouse
11
1.6 Requerimientos del sistema

Pixlr es sin duda una excelente herramienta de edicin fotogrfica, es
muy sencilla, rpida, no necesitamos registrarnos para poder usarla y
adems es gratuita; los requerimientos para su uso son mnimos, a
continuacin se detalla.
1.6.1 Requerimiento del software
REQUERIMIENTOS PARA COMPUTADORAS
Cualquier sistema operativo y navegador web que soporte flash player.
Tener acceso a internet.
Es preferible tener conexin banda ancha.
Se recomienda usar Google Chrome o Mozilla Firefox.
Windows XP, Windows Vista, Windows 7, Windows 8, MAC OS x, Linux.

Tabla 4- Requerimientos para computadoras
12
2 INTERFAZ DE PIXLR
13
2.1 Introduccin
En un mundo cada da ms grfico y en el que el estilo de aprendizaje
predominante en muchas personas de todas las edades es el visual, las
imgenes adquieren mxima importancia. De hecho, la denominada
por Gardner como inteligencia visual-espacial incluye la sensibilidad a
los colores, lneas, formas, espacios y sus relaciones en una composicin
grfica; adems de la habilidad para representar ideas de manera
grfica.
La cantidad de tecnologas relacionadas con imgenes ofrecen a las
personas nuevas oportunidades para participar en actividades de
adquisicin y seleccin de imgenes.
Una vez que se encuentran las imgenes en el computador, se deben
emplear herramientas de edicin para manipular las obtenidas o
seleccionadas y ajustarlas lo mejor posible a los productos que se van a
crear con ellas. Los tipos ms comunes de edicin digital son ojos rojos,
recortar, colorear, iluminar, difuminar, afinar, inclinar, brillo y contraste,
curvas, niveles.
Tradicionalmente, la edicin antes mencionada se ha realizado
utilizando software que debe instalarse en el computador. Pero como la
mayora de las veces la imgenes requieren modificaciones menores y
estos programas son demasiado complejos, potentes y en muchos
casos costosos y difciles de instalar, una buena opcin es adoptar
herramientas en lnea o editores de fotos online, que aunque son ms
sencillas permiten realizar la mayora de esos ajustes menores.
14
2.2 Qu es Pixlr?
Es una aplicacin basada en Flash es gratuita y se carga
rpidamente en nuestro navegador web. Desde aqu podremos
editar una imagen o bien crearla desde cero, utilizando todas las
herramientas y utilidades a nuestra disposicin. Y no son pocas, ya
que de hecho posee una variedad de opciones muy similar al
popular programa de Adobe, adems de algunos recursos muy
vistosos como efectos de HDR o caleidoscopio. La interfaz es
cmoda y atractiva, y las opciones se entienden de forma muy
sencilla (incluso quiz mejor que con Gimp o Photoshop). Una vez
hemos acabado con la imagen, podemos guardarla en nuestro PC
(incluyendo el formato PSD) o subirla directamente a la red en
Facebook, Flickr, Picasa...
Pixlr no solo es una opcin para editar imgenes rpidamente
cuando estas en otro PC o no tienes tiempo de instalar un editor. Es
mucho ms que un sustituto de programa portable, y para mucha
gente puede rivalizar con los editores grficos ms avanzados del
mercado.
2.3 Ventajas
Tiene gran variedad de herramientas.
Es fcil aprender a usar la pgina.
No necesitas descargar ningn programa de instalacin.
No necesitas registrarte ya que es de libre manipulacin.
2.4 Servicios que ofrece

Es un editor de imagen muy similar, en aspecto, a Photoshop y con
bastantes funcionalidades avanzadas de los programas de retoque
fotogrfico, pero con la caracterstica principal que el trabajo se realiza
dentro del navegador.
Es muy fcil de utilizar y se compone en realidad de tres aplicaciones
independientes y diferenciadas segn la utilizacin que vayamos a
darle:
15
Pixlr editor. Es la ms avanzada de las herramientas que componen Pixlr.

Con una interfaz que imita la de Photoshop pero simplificada, incluye la
posibilidad de utilizar herramientas de dibujo, capas, efectos de capa,
filtros, transparencias. Adems est disponible en mltiples idiomas
incluyendo el espaol.
Imagen 1- Pixlr Editor
16
2.5 Cmo funciona Pixlr?

Pixlr dispone de un API, bastante sencillo, con el que podremos utilizar
esta herramienta para trabajar con fotos publicadas en nuestro sitio
web. La idea es que Pixlr se puede integrar en nuestra web, de modo
que los usuarios puedan utilizarlo para retocar fotos, realizar diseos, etc.
desde nuestro propio sitio. Este API
es muy sencillo de usar e
implementar. No necesita descargar nada, ni solicitar permiso de uso, ni
nada similar. Simplemente tendremos que seguir unas instrucciones para
generar y procesar URLs con parmetros que servirn para comunicarse
entre nuestro sitio web y el servicio online de Pixlr.
Los parmetros indicarn datos como la URL de la imagen que se desea
editar, el ttulo, el idioma de la interfaz de Pixlr que preferimos, etc. As
que realmente slo necesitamos conocer cules son estos parmetros y
cmo enviarlos a Pixlr o procesarlos cuando el API nos los enve a
nuestro sitio.
Podemos dividir los parmetros en dos grupos, de entrada y de salida.
Los de entrada sirven para enviar los datos a Pixlr y los de salida sirven
para que Pixlr nos enve datos a nosotros.
Un uso que se puede hacer con relativa sencillez es disponer en nuestra
web de un formulario donde los usuarios pueden hacer el upload de
una imagen o fotografa. Luego esa imagen la llevamos a Pixlr para que
ese mismo usuario pueda editar lo que desee y finalmente, que pueda
guardar los cambios en la foto directamente en nuestro servidor.
17
2.6 Opciones para crear y editar imgenes
Imagen 2 - Ventana de opciones de Pixlr Editor
1. Crear una nueva imagen desde cero.

2. Abrir una imagen o fotografa desde su computador y editarla en Pixlr.
3. Abrir una imagen desde un URL y editarla.
4. Abrir una imagen desde una librera de Pixlr, Facebook u otra.
5. Descargar la aplicacin Pixlr gratis para iPhone o Tablet.
Para acceder a la opcin 4 debe registrarse como usuario de Pixlr.
18
2.7 Componentes de la pantalla en Pixlr Editor

A continuacin se detallan las partes que conforman la pantalla de
Pixlr Editor.
Imagen 3- Barra de herramientas
Imagen 4 Propiedades modificables de la barra de herramientas
19
Imagen 5- Navegador, capas e historia
Imagen 6- Barra de men
20
Imagen 7 -rea de trabajo
1. Barra de herramientas
2. Propiedades modificables de la barra de herramientas.
3. Navegador, capas e historia.
4. Barra de mens.
5. rea de trabajo.
2.8 Botones de la barra de herramientas

Botn
Imagen 8 - Recortar
21
Descripcin
Recortar: Esta herramienta se utiliza para
cortar, quitar o colocar una mscara sobre
las partes las partes que usted no desea de
una imagen o fotografa y que ha
seleccionado previamente.
Imagen 9 Desplazamiento
Imagen 10 - Marco
Imagen 11 - Lazo
Imagen 12 - Varita
Imagen 13- Lpiz
Imagen 14 - Pincel
Herramienta de desplazamiento: Una

vez que seleccione un rea, al
seleccionar la herramienta Mover para
moverlo. Tambin puede mover capas o
elementos sin seleccionarlos.
Marco: Esta herramienta le permite
hacer selecciones cuadradas o
rectangulares de un rea. Tambin
tiene la opcin de cambiar la
seleccin a forma circular si as lo
requiere; ms opciones en las
propiedades modificables.
Lazo: Permite hacer selecciones a
mano, seleccionando el rea
segn los movimientos y partes que
desee marcar. Puede elegir la
opcin a mano alzada o poligonal,
as como el grosor del borde.
Varita: Puede seleccionar colores
similares a la vez. Para seguir
aadiendo
reas,
mantenga
pulsada la tecla Shift mientras
realiza las selecciones.
Lpiz: Le permite hacer trazos a
mano. Usted puede seleccionar el
tipo de trazo, ya sea tinta, tiza, etc.
As como el tamao y la
opacidad.
Pincel: Le permite hacer trazos o
pintar, semejando la brocha de un
pincel. Puede elegir el tipo de
brocha, tamao y la opacidad
(Intensidad). Estas opciones las
encuentra en las propiedades
modificables.
Tabla 5- Botones de barra de Herramientas
22
Botn
Imagen 15 Borrador
Imagen 16 -Frasco de pintura
Imagen 17 Degradado
Imagen 18 - Tapn de clonar
Imagen 19 -Reemplazo de color
Imagen 20- Forma
23
Descripcin
Borrador: Le permite borrar las reas
que desee eliminar. Puede elegir la
forma y opacidad del borrador.
Frasco de pintura: Permite pintar un
rea especfica haciendo un clic
sobre el rea deseada. Puede elegir
el color y la opacidad requerida.
Degradado: Esta herramienta le
permite aplicar un efecto de
gradiente a un rea especfica. En
las propiedades modificables de las
herramientas.
Puede
elegir
la
opacidad, tipo de degradado (lineal
o Radial), mtodo de propagacin y
modo.
Tapn de Clonar: Si usted est
tratando de cubrir un rea en la
imagen, mantenga presionada la
tecla CTRL y haga clic en el rea
deseada. Se seleccionar un rea a
ser clonada.
Reemplazo de color: Esta
herramienta le permite reemplazar el
color de un objeto, rea o imagen
existente.
Forma: Esta herramienta le permite
dibujar
figuras
(rectngulo,
rectngulo redondeado, elipse o
lnea).
En
las
propiedades
modificables de las herramientas,
puede cambiar la opacidad, el
grosor del borde y elegir si desea
rellenar o no la figura.
Imagen 21 Desenfocar
Desenfocar:
Esta
herramienta
permite
retocar
las
imgenes
transformando la seleccin con la
opcin deseada -borrosa.
Botn
Imagen 22- Enfocar
Imagen 23- Difuminar
Imagen 24 Esponja
Imagen 25 - Aclarar
Imagen 26 - Oscurecer
24
Descripcin
Enfocar: Esta herramienta permite
retocar las imgenes transformando
la seleccin con la opcin deseada enfocando un rea.
Difuminar:
Esta
herramienta
le
permite difuminar colores y formas
de un rea deseada. Logre el efecto
deseado haciendo clic y moviendo
el Mouse segn lo requiera.
Esponja: Esta herramienta permite
la seleccin con la opcin deseada
Aclarar: Esta herramienta permite
la seleccin con la opcin deseada aclarar. Logre el efecto deseado
seleccionando la gama requerida Sombras, medios tonos o Luces
Oscurecer: Permite retocar las
imgenes
transformando
la
seleccin con la opcin deseada oscurecer. Logre el efecto deseado
seleccionando la gama requerida
como sombras, medios tonos o
Luces.
Imagen 27 - Reduccin de ojos rojos
Imagen 28 - Corrector puntual
Reduccin de ojos rojos: Esta

herramienta
le
permite
reducir/eliminar el brillo rojo de los
ojos en las fotografas. Esto se logra
haciendo clic en el centro de cada
ojo.
Corrector puntual: Una herramienta
muy til en el retoque de fotos, nos
sirve para borrar manchas, araazos
o ruido no deseado en las imgenes.
Botn
Descripcin
Imagen 29 - Hinchar
Hinchar: Esta herramienta logra un

efecto de volumen. Infla l rea
donde se haga clic.
Reducir: Esta herramienta logra un

efecto de reduccin. Contrae l
rea donde se haga clic.
Imagen 30 - Reducir
Imagen 31 - Selector de color
25
Selector de color: Permite copiar

colores mientras se pinta y/ retoca la
imagen o fotografa.
Imagen 32 Texto
Imagen 33 - Mano
Imagen 34 - Zoom
Imagen 35- Color
Texto: Permite Escribir y disear con

tipografa. Haga clic en el rea de la
canva donde desea agregar texto.
Mano: Con la barra espaciadora

podemos activar esta funcin que
consiste
solamente
en
poder
navegar por todo el documento sin
hacer uso del scroll del mouse, solo
con clic sostenido podemos ir
recorriendo el documento.
Zoom: Permite acerca la imagen o
fotografa completa o de un rea
especfica. Solo con hacer clic sobre
la imagen, lograra ver ms de cerca
cada espacio.
Color: Haciendo clic sobre este
cuadrito, aparece la paleta de
colores para elegir el color deseado.
Haga clic sobre el color y
seguidamente haga clic en el botn
{OK}.
Si desea guardar el color de clic en
los cuadritos negros y all se
mantendr su color para ser utilizado
despus.
26
2.9 Componentes de la ventana navegador

En este panel aparece una vista global en miniatura del rea de trabajo
y especificaciones de la imagen.
Imagen 36 - Navegador
Elemento
Descripcin
Vista miniatura: Muestra una vista
pequea del trabajo que se ha realizado
en la nueva imagen o fotografa.
Imagen 37 - Vista miniatura
Imagen 38 - Coordenada X
Imagen 39 - Coordenada Y
Imagen 40 - Coordenada W
27
Coordenada X: Indica la posicin

horizontal en la que se ubica la imagen o
determinada rea de sta.
Coordenada Y: Indica la posicin vertical
en la que se ubica la imagen o
determinada rea de la sta.
Coordenada W: Indica el ancho de la
imagen o determinada rea de la imagen;
la medida est dada en pixeles.
Imagen 41 -- Coordenada H
Imagen 42 - - Zoom o acercamiento
Coordenada H: Indica el alto de la imagen

o determinada rea de la imagen; la
medida est dada en pixeles.
Zoom: Arrastre con en el mouse hacia la

derecha para aumentar el zoom y hacia la
izquierda para disminuirlo. A la derecha
se muestra el porcentaje de zoom o
acercamiento.
Tabla 9 -Componentes de la ventana navegador
2.10 Componentes de la ventana capas

En este panel aparecen las diferentes opciones para manipular las
capas. Las capas son componentes independientes de la imagen,
sobre las que se puede dibujar o crear efectos de manera que afecten
slo a dicha capa. Al superponer diversas capas se obtiene el diseo
completo de la imagen.
Imagen 43 - Capas
28
Elemento
Imagen 44 - Capa
Descripcin
Capa: En cada capa se muestra un
recuadro miniatura de los elementos que
posee. El orden de las capas determinar
el posicionamiento de los elementos en el
rea de trabajo. Haga doble clic sobre la
capa para etiquetarla con un nombre.
Capa de fondo: Haciendo doble clic sobre

el candado puede desbloquear la capa de
fondo y realizar cambios.
Imagen 45 - Capa de fondo
Nueva capa: Sirve para agregar una

nueva hoja en blanco.
Imagen 46 - Nueva capa
Eliminar capa: Permite

capa existente.
eliminar una
Imagen 47 - Eliminar capa
Imagen 48 - Mscara de capa
Imagen 49 - Estilos de capa
29
Mscara de capa: Filtran la visibilidad de

los pxeles de la capa a la que estn
asociada, es decir, si colocamos sobre la
imagen una mscara en blanco y
pintamos en el lugar que queremos
resaltar, se har visible en esa misma rea
el contenido de la capa que est a bajo.
Estilos de capa: Permite agregar estilos
tales como:
Sombra paralela, sombra interior, bisel,
resplandor exterior, resplandor interior.
Ajustes de capa: Sirve para establecer

opacidad y modo de la capa, segn el
efecto deseado.
Imagen 50 -Ajustes de capa
Tabla 10- Componentes de la ventana Capas
2.11 Opciones de la Barra de men

Esta barra aparece en la mayora de programas, desde aqu se puede
acceder a diferentes opciones de men.
2.11.1 Men archivo

A continuacin se detallan cada una de las opciones ms importantes
que existen en la pestaa archivo.
Imagen 51 - Men archivo
Descripcin
Nueva imagen: Permite crear una imagen desde cero. Presionando
Ctrl + N se realiza esta accin automticamente
Abrir imagen: Permite colocar
30
un archivo, siempre y cuando sea
compatible con el tipo de imagen que acepta

Pixlr. Presionando Ctrl + O se realiza esta accin automticamente.
Abrir URL de imagen: Permite colocar un archivo desde un sitio web.
Abrir imagen de biblioteca: Permite colocar un archivo desde un
correo electrnico.
Guardar: Permite archivar nuestra imagen en la computadora, en el
banco de imgenes de Pixlr o en alguna librera de fotos como Flickr.
Presionando Ctrl + S se realiza esta accin automticamente.
Imprimir: Prepara el documento para ser impreso.
Cerrar: Finaliza la imagen y si no se le ha asignado un nombre, antes de
proceder a cerrarla le preguntar si desea guardarla. Presionando Ctrl
+ W se realiza esta accin automticamente.
Tabla 11- Men Archivo
2.11.2 Men Editar

que existen en la pestaa editar.
Imagen 52 - Editar
31
Descripcin
Deshacer: Elimina la ltima accin realizada. Presionando CTRL+Z se
realiza esta funcin automticamente.
Rehacer: Restaura la ltima accin realizada. Presionando CTRL+Y se
realiza esta funcin automticamente.
Cortar: Corta y pega en el portapapeles el contenido de una seleccin.
Presionando CTRL+X se realiza esta funcin automticamente.
Copiar: Copia el rea seleccionada. Presionando CTRL+C se realiza
esta funcin automticamente.
Borrar: Elimina el contenido de la seleccin. Presionando DEL se realiza
esta funcin automticamente.
Pegar: Permite adherir el contenido del portapapeles en una nueva
capa o en otra imagen. Si tiene activada una seleccin, al ejecutar
este comando el contenido del portapapeles se copiar en la
seleccin.
Presionando
CTRL+V
se
realiza
esta
funcin
automticamente.
Transformacin Libre: Permite transformar el tamao, forma, ancho, alto
del rea seleccionada. Presionando CTRL+ T se realiza esta funcin
automticamente.
Distorsin libre: Permite transformar el rea seleccionada, al dar clic
sobre esta opcin aparecen puntos en las esquinas de la imagen para
manipularla.
Seleccionar todo: Selecciona todos los elementos de una capa.
Presionando CTRL+ A se realiza esta funcin automticamente.
Deseleccionar todo: Permite quitar la eleccin de todos los elementos
de una capa. Presionando CTRL+ D se realiza esta funcin
automticamente.
32
Invertir seleccin: Permite, a partir de una seleccin actual, seleccionar

todos aquellos objetos de la capa que no estaban seleccionados.
Tabla 12- Men Editar
2.11.3 Men Imagen

que existen en la pestaa imagen.
Imagen 53 - Imagen
Descripcin
Tamao de imagen: Muestra el tamao actual de la imagen y permite
modificar las dimensiones segn lo requiera.
Tamao de lienzo: Permite modificar el tamao del lienzo o canva,
segn as lo requiera.
Rotar lienzo: Permite
necesidades.
girar o voltear una imagen segn sus
Recortar: Permite seccionar partes del rea de trabajo a su gusto.

Tabla 13- Men Imagen
33
2.11.4 Men Capa

que existen en la pestaa capa.
Las capas permiten trabajar con un elemento de una imagen sin
modificar los otros. Las capas podran considerarse como hojas
transparentes, apiladas una encima de otra.
Imagen 54 - Capa
34
Descripcin
Nueva capa: Crea una nueva capa, la cual ser visible en el panel de
capas a la derecha del rea de trabajo.
Duplicar capa: Crea una que posee las mismas propiedades que la
capa original que ha sido seleccionada.
Eliminar capa: Borra una capa seleccionada.
Abrir imagen como capa: Abre una imagen almacenada en su
computadora y es insertada como una nueva capa.
Abrir URL de imagen como capa: Permite abrir una imagen como capa
desde una URL.
Acoplar imgenes: Unifica las capas y la convierte en una sola imagen
Subir y bajar capa: Modifica la posicin de las capas. Usted puede visualizar
la posicin en el Panel Capas a la derecha del rea de trabajo.
Agregar mscara de capa: Esta funcin genera una nueva imagen del rea
donde se coloque la mscara.
Rotar Capa 180, 90 AD y 90 ACD : Esta funcin permite rotar la capa
completa si as lo requiere
Tabla 14- Men Capa
35
2.11.5 Men Ajustes

que existen en la pestaa ajustes.
Imagen 55 Ajustes
Descripcin
Brillo y Contraste: Permite realizar ajustes sencillos en la gama tonal de una
imagen.
Tono y saturacin: Controla los tonos de la imagen y la cantidad de color
presente.
Color Balance: Controla los tonos rojos, Verdes y azules de la imagen.
36
Niveles automticos: Aplica y ajusta automticamente el brillo, contraste,

tonos, saturacin, etc. de la imagen. Los valores se ajustan automticamente.
Invertir: Cambia el orden, la direccin, los colores o la posicin de algo por
sus opuestos de la imagen o fotografa.
Sepia: Aplica tonos sepias a la imagen o fotografa
Foto Antigua: Aplica tonos creando un efecto de una fotografa antigua.
Bsqueda de color: Realiza una bsqueda de los colores de la imagen y aplica
diferentes combinaciones segn la opcin seleccionada.
Tabla 15- Men Ajustes
37
2.11.6 Men Filtro

En este men se encontrar los filtros que incorpora Pixlr. La foto pasa
por el filtro seleccionado consiguiendo un acabado nico.
Imagen 56 Filtro
38
Descripcin
Desenfocar: Hacer perder la nitidez en una imagen.
Desenfoque de rectngulo: Desenfoca una imagen en funcin del valor de
color medio de los pxeles circundantes.
Desenfoque Gaussiano: Desenfoca rpidamente una seleccin en una cantidad
ajustable. El trmino gaussiano hace referencia a la curva en forma de campana
que se genera cuando Photoshop aplica una media ponderada a los pxeles. El
filtro Desenfoque gaussiano aade detalles de baja frecuencia y puede producir
un efecto nebuloso.
Enfocar: Permite corregir la nitidez de una imagen, ya que acenta los bordes.
Mscara de enfoque: Permite conseguir mejores impresiones y ver ms

ntidas las fotografas en la pantalla.
Ruido: Aplica pxeles a la imagen de forma aleatoria. Este filtro se puede
utilizar tambin para reducir las bandas en selecciones caladas o rellenos
graduados, para dar una apariencia ms realista a reas muy retocadas o
para crear una capa con textura.
Difusin: Aplica un efecto de imagen indefinida.
Lneas de TV: Hace que nuestras imgenes parezcan que hayan sido
capturadas de la televisin.
Semitonos: Descompone una imagen en puntos redondos.
Pixelizar: Permite representar una imagen usando grandes bloques de color,
es muy utilizados en televisin y prensa grfica para distorsionar el rostro
de las personas.
Puntillista: Simula el efecto de una pintura realizada con puntos.
Remolino: Distorsiona su imagen de una forma concntrica.
Coordinadas polares: Convierte las coordenadas rectangulares de una
seleccin en coordenadas polares, y viceversa, segn la opcin seleccionada.
La imagen distorsionada aparece normal al verse en un espejo cilndrico.
Caleidoscopio: Duplica su imagen en muchas copias, ms o menos
estampadas y recortadas, y las pone alrededor del centro de la imagen.
Tilt shift: Genera una ilusin ptica capaz de hacernos creer que estamos
viendo el mundo en miniatura de una maqueta.
39
Vieta: ayuda a enmarcar y desviar la atencin a la zona central de la imagen.

Pasteles: Simula un efecto de pintura con pasteles sobre un lienzo u otro tipo
de superficie.
Relieve: Crea la ilusin de bordes elevados al rellenar un objeto gris y
despus utilizar el color original de relleno para crear bordes alrededor del
objeto.
Grabado: Convierte la imagen en blanco y negro; algunas lneas horizontales
de alturas diferentes se dibujan dependiendo de los pxeles subyacentes. El
efecto resultante recuerda los grabados de las monedas y de las ilustraciones
de los libros antiguos.
Encontrar bordes: Busca los bordes entre colores diferentes y as puede
detectar los contornos de los objetos.
Tabla 16- Men Filtro
40
2.11.7 Men Ver

que existen en la pestaa ver.
Imagen 57 - Ver
Descripcin
Aumentar: Aumenta el zoom o acercamiento de la imagen.
Reducir: Disminuye el zoom o acercamiento de la imagen.
Navegador, Capas e Historia: Al hacer clic sobre estas opciones, aparece cada
uno de los paneles a la derecha del rea de trabajo.
Tabla 17- Men Ver
41
2.11.8 Men Idioma

Permite escoger el idioma a trabajar.
Imagen 58 - Idioma
42
2.11.9 Men Ayuda

En esta pestaa podr obtener diferentes modos de ayuda.
Imagen 59 - Ayuda
Descripcin
Ayuda: Al hacer clic sobre la opcin Ayuda, se abrir una nueva ventana la
cual contiene video tutoriales paso a paso.
Preguntas frecuentes: Al hacer clic sobre esta opcin, se abrir una nueva
ventana sobre las preguntas ms frecuentes del editor de imgenes Pixlr.
Tabla 18-Men Ayuda
43
3 CORRECCIN DE LA
EXPOSICIN
44
3.1 Brillo y Contraste

La herramienta ms sencilla de usar es la herramienta Brillo/Contraste.
Tambin es la menos potente, pero en muchos casos hace lo que
necesita. Esta herramienta con frecuencia es til para imgenes que
estn sobreexpuestas o subexpuestas.
3.1.1 Abrir la imagen desde el ordenador

1. Ir al men inicio y escoger la opcin abrir imagen.
Imagen 60- Ventana abrir imagen
2. Escoger la imagen con la que desee trabajar.

3. Dar clic en el botn abrir.
3
Imagen 61- Ventana abrir imagen desde el ordenador.
45
4. De esta manera se visualiza la imagen.
Imagen 62 Ventana del rea de trabajo
3.1.2 Correccin de la imagen

1. Ir al men de ajustes.
2. Escoger la opcin brillo y contraste y dar clic.
1
2
Imagen 63- Men ajustes- Brillo y contraste
46
3. En la ventana que aparece mover los valores dependiendo del

efecto que quiera dar a la imagen y dar clic en ok.
3
Imagen 64 - Ventana ajuste Brillo y Contraste.
4. De esta manera se ver la imagen despus de utilizar brillo y

contraste.
Imagen 65- Imagen Mejorada
47
3.1.3 Guardar la imagen
1. Luego escoger ir al men archivo y escoger la opcin guardar.
Imagen 66 Ventana guardar imagen.
2. Aparecer la siguiente ventana donde puede colocar el nombre a la imagen y

escoger donde va a guardar la imagen, una vez hecho esto dar clic en OK.
Imagen 67- Ventana Datos de la imagen
48
3. Elegir la ubicacin donde va a guardar la imagen y dar clic en guardar.
3
Imagen 68 - Ventana ubicacin de la imagen
Listo! Nuestra imagen ya est corregida.
49
3.2 Tono y Saturacin

La herramienta tono y saturacin permite corregir si su imagen est
descolorida, lo que puede fcilmente suceder cuando hace fotos con
una luz brillante, pruebe la herramienta Tono/Saturacin, que le
proporciona tres deslizadores para manipular el tono, la iluminacin y la
saturacin. Aumentando la saturacin probablemente la imagen
parecer mejor, en algunos casos es til ajustar la iluminacin al mismo
tiempo.
3.2.1 Abrir la imagen

1. Ir al men inicio y escoger la opcin {abrir imagen}.
1
Imagen 69 - Men Abrir
50

3. Dar clic en el botn {abrir}.
3
Imagen 70 - Ventana abrir imagen
Imagen 71 - Imagen abierta
51
3.2.2 Correccin de la imagen

1. Ir al men de ajustes.
2. Escoger la {tono y saturacin } y dar clic.
1
2
Imagen 72 - Men tono y saturacin
3. Aparecer la siguiente ventana

4. Modificar los valores dependiendo la imagen, una vez terminada la correccin
damos clic en OK.
Imagen 73 - Ventana Tono y Saturacin
52
5. De esta manera nos queda la imagen

5
Imagen 74 - Imagen retocada
3.2.3 Guardar la imagen

1. Luego vamos al men archivo y escogemos la opcin guardar y damos clic.
Imagen 75 - Men guardar imagen
53
2. Aparecer el siguiente cuadro donde puede colocar el nombre y elegir donde

desea guardar la imagen.
Imagen 76 - Ventana datos de la imagen.
3
Imagen 77 - Ventana guardar imagen.
Listo! Nuestra imagen ya est corregida.
54
4 CAMBIAR EL FONDO A UNA

IMAGEN
55
4.1 Abrir imagen desde URL

Permite importar imgenes a nuestra rea de trabajo desde una direccin en la
web, no es necesario descargarlas en nuestro ordenador.
1. Ir al men archivo y dar clic en Abrir URL de imagen.
Imagen 78 - Men abrir imagen desde URL
2.
Buscar en internet la imagen que desee, dar clic derecho con el mouse y presionar
Copiar URL de imagen
56
Imagen 79 - Men copiar URL
3. En la pgina de Pixlr aparece la siguiente ventana.

3.1 Ubicar el cursor debajo de URL y presionar CTRL + V en el teclado,
automticamente se pegar la direccin de la imagen.
3.2 Dar clic en el botn OK
3
3.1
3.2
Imagen 80 - Venta abrir URL
4. Aparece nuestra imagen en el rea de trabajo.
Imagen 81- rea de trabajo.
57
4.2 Recortar la imagen con la herramienta lazo.

1. En la barra de herramientas, dar clic enLazo (L).
1.1 En las opciones modificables de las herramientas, dar clic en Lazo
poligonal.
1.1
Imagen 82 - Herramienta Lazo
2. Con el lazo poligonal recortar el borde de la imagen, es importante cerrar el lazo,

es decir, unir el punto de inicio con el final.
Imagen 83- Seleccionar
58
3. Ir al men editar, dar clic en Invertir seleccin.
Imagen 84 - Men editar
4. Presionar las teclas Ctrl + X, esto permite cortar el fondo de la imagen.
Imagen 85 - Cortar el fondo
Si existen reas de menor tamao que no han sido recortadas, es

necesario realizar el procedimiento para esa pequea parte desde el
paso 1.
59
4.3 Abrir imagen como capa

1. Ir al men capa y dar clic en Abrir imagen como capa.
Imagen 86 - Abrir imagen como capa
2. Seleccionar la imagen que desee desde su computadora.

2.1 Dar clic en el botn Abrir.
2.1
Imagen 87 - Ventana Abrir.
60
3. Ir al men editar y dar clic en Transformacin libre.
Imagen 88 - Transformacin libre.
4. La imagen ahora es modificable, se debe ajustar al tamao de la otra imagen;

cuando sea del tamao correcto se debe presionar Enter.
Imagen 89 - Ajustar tamao de la imagen.
61
5. Desbloquear la capa de fondo, haciendo doble clic sobre el candado que se

encuentra en la ventana capas.
Imagen 90 - Capas
6. Enviar la capa 1 debajo de la capa fondo, dando clic sin soltar sobre la misma
y arrastrarla hacia bajo.
Imagen 91 - Capas
62
7. Ubicarse en la Capa 0.
7.1 Dar clic en la Varita.
7
7.1
Imagen 92 - Seleccionar
8. Dar clic con la varita sobre la parte que se desea borrar, en este caso, el rea
blanca y mantener presionada la tecla SHIFT, e ir dando clic sobre todas las partes
a eliminar.
8
Imagen 93 Seleccionar imagen.
63
9. Presionar Ctrl + X, y se eliminan todas las reas antes seleccionadas, esto

permite visualizar el nuevo fondo.
Imagen 94 - Visualizar el fondo
10. Presionar en la barra de herramientas Borrador, y en la parte superior en las

propiedades modificables, dar clic en .
10.1 Elegir el tipo de pincel que desee.
10.2 Decidir el dimetro, espaciado y la dureza, para el definir el contorno es
preferible un dimetro pequeo entre 50 y 70.
10
10.1
10.2
Imagen 95 Men del pincel.
Para salir de las opciones y ajustes del pincel, solamente se debe dar
un clic fuera de la ventana y automticamente desaparece.
64
11. Pasar el borrador por el contorno de la imagen que sea irregular o que tenga
partes blancas.
Imagen 96 - Corregir contorno
12. Cuando se termine el proceso anterior, los bordes de nuestra imagen quedarn
ms suaves.
Imagen 97 - Imagen final
Listo! Nuestra imagen ahora tiene un nuevo fondo.
65
5 CREAR NUEVA IMAGEN A

PARTIR DE UN BOCETO
66
5.1 Abrir nueva imagen

1. Ir al men archivo, dar clic en Nueva imagen.
1
Imagen 98 - Abrir nueva imagen.
2. Aparece la siguiente ventana.

2.1 Dar clic debajo de nombre y colocar el que usted desee para su imagen.
2.2 Dar clic en la parte derecha de preestablecidos y elegir las dimensiones
que desee para su imagen, en este caso trabajaremos con 800x600.
2.3 Seleccionar la casilla Transparente.
2.4 Dar clic en OK.
2
2.1
2.2
2.3
2.4
Imagen 99 - Ventana nueva imagen
67
3. Ir al men Capa, dar clic en Abrir imagen como capa.
Imagen 100 - Abrir imagen como capa
4. Seleccionar su boceto, previamente elaborado.

4.1 Dar clic en OK.
4.1
Imagen 101 - Seleccionar boceto
68
5. Aparece nuestro boceto en el rea de trabajo.
Imagen 102 Boceto en el rea de trabajo
6. Dar clic en el cono de Nueva capa, encima del boceto.
Imagen 103 - Capas
69
7. Dar clic en la herramienta Lpiz.
Imagen 104 - Herramienta lpiz
8. Empezar a dibujar, tomando como gua el boceto.
Imagen 105 Dibujo del boceto.
70
9. Terminar de calcar el dibujo.
Imagen 106 - Boceto terminado
10. Seleccionar la capa que contiene el boceto y arrastrarla hasta el botn de:
10.1 Eliminar capa.
10
10.1
Imagen 107 - Capas
71
11. De sta manera quedar la imagen al eliminar la capa de fondo.
Imagen 108 - Borrar capa de fondo
5.2 Colorear la imagen

1. Dar clic en la herramienta Bote de pintura.
Imagen 109 - Colorear imagen
72
2. Dar clic en Set main color.
Imagen 110 - Escoger color
3. En la ventana de selector de color.

3.1 Elegir el color en la rueda cromtica.
3.2 Mover la cantidad de blanco o negro que desee en el color.
3.3 Dar clic en OK.
3
3.1
3.2
3.3
Imagen 111 - Ventana color
73
4. Dar clic en el rea que se desea colorear.
Imagen 112 - Coloreando la imagen
Realizar el procedimiento desde el paso 2 para dar color a cada parte

de la imagen, incluyendo el fondo.
5. Luego de haber realizado el paso anterior, se puede ver cmo queda la imagen.
Imagen 113 + Imagen coloreada
Listo! La imagen digitalizada ha sido creada.

74
6 COMO ESCRIBIR UN TEXTO

CON DIBUJOS.
75
6.1 Abrir la imagen desde el ordenador

1. Ir al men archivo y escoger la opcin {nueva imagen } y dar clic.
1
Imagen 114 - Abrir imagen
2. Aparecer la siguiente imagen donde debe escoger el tamao de imagen

que desee y dar clic en OK
Imagen 115 - Ventana tamao de imagen
76
3. Esta es el rea de trabajo.
Imagen 116 - rea de trabajo
6.2 Escribir el texto

1. Haga clic en la herramienta texto en el men de herramientas o presione
la tecla V.
2. Aparecer la siguiente ventana donde usted debe escribir el texto que
desee, donde puede escoger el tamao y el tipo de letra y una vez hecho
esto dar clic en OK.
1
2
Imagen 117 - Ventana del texto
77
Utilice la herramienta mover o presione la tecla V para colocar el texto

en el centro del rea de trabajo.
3.
Imagen 118 - Centrar texto
4.
Ir al men de las capas en el lado derecho de la pantalla entre el men del

historial y Navegador. Haga clic en la capa que contiene el texto y seleccione
Combinar hacia abajo.
Imagen 119 - Combinar hacia abajo
78
6.3 Abrir la imagen

1. A continuacin ir al men capas y dar clic en la opcin abrir URL de
imagen como capa.
Imagen 120 - Imagen como capa
2.
Aparecer la siguiente venta donde debe pegar la direccin URL y dar clic
en OK, automticamente se creara una nueva capa.
Imagen 121 - Ventana URL de la imagen
79
6.4 Seleccionar el texto

1. Como siguiente paso se tiene que seleccionar la parte del texto para esto
quitamos el visto en la capa de la imagen.
2. Con la varita seleccionamos todo el texto
1
2
122 - Seleccionar texto

Imagen 123
Borrar el exceso de imagen

1. Una vez seleccionado todo el texto marcamos la capa de la imagen.
2. Verificar que estemos ubicados en la capa de la imagen, escogemos la
herramienta {borrador }, y procedemos a borrar la imagen.
1
2
Imagen 124 - Borrar exceso de imagen
80
3. Una vez borrada la imagen nos va a quedar de la siguiente manera.
Imagen 125 - Tipografa terminada
4. A continuacin quite la seleccin dirigindose al men editar y escoger la

opcin {deseleccionar todo } o con el teclado Ctrl+D
Imagen 126 - Quitar seleccin
81
5. Ir a la primera capa y escoger la opcin {acoplar hacia abajo}.
Imagen 127- Acoplar hacia abajo
6.5 Guardar la imagen

1. Para guardar la imagen ir al men archivo y escoger la opcin { guardar}.
Imagen 128 - Guardar imagen
82
2. Aparecer la siguiente ventana, colocar el nombre de la imagen y escoger el

tipo de imagen que desee en este caso se escogi JPGE, escogemos donde
vamos a guardar la imagen en este caso se escogi ordenador y damos clic
en {OK}.
Imagen 129 - Colocar nombre a la imagen
3. Escogemos la ubicacin donde se va a guardar la imagen y damos clic

en {guardar}.
3
4. De esta manera nos queda la imagen terminada.

4
Imagen 131- Imagen final
Listo! Nuestro texto est terminado.

83
7 REEMPLAZO DE COLOR
84
7.1 Abrir la imagen

1. Abrir la imagen desde archivo, en la opcin { abrir imagen desde URL }.
Imagen 132 - Abrir imagen
2. Aparecer la siguiente ventana pegar la direccin URL y dar clic

en {aceptar}.
Imagen 133 - Pegar URL
85
3. De esta manera aparecer la imagen.

4. Ir al men de herramientas y escoger el {color } para reemplazar, en este
caso se va a reemplazar el color del cabello y la cinta.
Imagen 134 - Seleccin
7.2 Seleccionar lo que desee cambiar de color

1. Para cambiar el color del cabello seleccionamos el nuevo color para el
cabello.
2. A continuacin ir a la barra de herramientas y escoger la
herramienta {varita} o en el teclado W, ajuste la tolerancia segn la imagen
de color y los tonos de color en este caso se est trabajando con tolerancia
21
Imagen 135 - Seleccin con la varita
86
3. Con la {varita} y presionando shift seleccionamos la parte de cabello que se

va a reemplazar, la lnea interpuntada indica lo que se va reemplazar de
color.
Imagen 136 - Seleccin del cabello
7.3 Cambiar de color

1. A continuacin con la herramienta {bote} y con el nuevo color dar clic
sobre la parte seleccionada y nos va a quedar de la siguiente manera.
2. Luego vamos al men editar y escogemos la opcin {deseleccionar todo} o
con el teclado ctrl + D, quedando la imagen de la siguiente manera.
1
2
Imagen 137 - Cambio de color
87
3. Para cambiar el color del lazo realizamos el mismo procedimiento que se

realiz para cambiar el color del cabello, obteniendo el siguiente resultado.
Listo! Nuestra imagen ya est terminada.
88
8 FILTROS.
89
8.1 Abrir la imagen

1. Ir al men inicio y escoger la opcin {abrir imagen}.
Imagen 139 Abrir imagen

3. Dar clic en el botn {abrir}.
3
Imagen 140 - Seleccin de la imagen
90
8.2 Aplicacin de filtro

1. Ir al men de filtro.
2. Escoger la opcin {caleidoscopio } y dar clic.
Imagen 142 - Men filtro
91
3. Aparecer la siguiente ventana

4. Modificar los valores dependiendo el efecto que queda en la imagen y damos
clic en OK.
Imagen 143 - Aplicacin del filtro
5. De esta manera nos queda la imagen

5
Imagen 144 - Imagen con filtro
92
8.3 Guardar la imagen

1. Luego vamos al men archivo y escogemos la opcin guardar y damos clic.
2. Aparecer el siguiente cuadro donde puede colocar el nombre y elegir donde

desea guardar la imagen, una vez terminado dar clic en OK
Imagen 146 - Datos de la imagen
93
3
Imagen 147 - Ubicacin de la imagen
Listo! Nuestra imagen ya tiene un filtro.
8.4 Efectos de los filtros

Con el mismo procedimiento explicado puede elegir cualquier opcin de filtro que
tiene Pixlr Editor y aplicar a su fotografa o imagen.
8.4.1 Filtro remolino
Imagen 148 - Filtro remolino
94
8.4.2 Filtro poster artstico.
Imagen 149 - Filtro poster artstico
8.4.3 Filtro resplandor de glamour
Imagen 150 - Filtro Glamour
95
9 ANEXOS
96
9.1 Creacin de cuenta

1. Ir al men archivo, escoger la opcin inscribirse y dar clic.
Imagen 151- Men inscribirse
2. Aparecer la siguiente ventana donde usted tiene que llenar todos los datos
que se le pide ingresar y luego dar clic en OK
2
Imagen 152 - Ingreso de datos
3. Espere un momento y le saldr esta ventana de confirmacin.

4. De clic en OK y enseguida puede poner en practica todas las opciones que
proponemos en este manual de usuario. Cabe recalcar que no es necesario
inscribirse a este sitio web.
3
4
Imagen 153 - Ventana de confirmacin.
97
9.2 Glosario
Android: Es un sistema operativo basado en el kernel de Linux , y
diseado principalmente para la pantalla tctil de dispositivos mviles
como telfonos inteligentes y computadoras tablet.
API: Es una interfaz de programacin que representa la capacidad de
comunicacin entre componentes de software. Se trata del conjunto
de llamadas a ciertas bibliotecas que ofrecen acceso a ciertos servicios
desde los procesos y representa un mtodo para conseguir abstraccin
en la programacin, generalmente (aunque no necesariamente) entre
los niveles o capas inferiores y los superiores del software. Uno de los
principales propsitos de una API consiste en proporcionar un conjunto
de funciones de uso general, por ejemplo, para dibujar ventanas o
iconos en la pantalla.
Banda ancha: Transmisin de datos simtricos por la cual se envan
simultneamente varias piezas de informacin, con el objeto de
incrementar la velocidad de transmisin efectiva.
Caleidoscopio: Es un tubo que contiene tres espejos, que forman un
prisma triangular con su parte reflectante hacia el interior, al extremo de
los cuales se encuentran dos lminas traslcidas entre las cuales hay
varios objetos de colores y formas diferentes, cuyas imgenes se ven
multiplicadas simtricamente al ir girando el tubo mientras se mira por el
extremo opuesto.
Canva: En diseo digital, el canvas o lienzo es el espacio sobre el que se
puede trabajar, es decir, el espacio til del fichero.
Coordenada: Es un sistema que utiliza uno o ms nmeros coordenadas
para determinar unvocamente la posicin de un punto o de otro objeto
geomtrico.
Flash player: Es un programa creado por Adobe que permite visualizar
contenido y aplicaciones interactivas en la Web.
Gimp: Es un editor de grficos de trama utilizado para el retoque y
edicin de imgenes, dibujo de forma libre, cambiar el tamao,
recortar, fotomontajes , convertir entre diferentes formatos de imagen, y
ms tareas especializadas.
HDR: Alto rango dinmico de imgenes ( HDRI o HDR ) es un conjunto de
tcnicas que se utilizan en la formacin de imgenes y la fotografa
98
para reproducir un mayor rango dinmico de luminosidad de lo posible

el uso de la imagen digital estndar o tcnicas fotogrficas. Imgenes
HDR se pueden representar con ms exactitud el rango de niveles de
intensidad encontrados en escenas reales, de la luz solar directa hasta
la dbil luz de las estrellas, y es a menudo capturado por medio de una
pluralidad de imgenes expuestas de manera diferente de la misma
materia.
Iphone: Es una lnea de telfonos inteligentes diseado y comercializado
por Apple Inc. Ejecuta el sistema operativo mvil iOS.
Linux: Es un ncleo libre de sistema operativo, tambin suele referirse al
ncleo como kernel basado en Unix.4 Es uno de los principales ejemplos
de software libre y de cdigo abierto.
Mac OS X: Es un sistema operativo basado en Unix, desarrollado,
comercializado y vendido por Apple Inc. Ha sido incluido en su gama
de computadoras Macintosh desde el ao de 2002.
Navegador web: Conocido internacionalmente como browser, es un
software que permite el acceso a Internet, interpretando la informacin
de archivos y sitios web para que stos puedan ser ledos.
La funcionalidad bsica de un navegador web es permitir la
visualizacin de documentos de texto, posiblemente con recursos
multimedia incrustados. Adems, permite visitar pginas web y hacer
actividades en ella, es decir, podemos enlazar un sitio con otro, imprimir,
enviar y recibir correo, entre otras funcionalidades ms.
Online: Un aparato asociado a un sistema est en lnea si se encuentra
bajo control directo del mismo, esto es, si se encuentra disponible para
su uso inmediato por parte del sistema, sin intervencin humana, pero
que no puede operar de modo independiente del sistema.
Photoshop
Scroll: Es el desplazamiento, rollo o voluta al movimiento en 2D de los
contenidos que conforman el escenario de un videojuego o la ventana
que se muestra en una aplicacin informtica.
Servidor web: Es un programa informtico que procesa una aplicacin
del lado del servidor, realizando conexiones bidireccionales y/o
unidireccionales y sncronas o asncronas con el cliente y generando o
cediendo una respuesta en cualquier lenguaje o Aplicacin del lado
del cliente. El cdigo recibido por el cliente suele ser compilado y
ejecutado por un navegador web. Para la transmisin de todos estos
datos suele utilizarse algn protocolo. Generalmente se usa el
protocolo HTTP para estas comunicaciones, perteneciente a la capa de
99
aplicacin del modelo OSI. El trmino tambin se emplea para referirse

al ordenador que ejecuta el programa.
Sobreexpuesta: Es una fotografa que estuvo expuesta ms de lo
debido a la luz, por lo tanto la imagen que se obtiene ser demasiado
clara.
Subexpuesta: Es una fotografa que estuvo expuesta menos de lo
debido a la luz, por lo tanto la imagen que se obtiene ser demasiado
oscura.
Tablet: Es una computadora porttil de mayor tamao que un telfono
inteligente o una PDA, integrada en una pantalla tctil sencilla
o multitctil con la que se interacta primariamente con los dedos o
un estilete (pasivo o activo), sin necesidad de teclado fsico ni ratn.
Estos ltimos se ven reemplazados por un teclado virtual y, en
determinados modelos, por una mini-trackball integrada en uno de los
bordes de la pantalla.
URL: Un localizador de recursos uniforme, ms comnmente
denominado URL, es una secuencia de caracteres, de acuerdo a un
formato modlico y estndar, que se usa para nombrar recursos en
Internet para su localizacin o identificacin, como por ejemplo
documentos textuales, imgenes, vdeos, presentaciones digitales, etc.
Los localizadores uniformes de recursos fueron una innovacin en la
historia de la Internet.
100
9.3 Tabla de ndices

A
abrir, 34, 44, 49, 77, 84, 89
archivo, 2, 4, 29, 30, 47, 52, 55, 66, 75, 81, 84, 92, 96
rea, 21, 22, 23, 24, 25, 26, 27, 28, 31, 32, 34, 40, 55, 56, 62, 68, 73, 77
B
boceto, 67, 68, 69, 70
brillo, 13, 24, 36, 45, 46
C
capa, 3, 4, 15, 27, 28, 29, 31, 33, 34, 38, 59, 61, 67, 68, 70, 71, 77, 78, 79, 80, 98
contraste, 13, 36, 45, 46
D
dimensiones, 32, 66
E
escoger, 41, 44, 47, 49, 75, 76, 80, 81, 85, 89, 96
Escoger, 44, 45, 49, 50, 89, 90
F
filtro, 37, 38, 90, 93
H
herramienta, 3, 8, 11, 16, 20, 21, 22, 23, 24, 44, 49, 57, 69, 71, 76, 77, 79, 85, 86
I
cono, 68
iluminacin, 49
imagen, 2, 3, 14, 16, 17, 20, 22, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 38, 39, 40, 44, 45, 46, 47, 48, 49,
50, 51, 52, 53, 55, 56, 57, 58, 59, 60, 64, 66, 67, 71, 73, 75, 76, 77, 78, 79, 81, 82, 84, 85, 86, 87, 89, 90, 91, 92,
93, 97, 98, 99
M
men, 2, 4, 19, 29, 37, 44, 45, 47, 49, 50, 52, 55, 57, 59, 60, 66, 67, 75, 76, 77, 80, 81, 85, 86, 89, 90, 92, 96
O
ordenador, 99
101
P
Pixlr, 2, 4, 8, 11, 14, 15, 16, 17, 18, 29, 30, 37, 42, 56, 93
S
Saturacin, 3, 49
Seleccionar, 3, 31, 59, 66, 67, 70, 78, 85
T
tecla, 10, 21, 22, 62, 76, 77
texto, 3, 10, 25, 76, 77, 78, 79, 82, 98
U
URL, 3, 16, 17, 30, 34, 55, 56, 77, 78, 84, 99
102

Manual de Usuario " PIXLR"

Uploaded by

Document Information

Original Title

Copyright

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Manual de Usuario " PIXLR"

Uploaded by

Copyright:

1

A quin est dirigido ......................................................................................................... 9

Qu debe conocer el usuario ....................................................................................... 10

Convenciones y Estndares a utilizar ...................................................................... 10

Convenciones de Formato ................................................................................... 10

Convenciones de uso del teclado ...................................................................... 11

Convenciones de uso de mouse......................................................................... 11

Requerimientos del sistema ........................................................................................ 12

Requerimiento del software ............................................................................... 12

INTERFAZ DE PIXLR .............................................................................................................. 13

Servicios que ofrece........................................................................................................ 15

Cmo funciona Pixlr? ................................................................................................... 17

Opciones para crear y editar imgenes .................................................................. 18

Componentes de la pantalla en Pixlr Editor.......................................................... 19

Botones de la barra de herramientas ...................................................................... 21

Componentes de la ventana navegador .................................................................. 27

2.10 Componentes de la ventana capas ............................................................................ 28

CORRECCIN DE LA EXPOSICIN .................................................................................... 44

Brillo y Contraste ............................................................................................................. 45

Abrir la imagen desde el ordenador ................................................................ 45

Correccin de la imagen ....................................................................................... 46

Guardar la imagen .................................................................................................. 48

Tono y Saturacin ........................................................................................................... 50

Abrir la imagen ........................................................................................................ 50

Correccin de la imagen ....................................................................................... 52

Guardar la imagen .................................................................................................. 53

CAMBIAR EL FONDO A UNA IMAGEN ............................................................................. 55

Abrir imagen desde URL ............................................................................................... 56

Recortar la imagen con la herramienta lazo. ........................................................ 58

Abrir imagen como capa ............................................................................................... 60

CREAR NUEVA IMAGEN A PARTIR DE UN BOCETO ................................................. 66

Abrir nueva imagen ........................................................................................................ 67

Colorear la imagen .......................................................................................................... 72

COMO ESCRIBIR UN TEXTO CON DIBUJOS. .................................................................. 75

Abrir la imagen desde el ordenador ........................................................................ 76

Escribir el texto ................................................................................................................ 77

Abrir la imagen ................................................................................................................. 79

Seleccionar el texto ......................................................................................................... 80

Borrar el exceso de imagen ......................................................................................... 80

Guardar la imagen ........................................................................................................... 82

Abrir la imagen ................................................................................................................. 85

Seleccionar lo que desee cambiar de color........................................................... 86

Imagen 54 - Capa ...................................................................................................................................................................... 34

Imagen 113 + Imagen coloreada ........................................................................................................................................ 74

1.3 A quin est dirigido

1.4 Qu debe conocer el usuario

1.5 Convenciones y Estndares a utilizar

Las palabras en century Gothic,

Tabla 1- Convenciones de Formato

1.5.2 Convenciones de uso del teclado

Presionar la tecla seleccionada

1.5.3 Convenciones de uso de mouse

Colocar el mouse en la opcin que

Presionar el botn izquierdo del

1.6 Requerimientos del sistema

1.6.1 Requerimiento del software

REQUERIMIENTOS PARA COMPUTADORAS

Cualquier sistema operativo y navegador web que soporte flash player.

Tener acceso a internet.

Es preferible tener conexin banda ancha.

Se recomienda usar Google Chrome o Mozilla Firefox.

Windows XP, Windows Vista, Windows 7, Windows 8, MAC OS x, Linux.

2.4 Servicios que ofrece

Pixlr editor. Es la ms avanzada de las herramientas que componen Pixlr.

Imagen 1- Pixlr Editor

2.5 Cmo funciona Pixlr?