Centro de Educaciﾃｳn Continua
DISEﾃ前 GRﾃ：ICO VOLUMEN
Programa Adobe Photoshop CS6
2
Professional
Manual del Participante
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Adobe Photoshop CS6 Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente hoy en día. Debemos tener bien claro desde el principio que Photoshop no está pensado para dibujar, para eso es recomendable que utilices Illustrator de Adobe. Photoshop está principalmente orientado a tratar y manipular imágenes, o bien creadas por otros programas, o digitalizadas por un escáner o máquina fotográfica. Entonces, una vez introducida la imagen en el programa podrías retocarla, transformarla y editarla con un sin fín de posibilidades. De hecho, esta es una de las características más interesantes de Photoshop, pues Adobe ha sabido crear un programa intuitivo y muy completo que hace que se desmarque de la competencia y sea el software más utilizado por diseñadores e ilustradores.
Novedades de Photoshop CS6 Nuevas funciones:
Movimiento con detección de contenido. Es una de las novedades estrella de CS6, con esta función podemos seleccionar un objeto y moverlo a otro lugar con la particularidad que Photoshop se encarga de rellenar el hueco que queda según el entorno. Funciona muy bien con fondos homogéneos.
Motor Mercury Graphics Engine. Ahora los procesos que requieren muchos cálculos son más rápidos gracias a este nuevo motor de cálculo de gráficos. Esto se nota en que el trabajo con determinadas herramientas, como el filtro Licuar que resulta más fluido.
Filtros de capas. Permite filtrar las capas por determinadas características (nombre, tipo, color, ...), esto permite buscar
Filtro pintura oleo. Este nuevo filtro obtiene buenos resultados como se aprecia en la imagen del barco.
Guardar en segundo plano automáticamente. Si activamos esta opción Photoshop hará copias de seguridad cada
mucho más fácilmente dentro de los proyectos con muchas capas.
cierto tiempo de forma que si hay algún problema o corte de luz podamos recuperar lo último que habíamos hecho. Esta opción se puede configurar desde Edición/Preferencias/ Administración de archivos.
Nuevos filtros de desenfoque. Hay tres nuevos filtros: Desenfoque de campo - Desenfoque de iris. - Cambio de inclinación (Tilt-Shift).
Funciones mejoradas: Parche según el contenido. Se ha mejorado esta herramienta introduciendo un nuevo modo llamado Según el contenido que tiene en cuenta el entorno de forma más eficiente para crear el parche. Recortar. Ahora podemos hacer recortes no destructivos desmarcando la casilla Eliminar píxeles recortados, de esta forma podemos volver a recortar la imagen recuperando zonas que habíamos recortado. También se han añadido algunas opciones como un nuevo desplegable para mantener diversas proporciones, nuevas guías para orientarnos en el recorte, y ahora podemos enderezar la imagen respecto a una línea que trazaremos en la imagen, por ejemplo siguiendo el horizonte. Trabajo con capas. Ahora se pueden realizar varias funciones sobre un conjunto de capas a la vez, por ejemplo, cambiarles la etiqueta de color, duplicarlas, bloquearlas, cambiarles el modo de fusión, ... Camera Raw 7. Se ha aumentado el rendimiento del procesado y se han introducido mejoras como mantener los detalles en las sombras al cambiar la iluminación. Adobe Mini Brigde. Se ha rediseñado para que aparezca como una tira de imágenes en la parte inferior de la pantalla. En Photoshop CS6 se ha cambiado el color de fondo de la interfaz a un tono más oscuro, casi negro.
Si, como a nosotros, te gustaba más el color gris de la anterior versión puedes cambiarlo desde Edición / Preferencias /Interfaz y en el selector de Tema de color elegir un gris claro. Es el que vamos a utilizar en este curso. Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 01
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Ingresar a Adobe Photoshop CS6 Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en el escritorio. En el caso de que no tuvieses un acceso directo, puedes acceder al programa a través del menú Inicio. O escribiendo Photoshop en la caja de búsqueda. Una vez lanzada la aplicación, Photoshop comenzará a cargar sus plug-ins, fuentes, pinceles, herramientas y menús. Este proceso puede tardar un poco, sobre todo en ordenadores más lentos y con poca memoria RAM (memoria que se utiliza para ejecutar aplicaciones y guardar documentos mientras se trabaja con ellos). Pero una vez cargado, el programa estará listo para empezar a trabajar. Para ingresar a Photoshop CS5.1, podemos seguir los siguientes pasos: 1. Clic en el botón Inicio
3
2. Clic sobre Todos los Programas
Clic
3. Clic en la Carpeta Adobe Master Collection CS6 4. Clic en el programa Adobe Photoshop CS6
2
1
Clic
4
Clic
Clic
Ingresar con la Opción Ejecutar También es posible ingresar a Photoshop CS6 de la siguiente manera:
1. Se presiona al mismo tiempo las teclas Windows + R 2. En la ventana ejecutar se escribe Photoshop 3. Se presiona la tecla Enter o clic en aceptar
2 Clic
1
Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
3
Pág 02
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Elementos de la ventana de Photoshop CS6
Si, como a nosotros, te gustaba más el color gris de la anterior versión puedes cambiarlo desde Edición / Preferencias /Interfaz y en el selector de Tema de color elegir un gris claro. Es el que vamos a utilizar en este curso.
Área de Trabajo de la Ventana de Photoshop CS5.1 El área de trabajo consta de los siguientes componentes: Barra de menús La barra de menús contiene menús para realizar tareas. Los menús están organizados por temas. Por ejemplo, el menú Capas contiene comandos para trabajar con capas. Barra de opciones
La barra de opciones proporciona opciones para utilizar una herramienta. Para este caso por ejemplo herramienta Tampón de Clonar Cuadro de herramientas El cuadro de herramientas contiene herramientas para crear y editar imágenes. Área de Paneles (Photoshop) El área de paneles permite organizar las ventanas en el área de trabajo. Ventana o panel Las ventanas le ayudan a supervisar y modificar imágenes. Por ejemplo ventana Capas
Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 03
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
El Cuadro de Herramientas de Photoshop CS6 El Cuadro de Herramientas de Adobe Photoshop CS3 contiene 30 herramientas básicas que sirven para diseñar en la Hoja de Trabajo. Además cada herramienta puede contener herramientas adicionales en un menú lateral de opciones que están relacionadas con la herramienta principal.
Herramienta Marco Rectangular
Herramienta Mover
Herramienta Lazo
Herramienta Selección Rápida
Herramienta Recortar
Herramienta Cuentagotas
Herramienta Parche
Herramienta Pincel
Herramienta Tampón de Clonar
Herramienta Pincel de Historia
Herramienta Borrador Mágico
Herramienta Degradado
Herramienta Desenfocar
Herramienta Sobre Exponer
Herramienta Pluma
Herramienta Texto Horizontal
Herramienta Selección de trazado
Herramienta Rectángulo
Para cambiar el tamaño de la caja de herramientas se utiliza el siguiente icono:
Herramienta Zoom Herramienta Mano Herramienta Editar en modo máscara rápida Herramienta Configurar Color Frontal Herramienta Configurar Color Fondo
Activar herramientas Colaterales Algunas herramientas de Adobe Photoshop se encuentran agrupadas en un menú colateral. Para activar este menú y elegir una herramienta se realiza los siguientes pasos:
2
1. Clic derecho sobre la Herramienta Marco Rectangular 2. Con un Clic izquierdo se elige la herramienta colateral. Por ejemplo Herramienta Marco Elíptico.
1
Clic
Clic derecho
También podedemos ver en la barra de propiedades u opciones las herramientas que se encuentran en el grupo
Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 04
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Abrir una Imagen o Lienzo Normalmente, al instalar Photoshop, aparece una sección en la instalación que te permite asociar diversos tipos de archivos a la aplicación, esto es, que permitamos a Windows abrir determinados tipos de archivos con Photoshop. En principio, si no cambiaste nada durante la instalación casi todos los formatos de imagen, o al menos los más comunes, se abrirán con Photoshop, por lo que hacer doble clic sobre un archivo de imagen provocará el arranque del programa y la carga del archivo. Si este no es tu caso, hay formas alternativas para abrir archivos desde Photoshop, que son también las que utilizaremos con más frecuencia.Vamos a ver los pasos a seguir para abrir un archivo desde Photoshop. 1. Clic en el Menú Archivo
1 2. Clic en la Opción Abrir
Clic
También podemos presionar: Control + O
2
Clic
3. Luego procedemos explorar el lugar donde se encuentran las imágenes y elegimos una de ellas 4. Clic en Abrir
3
Clic
4
Clic
Puedes abrir simultáneamente tantas imágenes como tu ordenador soporte, pero ten en cuenta que cuantos más recursos consumas más lento irá el programa. En las últimas versiones, se ha añadido Mini Bridge, que nos permite explorar archivos directamente desde un panel. Resulta especialmente útil si vamos a ir necesitando imágenes de una misma carpeta. Para abrir Mini Bridge, puedes usar su icono sobre la barra inferior del programa y explorar el disco.
Clic
Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 05
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Adobe Bridge Una de las características que se añadió en la versión anterior de Photoshop es Adobe Bridge, esta vez se mantiene e incluso se ha mejorado. Adobe Bridge te permite navegar por tus carpetas y organizar tus imágenes de forma más eficiente, pudiendo añadir información sobre la imagen (llamada metadatos) como su autor, una breve descripción o incluso darle un título, además de otro tipo de datos técnicos y sobre derechos de autor. Puedes abrirlo haciendo clic en Archivo - Buscar en Bridge
Clic
1 2
Clic
Guardar una imagen Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar una imagen: * Una imagen puede estar en proceso, y no estar todavía acabada. O bien porque queremos grabar en determinado momento para no perder los cambios realizados, o porque deseamos terminar la sesión de trabajo y continuar más adelante. * O una imagen puede encontrarse terminada y lista para publicar, imprimir o almacenar. Por tanto, si la imagen puede encontrarse en dos estados de trabajos, guardaremos nuestros archivos de formas diferentes. En ambos casos el procedimiento inicial es el mismo, haremos 1. Clic en Archivo 2. Luego en Guardar Como.
Entonces exploraremos donde y como guardar la imagen
1 Clic
2
Clic
Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 06
Programa Adobe Photoshop CS6
1
Sesión de Aprendizaje
Centro de Educación Continua
Guardar imágenes incompletas o en proceso Si todavía no hemos alcanzado el estado final de la imagen y queremos guardar el trabajo que hemos hecho, nos gustaría que la imagen permaneciese exactamente en el estado en el que se encuentra, manteniendo las capas, transparencias y objetos tal y como están para poder seguir trabajando sobre ellos después. Entonces deberemos decirle al programa que el tipo de archivo que queremos crear al guardar la imagen sea de tipo Photoshop (.PSD o .PDD). Este tipo de archivo ocupa mucho espacio, pero es debido a que guarda gran cantidad de información sobre el estado en el que se encuentra nuestra composición. Así que haremos clic sobre la lista desplegable de Tipo y seleccionaremos Photoshop. .PSD y .PDD no son archivos de imagen, son archivos de trabajo propios de Photoshop y por tanto sólo podrá utilizarse con este programa.
2 1
Clic
Clic
Guardar imágenes acabadas para impresión o publicación En este caso, nuestra imagen ya ha alcanzado su estado final, hemos trabajado con la imagen y queremos finalizar su proceso. Pues bien, ahora lo que haremos será guardar la imagen como un archivo de imagen para que pueda ser utilizada más tarde como mejor nos interese. Para ello haremos clic en la lista desplegable de Tipo y seleccionaremos el formato de imagen digital que queremos darle a nuestra imagen. JPG y GIF son los formatos más comunes, siendo el primero de mayor calidad, pero más pesado (esto es, ocupa más espacio), mientras que el formato GIF es de menor calidad, sólo permite 256 colores como máximo, pero muchísimo más ligero, además de permitir transparencias y animaciones. Ten en cuenta que en el momento en el que guardes la composición en cualquiera de estos formatos de imagen, todos los objetos, capas y transparencias se acoplarán creando una imagen plana, y, por tanto, no podrás volver a manipular la imagen desde el estado de trabajo en el que se encontraba antes de grabar. Si quieres evitar esto, guarda una versión de trabajo (en .PSD) de tus composiciones finalizadas para poder hacer pequeños retoques o añadidos en cualquier momento. Una vez escogido el tipo de archivo que queremos crear (de trabajo o de archivo), haremos clic en Guardar.
2
1
Clic
3
Clic
Clic
Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 07
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Guardar una imagen como gif Si guardamos el archivo en formato GIF, el siguiente cuadro de diálogo se mostrará al hacer clic en Guardar: En este paso deberás determinar como se va a guardar el archivo de imagen GIF. Como ya dijimos anteriormente, el formato GIF sólo es capaz de almacenar 256 colores como máximo, por lo que en esta ventana tendremos que decidir que colores deberá almacenar y que otros despreciar (en el caso de que nuestra imagen tuviese más de 256 colores). En la primera lista desplegable, Paleta, seleccionaremos el conjunto de colores de salida queremos que contenga la imagen. La opción Local (Selectiva), es la predeterminada, e intenta ajustar la paleta de colores final a los colores contenidos en la imagen, despreciando algunos medios tonos para conseguir un número de colores final que se ciña a las propiedades del formato. Esta es la opción más recomendable casi siempre, a no ser que consideres despreciables otros colores que Photoshop en principio descartó. En el caso de que quisieses crear una paleta personalizada, deberás seleccionar A medida..., y añadir y eliminar colores a través de este cuadro de diálogo:
Transparencia de la Imagen Otras de las opciones de Paleta son aquellas que harán que los colores de imagen se ajusten a una paleta ya predeterminada (como la paleta del sistema Windows o Macintosh, o los colores de paleta estándares de la web) para optimizar el resultado para un sistema determinado. Estas opciones son adecuadas si la imagen de salida va a ser utilizada únicamente para el visionado en alguno de estos sistemas exclusivamente. En todo momento, independientemente de la paleta seleccionada, podrás modificar el número total de colores de salida bajo la lista desplegable de Paleta. También es posible forzar la paleta final a un determinado conjunto de colores (ya sean web, primarios, blanco y negro o una paleta creada por el usuario) esto causará que los colores de la imagen se adapten a la paleta final convirtiendo cada color de la imagen a el color más afín que existiese en la paleta final. En todos los casos si la casilla de Previsualización permanece activada, podrás ver en la ventana de imagen el resultado final antes de guardarla definitivamente y crear el archivo de salida. Si la casilla de Transparencia se activa, las trasparencias que contenga la imagen permanecerán trasparentes, mostrándose el fondo de la página donde coloques la imagen. Este es un recurso muy utilizado en la web para crear efectos como este: Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias
Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias Transparencias
Si decidieses no mantener las transparencias puedes seleccionar el color que deberán mostrar éstas en la imagen final desde la lista desplegable Mate, igual que en el caso anterior. Una vez seleccionadas todas las opciones de color pulsarás OK, Photoshop te preguntará si deseas que la imagen se guarde entrelazada. Como GIF es un formato diseñado para el intercambio de imágenes por la red, el efecto entrelazado facilita este proceso reservando el espacio de la imagen en la página para luego descargar la imagen línea a línea, puedes observar este efecto en muchas webs, pues es un recurso muy utilizado para imágenes que ocupan bastante espacio y tardás un poco en cargar. Para imágenes pequeñas es recomendable no utilizar el entrelazado y así ahorrarnos un poco en el tamaño final del archivo. Una vez aceptadas todas las opciones, el archivo se habrá guardado en la carpeta que escogiste, y estará listo para imprimir, publicar o almacenar hasta un uso posterior Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 08
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Crear un Documento en Blanco Hasta ahora hemos visto como 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.
1
Para crear un lienzo en blanco se realiza los siguientes pasos: 1. Clic en el Menú Archivo
Clic
2
2. Clic en la Opción Nuevo
Clic
También podemos presionar: Control + N 3. Luego procedemos a Configurar el lienzo:
4
- Nombre: Practica 1 - Predefinir: A medida - Anchura: 800 pixeles - Altura : 600 pixeles - Resolución : 72 pixeles / pulgada - Modo de Color: RGB 8 bits - Contenido del fondo: Transparente 4. Clic en Ok
3
Clic
Clic
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.
Definición de Pixel 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 800x600 significa que tu pantalla (sea del tamaño que sea) mostrara 800 píxeles en su anchura y 600 en su altura. Podemos configurar la pantalla para que muestre muchos más píxeles en el mismo espacio seleccionando una resolución de 1024x768 píxeles. 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. 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. Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 09
Programa Adobe Photoshop CS6
Sesión de Aprendizaje
Centro de Educación Continua
1
Resolución de una Imagen 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:
Mayor Resolución
Menor Resolución
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, 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 que cambiaremos será la del Modo de color. De esto sólo diremos que si trabajamos con una imagen destinada a ser visualizada 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). 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 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.
Adobe Photoshop CS6 - Universidad Continental - Centro de Educación Continua - lmachuca
Pág 10