ADOBE PHOTOSHOP SESIÓN 1

Transcripción

1 ADOBE PHOTOSHOP SESIÓN 1 SESIÓN 1 - QUÉ VAS A APRENDER? Concepto de gráfico vectorial y mapa de bits Crear/Abrir documentos en Photoshop Concepto de dimensión en píxeles y resolución. Primer paseo por el entorno de Photoshop. Concepto de Capas. CONCEPTOS Imágenes vectoriales, mapas de bits Qué es un mapa de bits? Un mapa de bits es un archivo que queda dividido en puntos como una matriz. Imaginemos que dividimos una fotografía en una cuadrícula muy precisa y cada uno de los valores de esta cuadrícula está representado por un color. Cada uno de los valores de esta matriz representa un color, generando una imagen. A cada punto de la imagen con color propio se le llama píxel. Es decir, si dividiésemos una fotografía en una cuadrícula de 1000 cuadrados a lo ancho y 1000 cuadros a lo alto estaríamos hablando de una imagen de una dimensión en píxeles de 1000x1000.

2 Qué es una imagen o gráfico vectorial? Un gráfico vectorial, en cambio, simplemente es un gráfico que almacena los datos de las formas primitivas por las que está formado. Por ejemplo, si una imagen está formada por un segmento y una circunferencia, se almacenarán los valores necesarios x1 y x2 (punto de inicio y fin del segmento) y c1 y r1 (centro y radio de la circunferencia). Esto supone que cada vez que aplicamos zoom a un gráfico vectorial, éste se redibuja y no se produce pérdida de información. Qué tipo de imagen utiliza Adobe Photoshop? Adobe Photoshop es una herramienta de edición y creación de imagen que utiliza Mapa de Bits. Esto significa que cada vez que creemos o abramos una imagen podremos hablar de su dimensión en píxeles y del valor del color en cada uno de estos píxeles. Es importante saber también, que cada vez que ampliemos cualquier imagen, los píxeles de ésta se visualizarán cada vez más grandes produciendo que la imagen parezca menos definida.

3 CONCEPTOS Barra de menú. Menú principal de Adobe Photoshop Barra de menú Como cualquier programa ejecutado en Windows, Adobe Photoshop posee una barra de menú ubicada en la parte superior. Las opciones Archivo, Edición y todas las demás, funcionarán como las de cualquier interfaz Windows. Durante todas las explicaciones se recurrirá a escribir, por ejemplo, Archivo>Nuevo para indicar que hay que hacer clic en la opción Archivo, y, dentro de ella, hacer clic en la opción Nuevo. ACTIVIDAD GUIADA Actividad 1 - Crear un documento nuevo Problema: Crear una nueva imagen llamada Mi primer archivo, que tenga un tamaño de 800x600 píxeles a una resolución de 72ppp, en modo de color RGB. Solución paso a paso: Haz clic en la opción Archivo>Nuevo de la barra de menú, aparecerá la ventana Nuevo. Escribe Mi primer archivo en el campo Nombre. Escribe 800 en Anchura y 600 en Altura. Esto significa que la imagen que vamos a crear tendrá 800 píxeles a lo ancho y 600 a lo alto. Un total de puntos con un color cada uno. NOTA: Asegúrate de que el campo seleccionado en el menú de la derecha de cada valor introducido sea píxeles y no cualquier otro. Escribe 72 en Resolución (o ppp). La resolución indica la cantidad de píxeles por pulgada que habrá en la imagen. Es decir, cuántos píxeles en la pantalla habrá por cada pulgada de papel en la imagen real. Aunque este valor es completamente regulable hay tres valores utilizados según el propósito de la imagen que se va a realizar.

4 Objetivo de la imagen ppp Ejemplo Imagen para monitor 72 Imagen para web. Imagen para imprimir. Calidad alta. 150 Impresión A5 Imagen para imprimir. Calidad óptima. 300 Impresión A3 NOTA: Asegúrate de que el campo seleccionado en el menú de la derecha de cada valor introducido sea píxeles/pulgada y no cualquier otro. Seleccionar en Modo de color la opción RGB y 8 bits en el menú de la derecha. El modo RGB es un modo que hace que la imagen trabaje con millones de colores. En la sesión siguiente se verá en qué se aplica este concepto y qué tipos de archivo lo soportan. Si has realizado los pasos correctamente los pasos anteriores, se habrá abierto una nueva ventana en blanco dentro de Photoshop. Esta ventana es una imagen en blanco, preparada para trabajar con ella. Ahora ya sabes crear nuevos documentos con ciertas características: Dimensiones en píxeles. Resolución ppp (píxeles por pulgada). Modo de color.

5 CONCEPTOS Entorno de Adobe Photoshop Antes de comenzar a trabajar con el Photoshop, vamos a pasear por su entorno para mencionar las herramientas que más utilizaremos, así como todos los conceptos que nos tienen que sonar para poder realizar todos los ejercicios del taller. Barra de menú o menú principal (1) La barra de menú está situada arriba como en la mayoría de los programas que funcionan en Windows. A pesar de que hay muchas opciones dentro de ella, no las veremos todas en este taller. Barra de herramientas (2) En la barra de herramientas se encuentran las herramientas de Photoshop. Si no puedes visualizar esta ventana o barra, pulsa la opción Ventana>Herramientas. Aunque indagaremos más a fondo en todas las herramientas, veamos una breve descripción de las más importantes:

6 a) Herramienta Mover: La herramienta Mover (o flecha) suele utilizarse para mover elementos de la imagen, entre otras cosas. b) Lápiz: El lápiz es una de las principales herramientas de Photoshop para dibujar trazos. Se controla apretando el botón izquierdo del ratón y manteniéndolo hasta que se ha dibujado el trazo deseado. c) Pincel: Esta herramienta funciona prácticamente igual que un lápiz. En futuras sesiones aprenderemos a sacarle partido a esta herramienta. d) Borrador: El borrador (o Goma de borrar) es la herramienta básica de borrado. Funciona igual que un pincel, con la salvedad de que en lugar de dibujar se encarga de borrar. e) Zoom: La herramienta Zoom o Lupa, es la herramienta que se utiliza para aumentar o reducir el zoom de una imagen. f) Color frontal: El color frontal es el color que tenemos seleccionado, aquel con el que vamos a pintar o dibujar. g) Color de fondo: El color de fondo está situado detrás del frontal. Éste color es el color que tomarán los fragmentos de la imagen que borremos con la goma. Ventana Muestras y Color (3) Las ventanas de trabajo de Photoshop suelen estar compuestas por varias pestañas. Por ejemplo, en la ventana señala con un 3 existe una pestaña llamada Color y otra llamada Muestras. Para acceder a cada una de las pestañas sólo tenemos que hacer clic en ella. La ventana Muestras muestra una gama de colores muy amplia para seleccionar, y la ventana Color es una ventana avanzada de selección de color. También podemos escoger un color en la ventana Selector de color que se verá en la sesión 3. Si no puedes visualizar la ventana Muestras haz clic en la opción Ventana>Muestras de la barra de tareas. Ventana Navegador (4) El navegador es una ventana que hace mucho más práctico el visualizado de una imagen. Se verá con detenimiento en futuras sesiones.

7 Ventana Historial (5) La ventana de historial describe los últimos cambios que se han aplicado a una imagen. En Photoshop existe la clásica función Edición>Deshacer. Deshacer sólo nos va a permitir retroceder un paso en nuestro trabajo. Cuando utilicemos la ventana Historial observaremos que se nos permite retroceder muchos más. Ventana Capas (6) La ventana Capas muestra todas las capas que componen una imagen. El concepto de Capas, concepto muy importante, irá siendo descubierto a lo largo de las sesiones. ACTIVIDAD PROPUESTA Actividad 2 Entorno. Herramientas básicas Problema: Familiarízate con el entorno y Photoshop y prueba algunas de las herramientas mostradas en el punto anterior. Utiliza sobre todo la herramienta de Lápiz, Pincel y Borrador para crear trazos y borrarlos. Utiliza la herramienta Zoom para comprobar el aumento de tamaño de los píxeles con el aumento del zoom. Selecciona colores. Cuando hayas terminado de probar las herramientas propuestas, cierra la imagen pulsando el botón de cierre de ventana y aparecerá el siguiente mensaje: Al igual que muchos programas, Adobe Photoshop te preguntará si quieres guardar el documento antes de cerrarlo. En la siguiente sesión, estudiaremos las diferentes maneras que hay de guardar un archivo y los tipos de archivo que podemos guardar con Photoshop. Responderemos NO esta vez.

8 ACTIVIDAD GUIADA Actividad 3 Abrir documentos Problema: Después de descargarlo en el ordenador de trabajo, abre el documento capas.psd en Adobe Photoshop. Solución paso a paso: Una vez el archivo capas.psd esté en el ordenador tendrás que pulsar la opción Archivo>Abrir del menú principal de Photoshop. Aparecerá una venta del explorador. Localiza el directorio o caperta en la que descargaste el archivo capas.psd, selecciónalo y a continuación pulsa Abrir. Ahora capas.psd se ha abierto en Adobe Photoshop y podemos trabajar con él.

9 CONCEPTOS El concepto de Capa Antes de trabajar con Photoshop es importante conocer este concepto. Es un término amplio pero conviene conocerlo básicamente antes de comenzar para poder entender muchos de los ejercicios que se harán en el taller. Cuando un archivo abierto en Photoshop está compuesto por varias capas, éstas pueden visualizarse en la ventana de Capas (generalmente ubicada en la esquina inferior derecha de la pantalla). Cada capa actúa como una imagen independiente de las demás. Observa detenidamente la siguiente figura: La jerarquía de capas indica qué capa está por encima de otra en una imagen. Si una capa CAPA3 está por encima de otra capa CAPA2, es evidente que todo lo que hay en CAPA3 tapará a todo lo que hay en CAPA2, y así sucesivamente con todas las capas que haya en la imagen según su orden. Observa que la imagen capas.psd está compuesta por varias capas. Vamos a realizar una pequeña actividad para entender visualmente este concepto tan importante.

10 ACTIVIDAD GUIADA Actividad 4 Mueve las capas Problema: Abrir la imagen capas.psd y cambiar de lugar las capas con la herramienta Mover. Altera también la jerarquía de las capas con el fin de que la Capa 1 esté por encima de la Capa 4. Solución paso a paso: Abrimos la imagen en Photoshop si es que no lo está ya. A continuación, seleccionamos la herramienta Mover. La imagen capas.psd es así: Cada figura geométrica que hay en la imagen está en una capa distinta. Es decir, puede moverse de manera individual sin afectar al resto. Vamos a desplazar el círculo rojo, que corresponde a la capa Capa 2. Para desplazar una capa, realizamos los siguientes pasos: Haz clic en la capa que deseas mover. Las capas se encuentran en orden en la ventana Capas, generalmente situada en la esquina inferior derecha de la pantalla.

11 Una vez seleccionada la capa, selecciona la herramienta Mover en la barra de herramientas, si es que no lo estaba ya. Ahora, haz clic con el puntero y arrastra en la imagen el objeto que desees desplazar. Colócalo donde quieras. Observa la imagen e intenta pasar de A a B. Prueba mover las distintas capas seleccionándolas y desplazándolas con la herramienta Mover. Si deseas alterar el orden de las capas, arrastra la Capa que desees cambiar en la ventana Capas y desplázala hasta el lugar que quieras que ocupe como muestra la imagen. Sitúa Capa 1 por encima de Capa 3 arrastrándola con el Mouse. Si desplazamos la Capa 1 por encima de la Capa 3 estamos haciendo que el rectángulo amarillo esté por encima del pentágono verde y también del círculo rojo. La imagen resultante será ésta (suponiendo que sólo hemos realizado el movimiento anterior, claro está):

12 Lo que ha ocurrido es que ahora que Capa 1 está por encima de Capa 2 y Capa 3 el rectángulo amarillo se visualiza por encima del círculo y del pentágono. Ahora sabes que en Photoshop hay capas que se comportan de forma individual. Según vayamos trabajando, comprenderás el uso de capas es una herramienta útil e imprescindible para poder trabajar en Photoshop. Sigue practicando para entender completamente la ventana de capas, con su jerarquía y desplaza las capas. Cuando termines, cierra la imagen y recuerda que no es necesario guardarla. Cierra la aplicación cuando termines de trabajar. Puedes cerrar la aplicación pulsando el botón cerrar de la ventana principal de Adobe Photoshop 5.5. Si no has guardado los cambios realizados, el programa os preguntará si quieres guardar cambios. Recuerda que no se permite guardar archivos propios en los ordenadores del aula. Si quieres almacenar tu trabajo tendrás que hacerlo en tu directorio W: o en cualquier otra unidad de disco externa.