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