photoshop cs5. ejercicios...

26
Photoshop CS5 Ejercicios prácticos Mª Magdalena Muñoz Revert Ejemplo de texto

Upload: vancong

Post on 17-Feb-2018

227 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Photoshop CS5 Ejercicios prácticos

Mª Magdalena Muñoz Revert

Ejem

plo

de te

xto

Page 2: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Sinopsis

Photoshop es una herramienta de diseño gráfico no sólo dirigida a profesionales, sino a cualquier usuario que desee reparar esas foto-grafías viejas y deterioradas que le gustaría conservar; crear carteles o simplemente para realizar sus propias creaciones.

El libro que tiene el lector entre manos se conforma de dos partes principales: en la primera de ellas se explica de forma detallada cada una de las herramientas más usuales que se necesitarán utilizar; y en la segunda parte se desarrolla la aplicación las mismas, por medio de ejercicios prácticos con los que el lector aprenderá a usar las herra-mientas y a aplicarlas.

María Magdalena Muñoz, autora del li-bro de informática, Ejercicios Prácticos Pho-toShop CS5, editado en digital por Luarna Ediciones, es también co-creadora del blog EDUCABITS [http://educabits.word-press.com].

Tras una dilatada carrera en el mundo de la informática y de su labor como profeso-ra (monitora) del Área de Informática e In-

ternet en distintos centros educativos, así como en diversas empresas, Magdalena Muñoz ha sido consciente de la necesidad de “acercar” al usuario de a pie a las aplicaciones y herramientas informáticas que pueden hacer que el mismo se familiarice con un mundo cada vez más cercano y necesario.

Ejem

plo

de te

xto

Page 3: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Luarna

Photoshop CS5. Ejercicios prácticos © 2010, Mª Magdalena Muñoz Revert © 2010, Luarna Ediciones, S.L. www.luarna.com Madrid, agosto de 2010 ISBN: 978-84-92684-93-9 Versión 1.0 (31-8-2010) Cualquier forma de reproducción, distribución, comunicación pública o transformación de esta obra sólo puede ser realizada con la autorización de sus titulares, salvo excepción prevista por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesi-ta fotocopiar o escanear algún fragmento de esta obra.

Ejem

plo

de te

xto

Page 4: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Photoshop CS5. Ejercicios prácticos

Mª Magdalena Muñoz Revert

Ejem

plo

de te

xto

Page 5: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

A Amparo Chiachio por su desinteresada aportación. A Gema y Pablo por su cariño y por compartir mi ilusión por este libro. A mi familia y

amigos por estar ahí. A mis alumnos por su apoyo incondicional.

Ejem

plo

de te

xto

Page 6: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Índice

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

Capítulo 1. Conociendo las herramientas de Photoshop .................. 12

1.1 Área de trabajo .............................................................................. 13

1.2 Herramientas de Photoshop ........................................................ 14

1.2.1 Paletas ......................................................................................... 24

1.2.2 Paletas emergentes y opciones .................................................. 25

Capítulo 2. Ejercicios prácticos............................................................ 27

2.1 Ejercicio de selección ..................................................................... 28

Capítulo 3. Transformando una imagen ............................................ 32

3.1 Transformación de imágenes ...................................................... 33

Capítulo 4. Reflejos ............................................................................... 42

4.1 Reflejo de un paisaje ..................................................................... 43

Capítulo 5. Fundir imágenes ............................................................... 47

5.1 Fundir dos imágenes ..................................................................... 48

Capítulo 6. Efecto gotas de agua ......................................................... 53

6.1 Gotas de agua ................................................................................ 54

Capítulo 7. Efecto texto personalizado ................................................ 60

7.1 Efecto texto .................................................................................... 61 Ejem

plo

de te

xto

Page 7: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Capítulo 8. Enmarcar una imagen ....................................................... 64

8.1 Hacer un marco a una fotografía ................................................ 65

Capítulo 9. Efecto hielo y nieve .......................................................... 67

9.1 Colocar nieve a una foto ............................................................... 69

Capítulo 10. Blanqueador dental ........................................................ 71

10.1 Blanquear dientes ........................................................................ 72

Capítulo 11. Retoque de fotografías ................................................... 75

11.1 Arreglar arrugas y defectos de la piel ....................................... 76

Capítulo 12. Reparación de fotografías antiguas ............................. 78

12.1 retocar fotos ................................................................................. 79

Capítulo 13. Colorear una fotografía B/N .......................................... 82

13.1 Pintando una foto ........................................................................ 84

13.2 Pop Art ......................................................................................... 86

Capítulo 14. Creando fondos ............................................................... 90

14.1 Fondo abstracto ........................................................................... 91

Capítulo 15. De fotografía a dibujo .................................................... 96

Capítulo 16. Creando fondos ............................................................... 99

16.1 Fondo para un cartel ................................................................. 100

Capítulo 17. Imágenes 3D con Photoshop Extended ...................... 103

17.1 Transformando imágenes en 3D .............................................. 104

Capítulo 18. Efecto chocolate ............................................................. 107

18.1 Texto de chocolate ..................................................................... 108

Capítulo 19. Crear animación ............................................................ 115

19.1 Paleta de animación .................................................................. 116

Capítulo 20. Máscara de recorte ........................................................ 120 Ejem

plo

de te

xto

Page 8: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

20.1 Insertar imagen a texto ............................................................. 121

Capítulo 21. De foto a caricatura ....................................................... 125

21.1 Crear caricatura ......................................................................... 126

Capítulo 22. Distintos efectos para textos ....................................... 130

22.1 Efectos 3D en texto .................................................................... 131

22.2 Texto hierba ............................................................................... 134

Capítulo 23. Crear cigarrillos ............................................................. 138

Capítulo 24. Relleno según el contenido ......................................... 145

Capítulo 25. Perfeccionando bordes ................................................. 150

Capítulo 26. Enderezar y enfocar fotografías .................................. 156

Capítulo 27. Minibridge ..................................................................... 160

Capítulo 28. Tonos HDR .................................................................... 163

Capítulo 29. Deformación de posición libre .................................... 166

Ejem

plo

de te

xto

Page 9: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Introducción

Ejem

plo

de te

xto

Page 10: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Photoshop es una herramienta de diseño gráfico no sólo dirigida a profesionales, sino a cualquier usuario que desee reparar esas foto-grafías viejas y deterioradas que os gustaría conservar; crear carteles o simplemente para realizar tus propias creaciones.

A través de las siguientes páginas podrás aprender a realizar todo lo que siempre quisiste saber y te pareció muy complejo o no te atreviste siquiera a intentar.

El libro que tienes entre manos se compone de dos partes principales, la primera de ellas en la que te explico de forma detallada cada una de las herramientas más usuales que necesitarás utilizar. La segunda parte se desarrolla por medio de ejercicios prácticos con los que aprenderás a usar las herramientas y a aplicarlas.

Para que puedas identificar con facilidad cuáles son las “pestañas” y opciones que aparecen en Photoshop he presentado cada una de ellas en negrita, de esta manera sabrás reconocerlas fácilmente. Por ejem-plo:

Barra de Menú: Capa- Nueva- Capa

Siguiendo cada una de las opciones anteriores sabrás los pasos que debes seguir y reconocer las diferentes opciones de Photoshop.

Con este libro he pretendido adentrar de manera fácil y práctica, en el interesante mundo de Photoshop, con ejercicios sencillos y amenos, tanto para principiantes como para los que ya tienen conocimientos de dicho programa.

Os presento a nuestra mascota y amigo “@rrobi”, que os acompañará y os guiará en esta agradable aventura. No sólo tendréis

ayuda con lo que os he citado antes sino que “@rrobi” también os guiará, y en cada momento os recordará aquellos pasos que no se os pueden olvidar para con-

seguir vuestros fines. Ejem

plo

de te

xto

Page 11: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Todos los ejercicios que aparecen son diferentes. Como puedes ver por el índice algunos tienes títulos similares pero están recogidos en el Manual que tienes entre manos porque presentan diferentes formas de realizarlos. Lo he hecho así para que podáis conocer las diferentes herramientas de Photoshop y utilizar aquella que os resulte más útil, práctica y fácil.

¡¡¡Espero que disfrutéis junto con @rrobi de esta maravillosa aventu-ra!!!

Ejem

plo

de te

xto

Page 12: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Capítulo 1 Conociendo las herramientas de Photoshop

Ejem

plo

de te

xto

Page 13: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

En este apartado vamos a conocer una a una las herramientas de Pho-toshop, describiendo su función. También veremos el área de trabajo para conocer mejor el espacio con el que vamos a trabajar.

1.1 Área de trabajo

Ejem

plo

de te

xto

Page 14: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Barra de menús

1.2 Herramientas de Photoshop

Cada vez que veas en las herramientas de Photoshop, un triangulito al lado de la herramienta, quiere decir que hay herramientas ocultas, como se ve en la imagen. Estas herra-mientas se sacan pulsando el botón izquierdo del ratón haciendo un clic largo (un segundo).

La herramienta que vemos en la imagen, es la herramienta de marco rectangular, una herramienta de selección.

Vamos a empezar explicando las herramientas una a una.

La primera herramienta que vemos en la barra de herramien-tas de Photoshop es la herramienta de Mover.

Ejem

plo

de te

xto

Page 15: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta de Mover: Para mover objetos, capas, etc.

Herramienta de Marco Rectangular. Selecciona una imagen o par-tes de ella de forma rectangular.

Marco Elíptico. Selecciona de forma elíptica.

Marco Fila Única. Selecciona una fina línea de forma horizontal.

Marco Columna Única. Selecciona una fina línea de forma vertical.

Herramienta de Lazo Sirve para seleccionar a mano alzada, es de-cir sin ayuda de instrumentos, sólo con el lápiz y la mano.

Lazo Poligonal. Selecciona de forma rectilínea (líneas rectas).

Lazo Magnético. Selecciona de forma ajustable, es decir ajustándo-se a los bordes de la imagen que quieras seleccionar.

Ejem

plo

de te

xto

Page 16: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta Varita Mágica. Selecciona áreas de colores similares.

Selección Rápida: Permite seleccionar rápidamente mediante una punta de pincel redonda ajustable.

Herramienta de Recortar. Esta herramienta sirve para separar imágenes.

Herramienta de Sector. Crea sectores de una imagen.

Seleccionar Sector: Selecciona diversos pedazos o sectores en una imagen.

Ejem

plo

de te

xto

Page 17: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta Cuentagotas. Toma muestras de colores de una ima-gen.

Muestra de Color. Toma hasta como máximo 4 muestras de color de la imagen.

Herramienta Regla. Mide distancia y ángulos.

Herramienta Nota. Establece notas que pueden ir con las imáge-nes.

Herramienta Recuento. Cuenta los objetos de una fotografía.

Herramienta de Pincel Corrector. Corrige imperfecciones de una imagen. Con esta herramienta debes utilizar la tecla Alt. Para es-coger una muestra y poder corregir la imperfección.

Pincel Corrector Puntual. A diferencia de la anterior no necesitas utilizar la tecla Alt. pues las correcciones se realizan sobre peque-ñas zonas, como puntos, pecas, etc.

Herramienta Parche. Repara imperfecciones a través de una selec-ción.

Pincel de Ojos Rojos. Quita el reflejo de los ojos que han salido ro-jos. Sustituye el color de los ojos rojos. Ej

empl

o de

text

o

Page 18: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta Pincel. Se utiliza para pintar.

Lápiz. Pinta líneas.

Sustitución del Color. Sustituye un color por otro que tú elijas.

Pincel Mezclador. Mezcla los colores realistas del lienzo y la humedad.

Herramienta de Tampón de Clonar. Clona con una muestra de la imagen. Con esta herramienta debes pulsar la tecla Alt. para po-der coger una muestra de la imagen y poder clonarla.

Tampón de Motivo. Clona a partir de un motivo.

Herramienta Pincel de Historia. Es un pincel que pinta desde una instantánea que previamente hicimos en el panel de historia.

Herramienta de Pincel Histórico. Pinta con trazos finos sacados a partir de una instantánea.

Ejem

plo

de te

xto

Page 19: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta de Borrador. Para borrar.

Borrador de Fondos. Borra zonas y las deja transparentes solamen-te arrastrando.

Borrador Mágico. Borra zonas con colores uniformes y las deja transparentes.

Herramienta de Degradado. Crean fusiones de colores, bien sean rectas, radiales, angulares, en diamante y reflejado.

Bote de Pintura. Rellena zonas de color con el color frontal.

Herramienta de Desenfocar. Suaviza los bordes y reduce el detalle de una imagen.

Enfocar. Aumenta el enfoque en los bordes y aumenta el detalle de una imagen.

Dedo. Difumina colores.

Ejem

plo

de te

xto

Page 20: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta Sobreexponer. Aclara las zonas de una imagen.

Subexponer. Oscurece zonas de una imagen.

Esponja. Cambia la saturación de la zona de una imagen

Herramienta Pluma. Dibujan trazados suaves.

Pluma de Forma Libre. Permite dibujar como si estuvieras pintan-do sobre papel con un lápiz.

Añadir Punto de Ancla. Para añadir puntos y poder transformar una selección en curva.

Eliminar Punto de Ancla. Elimina los puntos de ancla citados an-teriormente,

Convertir Punto de Ancla. Convierte una recta en un punto de forma suave.

Ejem

plo

de te

xto

Page 21: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta de Selección de Trazado. Herramientas ocultas.

Herramienta de Texto Horizontal. Escribe horizontalmente.

Texto Vertical. Escribe verticalmente.

Máscara de Texto Horizontal. Crea una selección con la forma del texto horizontalmente.

Máscara de Texto vertical. Crea una selección con la forma del texto verticalmente.

Herramienta Selección de Trazado. Efectúan selecciones y mues-tran puntos de ancla.

Selección Directa. Selecciona puntos de ancla.

Ejem

plo

de te

xto

Page 22: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta Rectángulo. Dibuja rectángulos.

Rectángulo Redondeado. Dibuja rectángulos con esquinas redon-deadas.

Elipse. Dibuja elipses.

Polígono. Dibuja polígonos.

Línea. Dibuja líneas.

Forma personalizada. Dibuja formas personalizadas que Photo-shop tiene.

Herramienta Mano. Te mueves por una imagen desplazándote.

Herramienta de Rotar Vista. Permite rotar la vista de la imagen sin transformarla.

Ejem

plo

de te

xto

Page 23: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta Zoom. Para acercarse y alejarse por la imagen.

Colores Frontal y Fondo. Para que puedas colorear.

Conmutar colores Frontal y Fondo. Inviertes los colores frontal y de fondo.

Editar modo de Máscara rápida.

Herramienta Rotación de objeto 3D.Gira el objeto alrededor de su eje X.

Herramienta de Desplazamiento de objeto 3D, Gira el objeto alre-dedor de su eje Z.

Herramienta Panorámica de objeto 3D. Rota el objeto en dirección X o Y.

Herramienta de Desplazamiento de objeto 3D. Mueve el objeto de forma lateral.

Herramienta Escala de objeto 3D. Redimensiona el objeto.

Estas herramientas solo estarán en Photoshop CS5 Extended o CS4 Extended.

Ejem

plo

de te

xto

Page 24: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

Herramienta Rotar 3D. Permite rotar objetos en 3D.

Herramienta de Orbitar 3D. Orbita o gira un objeto en 3D

1.2.1 Paletas Las paletas en Photoshop son ventanas flotantes que tienes diferentes cometidos en el programa. Para ver las paletas que tiene el programa tienes que dirigirte a la barra de menú y pulsar en Ventana.

Estas herramientas sólo las tienes si tienes Pho-toshop CS4 Extended.

PALETA CAPAS, CANALES Y TRAZADOS

Ejem

plo

de te

xto

Page 25: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

1.2.2 Paletas emergentes y opciones Estas paletas se pueden ver cada vez que pulses cualquier herramien-ta de Photoshop. En la parte superior saldrán unas opciones a elegir para poder poner los valores que queramos de dicha herramienta. En algunos casos saldrán las llamadas paletas emergentes.

Por ejemplo en la herramienta Pincel: Cómo veis podemos establecer tamaño y estilo del pincel que queráis utilizar.

Si elegimos la herramienta de Texto, podemos observar en la imagen las opciones que salen de dicha herramienta y con lo cual podemos cambiar a nuestro gusto. Lo que se muestra en la imagen es una pale-ta emergente.

PALETA COLOR, MUESTRAS Y ESTILOS

Ejem

plo

de te

xto

Page 26: Photoshop CS5. Ejercicios prácticosiesoldeoriente.wikispaces.com/file/view/ejercicios+photoshop.pdf · Sinopsis Photoshop es una herramienta de diseño gráfico no sólo dirigida

En primer lugar empezando de izquierda a derecha y con los rectán-gulos resaltados en rojo, tenemos en el primer rectángulo, el tipo de letra que podremos cambiar a nuestro gusto. El segundo podemos cambiarle el tamaño. El tercer rectángulo lo tenemos para justificar nuestros textos y el cuarto es para crear textos deformados y conmu-tar paneles de carácter y párrafo. Todo esto son opciones que apare-cerán cada vez que tu pulses una herramienta de Photoshop.

Aquí podrás elegir el tipo de letra que quieras.

Aquí podrás cambiar el tamaño del texto.

Ejem

plo

de te

xto