adobe photoshop – sesiÓn 6 - …f3n%2006/photoshop_sesion6.pdf2ª edición talleres informáticos...

2ª Edición Talleres Informáticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciación. Sesión 6

ADOBE PHOTOSHOP – SESIÓN 6

SESIÓN 6 - ¿QUÉ VAS A APRENDER?

• Uso de trazados. • Tipos de capa: Capas de ajuste • Tipos de capa: Capas de relleno • Modos de fusión de capas • Herramienta de ajuste Niveles, concepto histograma • Herramienta de ajuste Invertir

ACTIVIDAD GUIADA Actividad 1 – Trazado para selección Problema: Abre la imagen “trazados.jpg”, que es una instantánea de la UPV y realiza un trazado con la herramienta Pluma. Una vez hecho el trazado, seleccionarlo.

Universidad Politécnica de Valencia y Cursos de Formación Postgrado 1


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.

Solución paso a paso: Los trazados en Photoshop son las herramientas de selección 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 pestaña Trazados. La pestaña Trazados se encuentra en la misma ventana que “Capas”.

Para crear nuestro trazado, punto por punto, procederemos según los pasos. Selecciona la herramienta Pluma en la barra de herramientas para comenzar a realizar un trazado. Con la herramienta Pluma seleccionada, haz clic en el primer punto de la selección que quieras realizar. Al hacer clic suceden estas cosas:

1. Se ha creado un punto (cuadrado) donde hiciste clic. 2. Se ha creado automáticamente una nueva capa

“Forma X” en la ventana Capas. 3. Se ha creado automáticamente un nuevo trazado en

la ventana Trazados.

Haz clic en el segundo punto donde desees que tu trazado continúe. Observa que se ha trazado una línea recta entre los dos puntos.



No te preocupes si el punto no está ubicado en el lugar exacto, puedes desplazarlo siempre que quieras con la herramienta “Selección Directa” cuando termines el trazado. Al hacer clic en el tercer punto se crea un triángulo cuyos tres vértices son los tres puntos que hemos realizado.

Es más, el triángulo está relleno con el Color Frontal. Gracias a este color podemos ver con más claridad la selección que estamos realizando. Si te molesta demasiado el color Frontal puedes reducir la Opacidad de la capa (recuerda que el trazado que estás realizando está en una capa única y que, por tanto, posee su Opacidad como las demás).

Sigue haciendo puntos hasta realizar la selección deseada. La línea que

envolverá el objeto seleccionado será una línea gris continua y fina.



Ahora que ya tenemos el trazado dibujado, procedamos a

seleccionarlo. Para hacer esto, dirígete a la pestaña “Trazados” y haz clic sobre el único trazado que hay, el que acabas de realizar.

Haz clic derecho con el ratón para que emerja un menú contextual.

Escoge la opción “Hacer selección…” del menú. Se abrirá una ventana llama “Hacer Selección”.

Para realizar una selección perfecta, tendrás de dejar la opción “Radio

de Calado” a 0 píxeles y desactivar la opción “suavizar”. Pulsa OK.

Observa que ya se ha hecho la selección. Se habría conseguido el mismo efecto si hubiéramos realizado la selección con el Lazo como en las primeras sesiones, pero la selección se habría perdido después de utilizada. Con el trazado, que queda almacenado hasta que lo eliminemos, podemos realizar la selección siempre que queramos realizando los últimos pasos de esta actividad. Después de trabajar con los trazados, nos centraremos en capas de tipos distintos.

Habrás observado que la capa del trazado era una capa diferente a las capas normales que se han utilizado hasta ahora. Hay más tipos de capa además de las capas estándar. En esta sesión 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 más la herramienta Cubo de Pintura.



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 píxeles a 72 ppp de fondo blanco, color RGB. El pincel empleado será de tamaño 13, punta redonda, color negro y 0% de dureza.

Solución paso a paso: Photoshop no solo nos permitirá seleccionar los trazados sino también bordearlos o rellenarlos. Esto significa que podemos hacer un dibujo con un trazado para rellenarlo. Crea el documento nuevo según 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, tendrás que mantener el botón izquierdo del ratón pulsado al presionar sobre el segundo punto de la curva. Entendamos esto mejor sabiendo de qué está compuesta la curva de un trazado:



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 Béizer. La línea de dirección 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 botón izquierdo del ratón para que al desplazar el puntero aparezca una línea de dirección 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, sólo tienes que acudir a la pestaña de “Trazados”, hacer clic derecho en el trazado que deseas borrar y pulsar la opción “Eliminar Trazado”. Ahora sí, crea un trazado que dibuje la letra “A” deseada. Primero, dibuja el trazo completo, después, dedícate a su posible edición. Puedes insertar y quitar puntos de ancla con las herramientas y , respectivamente, situadas junto a la herramienta de trazado. Para mover puntos de ancla y cambiar la curvatura de las curvas Béizer, recuerda que tienes que hacer uso de la herramienta Selección directa .



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 diámetro.

Para contornear este trazado tendrás que acudir al trazado en la

pestaña de “Trazados”, hacer clic derecho y seleccionar la opción “Contornear subtrazado”. ¿Por qué subtrazado y no trazado? Lo veremos en seguida. Una vez seleccionada la opción, 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 habíamos 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 componía de dos subtrazados. Sólo tendremos que seleccionar el subtrazado que falta por contornear y realizar la misma acción para teminar el ejercicio. Ten en cuenta, que además de contornear el trazado, también lo puedes rellenar. Las opciones de relleno son pocas y básicas. Esta es la ventana de relleno de trazado:



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, tendrás que rellenar el trazado, no contornearlo.



Datos del problema: Documento: 500x500 píxeles, color RGB, 72 ppp, fondo Blanco. Trazado: Relleno negro. Texto: Book Antiqua, tamaño 50, negrita, color negro.

NOTA: El símbolo ® 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 fusión de capas, convierte la primera imagen en la segunda.



Solución 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 marrón sobre la imagen. 3- Fusionaremos la capa de tal modo que dé un ligero toque

amarronado a la composición anterior en blanco y negro. La capa de ajuste Para convertir la capa “fondo” a blanco y negro, vamos a desaturarla. Hay una función en Photoshop que realiza esta acción directamente, pero ahora vamos a hacer la misma función utilizando una capa de ajuste. Haz clic en la opción de la barra de menú “Capa>Nueva capa de ajuste>Tono/saturación…”. Con esto vamos a crear una nueva capa que regule el tono/saturación 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/Saturación para que le asignes un valor por defecto. Como lo que queremos es una imagen en Blanco y Negro, tenemos que reducir la Saturación al mínimo (desaturar).



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 marrón. Podríamos crear una nueva capa y simplemente pintarla completamente de color marrón con la herramienta Cubo (PS 5.5), pero vamos a crear una nueva Capa de Relleno. Haz clic en la opción de la barra de menú “Capa>Nueva capa de relleno>Color sólido”. Nombra la capa como quieras y automáticamente saltará la venta de Selector de color. Escoge un color marrón oscuro.



Fusión de capas Es hora de conocer el concepto de fusión 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 fusión de la capa de relleno que acabamos de crear con el fin de que no sea un simple color sólido tapando la imagen, y se convierta en un ligero toque marrón. 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:



Supongamos que una capa A está por encima de una capa B y utilizamos un modo de fusión para A. Algunas de las opciones que podríamos destacar:

Normal: Es el modo de fusión estándar. Simplemente A estará por encima de B cubriéndole completamente.

Oscurecer y Multiplicar: Estos modos son modos de fusión 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 seguiría siendo negra aunque A esté por encima de B. En la siguiente sesión, encontraremos una utilidad práctica 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 marrón sobre nuestra imagen, “Luz

suave” es un modo de fusión adecuado. Escógelo para terminar el ejercicio. Observa los resultados.



ACTIVIDAD PROPUESTA Actividad 3 – La imagen azul Problema:

Utiliza todos los elementos estudiados en esta sesión para convertir la

imagen “informática.jpg” en la imagen que aparece a continuación.

Para terminar la sesión de hoy, vamos a realizar dos pequeños ejercicios para aprender a utilizar dos herramientas de ajuste más (una de ellas muy sencilla). Hasta ahora hemos visto tono/saturación y reemplazar color. En estos ejercicios practicaremos con Niveles e Invertir imagen.



ACTIVIDAD GUIADA Actividad 4 – Herramienta de ajuste: Niveles Problema: Abre la imagen “niveles.jpg”. Es una fotografía en blanco y negro. Se pide cambiar los “niveles” de la imagen con el fin de obtener grises más oscuros haciendo uso de la herramienta de ajuste “niveles”.



Solución paso a paso: Para aplicar la herramienta de ajuste Niveles, selecciónala en el

menú accediendo a “Imagen>Ajustes>Niveles”. Se abrirá la siguiente ventana:

La gráfica que se muestra en el centro se llama histograma. En esta imagen en blanco y negro, el histograma es una gráfica que representa cuántos píxeles de cada nivel de gris hay en la imagen. Observa que la gráfica tiene picos muy altos a la derecha: eso significa que hay muchos puntos claro en la imagen. La izquierda de la gráfica representa los valores más oscuros mientras que la derecha de la gráfica representa los valores más claros.

Los pequeños cursores de debajo del histograma pueden ser desplazados para cambiar el rango de negro absoluto a blanco absoluto.



Pincha en el cursor de la izquierda del todo (el del negro) y

desplázalo hacia la derecha hasta obtener un resultado semejante a este:

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



ACTIVIDAD GUIADA Actividad 5 – Herramienta de ajuste: Invertir imagen Problema: Vuelve a abrir la imagen “informatica.jpg” y conviértela en la imagen que sigue haciendo uso de la herramienta de ajuste Invertir.

Solución paso a paso: La herramienta de ajuste Invertir es tan fácil de comprender como de utilizar. Se encarga de aginar a cada píxel de la imagen su color opuesto (los blancos a negros, los rojos a azules, etc.). Para invertir una imagen tenemos que dirigirnos a la opción “Imagen>Ajustes>Invertir” del menú principal o simplemente pulsar Control+I en el teclado. Observa que esta función es completamente reversible, es decir, si invertimos dos veces una imagen, ésta no cambia.


adobe photoshop – sesiÓn 6 - …f3n%2006/photoshop_sesion6.pdf2ª edición talleres informáticos...

Documents