LECCION 2. Entorno de Photoshop

Transcripción

1 LECCION 2. Entorno de Photoshop Abrir un nuevo documento de trabajo Hasta ahora hemos visto cómo abrir una imagen para tratarla en Photoshop, y a guardarla en cualquiera de los estados en los que se encuentre en cualquier momento. Pero ahora aprenderemos algo más esencial, esto es, crear un documento en blanco desde el que crearemos una imagen a partir de cero, bien sea añadiendo recortes o imágenes completas desde otros archivos o introduciendo objetos propios como texto o formas. Para ello, y una vez inicializado el programa, haremos clic en Archivo Nuevo para que aparezca el cuadro de diálogo de Nuevo Documento de Photoshop. Desde esta ventana vamos a configurar el documento que vamos a crear, definiendo sus características básicas, como son el tamaño, la resolución y el color de fondo. En principio, si conocemos el tamaño final que queremos que tenga la imagen, podemos definir su tamaño introduciendo la altura y anchura deseadas directamente. Observa que puedes cambiar las unidades con las que se mide el lienzo (el área de la imagen) y medirlas en centímetros, útil para imágenes fotográficas, o en píxeles, más recomendado para imágenes destinadas a la publicación en Internet.

2 Un píxel es la unidad más pequeña en la que se puede descomponer una imagen digital, a cada píxel le corresponde un color, y así, píxel a píxel se va formando la imagen total. Imagina una imagen formada por millones de cuadraditos diminutos. A simple vista la imagen con un zoom real (al 100%) parece normal, pero si aumentamos el zoom podemos ver la imagen cada vez más "cuadriculada". Esto es debido a que al acercarnos cada vez más vamos viendo los píxeles de más cerca. Si aumentamos el zoom al máximo veremos que la imagen está formada por cuadrados de colores, que en conjunto forman la imagen. Estos cuadrados son los píxeles. Hay que tener en cuenta que un píxel no tiene un tamaño real (en centímetros). Depende de la resolución de pantalla con la que se muestre. Si tu resolución de pantalla es de 1680x1050 significa que tu pantalla (sea del tamaño que sea) mostrara 1680 píxeles en su anchura y 1050 en su altura. Podemos configurar la pantalla para que muestre muchos más o menos píxeles en el mismo espacio, seleccionando una resolución mayor o menor que dependerá del monitor. Por ejemplo, 1024x768 píxeles o 1920x1200 en una gran pantalla panorámica. El tamaño en centímetros será el mismo, pero se mostrarán más píxeles en un mismo espacio. Es debido a esto que una imagen parezca más grande en resoluciones más bajas, porque un píxel a 800x600 mide más (en centímetros) que lo que mediría si nuestra configuración fuese más alta. Pensemos que una pantalla de 14" de hace unos años ( Por esto es que una imagen medida en píxeles es más apropiada para la publicación en web. Queremos saber el espacio real que ocupará en pantalla, y no el espacio que tendría si la imprimiésemos. También es posible que quieras que tu imagen tenga un tamaño estándar ya definido, como podría ser el tamaño de hoja A4 o carta. Si este es tu caso, puedes hacer clic en la lista desplegable de Predefinir y hacer clic sobre el elemento que se ajuste a tus medidas. Photoshop, automáticamente asignará el tamaño al lienzo de la imagen con las medidas que tiene guardadas para cada tipo de documento.

3 Es necesario comprender también el concepto de resolución, la siguiente característica que trabajaremos. La resolución de una imagen dice mucho sobre su calidad, nos permite conocer la cantidad de píxeles que podemos encontrar en ella. La resolución se define como el número de píxeles por pulgada (ppp o ppi; 1 pulgada equivale a 2.54 centímetros), y por tanto, si las dimensiones son pequeñas y la resolución alta, tendremos una imagen de buena calidad. Las imágenes de mayor resolución pueden reproducir más detalle y transiciones de color más suaves debido a la densidad de píxeles. Observa dos imágenes con las mismas dimensiones pero con diferentes resoluciones: Obviamente si la resolución de una imagen es mayor, su peso (el tamaño de su archivo) será mayor, pues es necesario almacenar más información al haber un mayor número de píxeles. Ahora que conocemos mejor el concepto de resolución podemos escoger una resolución para nuestra nueva imagen. Por defecto, Photoshop asigna al nuevo documento una resolución de 72ppp, el estándar para imágenes en Internet, ya que es la máxima que se aprecia a través de una pantalla. Pero si lo que pretendes es imprimir la imagen con posterioridad, es aconsejable que utilices una resolución entre 240 y 300ppp. Otra de las opciones que tenemos será la del Modo de color. De esto sólo diremos que si trabajamos con una imagen destinada a ser visualizada en pantalla utilizaremos el modo RGB (rojo, verde y azul, el sistema que utilizan los monitores), sin embargo si lo que queremos hacer con nuestra imagen es imprimirla deberemos seleccionar el modo CMYK (cian, magenta, amarillo y negro, el sistema en el que las impresoras "dibujan" las imágenes). Esto no quiere decir que no podamos pasar de un modo a otro, o que no podamos imprimir una imagen si elegimos el modo RGB. Una vez seleccionadas todas las características de nuestro documento elegiremos el color del fondo de la imagen. Si seleccionamos algún modo que no sea transparente, la capa de fondo será inamovible y no se podrán

4 realizar algunas de las características avanzadas de Photoshop. Es recomendable seleccionar un fondo transparente, así surgirán muchas menos complicaciones al trabajar con las capas (como veremos más adelante). El fondo transparente, en Photoshop, se muestra con un entramado de recuadros blancos y grises. Puedes guardar el perfil del documento que estas creando haciendo clic en Guardar valor, así podrás definir el mismo tipo de documento seleccionándolo directamente desde la lista desplegable Predefinir. Una vez configurado el documento pulsa OK, y una ventana en blanco se abrirá en el espacio de trabajo. Unidad 2. El entorno de Photoshop CS El área de trabajo Una vez abierto el programa observaremos diferentes barras y paneles distribuidos en el entorno de trabajo. Abramos una imagen de prueba para que todas las opciones se encuentren disponibles. Recuerda que podemos abrir nuestros archivos a través del menú Archivo Abrir. Una vez abierta la imagen, todas las barras y paneles se encuentran activos y el área de trabajo toma esta forma:

5 Puedes hacer que la disposición de los paneles y barras vuelvan al estado predeterminado haciendo clic en la opción Ventana Espacio de trabajo: O directamente desde la barra superior:

6 Otra de las opciones que se te presentan es seleccionar un espacio de trabajo predefinido, podrás seleccionar entre 3D avanzado, Análisis, Automatización, Color y tono,pintura, etc... Todos estos tipos de espacio mostrarán unas ventanas u otras (normalmente todas tienen las mismas), y destacarán las opciones de menú más utilizadas para las diferentes tareas. Estos modos son muy útiles para trabajar con más comodidad pues visualmente te será más rápido acceder a una opción de esta forma La barra de menú La barra en el extremo superior es la Barra de Menú, esta barra aparece en la mayoría de programas por lo que ya debes estar acostumbrado a ella. Desde aquí podrás acceder a diferentes opciones de menú, como por ejemplo abrir un archivo, guardarlo y luego cerrarlo. También podrás acceder a opciones mucho más complejas que iremos viendo a lo largo del curso El panel de herramientas El panel alargado que vemos en la imagen de la derecha es el Panel de Herramientas, ahí puedes ver en forma de iconos todas las herramientas disponibles en Photoshop.

7 Este panel tiene dos formas diferentes de presentarse, una es la que puedes ver en la imagen. La otra (predefinida por Photoshop CS4) es exactamente igual pero con todas las herramientas dispuestas en vertical. Para cambiar de visualización sólo tendrás que hacer clic en el botón que aparece en la esquina superior izquierda. Observa con atención que algunas de ellas tienen un pequeño triángulo en su esquina inferior derecha. Éste es el indicador de grupo de herramientas. Si posicionas el cursor sobre alguno de estos iconos y mantienes pulsado un instante el botón del ratón (o pulsas el botón derecho), se desplegará la lista de herramientas pertenecientes al grupo. Por ejemplo, si desplegamos el menú del icono pincel se desplegará la lista de herramientas de dibujo. Como ves, dentro del grupo de herramientas de dibujo podemos encontrar el Pincel, el Lápiz y la Herramienta Sustitución de color. La letra que aparece a la derecha del nombre de la herramienta nos informa del método abreviado de teclado para acceder a la herramienta activa de este grupo. La herramienta activa se encuentra siempre marcada por un cuadrado negro a la izquierda del icono.

8 En el panel de herramientas podemos encontrar también los selectores de color, en Photoshop trabajaremos siempre con dos colores activos, que pueden ser totalmente configurados por el usuario. El color situado al frente será el color Frontal, la mayoría de las herramientas lo tomarán como color de trabajo. El que se encuentra detrás es el color de Fondo, podemos establecer este color como el color del fondo del documento, de esta forma podemos utilizar herramientas que pinten con el color de fondo y así imitar de alguna forma el borrado de píxeles. El recuadro que se encuentra al frente muestra el color que estamos utilizando, en cualquier momento podemos hacer clic sobre el icono de doble flecha e intercambiaremos los colores de los recuadros entre sí, haciendo que el color que se encontraba en el recuadro del fondo pase al frente y, por lo tanto, nuestras herramientas usarán ese color como predeterminado. Observa que en cualquier momento puedes hacer clic sobre el icono negro y blanco (los iniciales de Photoshop). para restablecer los colores activos a Para seleccionar un color haz clic sobre uno de los recuadros y se abrirá el cuadro de diálogo Selector de color. Una vez aquí podrás elegir un color de entre toda la paleta que Photoshop te ofrece.

9 Al seleccionar un color puede que te aparezcan unos iconos como estos: El icono advierte al usuario que el color seleccionado se halla fuera de la paleta de impresión, y es posible que cuando quieras imprimir la imagen, este color no se corresponda exactamente con el que escogiste y se muestre con un tono diferente. Lo mismo ocurre con el icono de incompatibilidad web, si creas una imagen que contenga un color no compatible con los estándares web es muy probable que se muestre de diferentes formas según el navegador y el sistema operativo utilizado. Durante el curso iremos viendo una por una las herramientas de este panel, aunque debido a la extensión que eso supondría dejaremos algunas de lado por tratarse de herramientas avanzadas o de escasa utilidad para el usuario novel. Aun así, mostraremos un listado de las herramientas que pasaremos por alto y una breve explicación de su funcionalidad: Este grupo de herramientas se utiliza para crear trazados. Los trazados se utilizan para crear formas vectoriales (líneas y curvas definidas matemáticamente). Estas formas son independientes a la resolución y pueden redimensionarse sin problemas. La primera opción, la herramienta Cuentagotas, toma muestras de color de cualquier parte del lienzo La herramienta Muestra de color toma hasta como máximo 4 muestras de color del lienzo para mostrar sus propiedades en la paleta de Información (junto al Navegador). La herramienta Regla, mide la distancia entre dos puntos dados mostrándose el resultado, también, en la paleta Información. La herramienta Nota, nos permite crear una nota, como un post-it, en el Área de trabajo.

10 Finalmente, la herramienta Recuento permite colocar sobre el lienzo marcas que te ayudarán a contar elementos en el área de trabajo. Esta herramienta añadirá literales con un número que se irá incrementando automáticamente La barra de opciones de herramientas En la parte superior de la ventana y bajo la barra de menú encontramos la barra de Opciones de Herramientas, el contenido de esta barra cambiará según la herramienta que tengamos seleccionada. A medida que avancemos y aprendamos nuevas herramientas iremos viendo cómo utilizar esta barra y sus opciones. De momento diremos que desde aquí podemos cambiar aspectos de la herramienta como su tamaño, su opacidad, etc. Cada vez que hagas un cambio en la herramienta, éste se mantendrá para que cuando vuelvas a seleccionarla su estado sea el mismo que era cuando la utilizaste por última vez. Si en algún momento quieres restaurar la herramienta a su estado original, deberás hacer clic con el botón derecho del ratón sobre la imagen de la herramienta en la barra de opciones de herramienta y seleccionar Restaurar Herramienta. La opción Restaurar Todas volvería todas las herramientas a su estado original La barra de estado La barra que se encuentra al pie del espacio de trabajo se llama Barra de Estado. Como podrás observar, a la izquierda del todo encontraremos un porcentaje, este número es el zoom aplicado a la imagen abierta. Por defecto Photoshop intenta ajustar la imagen al tamaño del área de trabajo, si ésta es muy pequeña o la imagen es demasiado grande, Photoshop reducirá el zoom para poder mostrar la imagen completa en pantalla. Recuerda que el zoom no afecta al tamaño de la imagen, sino a la vista. Aunque reduzcamos o ampliemos el zoom para ver con mayor claridad la imagen, las dimensiones de ésta siguen siendo las mismas. Entonces, ya que el porcentaje que se muestra en la barra de estado indica el nivel de zoom que estamos aplicando, podemos hacer clic sobre este porcentaje y modificarlo, introduciendo un número diferente y pulsando la tecla Enter. Verás como cambia el zoom de la imagen.

11 La información que se muestra a continuación se refiere al documento sobre el que estamos trabajando. Haciendo clic en la flecha negra podemos seleccionar qué información mostrar: Selecciona una de estas opciones para visualizarlas mientras trabajas en el documento. Haciendo clic sobre ella, podemos obtener información rápida sobre la imagen: 2.6. La ventana Navegador También es posible, y más cómodo, utilizar la ventana de Navegador. En principio, la encontrarás minimizada a la derecha del área de trabajo, haz clic sobre Navegador y se mostrará una miniatura de la imagen con la que estamos trabajando.

12 Si no se encontrase visible puedes activarla desde el menú Ventana Navegador en la barra de menú. El navegador, como ya hemos dicho, muestra una miniatura de la imagen activa. Permite modificar la vista de la imagen acercándola y alejándola mediante este control:. Observa que si se mueve el control hacia la derecha el zoom aumenta, haciendo que la imagen se vea más grande (o desde más cerca). Si, por el contrario, desplazamos el marcador hacia la izquierda, veremos la imagen cada vez más pequeña (o desde más lejos), porque el zoom disminuye.

13 Fíjate que en la miniatura aparece un recuadro con el borde rojo, este recuadro te ayudará a navegar por la imagen cuando el zoom sea demasiado grande y veas sólo una parte de la imagen. Haciendo clic sobre la miniatura puedes desplazar el recuadro y mostrar en la ventana el área contenida por éste. Otra forma de desplazar la vista de la imagen sería usando la herramienta Mano Herramientas:, en el Panel de Esta herramienta te permite desplazar la vista de la imagen. Los pasos a seguir para utilizarla son los siguientes: 1. Haz clic en la herramienta Mover para activarla. 2. Desplaza el puntero hasta la imagen y haz clic sobre ella. Verás que la forma del puntero cambia. 3. Sin soltar el botón del ratón, arrastra la vista de la imagen hasta llegar al punto deseado La ventana Información Otra ventana que nos será de mucha ayuda es la de Información. Puedes acceder a ella haciendo clic en el panel de la derecha sobre su nombre (junto a la de Navegador), desde el menú Ventana Información o pulsando la tecla F8. En ella encontrarás información el color sobre el que está situado el puntero en RGB y CMYK, además de las coordenadas de su posición.

14 La ayuda más útil que nos proporcionará será aquella relativa a la herramienta seleccionada y las funcionalidades adicionales que puedes conseguir mediante la combinación del teclado y el ratón. Por ejemplo, si seleccionamos la herramienta Pincel podremos leer esto en la ventana de Información: Si mantenemos pulsada la tecla Shift mostrar lo siguiente: verás como el mensaje de la barra de estado cambia para En combinación con la herramienta Pincel, la tecla Shift actúa de forma que podemos pintar líneas rectas con un simple clic La ventana Color Otra ventana interesante es la de Color, generalmente bajo el grupo de Navegador. Puedes acceder a ella a través del menú Ventana Color, o pulsando la tecla F6. Desde aquí puedes seleccionar colores de una forma más rápida que desde el cuadro de diálogo de selección de color. Desplazando los controles a izquierda y derecha deberás encontrar la proporción exacta de rojo, azul y verde para formar el color que estas buscando. Si escogieses colores no compatibles, se mostrarían los mismos iconos que vimos en el selector de color.

15 Existen otras formas de ver este panel, dependiendo la forma en que queramos representar el color. Por ejemplo, con controles CMYK: Como ves, esta ventana consta de tres pestañas, la primera, Color, ya sabemos para qué sirve, las otras dos son muy sencillas. La pestaña Muestras ofrece diferentes colores guardados en el sistema, y desde los botones y puedes agregar y eliminar muestras para crear una paleta personalizada y cambiar de colores rápidamente. La pestaña Estilos contiene diferentes estilos de relleno o texturas que podrás utilizar en tus composiciones. Más adelante veremos cómo utilizarlos y cómo crear nuestros propios estilos. Recuerda: En algún momento, puedes encontrar estas ventanas agrupadas de forma diferente, ya que el espacio de trabajo es muy personalizable.

16 2.9. La ventana Historia Otra ventana que utilizaremos será la ventana de Historia, accesible desde el menú Ventana Historia. Esta ventana consta de dos pestañas. La primera, Historia, muestra por orden cronológico las acciones realizadas sobre una imagen, donde las posiciones al pie de la lista son más recientes que las situadas al principio. El control de desplazamiento indica la última acción visible realizada. Puedes deshacer un número indefinido de acciones desplazando el control o haciendo clic sobre la última acción que quieras que permanezca activa. En Photoshop el comando Edición Deshacer (Ctrl+Z) actúa de forma diferente que en otros programas. Mediante este comando únicamente puedes deshacer la última acción realizada. Si lo que quieres es deshacer varios cambios deberás utilizar la orden Edición Paso Atrás (Ctrl+Alt+Z) y ejecutar el comando hasta haber deshecho las acciones deseadas. Insistimos, en que Photoshop es distinto a la mayoría de programas en esto: Mientras que en otros programas podemos "ir hacia atrás" pulsando Ctrl + Z repetidamente, en Photoshop, la segunda vez que deshagamos, desharemos el deshacer, es decir, volveremos a tener la imagen como antes de deshacer la primera vez. Por eso tenemos la opción Paso atrás. Observa que el comando Paso Atrás actúa de la misma forma que si deshiciésemos acciones desde la ventana de Historia, por lo que a veces es recomendable usar la ventana para tener una vista de las acciones realizadas más completa. El comando Edición Paso Adelante actúa de forma contraria a Paso Atrás, rehaciendo una a una las acciones guardadas en el historial.

17 Un uso útil de esta herramienta es el siguiente: Si deshacemos muchas acciones con Paso atrás, pero queremos rehacer la última, pulsamos Paso adelante. Si en vez de eso empelamos Deshacer, deshacemos todos los Pasos atrás. En la ventana Historia podemos encontrar tres botones. El botón eliminar borrará del historial todas las acciones comprendidas entre la acción seleccionada y la última realizada, dejando la imagen y el historial en la forma en la que se encontraban justo antes de la acción seleccionada. El botón Crear instantánea nueva es muy útil, pues guarda una instantánea del estado de la imagen en un punto determinado, permitiendo volver a ella en cualquier momento, incluso habiendo realizado diferentes acciones después. También encontramos el botón Crear un documento nuevo desde el estado actual, que genera un nuevo archivo con el estado en el que se encuentre la imagen, así podrás seguir manipulándola manteniendo una copia de la imagen intacta en segundo plano. En esta misma ventana encontramos también la pestaña Acciones, que ofrece la posibilidad de lanzar un conjunto de acciones mecanizadas predefinidas con anterioridad. En principio, el conjunto de acciones disponibles son las predeterminadas por Photoshop, aunque existe la posibilidad de crear acciones propias mediante el botón de Grabar Acción de la ventana.