Photoshop Sesion01

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

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.

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


¿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.



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 480.000 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.



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.



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:



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.



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.



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.



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.



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.



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á):



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.


Documents

Photoshop Sesion01