Photoshop® fue lanzado al mercado en 1988 por la compañía Adobe ®, bajo el nombre de Adobe® Photoshop ® 0.63.
Un id ad NIVEL: Básico
01
Introducción a Pho to shop ®
DURACIÓN SUGERIDA: 3 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a: A Definir los conceptos de Imagen Mapa de Bits y Vector al describir sus características. B Describir el flujo de trabajo para digitalizar una imagen. C Registrar diferentes medios para obtener imágenes libres de derechos y usarlas para el desarrollo de un proyecto. D Conocer la historia y versiones de Adobe® Photoshop®. E Definir los elementos que componen el espacio de trabajo de Adobe® Photoshop®. F Identificar los comandos que te permitirán crear, abrir, cerrar y guardar un documento.
Diseño Digital Photoshop Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Digital Photoshop® CS5 TEMA
A Tipos de imágenes Los programas de diseño gráfico trabajan en general con dos tipos de imágenes: vectoriales y mapa de bits. Comprender sus características y diferencias es indispensable para aprender de manera exitosa el manejo de programas de diseño.
Imágenes vectoriales Un gráfico vectorial se compone de líneas rectas y curvas que tienen propiedades como el color, tamaño o posición. Los vectores son independientes de la resolución, lo que significa que pueden desplegarse a cualquier tamaño manteniendo la misma calidad. Una imagen vectorial (o simplemente vector) es en realidad una función matemática que la computadora calcula cada vez que necesita desplegar la imagen en pantalla. Si haces un acercamiento a una parte de la imagen, la función se calcula nuevamente, de manera que no hay pérdida de información. Cuando se trabaja con imágenes vectoriales se modifican las propiedades de los vectores que forman los objetos o figuras. Este tipo de imágenes son ideales para crear y manipular formas y textos.
Imagen 1-1: Acercamiento a una imagen vectorial
Imagen 1-2: Imagen Vectorial
10
IntroducciĂłn a PhotoshopÂŽ
ImĂĄgenes de mapa de bits AdobeÂŽ PhotoshopÂŽ trabaja con imĂĄgenes de mapa de bits. Los mapas de bits estĂĄn compuestos por una cuadrĂcula de pequeĂąos puntos denominados pĂxeles (que quiere decir picture element o elementos de imagen). Los pĂxeles estĂĄn ordenados y coloreados de una forma determinada para definir un patrĂłn. Un pĂxel sĂłlo puede tener un color. Cuando se trabaja con imĂĄgenes de mapa de bits, se modifican los pĂxeles en lugar de modificar directamente los objetos o las figuras. Este tipo de imĂĄgenes son ideales para capturar y manipular fotografĂas.
Imagen 1-3: Acercamiento a una imagen de mapa de bits
LĂ MINA
Imagen 1-4: Imagen de mapa de bits
Vectores vs. Mapa de Bits
11
Diseño Digital Photoshop® CS5 TEMA
B Digitalización de imágenes Digitalizar una imagen, es el proceso mediante el cual la información de luz y color se transforman en información numérica, que puede ser almacenada y manipulada en medios electrónicos digitales, como una computadora. El proceso de digitalización requiere siempre un convertidor analógico digital o DAC, que es el encargado de asignar un valor numérico a cada nivel de luz o color. La digitalización de imágenes se puede realizar por medio de una cámara digital o un escáner. Una vez almacenada, la información digital se puede duplicar, enviar por Internet o manipular en algún programa de edición de fotografías.
Escáner COMPUTADORA INICIO TWAIN SOFTWARE LA IMAGEN ESCANEADA APARECE EN LA PANTALLA
ESCÁNER CIRCUITO LÓGICO
SENSOR CCD
FUENTE DE LUZ MOTOR
El escáner es un periférico de entrada de la computadora. Para capturar las imágenes, el escáner ilumina la imagen original con una fuente de luz (lámpara o foco) y, mediante espejos, transfiere la luz reflejada hacia un dispositivo sensor denominado CCD. El CCD transforma la luz en señales eléctricas y luego transforma dichas señales eléctricas al formato digital (ceros y unos) con un DAC (Conversor AnalógicoDigital), que manda finalmente la información a la PC.
Imagen 1-5: Escáner
Cámara Digital PIC-001
Una cámara digital permite tomar fotos que se pueden visualizar, modificar e imprimir utilizando una computadora. La mayoría de las cámaras digitales incluyen una pantalla o visualizador de cristal líquido (Liquid Crystal Display o LCD), que se puede utilizar para tener una vista preliminar antes de tomar la fotografía y/o para ver las imágenes ya capturadas.
PIC-002
PIC-003
PIC-003
Imagen 1-6: Cámara descargando imágenes
Las cámaras comúnmente incluyen un cable que permite conectar la cámara a un puerto de entrada para transferir las fotografías a la PC. La mayoría de las cámaras tienen una memoria integrada o removible, que almacena fotografías hasta que se les transfiere a una computadora. ¤ Memoria incorporada: almacena entre 20 y 60 fotografías, dependiendo del tamaño y calidad. Una vez que está llena se transfiere a la computadora. ¤ Memoria removible: almacena fotografías en una tarjeta o incluso en un disquete regular. Se puede reemplazar una tarjeta de memoria cuando esté llena para seguir tomando fotos.
12
Introducción a Photoshop®
TEMA
C Obtención de imágenes libres de derechos Un punto que debes tomar en cuenta para poder utilizar cualquier imagen legalmente y poder difundir tu trabajo sin problemas, son los derechos del autor. No se trata únicamente de derechos económicos, porque suele pensarse que si algo se usa sin fines de lucro, no hay problema. Un autor también tiene derechos morales y puede negarse a que su obra se use para promover ideas y valores contrarios a los suyos; por lo cual el autor tiene el monopolio legal del derecho de copia de su obra. Además de las imágenes con Copyright (todos los derechos reservados), están las imágenes con algunos derechos reservados. La Free Software Foundation promovió una iniciativa para crear contenidos digitales de libre atribución y así surgieron las licencias CreativeCommons. Este tipo de licencias se aplican lo mismo a textos, que a música, video o imágenes fijas cuyos autores deciden reservarse sólo algunos derechos. Básicamente se trata de 4 tipos de licencia.
De atribución: Se permite su libre copia y distribución, con la condición de dar crédito al autor original.
No comercial: Se permite su libre copia y distribución, únicamente con fines no comerciales.
Obras no derivadas: Se permite su libre copia y distribución, pero únicamente de copias exactas, no de obras derivadas en las que se use el original para hacer algo más. Compartir con la misma licencia: Se permite su libre copia y distribución, con la condición de que el trabajo en el que se use, sea compartido con una licencia igual.
13
DiseĂąo Digital PhotoshopÂŽ CS5 TEMA
D IntroducciĂłn e historia de AdobeÂŽ PhotoshopÂŽ El programa de AdobeÂŽ PhotoshopÂŽ es una aplicaciĂłn para manipular y editar imĂĄgenes fotogrĂĄficas y vectoriales, para medios impresos o virtuales. Desde su apariciĂłn, el programa ha evolucionado y mejorado sus caracterĂsticas y capacidades. Aunque probablemente hay mĂĄs de 100 programas para ediciĂłn o manipulaciĂłn de imĂĄgenes, Photoshop ha sido considerado -por muchos aĂąos- la aplicaciĂłn modelo estĂĄndar dentro de la rama de las artes grĂĄficas. Hoy en dĂa sigue siendo la aplicaciĂłn nĂşmero uno en diseĂąo y se considera la mĂĄs completa y poderosa. AdemĂĄs de sus capacidades para trabajar con imĂĄgenes, a PhotoshopÂŽ se han agregado nuevas herramientas para el desarrollo Web. Las nuevas versiones de Adobe Photoshop cuentan con un programa de apoyo llamado Image Ready, enfocado al diseĂąo para Internet. Adobe Photoshop se creĂł en 1990 como una aplicaciĂłn diseĂąada para trabajar en las computadoras MacintoshÂŽ, que durante muchos aĂąos fueron consideradas las mĂĄs adecuadas para el diseĂąo grĂĄfico. Imagen 1-8: Thomas Knoll
En 1987, Thomas Knoll trabajaba en un cĂłdigo de programaciĂłn llamado “Displayâ€?, que servĂa para obtener imĂĄgenes en escala de grises para adaptĂĄrselas a un monitor blanco y negro. Su hermano “John Knollâ€? experimentaba diariamente en su computadora para crear efectos especiales. Los dos hermanos se unieron y mientras uno trabajaba en agregar a la computadora la habilidad de leer y escribir varios formatos, el otro desarrollaba procesos de rutina en las imĂĄgenes, que Imagen 1-7: John Knoll despuĂŠs se convertirĂan en los “filtros o plug-insâ€?. Estos Ăşltimos los estudiaremos mĂĄs adelante. La aplicaciĂłn que desarrollaron con su trabajo fue nombrada Photoshop y crearon un manual para su manejo. En 1988 la CompaĂąĂa AdobeÂŽ decide comprar la licencia del programa. Desde ese momento Adobe Photoshop ha posicionado en el mercado 12 ediciones y sigue evolucionando.
LĂ MINA
14
Historia de AdobeÂŽ
IntroducciĂłn a PhotoshopÂŽ
A ACTIVIDAD
Comenzando con AdobeÂŽ PhotoshopÂŽ
1. Escribe para quĂŠ puedes utilizar el programa de AdobeÂŽ PhotoshopÂŽ. Se utiliza Adobe Photoshop para editar y manipular imĂĄgenes digitales.
2. ÂżEn quĂŠ aĂąo se creĂł Photoshop? Photoshop se creĂł en el aĂąo 1990. 3. ÂżQuiĂŠnes fueron los creadores de Photoshop? Sus creadores fueron Thomas y John Knoll. 4. ÂżCuĂĄntas y cuĂĄles son las ediciones que Photoshop ha sacado al mercado? Son 12 las ediciones de Photoshop y son:A. Photoshop 1.0, A. Photoshop 2.0, A. Photoshop 3.0, A. Photoshop 4.0, A. Photoshop 5.0, A. Photoshop 6.0, A. Photoshop 7.0, A. Photoshop CS hasta A. Photoshop CS5.
5. ÂżEn quĂŠ aĂąo Photoshop es adquirido por Adobe? En el aĂąo 1988. 6. Describe quĂŠ es la digitalizaciĂłn de una imagen: Digitalizar una imagen es el proceso mediante el cual la informaciĂłn de luz y color se transforman en informaciĂłn numĂŠrica para ser guardada y manipulada
7. ÂżQuĂŠ es un mapa de bits? Un mapa de bits es una cuadrĂcula formada por pĂxeles.
15
Diseño Digital Photoshop® CS5 TEMA
E Espacio de trabajo de Photoshop® Al iniciar Adobe® Photoshop® verás el espacio de trabajo. Los elementos que lo componen son los siguientes: 1
2
3
Imagen 1-9: Espacio de Trabajo de Photoshop
5
16
4
6
IntroducciĂłn a PhotoshopÂŽ
1. Barra AplicaciĂłn. En ella encuentras el nombre de la aplicaciĂłn, asĂ como los botones de minimizar, restaurar y cerrar. 2. Barra de menĂşs. Contiene a detalle todas las operaciones que se le pueden hacer al documento o al programa. 3. Panel de control. Permite establecer los parĂĄmetros de las herramientas o el objeto seleccionado. 4. Barra de estado. Esta barra nos proporciona informaciĂłn sobre el archivo e imagen con la que estamos trabajando. 5. Panel Herramientas. Permite modificar y editar el objeto. 6. Paneles. Permiten trabajar con los distintos aspectos de un documento, como capas, colores, navegador o historial, entre otras.
T IP
Es posible que otros usuarios modifiquen la apariencia de la pantalla principal. Si no ves la pantalla tal y como se muestra aquĂ, puedes mostrar la distribuciĂłn de fĂĄbrica usando el menĂş Window/Workspace/Essentials (Ventana/ Espacio de trabajo/Aspectos Esenciales).
VIDEO
Espacio de trabajo de PhotoshopÂŽ
17
Diseño Digital Photoshop® CS5 TEMA
F Gestión de Archivos Creación de un documento Nuevo (New) Para crear un nuevo documento utiliza el menú File/New (Archivo/Nuevo) o la combinación de teclas <Ctrl+N>.
Imagen 1-11: Menú Archivo>Nuevo
Aparecerá una ventana como la siguiente: 2
1
3 4 5 6 7
Imagen 1-10: Ventana Nuevo.
8
18
Introducción a Photoshop®
1. Name (Nombre): En este campo nombrarás tu documento. 2. Preset (Formato del documento): El formato que elijas depende del tamaño y la forma del documento que quieras crear. Los formatos más comunes son carta, oficio y doble carta. 3. Width (Ancho del documento): Puedes definir el ancho de tu documento en centímetros, milímetros, pulgadas, puntos (unidad utilizada en tipografía que equivale a 1⁄72 de pulgada), picas (equivale a 12 puntos) y columnas (equivale al número de caracteres en una línea). 4. Height (Altura del documento): Puedes definir la altura del documento en centímetros, milímetros, pulgadas, puntos, picas y columnas. 5. Resolution (Resolución del documento): La resolución de una imagen 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 que hay en una pulgada, por eso se expresa en puntos por pulgada o dots per inch (dpi). Si una imagen tiene una resolución alta (mayor densidad de píxeles), será de mejor calidad debido a que se produce más detalle y la transición de color es más suave. 6. Color Mode (Modo de Color): Existen 5 modos de color. ¤ RGB Color -Red, Green & Blue- (RGB Rojo, Verde & Azul): Se utiliza para imágenes que sólo se verán en pantalla. ¤ CMYK Color -Cyan, Magenta, Yellow & Black- (CMYK Azul turqueza, Magenta, Amarillo & Negro): Se usa para imágenes que se destinarán a impresión. ¤ Grayscale (Escala de grises): Se usa para imágenes que tienen tonalidades de blanco a negro, pasando por los tonos grises intermedios. ¤ Lab Color: Es un modo utilizado en las imprentas para asegurar la fidelidad de los colores. ¤ Bitmap (Mapa de bits): Se utiliza para imágenes que no requieren detalle de color o que tienen muy pocos tonos diferentes. 7. Background Contents (Fondo del documento): Aquí puedes escoger el fondo del documento. Puede ser Blanco (White), Transparente (Transparent) o del Color de fondo (Background color) que se encuentre activo al momento de iniciar el documento. El color de fondo activo se cambia utilizando la barra de herramientas que estudiaremos más adelante. 8. Advanced (Opciones Avanzadas): Por el momento te recomiendo no cambiar ninguna de estas opciones. Podrás estudiar detalles más adelante. Una vez creado el documento nuevo, es recomendable delimitar un área de trabajo. Esto lo puedes hacer con la ayuda de las reglas y la línea guía, que puedes mostrar u ocultar utilizando el menú View/Rulers (Ver/Reglas) o las teclas <Ctrl+R>.
19
Diseño Digital Photoshop® CS5
Abrir archivos (Open) Las imágenes se abren y se importan en varios formatos de archivo. Los formatos disponibles aparecen en el cuadro de diálogo Open (Abrir). Para abrir un archivo: 1. Selecciona el menú File/Open (Archivo/Abrir) o el comando <Ctrl+O>.
Imagen 1-12: Menú Archivo>Abrir
2. Selecciona el archivo que quieres abrir. Si el tipo de archivo no aparece, puedes seleccionar la opción All Formats (Mostrar todos los archivos) en el menú emergente. 3. Haz clic en Open (Abrir). En algunos casos aparece un cuadro de diálogo que permite configurar opciones específicas del formato.
Imagen 1-13: Ventana Abrir
20
Introducción a Photoshop®
Puedes importar imágenes al programa desde: ¤ ¤ ¤ ¤ ¤
Una cámara digital Un banco de imágenes Escaneos de fotografías, transparencias, negativos, gráficos, entre otros Captura de imágenes de video Cliparts
Cerrar y guardar una imagen Para cerrar cualquier archivo que esté abierto en Adobe® Photoshop®, simplemente usa el menú File/Close (Archivo/Cerrar) o la combinación de teclas <Ctrl+W>. Al cerrar una imagen, aparecerá un mensaje para confirmar si deseas guardar los cambios realizados, en caso de que los hayas hecho o modificado la imagen. Por otro lado, es conveniente que durante el proceso de trabajo guardes los cambios que le realices al documento, con la finalidad de no perder información si el programa o el equipo fallan inesperadamente. Para guardar usa el menú File/Save (Archivo/Guardar) o <Ctrl+S>.
Imagen 1-14: Menú Archivo>Guardar
21
Diseño Digital Photoshop® CS5
Estos son los formatos de archivo más utilizados para guardar mapas de bits en Adobe Photoshop. Formato
Función
PSD y PDD
Formato de archivo de trabajo de Adobe® Photoshop®.
Solamente se puede abrir en Photoshop y programas compatibles. No sirve para publicar en Web.
Formato original de Adobe® Acrobat®. Permite almacenar imágenes vectoriales y mapas de bits.
Este archivo se abre con Adobe® Acrobat® Reader® y se modifica el tamaño del documento.
Formato muy eficiente. Acepta alta resolución de color y tiene una excelente compresión con alta calidad de imagen. Muy usado para publicar en Web.
Dependiendo de la compresión, siempre hay pérdidas de color (calidad) en la imagen.
TIFF
Formato que crea archivos de imagen de alta calidad, normalmente destinados para impresión.
Los archivos son muy pesados.
BMP
Es el formato estándar de Windows®. Acepta alta densidad de color.
No maneja compresión, por lo que las imágenes BMP son muy pesadas. No es recomendable para Web debido a su peso.
PNG
Este formato produce transparencias de fondo sin bordes irregulares y soporta los modos de color.
Existen pérdidas en el color de la imagen.
JPEG o JPG
T IP
22
Desventaja
Es recomendable trabajar siempre con un archivo maestro en formato PSD o PDD y sólo guardar en otro formato cuando el trabajo de manipulación esté terminado. Elige el formato más adecuado para cada necesidad que se te presente.
IntroducciĂłn a PhotoshopÂŽ
NOTA Una imagen requiere mayores recursos (memoria y capacidad de proceso) entre mayor sea su resoluciĂłn, por eso es importante mantener la resoluciĂłn tan pequeĂąa como se requiera en cada trabajo. Para una imagen que se observarĂĄ en pantalla, una resoluciĂłn adecuada es de 72 a 150 dpi. Los monitores no tienen tan alta resoluciĂłn como los impresos, por lo que no vale la pena usar una mayor resoluciĂłn. En cambio, si la imagen se va a imprimir, la resoluciĂłn normalmente es de 150 a 300 dpi, dependiendo de la calidad de la impresora que se va a utilizar.
VIDEO
GestiĂłn de archivos
A ACTIVIDAD
AdobeÂŽ PhotoshopÂŽ
1. ÂżCuĂĄles son los 6 principales elementos que conforman la pantalla de trabajo de Adobe Photoshop? Explica la funciĂłn de cada uno de ellos. Barra aplicaciĂłn: en esta barra encuentras el nombre de la aplicaciĂłn y los botones de minimizar, restaurar y cerrar. Barra de menĂşs: tiene a detalle las operaciones que se le pueden hacer al documento y la aplicaciĂłn. Panel de control: da los parĂĄmetros de las herramientas u objetos seleccionados. Barra de estado: proporciona informaciĂłn sobre el archivo e imagen con la que se trabaja. Panel herramientas: permite modificar y editar el objeto. Paneles: permite trabajar con los distintos aspectos de un documento.
23
Diseño Digital Photoshop® CS5
2. ¿Qué es y para qué sirve conocer la resolución de una imagen? La resolución de una imagen te permite conocer la cantidad de píxeles que hay en ella. La resolución se define como el número de píxeles que hay en una pulgada (dpi). A mayor resolución mejor calidad de la imagen. 3. ¿Qué resolución es recomendable para visualizar imágenes en pantalla? ¿Por qué no conviene usar la máxima resolución? La resolución recomendable para pantalla es de 72 a 150 dpi. No es recomendable una máxima resolución porque los monitores no tienen tanta resolución. 4. ¿Qué resolución es óptima para la impresión de imágenes? La resolución para impresión de imágenes es de 150 a 300 dpi. 5. ¿Cuáles son los Modos de Color? Explica la aplicación de cada uno de ellos. RGB Color (Red, Green, Blue): se utiliza para imágenes que se observarán en pantalla. (8 a 16 bits) CMYK Color (Cyan, Magenta, Yellow, Black): se utiliza para imágenes que se imprimirán. (8 a 16 bits) Escala de grises: se usa para imágenes que tienen tonalidades grises, del blanco al negro. (8 a 16 bits) Lab Color: utilizado en imprentas para asegurar la fidelidad de colores en la imagen. (8 a 16 bits) Mapa de bits (Bitmap): se utiliza para imágenes que no requieren distintos tonos, ya que sólo tiene 2 colores. (1 bits).
6. Describe una forma de abrir un archivo en Adobe Photoshop. 1. Selecciona el Menú Archivo (File)/Abrir (Open) o <Ctrl+0>. 2. Selecciona el archivo que quieras abrir. 3. Haz clic en Abrir (Open).
24
IntroducciĂłn a PhotoshopÂŽ
A ACTIVIDAD
ObtenciĂłn de imĂĄgenes
1. Investiga en la pĂĄgina www.creativecommons.org quĂŠ tipos de licencia existen. DescrĂbelas indicando quĂŠ logotipo las representa y cuĂĄles son las combinaciones de licencia posibles. Cultura- Si eres un fotĂłgrafo, escritor, cineasta o DJ, esta licencia ayuda a hacer su parte del trabajo de la innovaciĂłn cultural que se multiplica en Internet. EducaciĂłn- Acceso a la educaciĂłn es fĂĄcil y universal cuando educadores y estudiantes usan esta licencia para compartir y construir conjuntamente planes de lecciĂłn, conferencias y libros de texto. Ciencia- Creemos que datos, revistas y la investigaciĂłn cientĂfica deben estar disponibles para todo el mundo y tiene herramientas legales que ayudan a que esto suceda. Gobierno- Los gobiernos de todo el mundo utilizan licencias CC y herramientas para compartir informaciĂłn, promover el acceso, el crecimiento econĂłmico, participaciĂłn ciudadana y transparencia. 2. Busca en la misma pĂĄgina ejemplos (fotografĂas o ilustraciones) de los siguientes archivos de imagen: bmp, jpeg, gif, gif animado y png. Crea con ellos una biblioteca de imĂĄgenes. 3. Investiga en internet cĂłmo funciona una cĂĄmara digital y copia en este espacio los grĂĄficos y partes que muestran el proceso:
25
Diseño Digital Photoshop® CS5
¿Qué aprendiste? TEMA A: A definir los conceptos de imagen, mapa de bits y vector. TEMA B: A reconocer al escáner y la cámara como elementos para digitalizar imágenes. TEMA C: A localizar imágenes con licencias creative commons e identificar el tipo de licencia por su iconografía, así como el uso que se puede dar a material que emplea este tipo de licencias. TEMA D: La historia acerca del desarrollo de Adobe® Photoshop®, los nombres de sus creadores, así como los orígines de la aplicación. TEMA E: Cuales son los principales elementos que conforman el espacio de trabajo de Adobe® Photoshop®. TEMA F: Los procedimientos necesarios para crear un documento, abrir un documento existente en tu computadora, guardar, cerrar, así como los formatos de archivo que puedes manipular en Adobe® Photoshop®.
E EV EVALUACIÓN
1. Menciona 3 orígenes desde donde puedes importar imágenes a Adobe® Photoshop®. Puedes importar imágenes a Photoshop desde una cámara digital, un banco de imágenes y cliparts. 2. ¿Qué es fondo de documento? Aquí puedes escoger el fondo del documento. Puede ser Blanco, Transparente o del Color de fondo que se encuentre activo al momento de iniciar el documento. El color de fondo activo se cambia utilizando el panel herramientas.
3. ¿Qué es un vector? Un vector es una función matemática que la computadora realiza para crear líneas y curvas con propiedades de color, tamaño y posición.
26
En la versión CS5, con las Herramientas preestablecidas, puedes guardar y volver a utilizar los ajustes de herramientas. Mediante el Selector de herramientas preestablecidas de la barra de Opciones utiliza el panel emergente Herramientas preestablecidas para cargar, editar y crear bibliotecas.
Un id ad NIVEL: Básico
02
Her ra m ientas
DURACIÓN SUGERIDA: 9 SESIONES / 45-50 MINUTOS
Durante el desarrollo de esta unidad aprenderás a: A Identificar el panel Herramientas de Adobe® Photoshop®, herramientas de selección, su función y empleo. Comprender el concepto de Tolerancia y aplicar máscaras a partir de una selección. B Emplear las herramientas de pintura y retoque realizando proyectos. Diferenciar los conceptos Color de frente (Foreground) y Color de fondo (Background). C Conocer las herramientas disponibles en Adobe® Photoshop® para la creación y edición de texto, así como para la realización de trazos vectoriales. D Emplear otras herramientas que son de uso frecuente y mediante su uso realizarás tareas de manera eficiente y sencilla.
Diseño Digital Photoshop Autor: Carlos Zepeda Chehaibar
®
CS5
Diseño Digital Photoshop® CS5 TEMA
A Herramientas de Selección Panel Herramientas Este panel agrupa las herramientas que te ayudarán a realizar tus actividades dentro del programa. Las herramientas de Photoshop® están comúnmente agrupadas en el lado izquierdo de la ventana de aplicación. Aunque el panel Herramientas se puede mover, es recomendable tenerlo siempre visible en esta zona de la pantalla. Las herramientas están representadas por iconos. Hay algunas herramientas que incluyen un menú lateral que se identifica por un pequeño triángulo de color negro en la esquina inferior derecha del botón de la herramienta. Para desplegar ese menú debes mantener un clic sostenido sobre el botón de la herramienta. Las herramientas se pueden adaptar a las necesidades de cada trabajo por medio del panel de control, que comúnmente está en la parte superior de la pantalla de Photoshop. Si no lo ves, puedes mostrarlo con el menú Window/ Options (Ventana/Opciones). La paleta de opciones muestra diferentes parámetros para cada herramienta que se seleccione en el panel Herramientas. Siempre que tomes una herramienta, da un vistazo rápido a las opciones y ajusta lo que sea necesario. Las herramientas se clasifican en grupos de acuerdo a la función que desempeñan dentro de la aplicación. El uso detallado de las herramientas se ve en las actividades. Imagen 2-1: Panel Herramientas
Herramientas de selección Las herramientas de selección no modifican los píxeles sobre los cuales se aplican. Similarmente, como ocurre cuando seleccionas un texto en el procesador de palabras, las selecciones sólo se usan para elegir aquellas zonas que se quieren modificar. Si hay una selección en la imagen, las acciones que se realizan sólo tienen efecto sobre los píxeles seleccionados. En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten el mismo botón (botones con triángulo negro en la esquina inferior derecha). Recuerda que debes hacer un clic sostenido sobre la herramienta actual para tener acceso a las otras herramientas incluidas en un botón.
28
Herramientas
Herramientas de SelecciĂłn Marco rectangular
Rectangular Marquee Marco elĂptico
Elliptical Marquee
Atajo
<M>
<M>
Marco columna Ăşnica Marco fila Ăşnica
Lazo
Lasso Lazo poligonal
Polygonal Lasso
Lazo magnĂŠtico
Magnetic Lasso
SelecciĂłn rĂĄpida
Quick Selection
Varita mĂĄgica
Magic Wand
Dibuja un borde de selecciĂłn cuadrado o rectangular. Permite hacer selecciones circulares o elĂpticas.
Permite hacer la selecciĂłn de una fila de un pĂxel de grosor.
Single Row Marquee Move
Imagen
Permite hacer la selecciĂłn de una columna de un pĂxel de grosor
Single Column Marquee
Herramienta Mover
FunciĂłn
<V>
Permite cortar y arrastrar una selecciĂłn de pĂxeles a otra ubicaciĂłn.
<L>
Permite seleccionar libremente ĂĄreas de la imagen.
<L>
Marca los puntos por donde pasarĂĄ la selecciĂłn.
<L>
Hace la selecciĂłn a mano alzada en fusiĂłn a la configuraciĂłn que se haya ajustado en la barra de opciones. La lĂnea de selecciĂłn serĂĄ la intersecciĂłn de dos colores dependiendo del contraste de sus bordes.
<W>
Permite marcar rĂĄpidamente una selecciĂłn mediante una punta de pincel redonda
<W>
Selecciona pĂxeles que se encuentran dentro de un rango de color parecido al pĂxel escogido.
LĂ MINA
Herramientas de SelecciĂłn
29
DiseĂąo Digital PhotoshopÂŽ CS5
Tolerancia (Tolerance) Algunas herramientas, como Magic Wand (Varita MĂĄgica) o Paint Bucket (Cubeta de Pintura), tienen una opciĂłn llamada Tolerance (Tolerancia). Estas herramientas analizan el color de los pĂxeles alrededor de aquĂŠl sobre el que se aplica la herramienta. Si el color de los pĂxeles contiguos es similar, la acciĂłn de la herramienta se extiende a ellos. Si el color de los pĂxeles contiguos es diferente, la acciĂłn no los afecta. La Tolerancia determina quĂŠ tan similares deben ser los pĂxeles contiguos para ser afectados por la herramienta. Si hay poca tolerancia (cerca de 0%), los pĂxeles deben ser mucho mĂĄs parecidos para ser afectados. Si la herramienta es muy tolerante (cerca del 100%), casi no importa si los pĂxeles se parecen o no a los contiguos para ser afectados. La Tolerancia estĂĄndar de la varita mĂĄgica y la cubeta de pintura es de 32%. Este es un valor que en la mayorĂa de los casos da buenos resultados.
VIDEO
Tolerancia
PROYECTO
Figuras simples a partir de selecciones
1. Abre un documento nuevo en PhotoshopÂŽ. En el cuadro de diĂĄlogo que aparece al crear el documento utiliza los siguientes parĂĄmetros: Name (Nombre): Cuadrado Preset (Formato de documento): Custom Width (Ancho): 200 pĂxels Height (Alto): 200 pĂxels Resolution (ResoluciĂłn): 150 pĂxels/inch Color Mode (Modo de Color): RGB 8 bit Background Contents (Fondo de color): White (blanco) Color Profile (Perfil del color): Working RGB: sRGB IEC61966-2.1 Pixel Aspect Ratio (Aspecto del PĂxel): Square (Cuadrado)
30
Herramientas
2. Elige la herramienta Rectangular Marquee (Selección Rectangular) y crea con ella un cuadrado dentro de los límites del documento. Ya que sólo estás haciendo una selección, puedes intentar las veces que quieras. Procura que la selección sea aproximadamente de un
cuarto del tamaño del área de trabajo y que quede centrada. 3. Ahora tienes que darle color al cuadrado. Hay dos maneras de hacerlo. Prueba ambas formas para conocerlas: ¤ Toma la herramienta Paint Bucket (Cubeta de Pintura) y la presionas sobre la selección rellenando el cuadrado de color sólido. ¤ Utiliza el menú Edit/Fill (Editar/Rellenar). Aparecerá un cuadro de diálogo donde pondrás lo siguiente: Use (Uso): Color. Aparecerá la Paleta de colores. Escoge el color que quieras y das Ok. Mode (Modo): Normal Opacity (Opacidad): 100% 4. Con la herramienta de selección crea un nuevo rectángulo en tu documento. No importa si queda encima del anterior. 5. Rellena el segundo rectángulo con menú Edit/Fill (Editar/Rellenar), pero en este caso en Use (Uso) selecciona Pattern (Textura). Utiliza la textura que te agrade. 6. Sin modificar la selección, para crearle un borde o perímetro a la figura utiliza el menú Edit/ Stroke (Edición/Contorno). Aparecerá un cuadro de diálogo en donde pondrás los siguientes valores: Width (Ancho): 2 píxels Color (Color): Negro Location (Ubicación): Outside (Afuera) Mode (Modo): Normal Opacity (Opacidad): 100% 7. Da Ok para ver el resultado. Quizás la selección no te deje ver el contorno, por lo que debes eliminarla usando el menú Select/Deselect (Selección/Quitar Selección) o la combinación de teclas <Ctrl+D>. 8. Ahora guarda el archivo en la ubicación que indique tu profesor, utilizando menú File/Save (Archivo/Guardar) o las teclas <Ctrl+S>. Utiliza para el archivo el nombre Cuadrado con el formato PSD.
31
DiseĂąo Digital PhotoshopÂŽ CS5
Selecciones como mĂĄscaras En los programas profesionales de diseĂąo grĂĄfico se utiliza mucho el tĂŠrmino mĂĄscara (mask). Este nombre se ha heredado de las antiguas tĂŠcnicas de trabajo con papel o pelĂcula fotogrĂĄfica. En muchas ocasiones un artista tenĂa la necesidad de trabajar sĂłlo con una pequeĂąa parte de una imagen. Para no correr el riesgo de daĂąar otras zonas de la imagen, el artista creaba una mĂĄscara, que consistĂa en un lienzo que se colocaba sobre todo el documento y que tenĂa sĂłlo un orificio a travĂŠs del cual se podĂa retocar lo necesario. Hoy en dĂa las personas todavĂa usan mĂĄscaras de este tipo para restaurar obras de arte de la antigĂźedad, trabajar con fotografĂas e incluso se usan en procedimientos mĂŠdicos para enfocarse a una zona especĂfica de trabajo, mientras se protege el todo. Una selecciĂłn es una forma de crear una mĂĄscara.
A ACTIVIDAD
ÂżPor quĂŠ mĂĄscaras?
Reflexiona de forma individual o por equipos y contesta las siguientes preguntas: 1. Describe una situaciĂłn real, diferente a las que se han ejemplificado aquĂ, en que puede ser Ăştil usar una mĂĄscara. Redacta los detalles de su uso. Puedo usar una mĂĄscara para corregir sĂłlo parte de la cara de una persona en una fotografĂa.
2. ÂżPor quĂŠ decimos que una selecciĂłn es una forma de crear una mĂĄscara? Porque al crear una selecciĂłn se trabajarĂĄ sobre esa zona en especĂfico sin afectar lo demĂĄs.
3. ÂżQuĂŠ otro significado tiene la palabra mĂĄscara? ÂżPor quĂŠ se le llama asĂ a esta tĂŠcnica de trabajo? MĂĄscara puede tener un sĂmil a selecciĂłn o protecciĂłn. Se llama mĂĄscara porque protege la imagen u objeto al realizarle un cambio en una zona especĂfica de ĂŠste.
32
Herramientas
PROYECTO
Selecciones
1. En un nuevo documento de 600 X 600 pĂxels, crea un rectĂĄngulo, un Ăłvalo, un cĂrculo y un triĂĄngulo, utilizando las herramientas de selecciĂłn. Rellena cada figura con diferentes texturas y colores. 2. Prueba las siguientes tĂŠcnicas para trabajar con selecciones: ¤ ¤ ¤ ¤ ¤
Puedes quitar una selecciĂłn usando las teclas <Ctrl+D>. Si ya existe una selecciĂłn, ĂŠsta desaparece cuando se inicia una nueva selecciĂłn. Si ya existe una selecciĂłn, puedes agregar mĂĄs presionando la tecla <Shift>. Si ya existe una selecciĂłn, puedes quitar presionando la tecla <Alt>. Si presionas la tecla <Shift> mientras creas una selecciĂłn cuadrada o circular, se forma un cuadrado o un cĂrculo perfecto, respectivamente. SĂłlo funciona si no hay selecciĂłn previa. ¤ Si presionas la tecla <Alt> mientras dibujas la selecciĂłn, el punto en donde hagas el primer clic serĂĄ el centro de la figura. SĂłlo funciona si no hay selecciĂłn previa. ¤ Puedes presionar al mismo tiempo las teclas <Alt+Shift>, para crear una figura perfecta a partir de su centro. SĂłlo funciona si no hay selecciĂłn previa. ¤ Para deshacer una acciĂłn pulsa las teclas <Ctrl+Z>, pero si necesitas regresar dos o mĂĄs acciones, es necesario presionar <Ctrl+Alt+Z>. 3. En un nuevo documento crea las siguientes figuras utilizando la combinaciĂłn de las tĂŠcnicas anteriores, rellĂŠnalas con diferentes colores o texturas y aplĂcales distintos contornos. En este caso las figuras no deben empalmarse unas con otras. ¤ ¤ ¤ ¤
Una dona (cĂrculo sin centro) Una figura con forma de ocho Una media luna Una cara feliz
4. Guarda los archivos en tu carpeta de trabajo con el formato de Photoshop. Utiliza los nombres Figuras_a y Figuras_b.
33
DiseĂąo Digital PhotoshopÂŽ CS5 TEMA
B Herramientas de pintura y retoque A diferencia de las herramientas de selecciĂłn, las herramientas de pintura sĂ modifican los pĂxeles sobre los cuales se aplican, cambiando su color y apariencia. Se utilizan tanto para crear, como para modificar imĂĄgenes. En la siguiente tabla, se indica con negritas el inicio de un grupo de herramientas que comparten el mismo botĂłn (botones con triĂĄngulo negro en la esquina inferior derecha). Recuerda que debes hacer un clic sostenido sobre la herramienta actual para tener acceso a las otras herramientas incluidas en un botĂłn. Herramientas de Pintura Pincel
Brush LĂĄpiz
Pencil SustituciĂłn de color
Color Replacement Pincel Mezclador
Mixer Brush Pincel de historia
History Brush Pincel histĂłrico
Art History Degradado
Gradient
Bote de pintura
Paint Bucket
Atajo
FunciĂłn
<B>
AĂąade pintura a la imagen con trazos suaves o intensos y puede simular las tĂŠcnicas de pintura con aerĂłgrafo.
<B>
Dibuja lĂneas o contornos irregulares.
<B>
Cambia un color por otro.
<B>
Realiza trazos con brochas mas realistas.
<Y>
Permite restaurar una imagen a su estado original despuĂŠs de haber sido modificada.
<Y>
Pinta con trazos estilizados basados en algĂşn estado del panel Historia.
<G>
Rellena parte de una imagen con una fusiĂłn de colores, la cual puede modificarse tanto en orientaciĂłn como suavidad.
<G>
Rellena ĂĄreas de color similares con el color frontal.
LĂ MINA 34
Herramientas de Pintura y Retoque
Imagen
Herramientas
Herramientas de Retoque Pincel corrector puntual
Spot Healing Brush Pincel corrector
Healing Brush Parche
Patch Pincel de ojos rojos
Red Eye Tampón de clonar
Clone Stamp Tampón de motivo
Pattern Stamp Borrador
Eraser Tool Borrador de fondos
Background eraser Borrador mágico
Magic Eraser
Atajo
<J>
Elimina rápidamente las imperfecciones de las fotografías.
<J>
Pinta con una muestra o motivo para reparar las imperfecciones de una imagen.
<J>
Repara las imperfecciones del área seleccionada en una imagen utilizando una muestra o un motivo.
<J>
Repara los ojos rojos de las fotos y los reflejos verdes de los animales, que produce el flash.
<S>
Clona o copia una parte de la imagen.
<S>
Pinta tomando una parte de la imagen como motivo.
<E>
Borra partes de una imagen.
<E>
Borra el área del fondo.
<E>
Borra las áreas que contienen colores uniformes.
Desenfocar (+) Enfocar (+)
Da más nitidez a la imagen y aumenta el contraste de color.
Sharpen Dedo (+)
Diluye los colores.
Smudge Dodge Subexponer
Burn Esponja
Sponge
Imagen
Distorsiona el foco de alguna parte de la imagen.
Blur
Sobreexponer
Función
<O>
Aclara la imagen.
<O>
Oscurece la imagen.
<O>
Satura o desatura reduciendo el nivel de gris.
35
Diseño Digital Photoshop® CS5
Color de frente (Foreground) y Color de fondo (Background) En la parte media inferior del panel Herramientas, siempre hay visibles dos cuadros grandes de color llamados Selectores de color. Estos cuadros corresponden a los colores de frente y de fondo activos. Para cambiar cualquiera de estos colores basta hacer un clic sobre los cuadros de color y se desplegará un selector donde se puede elegir cualquier color. Las herramientas de pintura utilizan el color de frente (o color frontal) activo para sus acciones. El color de fondo, es el tono del fondo del documento y podemos utilizar herramientas que pinten con el color del fondo.
T IP
Para seleccionar un color haz clic sobre uno de los recuadros de color para que se active el Selector de color, en donde podrás escoger de la paleta de colores el que tú quieras. Para intercambiar los colores de frente y de fondo, haz clic sobre el icono de doble flecha. Así haces que el color que se encontraba en el recuadro del fondo pase al frente como color de trabajo.
Modo máscara rápida Para utilizar este modo, se crea una selección y activa el botón Edit in Quick Mask (Editar máscara rápida). Para modificar la máscara se emplea la herramienta Paint Brush (Pincel). Al salir, las áreas no protegidas por la máscara se convierten en una selección. También se puede crear la máscara directamente en el modo Máscara rápida. Modos de edición Editar en Modo Standard
Edit in Standard Mode
Atajo <Q>
Los contornos de selección son líneas punteadas.
<Q>
En este modo se pueden modificar los contornos de selección con ayuda de las herramientas de pintura.
Editar en Máscara Rápida
Edit in Quick Mask Mode
36
Función
Imagen