guía de exámen de segundo grado

25
Diseño Digital Photoshop ® CS5 Autor: Carlos Zepeda Chehaibar 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. NIVEL: Básico DURACIÓN SUGERIDA: 3 SESIONES / 45-50 MINUTOS Unidad 01 Introducción a Photoshop ® Durante el desarrollo de esta unidad aprenderás a: Photoshop ® fue lanzado al mercado en 1988 por la compañía Adobe ® , bajo el nombre de Adobe ® Photoshop ® 0.63.

Upload: francisco-javier-zavala-moha

Post on 25-Mar-2016

250 views

Category:

Documents


5 download

DESCRIPTION

Se pretende con esta publicación dar una una guía de estudios para el exámen de primer bimestrre a los alumnos de tercer grado del área de tecnología.

TRANSCRIPT

Page 1: Guía de Exámen de Segundo Grado

Diseño Digital Photoshop® CS5Autor:Carlos Zepeda Chehaibar

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.

NIVEL: Básico DURACIÓN SUGERIDA: 3 SESIONES / 45-50 MINUTOS

Unidad 01 Introducción a Photoshop®

Durante el desarrollo de esta unidad aprenderás a:

Photoshop® fue lanzado al mercado en 1988 por la compañía Adobe®, bajo el nombre de Adobe® Photoshop® 0.63.

Page 2: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

10

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.

TEMA A Tipos de imágenes

Imagen 1-1: Acercamiento a una imagen vectorial

Imagen 1-2: Imagen Vectorial

Page 3: Guía de Exámen de Segundo Grado

11

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

Imagen 1-4: Imagen de mapa de bits

LÁMINA Vectores vs. Mapa de Bits

Page 4: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

12

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

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ógico-Digital), que manda finalmente la información a la PC.

Cámara Digital

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.

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.

TEMA B Digitalización de imágenes

COMPUTADORA

ESCÁNER

TWAIN SOFTWARE

LA IMAGEN ESCANEADAAPARECE EN LA PANTALLA

CIRCUITOLÓGICO

SENSORCCD

FUENTEDE LUZ

MOTOR

INICIO

Imagen 1-5: Escáner

PIC-001 PIC-002 PIC-003

PIC-003

Imagen 1-6: Cámara descargando imágenes

Page 5: Guía de Exámen de Segundo Grado

13

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.

Page 6: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

14

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.

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

TEMA D Introducción e historia de Adobe® Photoshop®

Imagen 1-7: John Knoll

Imagen 1-8: Thomas Knoll

LÁMINA Historia de Adobe®

Page 7: Guía de Exámen de Segundo Grado

15

Introducción a Photoshop®

1. Escribe para qué puedes utilizar el programa de Adobe® Photoshop®.

2. ¿En qué año se creó Photoshop?

3. ¿Quiénes fueron los creadores de Photoshop?

4. ¿Cuántas y cuáles son las ediciones que Photoshop ha sacado al mercado?

5. ¿En qué año Photoshop es adquirido por Adobe?

6. Describe qué es la digitalización de una imagen:

7. ¿Qué es un mapa de bits?

Comenzando con Adobe® Photoshop®

ACTIVIDADA

Se utiliza Adobe Photoshop para editar y manipular imágenes digitales.

Photoshop se creó en el año 1990.

Sus creadores fueron Thomas y John Knoll.

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.

En el año 1988.

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

Un mapa de bits es una cuadrícula formada por píxeles.

Page 8: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

16

Imagen 1-9: Espacio de Trabajo de Photoshop

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:

2 3

45 6

1

Page 9: Guía de Exámen de Segundo Grado

17

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.

VIDEO Espacio de trabajo de Photoshop®

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

Page 10: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

18

Imagen 1-10: Ventana Nuevo.

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

Aparecerá una ventana como la siguiente:

TEMA F Gestión de Archivos

12

34

56

8

7

Imagen 1-11: Menú Archivo>Nuevo

Page 11: Guía de Exámen de Segundo Grado

19

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

Page 12: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

20

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

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-12: Menú Archivo>Abrir

Imagen 1-13: Ventana Abrir

Page 13: Guía de Exámen de Segundo Grado

21

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

Page 14: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

22

Estos son los formatos de archivo más utilizados para guardar mapas de bits en Adobe Photoshop.

Formato Función Desventaja

PSD y PDDFormato de archivo de trabajo de Adobe® Photoshop®.

Solamente se puede abrir en Photoshop y programas compatibles. No sirve para publicar en Web.

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

JPEG o JPG

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.

TIFFFormato que crea archivos de imagen de alta calidad, normalmente destinados para impresión.

Los archivos son muy pesados.

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

PNGEste formato produce transparencias de fondo sin bordes irregulares y soporta los modos de color.

Existen pérdidas en el color de la imagen.

T IPEs 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.

Page 15: Guía de Exámen de Segundo Grado

23

Introducción a Photoshop®

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

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.

VIDEO Gestión de archivos

Adobe® Photoshop®

ACTIVIDADA

Barra aplicación: en esta barra encuentras el nombre de la aplicación y los boto-nes de minimizar, restaurar y cerrar.Barra de menús: tiene a detalle las operaciones que se le pueden hacer al docu-mento 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.

Page 16: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

24

2. ¿Qué es y para qué sirve conocer la resolución de una imagen?

3. ¿Qué resolución es recomendable para visualizar imágenes en pantalla? ¿Por qué no conviene usar la máxima resolución?

4. ¿Qué resolución es óptima para la impresión de imágenes?

5. ¿Cuáles son los Modos de Color? Explica la aplicación de cada uno de ellos.

6. Describe una forma de abrir un archivo en Adobe Photoshop.

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 pulga-da (dpi). A mayor resolución mejor calidad de la imagen.

La resolución recomendable para pantalla es de 72 a 150 dpi. No es recomenda-ble una máxima resolución porque los monitores no tienen tanta resolución.

La resolución para impresión de imágenes es de 150 a 300 dpi.

RGB Color (Red, Green, Blue): se utiliza para imágenes que se ob-servará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 colo-res 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).

1. Selecciona el Menú Archivo (File)/Abrir (Open) o <Ctrl+0>.2. Selecciona el archivo que quieras abrir.3. Haz clic en Abrir (Open).

Page 17: Guía de Exámen de Segundo Grado

25

Introducción a Photoshop®

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.

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:

Obtención de imágenes

ACTIVIDADA

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 estu-diantes 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, parti-cipación ciudadana y transparencia.

Page 18: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

26

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

1. Menciona 3 orígenes desde donde puedes importar imágenes a Adobe® Photoshop®.

2. ¿Qué es fondo de documento?

3. ¿Qué es un vector?

EVALUACIÓNEVEE

Puedes importar imágenes a Photoshop desde una cámara digital, un banco de imágenes y cliparts.

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.

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.

Page 19: Guía de Exámen de Segundo Grado

Diseño Digital Photoshop® CS5Autor:Carlos Zepeda Chehaibar

Herramientas

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.

NIVEL: Básico DURACIÓN SUGERIDA: 9 SESIONES / 45-50 MINUTOS

Unidad 02

Durante el desarrollo de esta unidad aprenderás a:

En la versión CS5, con las Herramientaspreestablecidas, puedes guardary volver a utilizar los ajustes deherramientas.

Mediante el Selector de herramientaspreestablecidas de la barra deOpciones utiliza el panel emergenteHerramientas preestablecidas paracargar, editar y crear bibliotecas.

Page 20: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

28

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.

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.

Imagen 2-1: Panel Herramientas

Page 21: Guía de Exámen de Segundo Grado

29

Herramientas

Herramientas de Selección

Atajo Función Imagen

Marco rectangular Rectangular Marquee <M>

Dibuja un borde de selección cuadrado o rectangular.

Marco elípticoElliptical Marquee <M>

Permite hacer selecciones circulares o elípticas.

Marco columna únicaSingle Column Marquee

Permite hacer la selección de una columna de un píxel de grosor

Marco fila únicaSingle Row Marquee

Permite hacer la selección de una fila de un píxel de grosor.

Herramienta MoverMove <V> Permite cortar y arrastrar una selección de

píxeles a otra ubicación.

LazoLasso <L>

Permite seleccionar libremente áreas de la imagen.

Lazo poligonalPolygonal Lasso <L>

Marca los puntos por donde pasará laselección.

Lazo magnéticoMagnetic Lasso <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.

Selección rápidaQuick Selection <W>

Permite marcar rápidamente una selección mediante una punta de pincel redonda

Varita mágicaMagic Wand <W>

Selecciona píxeles que se encuentran dentro de un rango de color parecido al píxel escogido.

LÁMINA Herramientas de Selección

Page 22: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

30

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.

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): CuadradoPreset (Formato de documento): CustomWidth (Ancho): 200 píxelsHeight (Alto): 200 píxelsResolution (Resolución): 150 píxels/inchColor Mode (Modo de Color): RGB 8 bitBackground Contents (Fondo de color): White (blanco)Color Profile (Perfil del color): Working RGB: sRGB IEC61966-2.1Pixel Aspect Ratio (Aspecto del Píxel): Square (Cuadrado)

VIDEO Tolerancia

Figuras simples a partir de selecciones

PROYECTO

Page 23: Guía de Exámen de Segundo Grado

31

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): NormalOpacity (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íxelsColor (Color): NegroLocation (Ubicación): Outside (Afuera)Mode (Modo): NormalOpacity (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.

Page 24: Guía de Exámen de Segundo Grado

Diseño DigitalPhotoshop® CS5

32

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.

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.

2. ¿Por qué decimos que una selección es una forma de crear una máscara?

3. ¿Qué otro significado tiene la palabra máscara? ¿Por qué se le llama así a esta técnica de trabajo?

¿Por qué máscaras?

ACTIVIDADA

Puedo usar una máscara para corregir sólo parte de la cara de una persona en una fotografía.

Porque al crear una selección se trabajará sobre esa zona en específico sin afec-tar lo demás.

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.

Page 25: Guía de Exámen de Segundo Grado

33

Herramientas

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.

Selecciones

PROYECTO