Lectura Guia Clase 5

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ágina
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: 3

Página
Imagen 2. Creación de una nueva capa.
[ 2]
[ 3]
En el panel Capas veremos la nueva capa que acabamos de crear.
Imagen 4. Nueva capa.
[ 4]
4
Para mayor comodidad quitaremos la visibilidad de la capa Fondo, haciendo clic en el

Página
ícono .
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.
5
Página
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.
6
Página
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]
7
Y nuevamente seleccionaremos la opción Luz suave.

Página
Imagen 11. Opción Luz suave.
[11]
Volveremos a activar la visibilidad en la capa Fondo, y veremos el resultado.
8
Página
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.
9
Página
[13]
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
10
que también podemos borrar algunas zonas de la capa rellena de blanco, solo si queremos
Página
únicamente aclarar selectivamente algunas zonas.

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).
11
Página
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.
12
Página
[18]
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)
13
Página
[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.
14
Página
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.
15
Página
[24]
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.
16
Página
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
17
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ágina
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]
18
Página
Duplicamos la capa de texto que acabamos de crear.

[31]
Enseguida vamos al menú Edición, nos ubicamos en la opción Transformar, y hacemos clic
en la opción Voltear vertical.
19
Página
Imagen 32. Opción Voltear Vertical.
[32]
Vemos que el texto queda montado encima del original.
20
Página
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.
21
Página
[34]
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.

22
Página
[36]
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.
23
Página
[38]
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.
24
Página
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.
25
Página
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.
26
Página
[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.
27
Página
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.
28
Página
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.
29
Página
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.
30
Página
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.
31
Página
Imagen 49. Herramienta Escala.
[50]
Escalaremos la cara hasta que se ajuste a nuestra necesidad.
Imagen 50. Aplicación de la herramienta Escala.
[51]
32
Una vez finalizado el ajuste del tamaño y la rotación, se abre una ventana en la cual se
Página
nos pregunta si deseamos aplicar la transformación a la imagen. Si estamos seguros,

haremos clic en Aplicar.
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.
33
Página
[53]
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
34
Pincel y empezaremos a dibujar sobre la nueva cara, como se ve en la siguiente

imagen.
Página
Imagen 55. Aplicación de la herramienta Pincel.
[56]
Podemos repetir varias veces este procedimiento para mejorar el color.
35
Página
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]
36
Página
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.
37
Página
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. 38
Página
Imagen 60. Cuadro de diálogo Guardar como.
[61]
Ya tendremos nuestro fotomontaje realizado de una manera rápida y sencilla.

39
Página
Imagen 61. Resultado final del fotomontaje.
[62]
40
Referencias
Página
1
Imagen tomada del programa Adobe Photoshop CS3.
2
3
4
5
6
7
Imagen tomada del programa Adobe Photoshop CS3
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
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
43
44
45
41
46
47
Página
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
42
Programa Masificación de TIC

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

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
43
Página
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
44
Página

Lectura Guia Clase 5

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Lectura Guia Clase 5

Cargado por

Copyright:

Formatos disponibles

Contenido

7. Ejercicios básicos en Photoshop

7.1. Ajustes de color

Imagen 1. Imagen a aclarar.

Enseguida crearemos una nueva capa: 3

Imagen 3. Creación de una nueva capa.

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

Imagen 4. Nueva capa.

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

Imagen 6. Opción Rellenar.

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

Imagen 8. Selección de color.

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

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

Imagen 10. Modo de fusión.

Y nuevamente seleccionaremos la opción Luz suave.

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

Imagen 13. Imagen aclarada.

Imagen 14. Imagen original

Imagen 15. Imagen aclarada

únicamente aclarar selectivamente algunas zonas.

5.2. COLOCAR MARCO EN LAS FOTOS.

Imagen 16. Abrir una imagen.

Imagen 18. Opción modificar borde.

Imagen 19. Modificación del borde.

En la siguiente imagen veremos el borde seleccionado:

Imagen 20. Aplicación de borde.

Imagen 22. Opciones de fusión.

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

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

Imagen 24. Opción Trazo.

Imagen 25. Imagen con marco.

5.3. TEXTO REFLEJADO

Imagen 27. Opción Rellenar

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

Imagen 29. Inserción de texto.

Imagen 30. Herramientas de texto.

Duplicamos la capa de texto que acabamos de crear.

Vemos que el texto queda montado encima del original.

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

Imagen 34. Aplicación de la herramienta mover.

Imagen 35. Opción Rasterize Type.

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

Imagen 36. Suavizado de bordes.

Imagen 38. Aclarar el texto reflejado.

Imagen 39. Resultado final Texto reflejado.

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

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

Imagen 42. Abrir la segunda imagen.

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

Imagen 43. Aplicación de la herramienta lazo.

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

Imagen 45. Pegar la selección.

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

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

Escalaremos la cara hasta que se ajuste a nuestra necesidad.

Imagen 50. Aplicación de la herramienta Escala.

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

Imagen 52. Duplicar capa.

Imagen 53. Modo de fusión de capas.

Y seleccionaremos el modo de fusión Color.

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

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