Pág

ina2

Contenido

Clase 5

7. Ejercicios básicos en Photoshop

7.1. Ajustes de color

7.2. Colocar marco en una foto

7.3. Texto reflejado

7.4. Fotomontaje

Clase 5

Pág

ina3

7. EJERCICIOS BÁSICOS EN PHOTOSHOP

Vamos a realizar algunos ejercicios básicos, de acuerdo con los temas vistos durante el

curso.

7.1. Ajustes de color

Una mala exposición o ajuste de blancos pueden ser algunas de las causantes de una

mala foto, por efecto de unos colores desastrosos.

En el siguiente ejemplo veremos cómo aclara una imagen que ha salido muy oscura.

Primero que todo abriremos la imagen que vamos a modificar.

Imagen 1. Imagen a aclarar.

[1]

Enseguida crearemos una nueva capa:

Pág

ina4

Imagen 2. Creación de una nueva capa.

[2]

Imagen 3. Creación de una nueva capa.

[3]

En el panel Capas veremos la nueva capa que acabamos de crear.

Imagen 4. Nueva capa.

[4]

Para mayor comodidad quitaremos la visibilidad de la capa Fondo, haciendo clic en el

ícono .

Pág

ina5

Imagen 5. Quitar la visibilidad de una capa.

[5]

Rellenaremos la nueva capa con color blanco. Para ello haremos clic en el menú Edición, y

enseguida clic en la opción Rellenar.

Imagen 6. Opción Rellenar.

[6]

Se abre un cuadro de diálogo con opciones de relleno. Para seleccionar el color haremos

clic en la opción Usar, y haremos clic en la opción Color.

Pág

ina6

Imagen 7. Opciones de relleno.

[7]

En la paleta de colores seleccionaremos el color Blanco, y haremos clic en el botón Ok.

Imagen 8. Selección de color.

[8]

En el cuadro Fusión, en la opción Modo, haremos clic y seleccionaremos la opción Luz

suave.

Pág

ina7

Imagen 9. Modo de fusión.

[9]

Y en el cuadro de Capas. En el modo de fusión haremos clic.

Imagen 10. Modo de fusión.

[10]

Y nuevamente seleccionaremos la opción Luz suave.

Pág

ina8

Imagen 11. Opción Luz suave.

[11]

Volveremos a activar la visibilidad en la capa Fondo, y veremos el resultado.

Pág

ina9

Imagen 12. Imagen aclarada.

[12]

Si no quedamos satisfechos con el resultado, podemos volver a crear una nueva capa y

realizar el procedimiento de nuevo. Como se ve en la siguiente imagen:

Imagen 13. Imagen aclarada.

[13]

Pág

ina1

0

En las siguientes imágenes veremos la imagen original, y la imagen que ha sido aclarada.

Imagen 14. Imagen original

[14]

Imagen 15. Imagen aclarada

[15]

Este es un método muy utilizado para aclarar una fotografía. Debemos tener en cuenta

que también podemos borrar algunas zonas de la capa rellena de blanco, solo si queremos

únicamente aclarar selectivamente algunas zonas.

Pág

ina1

1

Si por el contrario queremos oscurecer una imagen que está muy clara, rellenaremos la

capa de negro y oscureceremos la imagen. Podemos practicar con otros colores o con la

opacidad, y veremos cómo cambian nuestras fotografías.

5.2. COLOCAR MARCO EN LAS FOTOS.

Ahora veremos un ejercicio sencillo para agregarle marco a una foto. Lo primero que

haremos será abrir una imagen.

Imagen 16. Abrir una imagen.

[16]

Una vez abierta la imagen, iremos al menú Selección, y haremos clic en la opción Todo

(ctrl + A).

Pág

ina1

2

Imagen 17. Menú selección.

[17]

Veremos que toda la imagen ha sido seleccionada. Ahora haremos clic en el menú

Selección, nos ubicaremos en Modificar y hacemos clic en la opción Borde.

Imagen 18. Opción modificar borde.

[18]

Pág

ina1

3

Para nuestro ejemplo le colocaremos un borde de 15 pixeles, y haremos clic en el botón

Ok.

Imagen 19. Modificación del borde.

[19]

En la siguiente imagen veremos el borde seleccionado:

Imagen 20. Aplicación de borde.

[20]

Ahora crearemos una nueva capa, mediante la opción Capa vía Copiar (ctrl + J)

Pág

ina1

4

Imagen 21. Creación de una nueva capa.

[21]

Sobre la capa nueva haremos clic derecho, y haremos clic en Opciones de fusión.

Imagen 22. Opciones de fusión.

[22]

En el panel de la derecha marcaremos la opción Superposición de colores, y en el área

derecha seleccionaremos el color que le queramos dar al marco.

Pág

ina1

5

Imagen 23. Superposición de colores

[23]

Y en la parte inferior izquierda marcaremos la opción Trazo, en el tamaño le colocaremos

3, seleccionamos el color que queramos, y hacemos clic en Ok.

Imagen 24. Opción Trazo.

[24]

Pág

ina1

6

Al realizar estos pasos, nos quedará la imagen con marco, así como se ve en la siguiente

imagen.

Imagen 25. Imagen con marco.

[25]

5.3. TEXTO REFLEJADO

Vamos a hacer un reflejo al texto. Es algo muy sencillo y muy útil cuando queremos hacer

un "título elegante".

Primero que todo vamos a crear un nuevo lienzo y le asignaremos un tamaño por ejemplo

de 800 x 400.

Pág

ina1

7

Imagen 26. Nuevo lienzo de trabajo.

[26]

Enseguida rellenaremos la capa del color que queramos. Para este ejemplo lo haremos

con color negro, damos clic en el menú Edición, y luego clic en la opción Rellenar

Imagen 27. Opción Rellenar

[27]

Luego de rellenar el lienzo duplicaremos la capa. Para ello nos ubicamos encima de la

capa, hacemos clic derecho y seleccionamos la opción Duplicar capa. También podemos

hacer clic en el menú Capa, y clic en la opción duplicar capa.

Pág

ina1

8

Imagen 28. Duplicar capa.

[28]

Ahora seleccionamos la herramienta Texto , y veremos que en la parte superior se

activa una barra de herramientas con opciones para configurar el mismo, como son:

Tamaño, tipo de fuente, color, entre otros. Enseguida escribiremos el texto que queramos.

Imagen 29. Inserción de texto.

[29]

Imagen 30. Herramientas de texto.

[30]

Duplicamos la capa de texto que acabamos de crear.

Pág

ina1

9

Imagen 31. Duplicar capa.

[31]

Enseguida vamos al menú Edición, nos ubicamos en la opción Transformar, y hacemos clic

en la opción Voltear vertical.

Pág

ina2

0

Imagen 32. Opción Voltear Vertical.

[32]

Vemos que el texto queda montado encima del original.

Pág

ina2

1

Imagen 33. Opción Voltear vertical

[33]

Utilizaremos la herramienta Mover , para desplazar el texto hacia abajo, como se ve

en la siguiente imagen.

Imagen 34. Aplicación de la herramienta mover.

[34]

Pág

ina2

2

Sobre la nueva capa que creamos, haremos clic derecho y seleccionaremos la opción

Rasterize Type.

Imagen 35. Opción Rasterize Type.

[35]

Ahora seleccionaremos la herramienta Marco rectangular , y en la parte superior

colocaremos un calado (para suavizar los bordes) de 30 px, como se ve en la siguiente

imagen.

Imagen 36. Suavizado de bordes.

[36]

Pág

ina2

3

Imagen 37. Herramienta seleccionar.

[37]

Ahora presionaremos la tecla Suprimir para aclarar el texto reflejado. Podemos hacerlo

una o dos veces.

Imagen 38. Aclarar el texto reflejado.

[38]

Pág

ina2

4

Para quitar la selección presionaremos las teclas Ctrl + D. Y ya tendremos el resultado del

texto reflejado.

Imagen 39. Resultado final Texto reflejado.

[39]

7.4. FOTOMONTAJE

Adobe Photoshop es un programa para realizar fotomontajes muy convencedores, sin

mucho esfuerzo. Simplemente debemos saber utilizar las herramientas adecuadas.

Enseguida veremos cómo realizar un fotomontaje con dos imágenes. Se recomienda que

ambas imágenes tengan un buen tamaño (mínimo 600 x600 pixeles o más). Lo haremos

con las siguientes imágenes, un de ellas del agente 007 James Bond, y la otra del

humorista Rowan Atkinson más conocido como Mr. Bean.

Pág

ina2

5

Imagen 40. Imágenes para realizar el fotomontaje.

[40] [41]

Primero abriremos la imagen que nos va a servir de fondo, y en este caso es la imagen

de James Bond.

Pág

ina2

6

Imagen 41. Abrir la imagen de fondo.

[42]

Ahora abriremos la segunda imagen, de la cual tomaremos la cara.

Imagen 42. Abrir la segunda imagen.

Pág

ina2

7

[43]

Ahora seleccionaremos la herramienta Lazo , y seleccionaremos el contorno de la cara,

como se ve en la siguiente imagen:

Imagen 43. Aplicación de la herramienta lazo.

[44]

Una vez terminada la selección la copiaremos en el menú Edición, y la opción copiar.

Pág

ina2

8

Imagen 44. Copiar la selección.

[45]

Ahora iremos a la imagen que tendremos como fondo, y pegaremos la selección que

copiamos, en el menú Edición, opción Pegar.

Imagen 45. Pegar la selección.

[46]

En la siguiente imagen vemos como ha sido pegada la selección. También podemos ver

que se ha creado una nueva capa.

Pág

ina2

9

Imagen 46. Pegado de la selección.

[47]

Ahora utilizaremos la herramienta Rotar, para ajustar el situado la imagen. Para ello

haremos clic en el menú Edición, nos ubicamos en la opción Transformar y hacemos clic

en la opción Rotar.

Pág

ina3

0

Imagen 47. Herramienta Rotar.

[48]

Con la herramienta Rotar ajustaremos la cara para que quede en la misma posición que

tiene la cara original. En la siguiente imagen podemos ver que se crea un cuadro dentro

de la cara, y este tiene 8 puntos de modificación. Nos ubicaremos sobre cualquiera de

ellos hasta obtener la posición deseada.

Pág

ina3

1

Imagen 48. Herramienta Rotar.

[49]

Utilizaremos la herramienta Mover , para ubicar la imagen encima de la cara de la

primera imagen.

Para ajustar el tamaño de la cara, utilizaremos la herramienta Escala, está la encontramos

en el menú Edición, y ubicándonos sobre la opción Transformar, como se ve en la

siguiente imagen.

Pág

ina3

2

Imagen 49. Herramienta Escala.

[50]

Escalaremos la cara hasta que se ajuste a nuestra necesidad.

Imagen 50. Aplicación de la herramienta Escala.

[51]

Una vez finalizado el ajuste del tamaño y la rotación, se abre una ventana en la cual se

nos pregunta si deseamos aplicar la transformación a la imagen. Si estamos seguros,

haremos clic en Aplicar.

Pág

ina3

3

Imagen 51. Confirmación de la transformación.

[52]

Ya que hemos ajustado la cara, duplicaremos la capa que la contiene, haciendo clic

derecho sobre la capa y haciendo clic en la opción Duplicar capa.

Imagen 52. Duplicar capa.

[53]

Pág

ina3

4

Una vez duplicada la capa, nos ubicaremos encima de ella, y en la seccion de Modos de

fusion, haremos clic.

Imagen 53. Modo de fusión de capas.

[54]

Y seleccionaremos el modo de fusión Color.

Imagen 54. Selección de un modo de fusión.

[55]

Ahora vamos a igualar el color de la cara de fondo con el color de la nueva cara. Para ello

seleccionaremos la herramienta Cuentagotas , y haremos clic sobre una rea de la cara

original para que tome una muestra del color. Ahora seleccionaremos la herramienta

Pincel y empezaremos a dibujar sobre la nueva cara, como se ve en la siguiente

imagen.

Pág

ina3

5

Imagen 55. Aplicación de la herramienta Pincel.

[56]

Podemos repetir varias veces este procedimiento para mejorar el color.

Pág

ina3

6

Imagen 56. Igualación del color.

[57]

Ahora combinaremos las capas para que nos quede una sola. Para ello seleccionaremos

las tres, haremos clic derecho y escogeremos la opción Combinar visibles.

Imagen 57. Combinar las capas.

[58]

Pág

ina3

7

Ahora utilizatremos el Pincel corrector , que nos ayudará hacer coincidir la textura,

iluminación, transparencia y sombra de los pixeles muestreados, con los pixeles que se

están corrigiendo. Como resultado, los pixeles reparados se fusionan perfectamente con el

resto de la imagen. Para ello seleccionamos la herramienta, tomamos una muestra

cercana, y luego la pasamos por el área que queramos corregir.

Imagen 58. Aplicación de la herramienta Pincel corrector.

[59]

Ya que hemos corregido la imagen podemos guardarla. Para ello iremos al menú Archivo y

seleccionaremos la opción Guardar como.

Pág

ina3

8

Imagen 59. Opción Guardar como.

[60]

Le colocaremos el nombre que queramos, y en el tipo seleccionaremos el formato JPEG,

que es uno de los formatos más comunes para guardar imágenes digitales.

Pág

ina3

9

Imagen 60. Cuadro de diálogo Guardar como.

[61]

Ya tendremos nuestro fotomontaje realizado de una manera rápida y sencilla.

Pág

ina4

0

Imagen 61. Resultado final del fotomontaje.

[62]

Referencias

Pág

ina4

1

1 Imagen tomada del programa Adobe Photoshop CS3. 2 Imagen tomada del programa Adobe Photoshop CS3. 3 Imagen tomada del programa Adobe Photoshop CS3. 4 Imagen tomada del programa Adobe Photoshop CS3.

5 Imagen tomada del programa Adobe Photoshop CS3. 6 Imagen tomada del programa Adobe Photoshop CS3. 7 Imagen tomada del programa Adobe Photoshop CS3 8 Imagen tomada del programa Adobe Photoshop CS3.

9 Imagen tomada del programa Adobe Photoshop CS3.

10 Imagen tomada del programa Adobe Photoshop CS3. 11

Imagen tomada del programa Adobe Photoshop CS3. 12 Imagen tomada del programa Adobe Photoshop CS3. 13 Imagen tomada del programa Adobe Photoshop CS3. 14 Imagen tomada del programa Adobe Photoshop CS3. 15 Imagen tomada del programa Adobe Photoshop CS3. 16 Imagen tomada del programa Adobe Photoshop CS3. 17 Imagen tomada del programa Adobe Photoshop CS3. 18 Imagen tomada del programa Adobe Photoshop CS3. 19 Imagen tomada del programa Adobe Photoshop CS3. 20 Imagen tomada del programa Adobe Photoshop CS3. 21 Imagen tomada del programa Adobe Photoshop CS3. 22 Imagen tomada del programa Adobe Photoshop CS3. 23 Imagen tomada del programa Adobe Photoshop CS3. 24 Imagen tomada del programa Adobe Photoshop CS3. 25 Imagen tomada del programa Adobe Photoshop CS3. 26 Imagen tomada del programa Adobe Photoshop CS3. 27 Imagen tomada del programa Adobe Photoshop CS3. 28 Imagen tomada del programa Adobe Photoshop CS3. 29 Imagen tomada del programa Adobe Photoshop CS3. 30 Imagen tomada del programa Adobe Photoshop CS3. 31 Imagen tomada del programa Adobe Photoshop CS3. 32 Imagen tomada del programa Adobe Photoshop CS3. 33 Imagen tomada del programa Adobe Photoshop CS3. 34 Imagen tomada del programa Adobe Photoshop CS3. 35 Imagen tomada del programa Adobe Photoshop CS3. 36 Imagen tomada del programa Adobe Photoshop CS3. 37 Imagen tomada del programa Adobe Photoshop CS3. 38

Imagen tomada del programa Adobe Photoshop CS3. 39 Imagen tomada del programa Adobe Photoshop CS3. 40 Imagen tomada de Moviesimas. En: Moviesimas. [consultado 21 oct 2010] Disponible en <http://moviesimas.wordpress.com/about/> 41

Imagen tomada de Taringa [consultado 21 oct 2010] disponible en <http://new.taringa.net/posts/humor/5931419/14-capitulos-de-Mr_-Bean-%5Brecopilado-con-imagenes%5D.html > 42

Imagen tomada del programa Adobe Photoshop CS3. 43

Imagen tomada del programa Adobe Photoshop CS3. 44

Imagen tomada del programa Adobe Photoshop CS3. 45

Imagen tomada del programa Adobe Photoshop CS3. 46 Imagen tomada del programa Adobe Photoshop CS3. 47 Imagen tomada del programa Adobe Photoshop CS3. 48 Imagen tomada del programa Adobe Photoshop CS3. 49

Imagen tomada del programa Adobe Photoshop CS3.

Pág

ina4

2

50 Imagen tomada del programa Adobe Photoshop CS3. 51 Imagen tomada del programa Adobe Photoshop CS3. 52 Imagen tomada del programa Adobe Photoshop CS3. 53

Imagen tomada del programa Adobe Photoshop CS3. 54 Imagen tomada del programa Adobe Photoshop CS3. 55 Imagen tomada del programa Adobe Photoshop CS3. 56 Imagen tomada del programa Adobe Photoshop CS3. 57

Imagen tomada del programa Adobe Photoshop CS3. 58

Imagen tomada del programa Adobe Photoshop CS3. 59 Imagen tomada del programa Adobe Photoshop CS3. 60

Imagen tomada del programa Adobe Photoshop CS3. 61 Imagen tomada del programa Adobe Photoshop CS3. 62 Imagen tomada del programa Adobe Photoshop CS3.

Programa Masificación de TIC

Empresa de Telecomunicaciones de Bogotá ETB S.A. ESP

Pág

ina4

3

www.portalesinteractivos.etb.com.co

2010

Líder Programa Masificación de TIC

Diego Puerta Franco

Autores

Andrés Arévalo Espejo

Mauricio Cuevas Olaya

Omar Medina Lara

Jhon Bernal Gómez

Revisión de contenidos

Gonzalo Monroy Pirazan

Revisión de estilo

Andrea Sandoval Rojas

Diseño y diagramación

Luis Fernando Parra Corredor

Pág

ina4

4

Este documento ha sido realizado para el uso de los operadores de los Portales

Interactivos de la Empresa de Telecomunicaciones de Bogotá ETB S.A. ESP. Su

uso está sujeto a las políticas de operación de los Portales Interactivos.

2011