2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ADOBE PHOTOSHOP SESIN 6

SESIN 6 - QU VAS A APRENDER?

Uso de trazados. Tipos de capa: Capas de ajuste Tipos de capa: Capas de relleno Modos de fusin de capas Herramienta de ajuste Niveles, concepto histograma Herramienta de ajuste Invertir

ACTIVIDAD GUIADA
Actividad 1 Trazado para seleccin
Problema: Abre la imagen trazados.jpg, que es una instantnea de la UPV y realiza un trazado con la herramienta Pluma. Una vez hecho el trazado, seleccionarlo.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Puedes seleccionar el elemento que quieras para realizar la actividad, pero en este manual vamos a seleccionar la farola que hay en la parte izquierda de la imagen, porque es bastante sencillo. Solucin paso a paso: Los trazados en Photoshop son las herramientas de seleccin avanzada. Un trazado es un rea seleccionada de la imagen que se almacena para poder ser usada las veces que se quiera sin perderla. Una vez creado un trazado ste pasa a ser almacenado en la pestaa Trazados. La pestaa Trazados se encuentra en la misma ventana que Capas.

Para crear nuestro trazado, punto por punto, procederemos segn los en la barra de herramientas para pasos. Selecciona la herramienta Pluma comenzar a realizar un trazado. Con la herramienta Pluma seleccionada, haz clic en el primer punto de la seleccin que quieras realizar. Al hacer clic suceden estas cosas: 1. Se ha creado un punto (cuadrado) donde hiciste clic. 2. Se ha creado automticamente una nueva capa Forma X en la ventana Capas. 3. Se ha creado automticamente un nuevo trazado en la ventana Trazados. Haz clic en el segundo punto donde desees que tu trazado contine. Observa que se ha trazado una lnea recta entre los dos puntos.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

No te preocupes si el punto no est ubicado en el lugar exacto, puedes desplazarlo siempre que quieras con la herramienta Seleccin Directa cuando termines el trazado. Al hacer clic en el tercer punto se crea un tringulo cuyos tres vrtices son los tres puntos que hemos realizado.

Es ms, el tringulo est relleno con el Color Frontal. Gracias a este color podemos ver con ms claridad la seleccin que estamos realizando. Si te molesta demasiado el color Frontal puedes reducir la Opacidad de la capa (recuerda que el trazado que ests realizando est en una capa nica y que, por tanto, posee su Opacidad como las dems). Sigue haciendo puntos hasta realizar la seleccin deseada. La lnea que envolver el objeto seleccionado ser una lnea gris continua y fina.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Ahora que ya tenemos el trazado dibujado, procedamos a seleccionarlo. Para hacer esto, dirgete a la pestaa Trazados y haz clic sobre el nico trazado que hay, el que acabas de realizar. Haz clic derecho con el ratn para que emerja un men contextual. Escoge la opcin Hacer seleccin del men. Se abrir una ventana llama Hacer Seleccin.

Para realizar una seleccin perfecta, tendrs de dejar la opcin Radio de Calado a 0 pxeles y desactivar la opcin suavizar. Pulsa OK. Observa que ya se ha hecho la seleccin. Se habra conseguido el mismo efecto si hubiramos realizado la seleccin con el Lazo como en las primeras sesiones, pero la seleccin se habra perdido despus de utilizada. Con el trazado, que queda almacenado hasta que lo eliminemos, podemos realizar la seleccin siempre que queramos realizando los ltimos pasos de esta actividad. Despus de trabajar con los trazados, nos centraremos en capas de tipos distintos. Habrs observado que la capa del trazado era una capa diferente a las capas normales que se han utilizado hasta ahora. Hay ms tipos de capa adems de las capas estndar. En esta sesin vamos a utilizar las capas de Relleno y las capas de Ajuste. NOTA: En Pothoshop 5.5 no hay capas de relleno. Emularemos una capa de relleno con una capa normal ms la herramienta Cubo de Pintura.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD GUIADA
Actividad 2 Trazado para dibujar formas (I)
Problema: Dibuja esta letra A con la ayuda del contorno de un trazado y un pincel. El archivo tendr unas dimensiones de 500x300 pxeles a 72 ppp de fondo blanco, color RGB. El pincel empleado ser de tamao 13, punta redonda, color negro y 0% de dureza.

Solucin paso a paso: Photoshop no solo nos permitir seleccionar los trazados sino tambin bordearlos o rellenarlos. Esto significa que podemos hacer un dibujo con un trazado para rellenarlo. Crea el documento nuevo segn las especificaciones del enunciado. Una vez abierto el documento, selecciona la herramienta de trazado para trabajar con ella. Recuerda que ahora vamos a realizar curvas y no trazados poligonales como el de antes. Para realizar una curva, tendrs que mantener el botn izquierdo del ratn pulsado al presionar sobre el segundo punto de la curva. Entendamos esto mejor sabiendo de qu est compuesta la curva de un trazado:

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Un segmento curvo AB est formado por un segmeto que nace en un punto A y muere en un punto B. A los puntos como A y B se les conoce en Photoshop como puntos de ancla. El Segmento AB, es un trazo que al convertirse en curva le llamaremos curva Bizer. La lnea de direccin es una tangente que nos permite editar la curvatura del segmento AB. Dicho esto, ahora sabemos que para crear un segmento curvo tenemos que mantener apretado el botn izquierdo del ratn para que al desplazar el puntero aparezca una lnea de direccin a partir del nuevo punto de ancla. Practica en Photoshop para comprender este hecho. Cuando hayas dominado la curva, puedes borrar el trazo que has realizado para comenzar de nuevo el trazo que tendr la forma A. Para borrar un trazado, slo tienes que acudir a la pestaa de Trazados, hacer clic derecho en el trazado que deseas borrar y pulsar la opcin Eliminar Trazado. Ahora s, crea un trazado que dibuje la letra A deseada. Primero, dibuja el trazo completo, despus, dedcate a su posible edicin. Puedes insertar y y , respectivamente, quitar puntos de ancla con las herramientas situadas junto a la herramienta de trazado. Para mover puntos de ancla y cambiar la curvatura de las curvas Bizer, recuerda que tienes que hacer uso de la herramienta Seleccin directa .

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Una vez terminado el trazado, tenemos que seleccion ar el pincel con el que vamos a trabar. Recuerda que es un pincel negro, de punta redonda, con 0% de dureza y de 13 de dimetro. Para contornear este trazado tendrs que acudir al trazado en la pestaa de Trazados, hacer clic derecho y seleccionar la opcin Contornear subtrazado. Por qu subtrazado y no trazado? Lo veremos en seguida. Una vez seleccionada la opcin, se abrir la ventana de Contornear subtrazado. Como puedes observar, puedes seleccionar la herramienta con la que se va a contornear este subtrazado. En nuestro caso, podemos seleccionar el pincel.

Pulsamos OK y observaremos que se la letra se ha contorneado con el pincel que habamos escogido. Pero no est contorneada por completo, solo una de sus partes. Quiz, el resultado que hayamos obtenido sea parecido a ste:

Esto ha sucedido porque nuestro trazado se compona de dos subtrazados. Slo tendremos que seleccionar el subtrazado que falta por contornear y realizar la misma accin para teminar el ejercicio. Ten en cuenta, que adems de contornear el trazado, tambin lo puedes rellenar. Las opciones de relleno son pocas y bsicas. Esta es la ventana de relleno de trazado:

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD PROPUESTA
Actividad 3 Trazado para dibujar formas (II)
Problema: Dibuja, con la ayuda de un trazado, el siguiente logo de una empresa ficticia. En este ejercicio, tendrs que rellenar el trazado, no contornearlo.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Datos del problema: Documento: 500x500 pxeles, color RGB, 72 ppp, fondo Blanco. Trazado: Relleno negro. Texto: Book Antiqua, tamao 50, negrita, color negro. NOTA: El smbolo puede escribirse pulsando ALT+02222

ACTIVIDAD GUIADA
Actividad 2 La foto antigua. Capas de relleno y ajuste
Problema: Abre la imagen upvmarron.jpg. Es una imagen actual de la UPV. Haciendo uso de una capa de Relleno, una capa de Ajuste y la fusin de capas, convierte la primera imagen en la segunda.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Solucin paso a paso: Para solucionar este problema seguiremos los siguientes pasos. 1- Modificaremos la imagen hasta que se vea en Blanco y Negro. 2- Crearemos una capa de color marrn sobre la imagen. 3- Fusionaremos la capa de tal modo que d un ligero toque amarronado a la composicin anterior en blanco y negro. La capa de ajuste Para convertir la capa fondo a blanco y negro, vamos a desaturarla. Hay una funcin en Photoshop que realiza esta accin directamente, pero ahora vamos a hacer la misma funcin utilizando una capa de ajuste. Haz clic en la opcin de la barra de men Capa>Nueva capa de ajuste>Tono/saturacin. Con esto vamos a crear una nueva capa que regule el tono/saturacin de todas las capas que se encuentren por debajo de ella.

Escoge un nombre para la capa y pula OK. Aparecer directamente la ventana de Tono/Saturacin para que le asignes un valor por defecto. Como lo que queremos es una imagen en Blanco y Negro, tenemos que reducir la Saturacin al mnimo (desaturar).

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

10

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Observa que se ha creado una nueva capa con un icono nuevo que indica que la capa es una Capa de Ajuste.

La capa de relleno Ahora queremos una nueva capa completamente marrn. Podramos crear una nueva capa y simplemente pintarla completamente de color marrn con la herramienta Cubo (PS 5.5), pero vamos a crear una nueva Capa de Relleno. Haz clic en la opcin de la barra de men Capa>Nueva capa de relleno>Color slido. Nombra la capa como quieras y automticamente saltar la venta de Selector de color. Escoge un color marrn oscuro.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

11

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Fusin de capas Es hora de conocer el concepto de fusin de capas. En Photoshop, podemos escoger el modo en que una capa se fusiona con la capa inmediatamente inferior. Vamos a cambiar el modo de fusin de la capa de relleno que acabamos de crear con el fin de que no sea un simple color slido tapando la imagen, y se convierta en un ligero toque marrn. Haz clic en el men desplegable que hay al lado de Opacidad en la ventana de Capas. Evidentemente, que sea con la capa de relleno seleccionada. El men es extenso, y contiene los siguientes valores:

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

12

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Supongamos que una capa A est por encima de una capa B y utilizamos un modo de fusin para A. Algunas de las opciones que podramos destacar: Normal: Es el modo de fusin estndar. Simplemente A estar por encima de B cubrindole completamente. Oscurecer y Multiplicar: Estos modos son modos de fusin en los que los colores oscuros predominan sobre los colores claros. Si la capa B fuera negra y A blanca en modo multiplicar, la imagen seguira siendo negra aunque A est por encima de B. En la siguiente sesin, encontraremos una utilidad prctica a este hecho para, por ejemplo, colorear un dibujo. Aclarar: Produce un efecto inverso a oscurecer. Luz suave/fuerte/intensa: Si escogemos una de estas opciones, el relleno de la capa A actuar como una luz que se ejerce sobre B. Si queremos dar un ligero toque de marrn sobre nuestra imagen, Luz suave es un modo de fusin adecuado. Escgelo para terminar el ejercicio. Observa los resultados.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

13

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD PROPUESTA
Actividad 3 La imagen azul
Problema: Utiliza todos los elementos estudiados en esta sesin para convertir la imagen informtica.jpg en la imagen que aparece a continuacin.

Para terminar la sesin de hoy, vamos a realizar dos pequeos ejercicios para aprender a utilizar dos herramientas de ajuste ms (una de ellas muy sencilla). Hasta ahora hemos visto tono/saturacin y reemplazar color. En estos ejercicios practicaremos con Niveles e Invertir imagen.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

14

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD GUIADA
Actividad 4 Herramienta de ajuste: Niveles
Problema: Abre la imagen niveles.jpg. Es una fotografa en blanco y negro. Se pide cambiar los niveles de la imagen con el fin de obtener grises ms oscuros haciendo uso de la herramienta de ajuste niveles.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

15

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Solucin paso a paso: Para aplicar la herramienta de ajuste Niveles, seleccinala en el men accediendo a Imagen>Ajustes>Niveles. Se abrir la siguiente ventana:

La grfica que se muestra en el centro se llama histograma. En esta imagen en blanco y negro, el histograma es una grfica que representa cuntos pxeles de cada nivel de gris hay en la imagen. Observa que la grfica tiene picos muy altos a la derecha: eso significa que hay muchos puntos claro en la imagen. La izquierda de la grfica representa los valores ms oscuros mientras que la derecha de la grfica representa los valores ms claros.

Los pequeos cursores de debajo del histograma pueden ser desplazados para cambiar el rango de negro absoluto a blanco absoluto. 16

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Pincha en el cursor de la izquierda del todo (el del negro) y desplzalo hacia la derecha hasta obtener un resultado semejante a este:

Ahora, todos los pxeles que hay a la izquierda de este cursor son negro absoluto, por lo tanto, hemos oscurecido la imagen.

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado

17

2 Edicin Talleres Informticos Casa del Alumno UPV

Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD GUIADA
Actividad 5 Herramienta de ajuste: Invertir imagen
Problema: Vuelve a abrir la imagen informatica.jpg y convirtela en la imagen que sigue haciendo uso de la herramienta de ajuste Invertir.

Solucin paso a paso: La herramienta de ajuste Invertir es tan fcil de comprender como de utilizar. Se encarga de aginar a cada pxel de la imagen su color opuesto (los blancos a negros, los rojos a azules, etc.). Para invertir una imagen tenemos que dirigirnos a la opcin Imagen>Ajustes>Invertir del men principal o simplemente pulsar Control+I en el teclado. Observa que esta funcin es completamente reversible, es decir, si invertimos dos veces una imagen, sta no cambia. 18

Universidad Politcnica de Valencia y Cursos de Formacin Postgrado