Ejercicios Adobe Photoshop CS6

EJERCICIOS DE INTRODUCCIÓN A

ADOBE PHOTOSHOP

CS6 2013

COMPUTACIÓN BÁSICA – CARRERA DISEÑO GRAFICO Y COMUNICACIÓN VISUAL

Ejercicio 1 Guardar para Web Objetivo. Ajustar las opciones de formato para conseguir un archivo ligero y con calidad dirigido a la posterior publicación web.

Ejercicio paso a paso. Una vez tengas una imagen acabada. 1. Haz clic en el menú Archivo.

EJERCICIOS ADOBE PHOTOSHOP (extractado de AULACLIC)

Docente: MSc. Arq. Paul Pineda Gamarra

1


2. Haz clic en Guardar para Web y dispositivos.... Se abrirá el cuadro de diálogo de Guardar para Web. Observa que en primera instancia se muestra la imagen con los ajustes optimizados para un tamaño de archivo pequeño con una calidad aceptable.

3. Haz clic en la pestaña 2 copias. Se mostrará a la izquierda la imagen original y a la derecha la previsualización de la imagen comprimida. Al pie de la imagen podrás ver sus características de compresión:

Si no puedes ver la imagen completa puedes ajustar el zoom desde el desplegable en la esquina inferior izquierda de la ventana.



2


4. Modifica las opciones para lograr una mayor compresión, o para alcanzar mayor calidad. Puedes usar los ajustes predefinidos de Photoshop.

Observa como el tamaño del archivo cambia según escojas un ajuste u otro. Para los formatos de archivo GIF y PNG puedes decidir los colores que se almacenarán sirviéndote de la paleta y los botones de configuración. Pulsa para añadir nuevos colores. Pulsa para eliminar existentes.

5. Haz clic en la pestaña 4 copias para trabajar con diferentes modelos de ajuste a un mismo tiempo. Podrás crear 3 tipos diferentes de formatos para comparar entre ellos.



3


6. Cuando tengas un modelo optimizado y quieras guardarlo, haz clic sobre él para seleccionarlo. 7. Pulsa el botón Guardar y se abrirá el cuándo de diálogo de Guardar optimizado como... 8. Dale un nombre al archivo y pulsa Guardar.

Ejercicio 2 Personalizar el área de paletas Objetivo. Aprender a utilizar y gestionar el Área de Ventanas.

Ejercicio paso a paso. En Photoshop CS6 las ventanas están organizadas en un panel a la derecha del área de trabajo (las ventanas pueden variar dependiendo del espacio de trabajo).



4


Esta área es completamente personalizable. Podemos incluir las ventanas que queramos en cualquier grupo y del mismo modo eliminar aquellas que no queremos que aparezcan.

Veamos los pasos que hay que seguir para cambiar de grupo las ventanas que queramos del Área de ventanas. 1. Haz clic sobre el nombre de la ventana que quieras cambiar de grupo en el área de ventanas y mantén el botón apretado. 2. Ahora arrastra el botón hasta otro grupo de ventanas. 3. Una vez allí, suelta el botón del ratón y la ventana se habrá añadido al grupo.



5


Para eliminar una ventana del Área de ventanas hay que hacer lo siguiente: 1. Haz clic sobre el nombre de la ventana que quieras quitar del área de ventanas. 2. Ahora se abrirá la ventana. 3. Una vez abierta, haz clic sobre con el botón derecho sobre el nombre de la ventana, y elige Cerrar. Verás como la ventana se cierra y también desaparece del Área de paletas. También es posible tener ventanas abiertas fuera del Área de ventanas. Para ello sigue los siguientes pasos: 1. Haz clic sobre el nombre de alguna ventana en el Área de ventanas: 2. Sin soltar el botón del ratón arrastra la ventana fuera del Área de ventanas. 3. Suelta el botón del ratón donde quieras situar la ventana. Ahora habrá desaparecido del Área de ventanas. Recuerda que en todo momento puedes volver a mostrar la ventana en el área seleccionándola desde el menú Ventanas de la barra de menús

Ejercicio 3 Usar el Tampón de clonar Objetivo. Usar el Tampón de Clonar.

Ejercicio paso a paso. 1. Abre cualquier imagen en formato jpg. 2. Seleccionamos la herramienta Tampón 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. Recuerda que puedes utilizar el Zoom para trabajar más de cerca.



6


4. Una vez seleccionada la zona a clonar, el tampón está listo para copiar. Lleva el puntero del ratón al punto que quieres modificar y pulsa el botón izquierdo del ratón 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 verás que el puntero del ratón se desdobla, mostrando una aspa enel lugar de donde se extrae la información y la punta del pincel en la zona donde realizarás la copia de la imagen.

Ejercicio 4 Usar el Borrador mágico Objetivo. Utilizar el Borrador mágico para borrar fondos.

Ejercicio paso a paso. 1. Abre otro archivo imagen formato jpg. 2. Selecciona la herramienta Borrador mágico.



7


3. Haz clic sobre una parte de la imagen. 4. Observa que no se ha borrado del todo. Subiremos la Tolerancia para que acepte una gama de colores más amplia.

5. Desactiva la casilla Contiguo para que también borre colores pertenecientes a la gama pero no contiguos a la muestra donde hicimos clic. 6. Cada vez irá borrando más cielo. Ajusta el nivel de Tolerancia hasta que consigas el resultado final.



8


Ejercicio 5 Alineamiento y distribución de capas Objetivo. Aprender a alinear diferentes capas.

Ejercicio paso a paso. Dibujamos tres diferentes objetos tal como aparece en la imagen en tres capas diferentes, para eso debemos de 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 las capas de los objetos (Círculo, Triángulo y Rectángulo) para alinearlas. 2. Para enlazarlas manten la tecla

presionada y haz clic en cada una de las capas

para seleccionarlas. Luego pulsa el botón Enlazar capas base de la ventana.


que se encuentra en la


9


3. Ahora selecciona la herramienta Mover

.

4. Activa la capa que quieras que sea el referente de alineación haciendo clic sobre ella.

5. Y

escoge

un

tipo

de

alineamiento

para

el

grupo

. 6. Si eligiésemos Alinear centros verticales


, las capas se dispondrían de este modo:


10


Ejercicio 6 Alineamiento automático de capas Objetivo. Aprender a alinear automáticamente diferentes capas para crear una imagen compuesta.

Ejercicio paso a paso. Abre una imagen horizontal dividirla en tres partes y a cada una de ellas ponerle un nombre diferente, luego abrir las imágenes y seleccionando cada una de ellas copiarlas en diferentes capas dentro de un solo archivo. Vamos a alinear estas tres capas para que formen la composición de abajo:



11


1. Selecciona las 3 capas para poder aplicar la opción Alinear capas automaticamente. 2. Para seleccionarlas todas manten la tecla

presionada y haz clic en cada una de

ellas. Luego selecciona la herramienta Mover encuentra en la barra de Opciones de herramientas.

y pulsa el botón

que se

3. En el cuadro de diálogo que se abrirá selecciona Automático y pulsa OK. 4. Para perfeccionar la composición ve al menú Edición y selecciona Fusionar capas automáticamente, con el Modo de fusión Panorama. En el siguiente tema veremos las herramientas de selección que te ayudarán a recortar las esquinas que queden sueltas.

Ejercicio 7 Copiar y pegar selecciones Objetivo. Aprender a copiar y pegar selecciones.

Ejercicio paso a paso. 1. Abre cualquier imagen que tengas. 2. Selecciona la herramienta Marco rectangular

.

3. Haz clic en la imagen y manteniendo pulsado el botón del ratón arrástralo hasta encerrar la zona a copiar en el área de la selección. Entonces, suelta el botón. 4. Haz clic en Edición→Copiar o pulsa Ctrl+C. El contenido de la selección se copiará en el portapapeles. Si escogieses Cortar (Ctrl+X) el contenido se suprimiría de la imagen y se almacenaría en el portapapeles a espera de ser pegado en algún sitio.

5. Abre un archivo nuevo desde Archivo → Nuevo. 6. Selecciona Portapapeles en el desplegable Predefinido para que el nuevo documento tenga las dimensiones del área copiada. EJERCICIOS ADOBE PHOTOSHOP (extractado de AULACLIC)


12


7. Pulsa OK y se creará el nuevo documento. 8. Pega el contenido del portapapeles desde Archivo → Pegar o pulsando Ctrl+V.

Ejercicio 8 Efecto Espejo Objetivo. Crear la ilusión de reflejo en el agua.

Ejercicio paso a paso. 1. Abre una imagen en formato jpg.

2. Dobla la altura del tamaño del lienzo. Para ello haz clic en Imagen → Tamaño de lienzo. Se abrirá el siguiente cuadro de diálogo.



13


3. Cambia las unidades a píxeles y dobla la altura. 4. Ancla la pintura existente a la parte superior para que el espacio añadido se cree por debajo de éste.

5. Ahora selecciona, con el Marco rectangular EJERCICIOS ADOBE PHOTOSHOP (extractado de AULACLIC)

por ejemplo, la imagen inicial. Docente: MSc. Arq. Paul Pineda Gamarra

14


6. Cópiala con el comando Edición → Copiar o pulsando Ctrl+C. 7. Ahora pégala. Utiliza el comando Edición → Pegar 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 Edición → Transformar → Voltear 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 Transformar → Distorsionar para que no sea una copia exacta. 11. Arregla las partes que queden vacías con el Tampón de Clonar

.

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

distorsión mayor

.

13. Para poder utilizar la herramienta Dedo, debes de cambiar el modo de la imagen a RGB, seleccionado el menú Imagen → Modo → Color RGB.



15


Ejercicio 9 Crear máscaras de capa Objetivo. Crear una transparencia mediante máscaras de capa.

Ejercicio paso a paso. 1. Crea un nuevo documento en blanco desde Archivo → Nuevo. 2. Copia dos imágenes jpg y pégalas en dos capas diferentes en un nuevo documento.

3. Colócalas en la posición que quieras que adopten en la composición final.

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



16


5. Selecciona la capa superior. 6. Pulsa el botón Añadir máscara vectorial

.

7. Selecciona la herramienta Degradado y crea un degradado teniendo en cuenta que la zona negra que dibujes con la herramienta Degradado será la transparente.

8. Repite el paso anterior hasta estar satisfecho con la transparencia. 9. Es aconsejable que mantengas las capas tal y como están en este momento por si más 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 máscara y selecciona Aplicar máscara de capa. Ambas, la capa y su máscara se fusionarán.



17


2. Selecciona las dos capas utilizando la tecla

.

3. Haz clic en Capas → Combinar capas.



18


Ejercicio 10 Composiciones con Texto y Formas Objetivo. Crear composiciones con formas y texto.

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

Abre un documento nuevo desde Archivo → Nuevo. Dale las medidas de 650 píxeles de anchura y 425 de altura. Con la ayuda del Bote de pintura rellena la capa entera de color blanco. Para ello asegúrate de que el color Frontal es de ese mismo color. Ahora selecciona la herramienta Forma personalizada desplegable Forma


y haz clic en el

.


19


Pulsa el botón sistema te preguntará que si estás seguro, dile que sí. Selecciona la forma Volumen

y carga la biblioteca Web. El

.

Crea una capa nueva pulsando el botón

en la ventana de Capas.

Ahora, asegurándote de que la herramienta Forma está en posición Rellenar píxeles

, mantén pulsada la tecla Shift proporciones 1 a 1) y dibuja la forma en el lienzo.

(para mantener las

Haz clic en Edición → Transformar → Rotar y gira la forma 180 grados para cambiar su orientación. También puedes hacerlo seleccionando la opción Voltear horizontal. Ahora seleccionaremos otra forma. Haz clic en el desplegable de Forma y carga la biblioteca de Música. Los siguientes pasos son iguales a los anteriores. Crea nuevas capas donde colocarás las notas musicales; ayudándote del comando Transformación, rótalas y colócalas dispersadas sobre el lienzo. EJERCICIOS ADOBE PHOTOSHOP (extractado de AULACLIC)


20


Una vez tengamos todas las formas añadiremos el texto. Selecciona la herramienta Texto

.

Escoge una fuente que te guste y aumenta su tamaño sobre los 70 puntos. Haz clic sobre el lienzo y escribe una frase. Pulsa el botón

para aceptar los cambios.

Ahora deformaremos el texto. Pulsa el botón

.

Elige el estilo Elevar y modifica su curva al 44% y la distorsión horizontal a -58%.

Pulsa OK para aceptar los cambios. Con la ayuda de la herramienta Mover creas conveniente.


coloca todas las capas de la forma que


21


Ejercicio 11 Efecto gota de agua Objetivo. Crear el efecto de gotas de lluvia mediante Estilos de capa.

Ejercicio paso a paso. 1. Abre un documento en blanco, con fondo transparente.

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 sobre un cristal.

5. Haz clic en el icono

de la ventana Capas y elige Opciones de fusión.

6. Cambia la Opacidad del relleno al 3% para reducir la opacidad de la pintura pero no de los efectos que creemos.



22


7. Añade el estilo Sombra paralela y configura el Contorno como curva Gaussiana.

8. Dale un 100% de opacidad y cambia la Distancia y el Tamaño a 1 píxel.

9. Añade el estilo Sombra interior y en su configuración define el Modo de fusión como Subexponer color, la Opacidad al 43% y su Tamaño a 10 píxeles.

10. Añade un Resplandor interior, con Modo de fusión Superponer, Opacidad de 30% y color de muestra negro.

11. Activa también el estilo Bisel y Relieve. EJERCICIOS ADOBE PHOTOSHOP (extractado de AULACLIC)


23


12. En su configuración selecciona Cincel duro en Técnica, cambia la Profundidad al 250% y el Tamaño a 15 píxeles. También aumenta el suavizado a 10 píxeles.

13. En la sección 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.



24


Ejercicio 12 Uso de Filtros Objetivo. Transformar una imagen mediante filtros.

Ejercicio paso a paso. Con una imagen abierta sigue los siguientes pasos: 1. Haz clic en Filtro. 2. Selecciona la opción Galería de Filtros. Se abrirá el cuadro de diálogo de Filtros.

3. Haz clic en Artístico para desplegar los filtros correspondientes a ese grupo.



25


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 añadir un nuevo filtro.

6. Haz clic en Textura para desplegar el grupo. 7. Selecciona el Filtro Texturizar. Observa que se están aplicando dos filtros sobre la imagen. 8. Vamos a modificar las opciones de este Filtro. Haz clic en el desplegable Textura y selecciona Arenisca.



26


9. Reduce el Relieve a 1. 10. Pulsa OK para aceptar los cambios

Ejercicio 13 Uso de la Herramienta Parche Objetivo. Aprender a utilizar la herramienta Parche.

Ejercicio paso a paso. 1. Selecciona la herramienta Parche en el Panel de herramientas. Asegúrate de que la opción Origen en la barra de Opciones de herramientas está activada. 2. Selecciona el área a parchear haciendo clic y arrastrando el ratón para crear el trazo de selección alrededor de ella. 3. Una vez terminada la selección haz clic dentro de ella y arrástrala hacia la zona que quieras que sea el origen del parche. 4. Suelta el botón del ratón. 5. Puedes quitar la selección desde el comando Selección → Deseleccionar.

Ejercicio 15 Trabajo con Trazados Objetivo. Familiarizarnos con los trazados. A partir de un archivo dado intentaremos conseguir esto:



27


Ejercicio paso a paso. 1. Abre un nuevo archivo 2. Dibuja formas parecidas a las de la imagen una forma en cada capa 3. Selecciona un color rojo para el color frontal. 4. Selecciona el menú Capa → Nueva capa de relleno → Degradado. 5. Dale el nombre miForma 2. 6. En el cuadro de diálogo que se abrirá selecciona un ángulo de 90º, deselecciona la opción Alinear con capa y crea un degradado personalizado que tome más o menos el aspecto que puedes ver en la imagen de resultado. Ten en cuenta que la parte superior debe ser transparente. 7. Desde el panel Capas, arrastra la miniatura de la derecha de miForma sobre la capa miForma 2.

8. De la capa miForma 2, arrastra la miniatura en blanco a la capa miForma. Hemos intercambiado la máscara vectorial entre las capas. 9. Borra u oculta la capa miForma. 10. Crea tres duplicados de la capa miForma 2 utilizando el comando Capa → Duplicar capa. 11. Con ayuda del comando Transformar, modifica el aspecto de las capas hasta que se parezcan más o menos a lo que mostramos como resultado. Observa cómo al aplicar la transformación los objetos siguen completamente definidos y no pierden calidad. Es gracias a que son formas vectoriales EJERCICIOS ADOBE PHOTOSHOP (extractado de AULACLIC)


28

Ejercicios Adobe Photoshop CS6

Recommend Documents