objetivo. ajustar las opciones de formato para...

Adobe Photoshop CS Prctica n 01

Prof. Blanco, Alberto Andrs 1 de 3

Ejercicio. Unidad 1. Guardar para Web

Objetivo.

Ajustar las opciones de formato para conseguir un archivo ligero y

con calidad dirigido a la posterior publicacin web.

Una vez tengas tu imagen abierta.

1. Haz clic en el men Archivo.

2. Haz clic en Guardar para Web. Se abrir el cuadro de dilogo de Guardar para

Web.

Observa que en primera instancia se muestra la imagen con los ajustes optimizados para un

tamao de archivo pequeo con una calidad aceptable.

3. Haz clic en la pestaa 2 copias. Se mostrar a la izquierda la imagen original y a la

derecha la previsualizacin de la imagen comprimida. Al pie de la imagen podrs ver sus

caractersticas de compresin:



Si no puedes ver la imagen completa puedes ajustar el zoom desde el desplegable en la

esquina inferior izquierda de la ventana.

4. Modifica las opciones para lograr una mayor compresin, o para alcanzar mayor

calidad.

Puedes usar los ajustes predefinidos de Photoshop.

Observa como el tamao del archivo cambia segn escojas un ajuste u otro.

Para los formatos de archivo GIF y PNG puedes decidir los colores que se almacenarn

sirvindote de la paleta y los botones de configuracin. Pulsa para aadir nuevos colores.

Pulsa para eliminar existentes.



5. Haz clic en la pestaa 4 copias para trabajar con diferentes modelos de ajuste a un

mismo tiempo.

Podrs crear 3 tipos diferentes de formatos para comparar entre ellos.

6. Cuando tengas un modelo optimizado y quieras guardarlo, haz clic sobre l para

seleccionarlo.

7. Pulsa el botn Guardar y se abrir el cuadro de dilogo de Guardar optimizado

como...

8. Dale un nombre al archivo y pulsa Guardar.

Ejercicios Unidad n 01


Ejercicios Tema 1: Introduccin a Photoshop CS

Ejercicio 1: Crear Imgenes con Fondo Transparente

1. Abre el archivo fondotransparente.psd de la carpeta ejercicios e intenta

guardarlo para publicarlo luego en una pgina web.

2. Debers eliminar el fondo rojo y convertirlo en transparente.



Ejercicio. Unidad 2. rea de Paletas. Objetivo.

Aprender a utilizar y gestionar el rea de paletas.

Si observamos el entorno de Photoshop veremos que en la esquina superior derecha podemos encontrar un cajn con pestaas. Es el rea de paletas.

En este cajn podremos incluir todas las ventanas (o paletas, como se llaman en Photoshop) que queramos, para acceder mucho ms rpido a ellas y que no ocupen espacio

en el resto del rea de trabajo.

Para descubrir una paleta slo hay que hacer clic sobre su pestaa:

Veamos los pasos que hay que seguir para aadir las paletas que queramos en el rea de paletas.



1. Haz clic sobre la pestaa de la paleta que quieras tener en el rea de paletas y mantn el botn apretado.

2. Ahora arrastra la pestaa hasta el rea de paletas.

3. Una vez all, suelta el botn del ratn y la paleta se habr aadido al rea.

Para eliminar una paleta del rea de paletas hay que hacer el recorrido contrario: 1. Haz clic sobre la pestaa de la paleta que quieras quitar del rea de paletas y

mantn el botn apretado.

2. Ahora arrastra la pestaa hasta cualquier zona del rea de trabajo.

3. Una vez all, suelta el botn del ratn y vers que la paleta ya no se encuentra en el

rea de paletas sino que se halla en el rea de trabajo como ventana.

Tambin es posible ordenar las paletas dentro del rea de paletas. Para ello sigue los siguientes pasos:

1. Haz clic derecho sobre la pestaa que quieras desplazar. Se mostrar el siguiente

men contextual:

2. Podrs elegir entre diversas opciones. Haz clic sobre la que ms te interese.

3. Repite estas acciones hasta haber ordenado las pestaas tal y como queras.



Ejercicios Tema 2: El Entorno de Photoshop

Ejercicio 1: Trabajando con la Vista de la Imagen

1. En este ejercicio te proponemos que muevas las ventanas o paletas del rea de

trabajo para que te familiarices con el entorno. Cmbialas de sitio y tamao y abre

nuevas ventanas desde el men Ventana.

2. Una vez hayas cambiado toda la disposicin debers encontrar un comando en la

barra de mens que te permitir volver al estado original del rea de trabajo.

3. Tambin debers abrir unas cuantas imgenes y explorar las opciones de

organizacin de ventanas tambin desde el men Ventana.

4. Por ltimo debers encontrar un comando en la barra de mens que afecte a todas

las ventanas que tengas abiertas.

Ejercicio 2: Trabajando con el Entorno

1. Abre el archivo de imagen espejo.gif de la carpeta de ejercicios.

2. Ahora explora las opciones que te ofrece el men Vista, presta especial atencin en

los comandos Encajar en pantalla y Pxeles reales.

3. Encuentra el modo de hacer aparecer las Reglas de medicin y la Cuadrcula en

la imagen.



Ejercicio. Unidad 3. Usar el Tampn de Clonar Objetivo.

Usar el Tampn de Clonar

Ejercicio paso a paso.

1. Abre el archivo obras.jpg de la carpeta ejercicios.

2. Seleccionamos la herramienta Tampn de Clonar en el panel de herramientas.

3. Mantendremos pulsada la tecla Alt para seleccionar la zona de la imagen que

queremos copiar haciendo clic sobre ella.

4. Una vez seleccionada la zona a clonar, el tampn est listo para copiar. Lleva el

puntero del ratn al punto que quieres modificar y pulsa el botn izquierdo del ratn creando

tantos trazos como sea necesario.

Observa como los trazos crean una copia exacta de la zona que escogiste en principio.

Durante todo el proceso vers que el puntero del ratn se desdobla, mostrando una aspa en

el lugar de donde se extrae la informacin y la punta del pincel en la zona donde realizars la

copia de la imagen.



Ejercicio. Unidad 4. Usar el Borrador mgico

Objetivo.

Utilizar el Borrador mgico para borrar fondos.


1. Abre el archivo caminamos.jpg de la carpeta ejercicios.

2. Selecciona la herramienta Borrador mgico.

3. Haz clic sobre el cielo.

4. Observa que no se ha borrado del todo. Subiremos la Tolerancia para que acepte

una gama de colores ms amplia.

5. Desactiva la casilla Contiguo para que tambin borre colores pertenecientes a la

gama pero no contiguos a la muestra donde hicimos clic.

6. Cada vez ir borrando ms cielo. Ajusta el nivel de Tolerancia hasta que consigas el

resultado final.



Ejercicios Tema 4: Las Herramientas de Borrado

Ejercicio 1: Uso de la herramienta Borrador de Fondos

1. Extrae el edificio de la fotografa borrado_fondo.jpg que encontrars en la carpeta

de ejercicios.

2. Para ello utiliza la herramienta Borrador de fondos y sus diferentes opciones.

3. El resultado final que debers conseguir deber parecerse a esto:



Ejercicio. Alineamiento y Distribucin de Capas Objetivo.

Aprender a alinear diferentes capas


Abre el archivo Ejemplo Alineamiento.psd que se encuentra en la carpeta Ejercicios.

Vamos a alinear estos tres objetos dispuestos en capas diferentes:

1. Enlaza todas las capas que quieras alinear. Para enlazarlas haz clic en el cuadrado a

la izquierda de la miniatura .

2. Ahora selecciona la herramienta Mover .

3. Activa la capa que quieras que sea el referente de alineacin haciendo clic sobre ella.



4. Y escoge un tipo de alineamiento para el grupo

.

5. Si eligisemos Alinear centros verticales , las capas se dispondran de este

modo:



Ejercicios Tema 5: Las Capas

Ejercicio 1: Trabajar con Capas

1. Abre el archivo capas.psd en la carpeta ejercicios.

2. Observa las 16 capas, hay 8 fotos numeradas y 8 fondos tambin numerados.

3. Debers ordenarlas y colocarlas de forma que la foto 1 se encuentre encima del

fondo 1, la foto 2 encima del fondo 2, etc.

4. Adems debers centrar la foto dentro de su fondo correspondiente para que tengan

un borde verde.

5. Luego tendrs que distribuirlas por el lienzo de forma que puedas verlas de este

modo:



Ejercicio. Copiar y Pegar selecciones Objetivo.

Aprender a copiar y pegar selecciones.


1. Abre cualquier imagen que tengas.

2. Selecciona la herramienta Marco rectangular .

3. Haz clic en la imagen y manteniendo pulsado el botn del ratn arrstralo hasta

encerrar la zona a copiar en el rea de la seleccin. Entonces, suelta el botn.

4. Haz clic en EdicinsCopiar o pulsa Ctrl+C. El contenido de la seleccin se copiar en el portapapeles.

Si escogieses Cortar (Ctrl+X) el contenido se suprimira de la imagen y se almacenara en

el portapapeles a espera de ser pegado en algn sitio.

5. Abre un archivo nuevo desde ArchivosNuevo. 6. Selecciona Portapapeles en el desplegable Predefinido para que el nuevo

documento tenga las dimensiones del rea copiada.

7. Pulsa OK y se crear el nuevo documento.

8. Pega el contenido del portapapeles desde ArchivosPegar o pulsando Ctrl+V.



Ejercicios Tema 6: Las Selecciones

Ejercicio 1: Copia y Pegado de Selecciones

1. Abre las imgenes hemisferic1.jpg y hemisferic2.jpg de la carpeta de ejercicios.

2. Selecciona en ambas los edificios ayudndote de las herramientas de seleccin. Te

recomendamos que utilices el Lazo magntico.

3. Utiliza un Calado de 10px.

4. Cpialas y pgalas en un nuevo documento para conseguir algo parecido a esto:

Ejercicio 2: Selecciones Personalizadas

1. Abre el archivo de imagen caballero.jpg de la carpeta de ejercicios.

2. Selecciona la estatua completa despreciando el fondo.

3. Copia la seleccin en un archivo nuevo con fondo blanco y del tamao del

portapapeles para que te quede esto:

Adobe Photoshop CS Prcticas n 07


Ejercicio. Trabajando con Capas. Objetivo.

Editar las capas de formas ms avanzadas: las transformaciones y

las mscaras.

Efecto espejo


1. Abre la imagen espejo.gif de la carpeta de ejercicios.

2. Dobla la altura del tamao del lienzo. Para ello haz clic en ImagensTamao de lienzo. Se abrir el siguiente cuadro de dilogo.

3. Cambia las unidades a pxeles y dobla la altura.

4. Ancla la pintura existente a la parte superior para que el espacio aadido se cree

por debajo de ste.



5. Ahora selecciona, con el Marco rectangular por ejemplo, la imagen inicial.

6. Cpiala con el comando EdicinsCopiar o pulsando Ctrl+C. 7. Ahora pgala. Utiliza el comando EdicinsPegar o pulsa Ctrl+V. 8. Observa que se ha creado una nueva capa con una copia de la imagen. Vamos a

Transformarla. Selecciona el Comando EdicinsTransformarsVoltear vertical. 9. Coloca la imagen volteada debajo de la original. Ahora es un reflejo perfecto.

10. Lo siguiente que haremos ser distorsionarla un poco con la ayuda del comando

TransformarsDistorsionar para que no sea una copia exacta.

11. Arregla las partes que queden vacas con el Tampn de Clonar .

12. Psale la herramienta Dedo con una Intensidad del 15% para crear un efecto de

distorsin mayor .



Crear mscaras de capa

1. Crea un nuevo documento en blanco desde ArchivosNuevo. 2. Copia las imgenes mascara1.jpg y mascara2.jpg (en la carpeta de ejercicios) y

pgalas en dos capas diferentes en el nuevo documento.

3. Colcalas en la posicin que quieras que adopten en la composicin final.

4. Ordena las capas de modo que en la capa superior se encuentre la imagen sobre la

que crearemos la transparencia.



5. Selecciona la capa superior.

6. Pulsa el botn Aadir mscara vectorial .

7. Selecciona la herramienta Degradado y crea un degradado teniendo en cuenta

que la zona negra ser la transparente.

8. Repite el paso anterior hasta estar satisfecho con la transparencia.

9. Es aconsejable que mantengas las capas tal y como estn en este momento por si

ms tarde quisieras realizar modificaciones.

Pero si lo que deseas es crear una imagen plana en una sola capa sigue los siguientes pasos:

1. Haz clic derecho sobre la miniatura de la mscara y selecciona Aplicar

mscara de capa. Ambas, la capa y su mscara se fusionarn.

2. Enlaza las dos capas.

3. Haz clic en CapassCombinar enlazadas.



Ejercicios Tema 7: Trabajando con Capas

Ejercicio 1: Cambio de Perspectiva

1. Abre la imagen porton.jpg de la carpeta de ejercicios. Como ves, se trata de la

puerta de una iglesia vista desde abajo.

2. Tendrs que aplicarle transformaciones para que parezca que la foto fue tomada

desde el frente. El resultado final que te pedimos es este:



Ejercicio. Composiciones con Texto y Formas Objetivo.

Crear composiciones con formas y texto.


Vamos a crear esta imagen a partir de formas simples y un poco de texto:

Abre un documento nuevo desde ArchivosNuevo. Dale las medidas de 650 pxeles de anchura y 425 de altura.

Con la ayuda del Bote de pintura rellena la capa entera de color blanco. Para ello asegrate de que el color Frontal es de ese mismo color.

Ahora selecciona la herramienta Forma personalizada y haz clic en el

desplegable Forma .



Pulsa el botn y carga la biblioteca Web. El sistema te preguntar que si ests seguro, dile que

s.

Selecciona la forma Volumen . Crea una capa nueva pulsando el botn en la

ventana de Capas.

Ahora, asegurndote de que la herramienta Forma est en posicin Rellenar pxeles

, mantn pulsada la tecla

Shift (para mantener las proporciones 1 a

1) y dibuja la forma en el lienzo.

Haz clic en EdicinsTransformarsRotar y gira la forma 180 grados para cambiar su orientacin.

Tambin puedes hacerlo seleccionando la opcin

Voltear horizontal.

Ahora seleccionaremos otra forma. Haz clic en el desplegable de Forma y carga la biblioteca de

Msica.

Los siguientes pasos son iguales a los anteriores. Crea nuevas capas donde colocars las notas

musicales; ayudndote del comando

Transformacin, rtalas y colcalas dispersadas

sobre el lienzo.

Una vez tengamos todas las formas aadiremos el

texto. Selecciona la herramienta Texto .

Escoge una fuente que te guste y aumenta su tamao sobre los 70 puntos.

Haz clic sobre el lienzo y escribe una frase.

Pulsa el botn para aceptar los cambios.

Ahora deformaremos el texto. Pulsa el botn .

Elige el estilo Levantar y modifica su curva al 44% y la distorsin horizontal a -58%.



Pulsa OK para aceptar los cambios.

Con la ayuda de la herramienta Mover coloca todas las capas de la forma que creas conveniente.



Ejercicios Tema 8: Formas y Texto

Ejercicio 1: Composicin de Formas, Textos y Recortes.

1. Abre la imagen rio.jpg de la carpeta de ejercicios.

2. Utilizando recortes de capas debers crear un nuevo documento con formas y texto

donde utilizars como fondo para el recorte zonas de esta imagen hasta conseguir la

siguiente composicin:



Ejercicio. Edicin Avanzada de Capas Objetivo.

Crear el efecto de gotas de lluvia mediante Estilos de capa.

Ejercicio paso a paso. Crear Efecto Gota de agua

1. Abre un documento en blanco.

2. Selecciona la herramienta Pincel y el color Frontal negro .

3. Modifica las propiedades de la punta y dale una dureza del 60%.

4. Pinta sobre el lienzo intentando parecer una gota de lluvia.

5. Haz doble clic sobre la capa en la ventana Capas para ver el cuadro de dilogo de

Estilos de Capa.

6. Cambia la Opacidad del relleno al 3% para reducir la opacidad de la pintura pero

no de los efectos que creemos.



7. Aade el estilo Sombra paralela y configura el Contorno como curva Gaussiana.

8. Dale un 100% de opacidad y cambia la Distancia y el Tamao a 1 pxel.

9. Aade el estilo Sombra interior y en su configuracin define el Modo de fusin

como Subexponer color, la Opacidad al 43% y su Tamao a 10 pxeles.

10. Aade un Resplandor interior, con Modo de fusin Superponer, Opacidad de

30% y color de muestra negro.

11. Activa tambin el estilo Bisel y Relieve.



12. En su configuracin selecciona Cincel duro en Tcnica, cambia la Profundidad al

250% y el Tamao a 15 pxeles. Tambin aumenta el suavizado a 10 pxeles.

13. En la seccin Sombra define el ngulo a 90 y la Opacidad del modo resaltado

al 100%. Selecciona en el Modo de sombra Sobreexponer color y cambia la muestra

de color a blanco y su Opacidad al 23%.

14. Ya tienes listo el estilo, ahora puedes guardarlo haciendo clic en Estilo nuevo y

utilizarlo siempre que quieras. Ten en cuenta que el acabado depender siempre de la

dureza del borde de la pintura sobre la que apliques el estilo.



Ejercicio paso a paso. Uso de Filtros

Con una imagen abierta sigue los siguientes pasos:

1. Haz clic en Filtro.

2. Selecciona la opcin Galera de Filtros. Se abrir el cuadro de dilogo de Filtros.

3. Haz clic en Artstico para desplegar los filtros correspondientes a ese grupo.

4. Selecciona Cuarteado. Se aplicar el filtro.

5. Como lo que nos interesa es combinar diferentes filtros haremos clic en Nueva capa

de efecto para aadir un nuevo filtro.



6. Haz clic en Textura para desplegar el grupo.

7. Selecciona el Filtro Texturizar. Observa que se estn aplicando dos filtros sobre la

imagen.

8. Vamos a modificar las opciones de este Filtro. Haz clic en el desplegable Textura y

selecciona Arenisca.

9. Reduce el Relieve a 1.

10. Pulsa OK para aceptar los cambios.



Ejercicios Tema 9: Edicin Avanzada de Capas

Ejercicio 1: Texto con Estilo

1. Debers crear un documento en blanco donde debers intentar reproducir la

siguiente composicin.

Todos los efectos del texto estn hechos con estilos de capa, presta especial atencin al

degradado.

objetivo. ajustar las opciones de formato para...

Documents