Manual de Usuario " PIXLR" - pixlr.com

1

Tabla de contenido 1

GENERALIDADES ....................................................................................................................... 8 1.1

Introducción ......................................................................................................................... 9

1.2

Objetivo .................................................................................................................................. 9

1.3

A quién está dirigido ......................................................................................................... 9

1.4

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

1.5

Convenciones y Estándares 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

Introducción ...................................................................................................................... 14

2.2

¿Qué es Pixlr? .................................................................................................................... 15

2.3

Ventajas ............................................................................................................................... 15

2.4

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

2.5

¿Cómo funciona Pixlr? ................................................................................................... 17

2.6

Opciones para crear y editar imágenes .................................................................. 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

CORRECCIÓN DE LA EXPOSICIÓN .................................................................................... 44 3.1

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

3.1.1 2

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

3.1.2

Corrección de la imagen ....................................................................................... 46

3.1.3

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

3.2

4

5

6

7

Tono y Saturación ........................................................................................................... 50

3.2.1

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

3.2.2

Corrección 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

8

FILTROS. ..................................................................................................................................... 89

9

Glosario ..................................................................................................................................... 97

3

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- Lápiz ...................................................................................................................................................................... 22 Imagen 14 - Pincel .................................................................................................................................................................... 22 Imagen 15 –Borrador.............................................................................................................................................................. 23 Imagen 16 -Frasco de pintura ............................................................................................................................................. 23 Imagen 17 –Degradado .......................................................................................................................................................... 23 Imagen 18 - Tapón 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 - Reducción 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 - Máscara 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

4

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 ubicación 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 saturación ................................................................................................................................ 52 Imagen 73 - Ventana Tono y Saturación ......................................................................................................................... 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 - Transformación libre. .................................................................................................................................... 61 Imagen 89 - Ajustar tamaño 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 lápiz ........................................................................................................................................ 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

5

Imagen 113 + Imagen coloreada ........................................................................................................................................ 74 Imagen 114 - Abrir imagen ................................................................................................................................................... 76 Imagen 115 - Ventana tamaño 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 - Tipografía terminada ................................................................................................................................. 81 Imagen 126 - Quitar selección ............................................................................................................................................. 81 Imagen 127- Acoplar hacia abajo ...................................................................................................................................... 82 Imagen 128 - Guardar imagen ............................................................................................................................................ 82 Imagen 129 - Colocar nombre a la imagen .................................................................................................................... 83 Imagen 130 - Guardar imagen ............................................................................................................................................ 83 Imagen 131- Imagen final ..................................................................................................................................................... 83 Imagen 132 - Abrir imagen ................................................................................................................................................... 85 Imagen 133 - Pegar URL ........................................................................................................................................................ 85 Imagen 134 - Selección ........................................................................................................................................................... 86 Imagen 135 - Selección con la varita ................................................................................................................................ 86 Imagen 136 - Selección del cabello .................................................................................................................................... 87 Imagen 137 - Cambio de color ............................................................................................................................................. 87 Imagen 138 - Imagen final .................................................................................................................................................... 88 Imagen 139 Abrir imagen ..................................................................................................................................................... 90 Imagen 140 - Selección de la imagen ................................................................................................................................ 90 Imagen 141 - Imagen final .................................................................................................................................................... 91 Imagen 142 - Menú filtro ....................................................................................................................................................... 91 Imagen 143 - Aplicación del filtro ...................................................................................................................................... 92 Imagen 144 - Imagen con filtro ........................................................................................................................................... 92 Imagen 145 - Guardar imagen ............................................................................................................................................ 93 Imagen 146 - Datos de la imagen ....................................................................................................................................... 93 Imagen 147 - Ubicación de la imagen .............................................................................................................................. 94 Imagen 148 - Filtro remolino ............................................................................................................................................... 94 Imagen 149 - Filtro poster artístico .................................................................................................................................. 95 Imagen 150 - Filtro Glamour................................................................................................................................................ 95 Imagen 151- Menú inscribirse ............................................................................................................................................. 97 Imagen 152 - Ingreso de datos ............................................................................................................................................ 97 Imagen 153 - Ventana de confirmación. .......................................................................................................................... 97

6

Í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 6- Botones de barra de Herramientas ______________________________________________________________ 24 Tabla 7- Botones de barra de Herramientas ______________________________________________________________ 25 Tabla 8- Botones de barra de Herramientas ______________________________________________________________ 26 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

7

1 GENERALIDADES

8

1.1 Introducción Es una herramienta de edición de imágenes online y gratuita, que puede utilizarse desde cualquier navegador que disponga de la tecnología Flash. Además cuenta con aplicaciones para iOS y Android lo que permite utilizarla desde prácticamente cualquier dispositivo. Sorprende lo rápidamente que se carga y trabaja, soportando incluso pegar imágenes desde el portapapeles. Además, al contrario que otras aplicaciones online similares, no es necesario subir nuestras imágenes a Internet para poder editarlas y se cargan directamente desde nuestro disco duro casi al instante. Tampoco es necesario realizar ningún tipo registro, aunque si lo hacemos tendremos posibilidad de guardar nuestras imágenes en la nube. Es muy importante, revisar antes o durante la utilización de la página, ya que es una guía para el usuario.

1.2 Objetivo Brindar una descripción clara y detallada sobre el funcionamiento y uso de los distintos elementos que conforman la página de Pixlr, a través de una explicación ilustrada y detallada de cada uno de las opciones que ofrece para la edición de fotografías.

1.3 A quién está dirigido Este manual está dirigido a las personas que deseen corregir fallos en las fotografías, darles efectos artísticos o añadirles etiquetas divertidas y crear collages; ayudando a despejar sus dudas y brindándoles el apoyo necesario para que puedan ejecutar un a tarea específica dentro del sitio web.

9

1.4 Qué debe conocer el usuario Conocimientos mínimos que debe poseer el usuario que desee utilizar la página web: • Encender y apagar una computadora. • Uso de un navegador web. • Conocer acerca del internet. • Manejo de Windows, Mac o cualquier dispositivo móvil.

1.5 Convenciones y Estándares a utilizar 1.5.1 Convenciones de Formato

FORMATO

Numeración

Gráfico 000

{ Botones}

DESCRIPCIÓN 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 botón. ermite ubicarse en el paso que se está ejecutando. Especifica que un procedimiento se ha realizado de manera correcta. Indica que es información importante. Específica el orden de los pasos que se están ejecutando o lo que se está indicando.

10

Century gothic

Las palabras en century Gothic, bold, tamaño 12 fue utilizada para el cuerpo del texto. Las palabras en cambria , subrayadas, tamaño 12 fue utilizada para los procedimientos

Cambria

Tabla 1- Convenciones de Formato

1.5.2 Convenciones de uso del teclado

FORMATO

DESCRIPCIÓN

Enter

Presionar la tecla seleccionada para que realice la acción elegida. Tabla 2- Convenciones de uso del teclado

1.5.3 Convenciones de uso de mouse

FORMATO

DESCRIPCIÓN

Ubicar

Colocar el mouse en la opción que se especifica.

de clic

Presionar el botón izquierdo del mouse. Tabla 3- Convenciones de uso del mouse

11

1.6 Requerimientos del sistema Pixlr es sin duda una excelente herramienta de edición fotográfica, es muy sencilla, rápida, no necesitamos registrarnos para poder usarla y además es gratuita; los requerimientos para su uso son mínimos, a continuación 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 conexión 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 Introducción En un mundo cada día más gráfico y en el que el estilo de aprendizaje predominante en muchas personas de todas las edades es el visual, las imágenes adquieren máxima importancia. De hecho, la denominada por Gardner como inteligencia visual-espacial incluye la sensibilidad a los colores, líneas, formas, espacios y sus relaciones en una composición gráfica; además de la habilidad para representar ideas de manera gráfica. La cantidad de tecnologías relacionadas con imágenes ofrecen a las personas nuevas oportunidades para participar en actividades de adquisición y selección de imágenes. Una vez que se encuentran las imágenes en el computador, se deben emplear herramientas de edición para manipular las obtenidas o seleccionadas y ajustarlas lo mejor posible a los productos que se van a crear con ellas. Los tipos más comunes de edición digital son ojos rojos, recortar, colorear, iluminar, difuminar, afinar, inclinar, brillo y contraste, curvas, niveles. Tradicionalmente, la edición antes mencionada se ha realizado utilizando software que debe instalarse en el computador. Pero como la mayoría de las veces la imágenes requieren modificaciones menores y estos programas son demasiado complejos, potentes y en muchos casos costosos y difíciles de instalar, una buena opción es adoptar herramientas en línea o editores de fotos online, que aunque son más sencillas permiten realizar la mayoría de esos ajustes menores.

14

2.2 ¿Qué es Pixlr? Es una aplicación basada en Flash es gratuita y se carga rápidamente en nuestro navegador web. Desde aquí podremos editar una imagen o bien crearla desde cero, utilizando todas las herramientas y utilidades a nuestra disposición. Y no son pocas, ya que de hecho posee una variedad de opciones muy similar al popular programa de Adobe, además de algunos recursos muy vistosos como efectos de HDR o caleidoscopio. La interfaz es cómoda 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 opción para editar imágenes rápidamente cuando estas en otro PC o no tienes tiempo de instalar un editor. Es mucho más que un sustituto de programa portable, y para mucha gente puede rivalizar con los editores gráficos más avanzados del mercado.

2.3 Ventajas • Tiene gran variedad de herramientas. • Es fácil aprender a usar la página. • No necesitas descargar ningún programa de instalación. • No necesitas registrarte ya que es de libre manipulación.

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 fotográfico, pero con la característica principal que el trabajo se realiza dentro del navegador. Es muy fácil de utilizar y se compone en realidad de tres aplicaciones independientes y diferenciadas según la utilización que vayamos a darle:

15

Pixlr editor. Es la más 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. Además está disponible en múltiples idiomas incluyendo el español.

Imagen 1- Pixlr Editor

16

2.5 ¿Cómo 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 diseños, 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 parámetros que servirán para comunicarse entre nuestro sitio web y el servicio online de Pixlr. Los parámetros indicarán datos como la URL de la imagen que se desea editar, el título, el idioma de la interfaz de Pixlr que preferimos, etc. Así que realmente sólo necesitamos conocer cuáles son estos parámetros y cómo enviarlos a Pixlr o procesarlos cuando el API nos los envíe a nuestro sitio. Podemos dividir los parámetros 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 envíe 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 fotografía. 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 imágenes

Imagen 2 - Ventana de opciones de Pixlr Editor

1. Crear una nueva imagen desde cero. 2. Abrir una imagen o fotografía desde su computador y editarla en Pixlr. 3. Abrir una imagen desde un URL y editarla. 4. Abrir una imagen desde una librería de Pixlr, Facebook u otra. 5. Descargar la aplicación Pixlr gratis para iPhone o Tablet.

Para acceder a la opción 4 debe registrarse como usuario de Pixlr.

18

2.7 Componentes de la pantalla en Pixlr Editor A continuación 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

5

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 menús. 5. Área de trabajo.

2.8 Botones de la barra de herramientas Botón

Imagen 8 - Recortar

21

Descripción Recortar: Esta herramienta se utiliza para cortar, quitar o colocar una máscara sobre las partes las partes que usted no desea de una imagen o fotografía y que ha seleccionado previamente.

Imagen 9 – Desplazamiento

Imagen 10 - Marco

Imagen 11 - Lazo

Imagen 12 - Varita

Imagen 13- Lápiz

Imagen 14 - Pincel

Herramienta de desplazamiento: Una vez que seleccione un área, al seleccionar la herramienta Mover para moverlo. También puede mover capas o elementos sin seleccionarlos. Marco: Esta herramienta le permite hacer selecciones cuadradas o rectangulares de un área. También tiene la opción de cambiar la selección a forma circular si así lo requiere; más opciones en las propiedades modificables. Lazo: Permite hacer selecciones a mano, seleccionando el área según los movimientos y partes que desee marcar. Puede elegir la opción a mano alzada o poligonal, así como el grosor del borde. Varita: Puede seleccionar colores similares a la vez. Para seguir añadiendo áreas, mantenga pulsada la tecla Shift mientras realiza las selecciones. Lápiz: Le permite hacer trazos a mano. Usted puede seleccionar el tipo de trazo, ya sea tinta, tiza, etc. Así como el tamaño y la opacidad. Pincel: Le permite hacer trazos o pintar, semejando la brocha de un pincel. Puede elegir el tipo de brocha, tamaño y la opacidad (Intensidad). Estas opciones las encuentra en las propiedades modificables.

Tabla 5- Botones de barra de Herramientas

22

Botón

Imagen 15 –Borrador

Imagen 16 -Frasco de pintura

Imagen 17 –Degradado

Imagen 18 - Tapón de clonar

Imagen 19 -Reemplazo de color

Imagen 20- Forma

23

Descripción Borrador: Le permite borrar las áreas que desee eliminar. Puede elegir la forma y opacidad del borrador. Frasco de pintura: Permite pintar un área específica 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 específica. En las propiedades modificables de las herramientas. Puede elegir la opacidad, tipo de degradado (lineal o Radial), método de propagación y modo. Tapón 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 (rectángulo, rectángulo redondeado, elipse o línea). 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 imágenes transformando la selección con la opción deseada -borrosa.

Tabla 6- Botones de barra de Herramientas

Botón

Imagen 22- Enfocar

Imagen 23- Difuminar

Imagen 24 – Esponja

Imagen 25 - Aclarar

Imagen 26 - Oscurecer

24

Descripción Enfocar: Esta herramienta permite retocar las imágenes transformando la selección con la opción 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 según lo requiera. Esponja: Esta herramienta permite retocar las imágenes transformando la selección con la opción deseada Aclarar: Esta herramienta permite retocar las imágenes transformando la selección con la opción deseada aclarar. Logre el efecto deseado seleccionando la gama requerida Sombras, medios tonos o Luces Oscurecer: Permite retocar las imágenes transformando la selección con la opción deseada oscurecer. Logre el efecto deseado seleccionando la gama requerida como sombras, medios tonos o Luces.

Imagen 27 - Reducción de ojos rojos

Imagen 28 - Corrector puntual

Reducción de ojos rojos: Esta herramienta le permite reducir/eliminar el brillo rojo de los ojos en las fotografías. 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, arañazos o ruido no deseado en las imágenes.

Tabla 7- Botones de barra de Herramientas

Botón

Descripción

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 reducción. 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 fotografía.

Imagen 32 – Texto

Imagen 33 - Mano

Imagen 34 - Zoom

Imagen 35- Color

Texto: Permite Escribir y diseñar con tipografía. Haga clic en el área de la canva donde desea agregar texto.

Mano: Con la barra espaciadora podemos activar esta función 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 fotografía completa o de un área específica. Solo con hacer clic sobre la imagen, lograra ver más 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 botón {OK}. Si desea guardar el color de clic en los cuadritos negros y allí se mantendrá su color para ser utilizado después.

Tabla 8- Botones de barra de Herramientas

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

Descripción Vista miniatura: Muestra una vista pequeña del trabajo que se ha realizado en la nueva imagen o fotografía.

Imagen 37 - Vista miniatura

Imagen 38 - Coordenada X

Imagen 39 - Coordenada Y

Imagen 40 - Coordenada W

27

Coordenada X: Indica la posición horizontal en la que se ubica la imagen o determinada área de ésta. Coordenada Y: Indica la posición 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 sólo a dicha capa. Al superponer diversas capas se obtiene el diseño completo de la imagen.

Imagen 43 - Capas

28

Elemento

Imagen 44 - Capa

Descripción 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 - Máscara de capa

Imagen 49 - Estilos de capa

29

Máscara de capa: Filtran la visibilidad de los píxeles de la capa a la que están asociada, es decir, si colocamos sobre la imagen una máscara 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, según 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 mayoría de programas, desde aquí se puede acceder a diferentes opciones de menú.

2.11.1 Menú archivo A continuación se detallan cada una de las opciones más importantes que existen en la pestaña archivo.

Imagen 51 - Menú archivo

Descripción Nueva imagen: Permite crear una imagen desde cero. Presionando Ctrl + N se realiza esta acción automáticamente 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 acción automáticamente. Abrir URL de imagen: Permite colocar un archivo desde un sitio web. Abrir imagen de biblioteca: Permite colocar un archivo desde un correo electrónico. Guardar: Permite archivar nuestra imagen en la computadora, en el banco de imágenes de Pixlr o en alguna librería de fotos como Flickr. Presionando Ctrl + S se realiza esta acción automáticamente. 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 acción automáticamente. Tabla 11- Menú Archivo

2.11.2 Menú Editar A continuación se detallan cada una de las opciones más importantes que existen en la pestaña editar.

Imagen 52 - Editar

31

Descripción Deshacer: Elimina la última acción realizada. Presionando CTRL+Z se realiza esta función automáticamente. Rehacer: Restaura la última acción realizada. Presionando CTRL+Y se realiza esta función automáticamente. Cortar: Corta y pega en el portapapeles el contenido de una selección. Presionando CTRL+X se realiza esta función automáticamente. Copiar: Copia el área seleccionada. Presionando CTRL+C se realiza esta función automáticamente. Borrar: Elimina el contenido de la selección. Presionando DEL se realiza esta función automáticamente. Pegar: Permite adherir el contenido del portapapeles en una nueva capa o en otra imagen. Si tiene activada una selección, al ejecutar este comando el contenido del portapapeles se copiará en la selección. Presionando CTRL+V se realiza esta función automáticamente. Transformación Libre: Permite transformar el tamaño, forma, ancho, alto del área seleccionada. Presionando CTRL+ T se realiza esta función automáticamente. Distorsión libre: Permite transformar el área seleccionada, al dar clic sobre esta opción 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 función automáticamente. Deseleccionar todo: Permite quitar la elección de todos los elementos de una capa. Presionando CTRL+ D se realiza esta función automáticamente.

32

Invertir selección: Permite, a partir de una selección actual, seleccionar todos aquellos objetos de la capa que no estaban seleccionados. Tabla 12- Menú Editar

2.11.3 Menú Imagen A continuación se detallan cada una de las opciones más importantes que existen en la pestaña imagen.

Imagen 53 - Imagen

Descripción Tamaño de imagen: Muestra el tamaño actual de la imagen y permite modificar las dimensiones según lo requiera. Tamaño de lienzo: Permite modificar el tamaño del lienzo o canva, según así lo requiera. Rotar lienzo: Permite necesidades.

girar o voltear una imagen según sus

Recortar: Permite seccionar partes del área de trabajo a su gusto. Tabla 13- Menú Imagen

33

2.11.4 Menú Capa A continuación se detallan cada una de las opciones más importantes que existen en la pestaña capa. Las capas permiten trabajar con un elemento de una imagen sin modificar los otros. Las capas podrían considerarse como hojas transparentes, apiladas una encima de otra.

Imagen 54 - Capa

34

Descripción 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 imágenes: Unifica las capas y la convierte en una sola imagen

Subir y bajar capa: Modifica la posición de las capas. Usted puede visualizar la posición en el Panel Capas a la derecha del área de trabajo. Agregar máscara de capa: Esta función genera una nueva imagen del área donde se coloque la máscara. Rotar Capa 180°, 90° AD y 90° ACD : Esta función permite rotar la capa completa si así lo requiere Tabla 14- Menú Capa

35

2.11.5 Menú Ajustes

A continuación se detallan cada una de las opciones más importantes que existen en la pestaña ajustes.

Imagen 55 – Ajustes

Descripción Brillo y Contraste: Permite realizar ajustes sencillos en la gama tonal de una imagen. Tono y saturación: 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 automáticos: Aplica y ajusta automáticamente el brillo, contraste, tonos, saturación, etc. de la imagen. Los valores se ajustan automáticamente. Invertir: Cambia el orden, la dirección, los colores o la posición de algo por sus opuestos de la imagen o fotografía. Sepia: Aplica tonos sepias a la imagen o fotografía Foto Antigua: Aplica tonos creando un efecto de una fotografía antigua. Búsqueda de color: Realiza una búsqueda de los colores de la imagen y aplica diferentes combinaciones según la opción 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

Descripción Desenfocar: Hacer perder la nitidez en una imagen. Desenfoque de rectángulo: Desenfoca una imagen en función del valor de color medio de los píxeles circundantes. Desenfoque Gaussiano: Desenfoca rápidamente una selección en una cantidad ajustable. El término gaussiano hace referencia a la curva en forma de campana que se genera cuando Photoshop aplica una media ponderada a los píxeles. El filtro Desenfoque gaussiano añade detalles de baja frecuencia y puede producir un efecto nebuloso. Enfocar: Permite corregir la nitidez de una imagen, ya que acentúa los bordes.

Máscara de enfoque: Permite conseguir mejores impresiones y ver más nítidas las fotografías en la pantalla. Ruido: Aplica píxeles a la imagen de forma aleatoria. Este filtro se puede utilizar también para reducir las bandas en selecciones caladas o rellenos graduados, para dar una apariencia más realista a áreas muy retocadas o para crear una capa con textura. Difusión: Aplica un efecto de imagen indefinida.

Líneas de TV: Hace que nuestras imágenes parezcan que hayan sido capturadas de la televisión. Semitonos: Descompone una imagen en puntos redondos. Pixelizar: Permite representar una imagen usando grandes bloques de color, es muy utilizados en televisión y prensa gráfica para distorsionar el rostro de las personas. Puntillista: Simula el efecto de una pintura realizada con puntos. Remolino: Distorsiona su imagen de una forma concéntrica. Coordinadas polares: Convierte las coordenadas rectangulares de una selección en coordenadas polares, y viceversa, según la opción seleccionada. La imagen distorsionada aparece normal al verse en un espejo cilíndrico. Caleidoscopio: Duplica su imagen en muchas copias, más o menos estampadas y recortadas, y las pone alrededor del centro de la imagen. Tilt shift: Genera una ilusión óptica capaz de hacernos creer que estamos viendo el mundo en miniatura de una maqueta. 39

Viñeta: ayuda a enmarcar y desviar la atención 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 ilusión de bordes elevados al rellenar un objeto gris y después utilizar el color original de relleno para crear bordes alrededor del objeto. Grabado: Convierte la imagen en blanco y negro; algunas líneas horizontales de alturas diferentes se dibujan dependiendo de los píxeles 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 A continuación se detallan cada una de las opciones más importantes que existen en la pestaña ver.

Imagen 57 - Ver

Descripción 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 pestaña podrá obtener diferentes modos de ayuda.

Imagen 59 - Ayuda

Descripción Ayuda: Al hacer clic sobre la opción Ayuda, se abrirá una nueva ventana la cual contiene video tutoriales paso a paso. Preguntas frecuentes: Al hacer clic sobre esta opción, se abrirá una nueva ventana sobre las preguntas más frecuentes del editor de imágenes Pixlr. Tabla 18-Menú Ayuda

43

3 CORRECCIÓN DE LA EXPOSICIÓN

44

3.1 Brillo y Contraste La herramienta más sencilla de usar es la herramienta Brillo/Contraste. También es la menos potente, pero en muchos casos hace lo que necesita. Esta herramienta con frecuencia es útil para imágenes que están sobreexpuestas o subexpuestas.

3.1.1 Abrir la imagen desde el ordenador 1. Ir al menú inicio y escoger la opción abrir imagen.

1

Imagen 60- Ventana abrir imagen

2. Escoger la imagen con la que desee trabajar. 3. Dar clic en el botón abrir.

2

3 Imagen 61- Ventana abrir imagen desde el ordenador.

45

4. De esta manera se visualiza la imagen.

4

Imagen 62 Ventana del área de trabajo

3.1.2 Corrección de la imagen 1. Ir al menú de ajustes. 2. Escoger la opción 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 después de utilizar brillo y contraste.

4

Imagen 65- Imagen Mejorada

47

3.1.3 Guardar la imagen

1. Luego escoger ir al menú archivo y escoger la opción guardar.

1

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.

2

Imagen 67- Ventana Datos de la imagen

48

3. Elegir la ubicación donde va a guardar la imagen y dar clic en guardar.

3 Imagen 68 - Ventana ubicación de la imagen

¡Listo! Nuestra imagen ya está corregida.

49

3.2 Tono y Saturación La herramienta tono y saturación permite corregir si su imagen está descolorida, lo que puede fácilmente suceder cuando hace fotos con una luz brillante, pruebe la herramienta Tono/Saturación, que le proporciona tres deslizadores para manipular el tono, la iluminación y la saturación. Aumentando la saturación probablemente la imagen parecerá mejor, en algunos casos es útil ajustar la iluminación al mismo tiempo.

3.2.1 Abrir la imagen 1. Ir al menú inicio y escoger la opción {abrir imagen}. 1

Imagen 69 - Menú Abrir

50

2. Escoger la imagen con la que desee trabajar. 3. Dar clic en el botón {abrir}.

2

3 Imagen 70 - Ventana abrir imagen

4. De esta manera se visualiza la imagen.

4

Imagen 71 - Imagen abierta

51

3.2.2 Corrección de la imagen 1. Ir al menú de ajustes. 2. Escoger la {tono y saturación } y dar clic. 1 2

Imagen 72 - Menú tono y saturación

3. Aparecerá la siguiente ventana 4. Modificar los valores dependiendo la imagen, una vez terminada la corrección damos clic en OK.

3

4

Imagen 73 - Ventana Tono y Saturación

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 opción guardar y damos clic.

1

Imagen 75 - Menú guardar imagen

53

2. Aparecerá el siguiente cuadro donde puede colocar el nombre y elegir donde desea guardar la imagen.

2

Imagen 76 - Ventana datos de la imagen.

3. Elegir la ubicación donde va a guardar la imagen y dar clic en guardar.

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 imágenes a nuestra área de trabajo desde una dirección en la web, no es necesario descargarlas en nuestro ordenador. 1. Ir al menú archivo y dar clic en Abrir URL de imagen.

1

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

2

56

Imagen 79 - Menú copiar URL

3. En la página de Pixlr aparece la siguiente ventana. 3.1 Ubicar el cursor debajo de URL y presionar CTRL + V en el teclado, automáticamente se pegará la dirección de la imagen. 3.2 Dar clic en el botón OK

3 3.1

3.2

Imagen 80 - Venta abrir URL

4. Aparece nuestra imagen en el área de trabajo.

4

Imagen 81- Área de trabajo.

57

4.2 Recortar la imagen con la herramienta lazo. 1. En la barra de herramientas, dar clic enLazo (L). 1.1 En las opciones modificables de las herramientas, dar clic en Lazo poligonal. 1.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.

2

Imagen 83- Seleccionar

58

3. Ir al menú editar, dar clic en Invertir selección.

3

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 tamaño que no han sido recortadas, es necesario realizar el procedimiento para esa pequeña 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.

1

Imagen 86 - Abrir imagen como capa

2. Seleccionar la imagen que desee desde su computadora. 2.1 Dar clic en el botón Abrir.

2

2.1 Imagen 87 - Ventana Abrir.

60

3. Ir al menú editar y dar clic en Transformación libre.

3

Imagen 88 - Transformación libre.

4. La imagen ahora es modificable, se debe ajustar al tamaño de la otra imagen; cuando sea del tamaño correcto se debe presionar Enter.

4

Imagen 89 - Ajustar tamaño de la imagen.

61

5. Desbloquear la capa de fondo, haciendo doble clic sobre el candado que se encuentra en la ventana capas.

5

Imagen 90 - Capas

6. Enviar la capa 1 debajo de la capa fondo, dando clic sin soltar sobre la misma y arrastrarla hacia bajo.

6

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.

9

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 diámetro, espaciado y la dureza, para el definir el contorno es preferible un diámetro pequeño 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 automáticamente 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 quedarán más 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.

3

Imagen 100 - Abrir imagen como capa

4. Seleccionar su boceto, previamente elaborado. 4.1 Dar clic en OK.

4

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.

6

Imagen 103 - Capas

69

7. Dar clic en la herramienta Lápiz.

Imagen 104 - Herramienta lápiz

8. Empezar a dibujar, tomando como guía el boceto.

Imagen 105 Dibujo del boceto.

70

9. Terminar de calcar el dibujo.

9

Imagen 106 - Boceto terminado

10. Seleccionar la capa que contiene el boceto y arrastrarla hasta el botón 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.

1

Imagen 109 - Colorear imagen

72

2. Dar clic en  Set main color.

2

Imagen 110 - Escoger color

3. En la ventana de selector de color. 3.1 Elegir el color en la rueda cromática. 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 cómo 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 opción {nueva imagen } y dar clic. 1

Imagen 114 - Abrir imagen

2. Aparecerá la siguiente imagen donde debe escoger el tamaño de imagen que desee y dar clic en OK

2

Imagen 115 - Ventana tamaño de imagen

76

3. Esta es el área de trabajo.

3

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 tamaño 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.

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.

4

Imagen 119 - Combinar hacia abajo

78

6.3 Abrir la imagen 1. A continuación ir al menú capas y dar clic en la opción abrir URL de imagen como capa.

1

Imagen 120 - Imagen como capa

2.

Aparecerá la siguiente venta donde debe pegar la dirección URL y dar clic en OK, automáticamente se creara una nueva capa.

2

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.

3

Imagen 125 - Tipografía terminada

4. A continuación quite la selección dirigiéndose al menú editar y escoger la opción {deseleccionar todo } o con el teclado Ctrl+D

4

Imagen 126 - Quitar selección

81

5. Ir a la primera capa y escoger la opción {acoplar hacia abajo}.

5

Imagen 127- Acoplar hacia abajo

6.5 Guardar la imagen 1. Para guardar la imagen ir al menú archivo y escoger la opción { guardar}.

1

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}.

2

Imagen 129 - Colocar nombre a la imagen

3. Escogemos la ubicación donde se va a guardar la imagen y damos clic en {guardar}.

3 Imagen 130 - Guardar imagen

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 opción { abrir imagen desde URL }.

1

Imagen 132 - Abrir imagen

2. Aparecerá la siguiente ventana pegar la dirección URL y dar clic en {aceptar}.

2

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 - Selección

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 continuación ir a la barra de herramientas y escoger la herramienta {varita} o en el teclado W, ajuste la tolerancia según la imagen de color y los tonos de color en este caso se está trabajando con tolerancia 21

1

2

Imagen 135 - Selección con la varita

86

3. Con la {varita} y presionando shift seleccionamos la parte de cabello que se va a reemplazar, la línea interpuntada indica lo que se va reemplazar de color.

Imagen 136 - Selección del cabello

7.3 Cambiar de color 1. A continuación 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 opción {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.

3

Imagen 138 - Imagen final

¡Listo! Nuestra imagen ya está terminada.

88

8 FILTROS.

89

8.1 Abrir la imagen 1. Ir al menú inicio y escoger la opción {abrir imagen}.

1

Imagen 139 Abrir imagen

2. Escoger la imagen con la que desee trabajar. 3. Dar clic en el botón {abrir}.

2

3 Imagen 140 - Selección de la imagen

90

4. De esta manera se visualiza la imagen.

4

Imagen 141 - Imagen final

8.2 Aplicación de filtro 1. Ir al menú de filtro. 2. Escoger la opción {caleidoscopio } y dar clic.

1

2

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.

3

4

Imagen 143 - Aplicación 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 opción guardar y damos clic.

1

Imagen 145 - Guardar imagen

2. Aparecerá el siguiente cuadro donde puede colocar el nombre y elegir donde desea guardar la imagen, una vez terminado dar clic en OK

2

Imagen 146 - Datos de la imagen

93

3. Elegir la ubicación donde va a guardar la imagen y dar clic en guardar.

3 Imagen 147 - Ubicación de la imagen

¡Listo! Nuestra imagen ya tiene un filtro.

8.4 Efectos de los filtros Con el mismo procedimiento explicado puede elegir cualquier opción de filtro que tiene Pixlr Editor y aplicar a su fotografía o imagen.

8.4.1 Filtro remolino

Imagen 148 - Filtro remolino

94

8.4.2 Filtro poster artístico.

Imagen 149 - Filtro poster artístico

8.4.3 Filtro resplandor de glamour

Imagen 150 - Filtro Glamour

95

9 ANEXOS

96

9.1 Creación de cuenta 1. Ir al menú archivo, escoger la opción inscribirse y dar clic.

1

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 confirmación. 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 confirmación.

97

9.2 Glosario Android: Es un sistema operativo basado en el kernel de Linux , y diseñado principalmente para la pantalla táctil de dispositivos móviles como teléfonos inteligentes y computadoras tablet. API: Es una interfaz de programación que representa la capacidad de comunicación 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 método para conseguir abstracción en la programación, generalmente (aunque no necesariamente) entre los niveles o capas inferiores y los superiores del software. Uno de los principales propósitos 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: Transmisión de datos simétricos por la cual se envían simultáneamente varias piezas de información, con el objeto de incrementar la velocidad de transmisión 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 láminas traslúcidas entre las cuales hay varios objetos de colores y formas diferentes, cuyas imágenes se ven multiplicadas simétricamente al ir girando el tubo mientras se mira por el extremo opuesto. Canva: En diseño 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 más números coordenadas para determinar unívocamente la posición de un punto o de otro objeto geométrico. Flash player: Es un programa creado por Adobe que permite visualizar contenido y aplicaciones interactivas en la Web. Gimp: Es un editor de gráficos de trama utilizado para el retoque y edición de imágenes, dibujo de forma libre, cambiar el tamaño, recortar, fotomontajes , convertir entre diferentes formatos de imagen, y más tareas especializadas. HDR: Alto rango dinámico de imágenes ( HDRI o HDR ) es un conjunto de técnicas que se utilizan en la formación de imágenes y la fotografía 98

para reproducir un mayor rango dinámico de luminosidad de lo posible el uso de la imagen digital estándar o técnicas fotográficas. Imágenes HDR se pueden representar con más exactitud el rango de niveles de intensidad encontrados en escenas reales, de la luz solar directa hasta la débil luz de las estrellas, y es a menudo capturado por medio de una pluralidad de imágenes expuestas de manera diferente de la misma materia. Iphone: Es una línea de teléfonos inteligentes diseñado y comercializado por Apple Inc. Ejecuta el sistema operativo móvil iOS. Linux: Es un núcleo libre de sistema operativo, también suele referirse al núcleo como kernel basado en Unix.4 Es uno de los principales ejemplos de software libre y de código 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 año de 2002. Navegador web: Conocido internacionalmente como browser, es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos. La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, podemos enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más. Online: Un aparato asociado a un sistema está en línea si se encuentra bajo control directo del mismo, esto es, si se encuentra disponible para su uso inmediato por parte del sistema, sin intervención 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 aplicación informática. Servidor web: Es un programa informático que procesa una aplicación del lado del servidor, realizando conexiones bidireccionales y/o unidireccionales y síncronas o asíncronas con el cliente y generando o cediendo una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código recibido por el cliente suele ser compilado y ejecutado por un navegador web. Para la transmisión de todos estos datos suele utilizarse algún protocolo. Generalmente se usa el protocolo HTTP para estas comunicaciones, perteneciente a la capa de 99

aplicación del modelo OSI. El término también se emplea para referirse al ordenador que ejecuta el programa. Sobreexpuesta: Es una fotografía que estuvo expuesta más de lo debido a la luz, por lo tanto la imagen que se obtiene será demasiado clara. Subexpuesta: Es una fotografía 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 portátil de mayor tamaño que un teléfono inteligente o una PDA, integrada en una pantalla táctil sencilla o multitáctil con la que se interactúa primariamente con los dedos o un estilete (pasivo o activo), sin necesidad de teclado físico ni ratón. 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, más comúnmente denominado URL, es una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que se usa para nombrar recursos en Internet para su localización o identificación, como por ejemplo documentos textuales, imágenes, vídeos, presentaciones digitales, etc. Los localizadores uniformes de recursos fueron una innovación 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 iluminación, 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 Saturación, 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