60

Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,
Page 2: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Mapas de bits y Vectores

Introducción a Photoshop

Entorno a Photoshop

Herramientas de Pintura y Edición

Herramienta de Borrado

Las Capas

Selecciones

Trabajando con Capas

PRIMERA UNIDAD

Page 3: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Mapas de bits y Vectores

Imágenes de Mapa de Bits Una imagen en mapa de bits, también conocida como imagen matricial, bitmap o raster image (estos dos tomados del

inglés), o imagen ráster (un calco del inglés), es una estructura o fichero de datos que representa una rejilla rectangular

de píxeles o puntos de color, denominada matriz, que se puede visualizar en un monitor, papel u otro dispositivo de

representación.

A las imágenes en mapa de bits se las suele definir por su

altura y anchura (en píxeles) y por su profundidad de color

(en bits por píxel), que determina el número de colores

distintos que se pueden almacenar en cada punto individual,

y por lo tanto, en gran medida, la calidad del color de la

imagen.

Los gráficos en mapa de bits se distinguen de los gráficos

vectoriales en que estos últimos representan una imagen a

través del uso de objetos geométricos como curvas de

Bézier y polígonos, no del simple almacenamiento del color

de cada punto en la matriz. El formato de imagen matricial

está ampliamente extendido y es el que se suele emplear para tomar fotografías digitales y realizar capturas de vídeo.

Para su obtención se usan dispositivos de conversión analógica-digital, tales como escáneres y cámaras digitales.

Imágenes de Mapa Vectorial Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos, polígonos,

arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etc. Por

ejemplo un círculo de color rojo quedaría definido por la posición de su centro, su radio, el grosor de línea y su color.

Este formato de imagen es completamente distinto al formato de las imágenes de mapa de bits, también llamados

imágenes matriciales, que están formados por píxeles. El interés principal de los gráficos vectoriales es poder ampliar el

tamaño de una imagen a voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits. De la misma forma,

permiten mover, estirar y retorcer imágenes de manera relativamente

sencilla. Su uso también está muy extendido en la generación de

imágenes en tres dimensiones tanto dinámicas como estáticas.

Todos los ordenadores actuales traducen los gráficos vectoriales a

mapas de bits para poder representarlos en pantalla al estar ésta

constituida físicamente por píxeles.

Page 4: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Introducción a Photoshop

Photoshop, creado por Adobe Systems, es una de las herramientas software para el tratamiento de imagen más potente

y popular de 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, también 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 sinfí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.

Para arrancar Photoshop, una vez instalado haz doble clic sobre su icono en el escritorio. En el caso de

que no tuviese un acceso directo, puede acceder al programa a través del menú Inicio → Todos los

programas → Adobe Photoshop CS5. 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.

Page 5: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Pestaña de Documento

Herramientas

Área de Trabajo

Paneles

Barra de Opciones

Barra de Menú

Entorno a Photoshop

Se puede modificar la ubicación de los paneles y herramientas según nuestro gusto o necesidad.

Puedes hacer que la disposición de los paneles y barras vuelvan al estado predeterminado haciendo clic en la opción

Ventana → Espacio de trabajo:

Page 6: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

O directamente desde la barra superior:

Practiquemos: 1. Ubícate en la barra de Menú y busca uno nuevo espacio de trabajo

2. Navega en el menú contextual y da un clic en Pintura para que se modifique el área de trabajo

3. Puede también realizar cualquier cambio en los paneles

4. Para regresar toda la configuración de los paneles a la forma predeterminada, dé un clic en el botón

básico

Page 7: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Herramientas de Pintura y Edición

Las herramientas de Pintura le permiten realizar trazos con pincel, con ello se puede dibujar en el lienzo de trabajo de

Photoshop. Las herramientas de Edición nos permiten modificar los objetos que componen los elementos del diseño.

Al seleccionar cualquier herramienta de la barra cambiaran las opciones en la barra de opciones para

configurar adecuadamente las cualidades de cada herramienta.

HERRAMIENTA MOVER: Nos permite

mover los objetos en el lienzo del trabajo

HERRAMIENTA DE PINCEL: Nos permite

dibujar trazos de pincel

HERRAMIENTA DE DEGRADADO: Nos

permite aplicar un degradado

COLOR FRONTAL: Puede cambiar el color

de las herramientas de dibujo

HERRAMIENTA DE BORRADOR: Nos

permite borrar un trazo de pincel e

imágenes

Page 8: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos: 1. Abre un documento nuevo (Control N)

2. Configura el documento con las siguientes características:

Nombre: “MI dibujo”

Dimensiones 1024 px X 768

Resolución 100 px/pulgada

Modo de Color RGB

Fondo Blanco

3. Selecciona la herramienta de Pincel de la barra de herramientas.

Nombre del documento

Dimensiones en Ancho y Alto

Resolución del documento

Modo de Color

Unidad de medida Fondo del documento

Page 9: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

4. Configura el tamaño de la punta del pincel en la barra de opciones.

5. Selecciona colores

6. Utiliza punta de pincel dura y suave para crear la siguiente figura, como la configuración respectiva del tamaño

de la punta de pincel.

Pulsar para visualizar las opciones

de punta de pincel

Punta de pincel

Suave

Punta de pincel

Duro

Pulsa doble clic para

visualizar el sector de

color para escoger un

color

Tamaño de Punta de Pincel

Page 10: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

7. Guarde su imagen en formato JPEG para poder observar la imagen como el visor de imágenes de Windows.

8. Abre la imagen en el visor de Windows y notará que no necesita abrirla en Photoshop para poder visualizar el

dibujo.

1

2

3

Resolución de la

imagen JPEG,

configúralo según

la necesidad. Si la

imagen se va a

imprimir utiliza de

medio - alto.

Page 11: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Las Capas Las capas de Photoshop son una de las herramientas que tenemos que dominar para poder trabajar con soltura con este

potente programa de diseño.

Ahora que conocemos los conceptos básicos sobre cómo añadir o eliminar pintura al lienzo, vamos a tratar temas más

avanzados como son las Capas.

Una capa es como una lámina de

acetato transparente y el programa te

permite trabajar con cuantas capas

necesites. Imagine, pues, un conjunto

de láminas de acetato; la que se

encuentre en la parte superior tapará a

las otras, pero sólo en las zonas en las

que tenga pintura, el resto

permanecerá transparente.

Seguro que le viene a la mente la forma

tradicional de hacer dibujos animados,

en los que se pintaba un fondo, y los

personajes se superponían sobre

láminas transparentes.

Hasta ahora todo nuestro trabajo se realizaba en un mismo nivel, en una sola capa. Veremos cómo trabajar con

diferentes niveles de capas y como sacar partido de ello.

Lo más importante de trabajar en Capas en Photoshop es que podemos agregar efectos y propiedades de forma

independiente a cada objeto que compone nuestro diseño.

Conozcamos el Panel de Capas

Capas

Crear Capa Nueva

Transparencia de la

Capa

Capa por defecto

Page 12: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Para añadir nuevas capas (hojas de acetato) a nuestra composición haz clic en el icono de Nueva capa, verás como el

programa añade una capa transparente sobre todas las que ya estaban creadas.

Por defecto, Photoshop, nombra a las capas automáticamente. Si quieres darle un nombre para reconocerla más

fácilmente sólo tienes que hacer doble clic sobre el nombre de la capa y escribir el nuevo nombre en su lugar.

Practiquemos: 1. Crea un documento Nuevo (Control N) de 1024 X 768 px con resolución de 100 px /pulgada RGB

2. Busca el panel de Capas y luego al icono de crear una capa nueva

3. Nombra la Capa nueva como Círculo Rojo

4. Con la Ayuda de la herramienta de Marco Elíptico, Dibuja un circulo

NOTA: Todo icono que posee una punta de flecha negra en la parte inferior derecha indica que al dejar

presionado aparece otro grupo de herramientas.

Doble clic para colocar un Nombre a la

Capa

Una Selección en Photoshop

tiene la siguiente apariencia

Puede Borrar una Selección con

Control D

Page 13: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

5. Rellene la selección del circulo con la ayuda del bote de pintura

NOTA: Asegúrese que cuando vaya a rellenar el círculo de selección, esta seleccionada la capa llamada Círculo

Rojo, para que no se derrame la pintura en la capa de Fondo.

6. Repite el procedimiento dos veces más a manera que te quede de la siguiente forma y aplíquele un 75% de

Opacidad a cada Capa para que se vea transparente

Colocar 75% de

Opacidad

El icono de Ojo lo

puedes quitar dando un

clic y colocar

nuevamente con otro

clic. Con el fin de

visualizar la capa o no,

sin que esta se borre

definitivamente

Page 14: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

NOTA: Recuerde Crear una Capa para cada círculo con su respectivo nombre, también se puede cambiar el orden de las

capas arrastrándolas de arriba y abajo para cambiar la posición.

Selecciones Cada vez sabemos más sobre cómo utilizar y sacarle provecho a Photoshop, ahora veremos un conjunto de

herramientas que te permitirán hacer selecciones de imágenes para poder aprovechar parte de ellas y despreciar el

resto.

La selección es una parte de la capa, que aparece delimitada por un borde de líneas discontinuas blancas y negras.

Cuando hay algo seleccionado, las acciones que realicemos sólo pueden aplicarse a esa selección. Por ejemplo, no

podemos pintar fuera de la selección, y si copiamos, copiaremos solo el contenido de la selección.

Configurar Barra de Opciones para utilizar Selecciones

Herramienta que

permite crear

una selección

nueva, cada vez

que intentemos

hacer selección

con una

herramienta de

Permite crear varias selecciones a la vez

y poder unirlas

Resta la selección a la ya existente

Permite la intersección de dos o más

selecciones, quedando como selección lo

que se intersecta

Suaviza o difumina el borde de

una selección Establece la forma de crear las

selecciones

Page 15: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos:

1. Seleccione las opciones que le permitan crear los siguientes dibujos.

Dibuje lo siguiente:

Nota: Recuerde que con la combinación

de teclas CONTROL D Se quita una

selección.

Page 16: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos: 1. Inicia Photoshop y presiona CONTROL O para abrir la imagen manzana.jpeg

2. Con la herramienta de lazo realiza una selección alrededor de toda la manzana.

3. Luego de haber hecho la selección presione las teclas al mismo tiempo CONTROL SHIFT i para invertir

la selección y luego suprimir para borrar el fondo. Recuerde desbloquear la capa antes, dándole doble clic

al candadito de la capa.

4. Por ultimo presiona CONTROL SHIFT S y guarda la imagen como JPEG, con el nombre de manzana

recorte.

Page 17: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos: 1. Inicia Photoshop y presiona CONTROL O para abrir la imagen camello.jpeg

2. Con la herramienta de lazo magnético realiza una selección alrededor de todo el camello. En la

barra de opciones configura 100 de lineatura.

NOTA: Observa como se colocan pequeños puntos alrededor de nuestra imagen, cierra la vuelta para

seleccionar toda la imagen .

3. Luego de haber hecho la selección presione las teclas al mismo tiempo CONTROL SHIFT i para

invertir la selección y luego suprimir para borrar el fondo. Recuerde desbloquear la capa antes, dándole

doble clic al candadito de la capa.

4. Por ultimo abra la imagen nieve.jpeg, arrastra la imagen camello a esta capa con la ayuda de la herramienta

mover

NOTA: Sí no logra ver las dos ventanas con las dos imágenes abiertas, deberá arrastrar la ventana para verlas.

Page 18: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos:

1. Crear un documento nuevo (CONTROL N) con las siguientes características:

2. Realice una capa nueva en el documento y rellénala con el bote de pintura de color CELESTE

3. Abre las imágenes pera.jpeg, piña.jpeg, naranja.jpeg y utilice la herramienta Varita Mágica en cada

una de ellas para seleccionar el fondo blanco y borrarlo con suprimir.

NOTA: Recuerda desbloquear las capas de cada imagen dándole doble clic al candado. También puedes

configurar la sensibilidad de la Varita Mágica en la barra de opciones en Tolerancia

4. Arrastre todas las imágenes recortadas al documento que hizo al principio.

Arrastra la pestaña de la

ventana para visualizar las dos

Ancho 1024 px

Altura 768 px

Resolución 100 px/pulgada

Fondo blanco

Page 19: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

5. Configure la herramienta Mover en la barra de opciones.

NOTA: Cuando modifique el tamaño de una imagen hágalo desde cualquier esquina dejando presionada la tecla SHIFT

esto para que no se altere el alto y ancho de la imagen y luego se vea distorsionada.

6. Modifique los elementos hasta que tenga la siguiente apariencia:

7. Por ultimo presione CONTROL SHIFT S y guarde la imagen como JPEG, con el nombre de, Frutas.

Coloque el cheque para

que pueda seleccionar

las imágenes de forma

directa

Coloque el cheque para que pueda

cambiar el tamaño de la imagen

con los controles de transformación

Page 20: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Trabajando con Capas Empezaremos a ver más en profundidad las características que nos ofrece Photoshop. Ya hemos aprendido qué son las

capas, a modificarlas, añadirles pintura y retocarlas, a seleccionar partes de una imagen y recortarlas para añadirlas a

nuestra composición.

Bien, ahora veremos formas de editar las capas de formas más avanzadas: las transformaciones y las máscaras.

A presionar un clic sobre la imagen podrá observar que aparece el cuadro de transformación de la imagen en donde se

puede cambiar las dimensiones del objeto.

NOTA: Para dimensionar una imagen realice los cambios desde una esquina con la tecla SHIFT presionada para no

alterar el ancho y alto de la imagen.

A continuación explicaremos cuáles son sus opciones:

Escala te permite redimensionar la capa reduciendo o aumentando su altura y anchura. Recuerda

que, manteniendo pulsada la tecla Shift las proporciones se mantendrán y la imagen no

se deformará.

Rotar gira la capa respecto al punto de referencia representado como. Puedes desplazarlo donde

quieras haciendo clic sobre él y arrastrándolo a una nueva posición o escoger un punto predefinido

desde la barra de opciones.

Los comandos Sesgar, Distorsionar y Perspectiva actúan dándole el aspecto de sesgo, distorsión y

perspectiva a la capa.

El comando Deformar, te permite modelar la capa para que tome una forma determinada. Esta

opción es muy útil cuando quieres ajustar la capa a una imagen existente.

Page 21: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos:

1. Abre la imagen espejo.jpeg de la carpeta de ejercicios.

2. Dobla la altura del tamaño del lienzo. Para ello haz clic en Imagen → Tamaño de lienzo. Se abrirá el siguiente

cuadro de diálogo.

3. Cambia las unidades a porcentajes y dobla la altura (poniéndolo a 200).

4. Ancla la pintura existente a la parte superior para que el espacio añadido se cree por debajo de éste.

Page 22: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

5. Pulsa el botón OK.

6. Ahora selecciona, con el Marco rectangular por ejemplo, la imagen inicial.

7. Cópiala con el comando Edición → Copiar o pulsando Ctrl+C.

8. Ahora pégala. Utiliza el comando Edición → Pegar o pulsa Ctrl+V.

9. Observarás que no sucede nada. Si observas el panel Capas, verás que pone Índice. Este modo no permite

trabajar con capas. Para cambiar de modo, ve al menú Imagen → Modo y elige Color RGB.

10. Ahora ya podemos seguir. Utiliza el comando Edición → Pegar o pulsa Ctrl+V.

11. Observa que se ha creado una nueva capa con una copia de la imagen. Vamos a Transformarla. Selecciona el

comando Edición → Transformar → Voltear vertical.

12. Coloca la imagen volteada debajo de la original. Para ello te ayudará la opción menú Vista → Ajustar. Con la

herramienta mover, arrastra hacia abajo la capa, con la tecla Shift pulsada, para hacerlo en vertical. Cuando

llegues al borde verás que la capa se "engancha", gracias a la opción Ajustar.

13. Ahora es un reflejo perfecto.

14. Lo siguiente que haremos será distorsionarla un poco con la ayuda del comando Transformar → Deformar para

que no sea una copia exacta, y darle un aspecto de ondas.

Page 23: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

15. Si han quedado áreas vacías, selecciónalas con la Varita, y ve al menú Edición → Rellenar, elige Según el

contenido y pulsa OK.

16. Pásale la herramienta Dedo con una Intensidad del 15% para crear un efecto de distorsión mayor

17. Por ultimo utiliza la opacidad de capa para bajarle un poco a la intensidad.

Las máscaras de capa

Las máscaras son una solución muy buena a muchos de los retoques que querremos realizar.

Una máscara, en principio, no es más que un delimitador que colocaremos sobre una capa. Este delimitador

determinará el nivel de opacidad de la capa sobre la que actúa.

Las máscaras sólo permiten colores pertenecientes a la gama de escala de grises. El color negro en una máscara indica

que la capa sobre la que actúa en esa zona será totalmente transparente. Al contrario, una zona blanca en una máscara

indicará que la capa afectada mantendrá su opacidad al 100% en esa zona.

De ahí que los diferentes niveles de grises equivalgan a diferentes niveles de opacidad.

Page 24: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos:

1. Abre la imagen paisaje.jpeg de la carpeta de ejercicios

2. Selecciona la herramienta de mascara rápida.

3. Utiliza la herramienta de degradado para crear un degradado, no olvide usar los colores negro y blanco.

Page 25: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

4. Pulse nuevamente la herramienta de mascara rápida a manera de que el degradado se convierte en selección.

5. Abra la imagen camello.jpeg y desbloque la capa.

6. Presione la tecla CONTROL y luego un clic en la capa del camello, de tal forma se realice una selección

alrededor de toda la imagen.

7. Presione CONTROL C para copiar la imagen.

8. Luego diríjase a la otra imagen, en donde está el degradado

9. Utilice la opción de la barra de menús Edición → Pegado Especial → Pegar dentro

Page 26: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos:

1. Abre la imagen paisaje.jpeg de la carpeta de ejercicios

2. Utiliza la herramienta de Forma Personalizada

3. Busque la en la barra de opciones Forma y ubique la forma de Corazón.

4. Asegúrese que este en la opción trazos.

5. Dibuja el Corazón sobre la imagen.

6. Utiliza la herramienta de selección directa pulsa botón derecho del mouse y selecciona la opción hacer

selección.

7. Desbloquea la Capa pulsando doble clic sobre ella en el panel de Capas.

Page 27: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

8. Selecciona la herramienta de Máscara de Capa que se ubica en el panel de Capas.

Y Obtendrá el siguiente resultado.

Page 28: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Proyecto 1: 1. En este proyecto necesitaremos fotografías personales.

2. Buscaremos en el internet la imagen de un film de Cine.

3. Inicie un documento nuevo con la siguiente configuración.

4. En el documento nuevo abra la imagen del film.

5. Sustituya todas las imágenes originales por las suyas.

Anchura: 1024 px

Altura: 768 px

Resolución: 300 px/pulg

Fondo: Blanco

Modo de Color: RGB

Page 29: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

NOTA: Utiliza las herramientas de transformación para encajar las nuevas imágenes en el film.

6. Procure ocultar las imagnes originales.

NOTA: Puede utilizar también la herramienta de perspectiva pulsando la Tecla CONTROL y a la vez arrastrar la

esquina de la imagen

7. Imprima el resultado que obtenga a full color (a colores) en una hoja tamaño carta en papel acuarela.

Archivo → Imprimir.

Page 30: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Formato y Texto

Edición avanzada de Capas

Formatos

Retoque Fotográfico 1

Retoque Fotográfico 2

SEGUNDA UNIDAD

Page 31: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Formato y Texto

El grupo de herramientas de Texto, como imaginarás, sirve para introducir texto en nuestras composiciones. Aunque

podemos encontrar diferentes formas de hacerlo:

Primero vemos que es posible escribir texto en 2 direcciones diferentes, una de izquierda a derecha y la otra de arriba

abajo.

Si nos fijamos aún más también veremos que las dos últimas herramientas, Máscara de texto horizontal y Máscara

de texto vertical , no dibujan texto, sino que crean una selección con la forma del texto que hayas escrito.

Veremos ahora las dos primeras herramientas, Texto horizontal l y Texto vertical , que comparten todas sus

características.

Page 32: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Este desplegable indicará la forma en la que los bordes del texto se fusionan con el fondo. La opción Ninguno dejará los

bordes completamente rectos, mientras que el resto realizan suavizados y transiciones para mejorar el acople del texto

a la imagen.

Otra de las opciones a destacar sería Crear texto deformado que muestra un cuadro de dialogo con diferentes tipos de

deformado modificables:

Practiquemos 1: 1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

Page 33: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Ancho 550 px

Alto 400 px

Resolución 300 px X plg

3. Utiliza la Herramienta de Texto horizontal Con tamaños de fuente 18 y el estilo a su gusto

4. Se puede escribir texto dando un clic en donde se quiere el texto o dar un clic y dejar pulsado, arrastra el cursor

para crear una caja de texto. En este caso utilizaremos la primera opción.

5. Escriba su nombre y aplique la herramienta Texto Deformado

6. Sí desea modificar un texto, bastará con ubicarse en el panel de capas y dar doble clic en la capa de texto para

volver a editarla

7. Iguale los siguientes textos

8. Guarde el Archivo en Formato JPEG. En alta resolución

Page 34: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 2: 1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

Ancho 550 px

Alto 400 px

Resolución 300 px X plg

3. Utiliza la Herramienta de Texto horizontal Con tamaños de fuente 18 y el estilo a su gusto

4. Escriba su nombre aplique la herramienta Texto Deformado

5. Configure el texto tal y como ve en el ejemplo :

6. aplique la herramienta Texto Deformado iguale el ejemplo:

7. Guarde el Archivo en Formato JPEG. En alta resolución

Page 35: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 3: 1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

Ancho 600 px

Alto 400 px

Resolución 300 px X plg

3. Utiliza la Herramienta de Mascara de texto horizontal

4. Tamaños de fuente 25 pt

5. Fuente Arial

6. Descargue una imagen de textura del internet y apílela o redúzcala para que quede del tamaño del documento.

7. Utilice la herramienta de corte para Cortar lo que quedo fuera del documento.

8. Con la ayuda de la herramienta de Mascara de texto horizontal Escriba TEXTURA

9.

10. Pulse la herramienta mover para salir de la máscara de texto (la pantalla roja)

11. Invierta la selección que ha quedado (Control + Shift + I) y pulse suprimir para que quede solo la letra con la

textura.

12. Obtendrá el siguiente resultado

13. Guarde el Archivo en Formato JPEG. En alta resolución

Page 36: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Descripción general del panel Carácter

El panel Carácter proporciona opciones para aplicar formato a caracteres. Algunas opciones de formato

también están disponibles en la barra de opciones.

Panel Carácter

A. Familia de fuentes B. Tamaño de fuente C. Escala vertical D. Opción Configurar Tsume E. Tracking F. Desplazamiento

vertical G. Idioma H. Estilo de fuente I. Interlineado J. Escala horizontal K. Kerning

Practiquemos 4: 1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

Ancho 600 px

Alto 400 px

Resolución 300 px X plg

3. Utiliza la herramienta de texto

4. Tamaños de fuente 24 pt

5. Fuente Arial

6. Iguala el siguiente texto

Opción que permite modificar el

interlineado del texto

Page 37: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

7. Guarde el Archivo en Formato JPEG. En alta resolución

Practiquemos 5: 1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

Ancho 600 px

Alto 400 px

Resolución 300 px X plg

3. Utiliza la herramienta de texto

4. Tamaños de fuente 24 pt

5. Fuente Calibri

6. Iguale el texto con ayuda de carácter en Photoshop

NOTA EL CAMBIO DE COLOR DEL TEXTO SE PUEDE HACER CON EL COLOR FRONTAL DE LA BARRA DE HERRAMIENTAS

7. Guarde el Archivo en Formato JPEG. En alta resolución

Color Frontal para cambiar el color del

texto

Page 38: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Edición avanzada de Capas

Los estilos: opciones de fusión

Los estilos de capa son efectos (como sombras, biseles, resplandores.) que proporciona Photoshop para dotar de

diferentes acabados a las capas.

Ten en cuenta que los estilos están enlazados a la capa que están afectando. Así que si cambias el contenido, la forma o

la posición de la capa el estilo se adaptará a los nuevos cambios.

Veamos cómo podemos acceder al editor de Estilo de Capa. Haz clic en el botón al pie de la ventana de Capas y se

mostrará un listado de todos los estilos disponibles.

Practiquemos 6:

1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

Ancho 1024px

Alto 768 px

Resolución 300 px X plg

3. Utiliza la herramienta de rectángulo de selección para crear un cuadrado

4. Crea una Capa Nueva

Crea una capa Nueva

Page 39: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

5. Nombre la Capa como Sombra

6. Rellena el cuadrado de color verde

7. Dirígete a la opción de Estilo de Capa

8. Configura Sombra Paralela con las siguientes Características:

El resultado sera el siguiente:

9. Realice 5 cuadros más con colores diferentes e inserte un efecto diente a cada uno, configure a su gusto las

opciones de cada uno. Experimente con las opciones para notar todo lo que se puede hacer.

8. Guarde el Archivo en Formato JPEG. En alta resolución

Page 40: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 7:

1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

3. Ancho 8.5 pulgadas

4. Alto 11 pulgadas

5. Resolución 300 px X plg

6. Utiliza la herramienta de rectángulo de selección para crear los cuadrados

7. Recorta y configura para obtener el mismo resultado

NOTA: Recuerde crear una campa diferente para cada rectángulo del anuncio

8. Busca en el internet una imagen similar. También los logotipos para después montarlos.

9. Aplica efecto de sombra paralela a la letra

9. Guarde el Archivo en Formato JPEG. En alta resolución

Page 41: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 8:

1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

3. Ancho 8.5 pulgadas

4. Alto 11 pulgadas

5. Resolución 300 px X plg

6. Orientación de texto Horizontal

7. Utiliza la herramienta de Texto horizontal

8. Tipo de Fuente Calibri, tamaño 48 pts.

9. Aplica los siguientes estilos :

Trazo

Bisel

Sombra paralela

Resplandor interior

10. Obtén el siguiente resultado:

10. Guarde el Archivo en Formato JPEG. En alta resolución

Page 42: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 9:

1. Diríjase a Archivo → Nuevo

2. Inserte las siguientes características al documento

3. Ancho 8.5 pulgadas

4. Alto 11 pulgadas

5. Resolución 300 px X plg

6. Orientación de texto Horizontal

7. Utiliza la herramienta de Mascara Texto horizontal

8. Tipo de Fuente Cooper Black, tamaño 55 pts. (puede insertar la cantidad directamente en el área de tamaño )

9. Aplica un Degradado en una capa nueva con nombre degradado de texto

10. Inserta los siguientes efectos:

Bisel y relieve – Textura

Satinado

Sombra paralela

Obtiene el siguiente resultado

11. Guarde el Archivo en Formato JPEG. En alta resolución

Page 43: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Formatos Elección de un formato de archivo Los formatos de archivos gráficos se diferencian en la manera de representar la información gráfica (como píxeles o

vectores), así como en las diferentes técnicas de compresión y características de Photoshop que admiten. Para

conservar todas las características de Photoshop (capas, efectos, máscaras, etc.), guarde una copia de la imagen en

formato de Photoshop (PSD).

Como la mayoría de formatos de archivo, el formato PSD admite archivos de hasta 2 GB de tamaño. Para archivos con

tamaño superior a 2 GB, guárdelos en formato de documento grande (PSB), RAW de Photoshop (solo imágenes

acopladas), TIFF (hasta 4 GB) o DICOM.

La profundidad de bits estándar para las imágenes es de 8 bits por canal. Para lograr un mayor rango dinámico con

imágenes de 16 o 32 bits, utilice los siguientes formatos:

Formatos para imágenes de 16 bits (se requiere el comando Guardar como)

Photoshop, Formato de documento grande (PSB), Cineon, DICOM, IFF, JPEG, JPEG2000, PDF de Photoshop, RAW de

Photoshop, PNG, mapa de bits portátil y TIFF.

Nota: El comando Guardar para Web y dispositivos convierte automáticamente las imágenes de 16 a 8 bits.

Formatos para imágenes de 32 bits (se requiere el comando Guardar como)

Photoshop, Formato de documento grande (PSB), OpenEXR, Mapa de bits portátil, Radiance y TIFF.

Maximizar la compatibilidad de archivos PSD y PSB

Si trabaja con archivos PSD y PSB en versiones anteriores de Photoshop o aplicaciones que no admiten capas, puede

agregar una versión acoplada de la imagen al archivo guardado.

Nota: Si guarda una imagen en una versión anterior de Photoshop, las funciones no compatibles con la versión se

descartan.

Seleccione Edición > Preferencias > Administración de archivos (Windows) o Photoshop > Preferencias > Administración

de archivos (Mac OS).

En el menú Maximizar la compatibilidad de archivos PSD y PSB, elija una de las acciones siguientes:

Siempre Se guarda una imagen compuesta (acoplada) junto con las capas del documento.

Preguntar Le preguntará si desea maximizar la compatibilidad al guardar.

Nunca Solo guarda una imagen con capas.

Elija Preguntar o Nunca si desea reducir considerablemente el tamaño del archivo.

Page 44: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Formato Photoshop (PSD) El formato Photoshop (PSD) es el formato de archivo

por defecto y el único formato, junto con Formato de

documento grande (PSB), que admite todas las

características de Photoshop. Dadas las grandes

posibilidades de integración entre los productos Adobe,

otras aplicaciones Adobe como Adobe Illustrator,

Adobe InDesign, Adobe Premiere, Adobe After Effects y

Adobe GoLive pueden importar directamente archivos

PSD y conservar muchas de las características de

Photoshop. Si desea más información, consulte la ayuda

de las aplicaciones Adobe específicas.

Al guardar un archivo PSD, puede definir una

preferencia para maximizar la compatibilidad de

archivos. Esto guarda una versión compuesta de una

imagen con capas en el archivo de modo que pueda ser

leído por otras aplicaciones, incluidas las versiones

anteriores de Photoshop. También mantiene la

apariencia del documento, en caso de que las futuras

versiones de Photoshop cambien el comportamiento de

algunas características. El compuesto también hace que

sea más rápido cargar la imagen y utilizarla en

aplicaciones que no sean Photoshop, y a veces puede

ser necesario para que otras aplicaciones puedan leer la

imagen.

Las imágenes de 16 bits por canal y de 32 bits por canal

de alto rango dinámico pueden guardarse como

archivos PSD.

Formato Photoshop 2.0 (Mac OS) Puede utilizar este formato para abrir una

imagen en Photoshop 2.0 o para exportar una imagen a

una aplicación que solo admite archivos Photoshop 2.0.

Cuando se guarda en formato Photoshop 2.0, la imagen

se acopla y se descarta información de las capas.

Formatos Photoshop DCS 1.0 y 2.0 El formato DCS (Desktop Color Separations) es una

versión del formato EPS estándar que le permite

guardar separaciones de color de imágenes CMYK.

Puede utilizar el formato DCS 2.0 para exportar

imágenes que contienen canales de tinta plana. Para

imprimir archivos DCS, debe usar una impresora

PostScript.

Formato Photoshop EPS El formato de archivo de lenguaje PostScript

encapsulado (EPS) puede contener tanto gráficos

vectoriales como de mapa de bits y lo admiten

prácticamente todos los programas de gráficos,

ilustraciones y diseño de páginas. El formato EPS se

utiliza para transferir imágenes PostScript entre

aplicaciones. Al abrir un archivo EPS que contiene

gráficos vectoriales, Photoshop rasteriza la imagen,

convirtiendo los gráficos vectoriales a píxeles.

El formato EPS admite modos de color Lab, CMYK, RGB,

Color indexado, Duotono, Escala de grises y Mapa de

bits y no admite canales alfa. EPS admite trazados de

recorte. El formato de separaciones de color de

escritorio DCS, una versión del formato EPS estándar, le

permite guardar separaciones de color de imágenes

CMYK. El formato DCS 2.0 se utiliza para exportar

imágenes que contienen canales de tinta plana. Para

imprimir archivos EPS, debe usar una impresora

PostScript.

Photoshop utiliza los formatos TIFF de EPS y PICT de EPS

para permitirle abrir imágenes guardadas en formatos

de archivo que crean previsualizaciones pero no son

compatibles con Photoshop (como QuarkXPress®).

Puede editar y utilizar una imagen de previsualización

abierta como cualquier otro archivo de baja resolución.

La previsualización PICT de EPS solo está disponible en

Mac OS.

Nota: los formatos TIFF de EPS y PICT de EPS son más

importantes para versiones anteriores de Photoshop. La

versión actual de Photoshop incluye funciones de

rasterización para abrir archivos que contienen datos

vectoriales.

Formato RAW de Photoshop

Page 45: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

El formato RAW de Photoshop es un formato de archivo

flexible utilizado en la transferencia de imágenes entre

aplicaciones y plataformas de ordenador. Este formato

admite imágenes CMYK, RGB y en escala de grises con

canales alfa, así como imágenes multicanal y Lab sin

canales alfa. Los documentos guardados en formato

RAW de Photoshop pueden tener cualquier tamaño de

píxeles o de archivo, pero no pueden contener capas.

El formato RAW de Photoshop consta de un flujo de

bytes que describe la información sobre el color de la

imagen. Cada píxel se describe en formato binario, en

donde el 0 representa el negro y el 255 el blanco (para

imágenes con canales de 16 bits, el valor de blanco es

65535). Photoshop designa el número de canales

necesarios para describir la imagen, junto con cualquier

canal adicional de la imagen. Puede especificar la

extensión del archivo (Windows), el tipo de archivo

(Mac OS), el creador del archivo (Mac OS) y la

información de cabecera.

En Mac OS, el tipo de archivo es normalmente un ID de

cuatro caracteres que lo identifica, por ejemplo, TEXT

identifica el archivo como un archivo de texto ASCII. El

creador suele ser un ID de cuatro caracteres. La mayoría

de aplicaciones Mac OS tienen un ID de creador

exclusivo que se registra con el grupo Apple Computer

Developer Services.

El parámetro de cabecera especifica cuántos bytes de

información aparecerán en el archivo antes de que

comience la información real de la imagen. Este valor

determina el número de ceros insertados al principio

del archivo como marcadores de posición. Por defecto,

no hay cabecera (tamaño de cabecera = 0). Puede

introducir una cabecera al abrir el archivo en formato

RAW. También puede guardar el archivo sin cabecera y

luego usar un programa de edición de archivos, como

HEdit (Windows) o Norton Utilities® (Mac OS), para

reemplazar los ceros por información de cabecera.

Puede guardar la imagen en formato intercalado o sin

intercalar. Si opta por el formato intercalado, los

valores de color (rojo, verde y azul, por ejemplo) se

almacenan de manera secuencial. La elección

dependerá de los requisitos de la aplicación con la que

se abrirá el archivo.

Nota: una imagen RAW de Photoshop no tiene el mismo

formato de archivo que un archivo de imagen RAW de

cámara de una cámara digital. Un archivo de imagen

RAW de cámara tiene un formato propio, específico de

la cámara, que es fundamentalmente un “negativo

digital”, sin filtros, ni ajuste de equilibrio de blancos ni

otros procesos realizados en la cámara.

Formato de negativo digital (DNG)

El formato DNG (negativo digital) es un formato de

archivo que contiene datos de imagen RAW de una

cámara digital y metadatos que definen el significado

de los datos. DNG (formato de archivos RAW de

cámara, disponibles de forma pública de Adobe) se ha

diseñado para ofrecer compatibilidad y reducir la

proliferación actual de los formatos de archivos RAW de

cámara. El plugin RAW de cámara puede guardar datos

de imágenes RAW de cámara en el formato DNG. Si

desea obtener más información sobre el formato de

archivo de negativo digital (DNG), visite

www.adobe.com/es y busque el término “Digital

Negative” en inglés o “negativo digital” en español.

Encontrará información completa y un enlace a un foro

de usuarios.

Formato BMP

BMP es un formato de imagen estándar de Windows en

ordenadores compatibles con DOS y Windows. El

formato BMP admite los modos de color RGB, Color

indexado, Escala de grises y Mapa de bits. Puede

especificar un formato Windows o OS/2® y una

profundidad de bits de 8 bits/canal. En imágenes de 4 y

8 bits que utilizan formato Windows, también puede

especificar compresión RLE.

Las imágenes BMP se escriben normalmente de abajo

arriba; sin embargo, puede seleccionar la opción

Voltear orden de fila para escribirlas de arriba abajo.

También puede seleccionar un método de codificación

alternativo con solo hacer clic en Modos avanzados.

(Las opciones Voltear orden de fila y Modos avanzados

Page 46: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

son las de mayor importancia para los programadores

de juegos y otros usuarios de DirectX®).

Formato Cineon Cineon es un formato digital de 10 bits por canal

desarrollado por Kodak que resulta adecuado para la

composición, la manipulación y la mejora electrónica.

Con el formato Cineon, puede transferir de nuevo a

película sin pérdidas de calidad de las imágenes. El

formato es utilizado en el sistema digital Cineon, que

transfiere imágenes originadas en película al formato

Cineon y luego las transfiere de nuevo a película.

Formato DICOM El formato DICOM (Imágenes y comunicaciones

digitales en el ámbito de la medicina, del inglés Digital

Imaging and Communications in Medicine) se utiliza

habitualmente para la transferencia y almacenamiento

de imágenes médicas, como ultrasonidos y escáneres.

Los archivos DICOM contienen tanto datos de imagen

como cabeceras, que almacenan información sobre el

paciente y la imagen médica. Puede abrir, editar y

guardar archivos DICOM en Photoshop Extended.

Formato GIF

El formato GIF (Graphics Interchange Format) es el

formato de archivo que se utiliza habitualmente para

mostrar gráficos e imágenes de color indexado en

documentos HTML en Internet y otros servicios en

línea. GIF es un formato comprimido con LZW diseñado

para minimizar el tamaño de archivo y el tiempo de

transferencia electrónica. El formato GIF conserva la

transparencia en imágenes de color indexado, pero no

admite canales alfa.

Formato IFF IFF (Interchange File Format) es un formato de

almacenamiento de datos de uso general que puede

asociar y almacenar diversos tipos de datos. El formato

IFF es portátil y tiene extensiones que admiten

fotografías, sonido, música, vídeo y datos textuales. El

formato IFF incluye Maya IFF e IFF (anteriormente

Amiga IFF).

Formato JPEG El formato JPEG (Joint Photographic Experts Group) se

utiliza habitualmente para mostrar fotografías y otras

imágenes de tono continuo en documentos HTML en

Internet y otros servicios en línea. El formato JPEG

admite los modos de color CMYK, RGB y Escala de

grises, pero no admite transparencias. A diferencia del

formato GIF, JPEG conserva toda la información de

color de una imagen RGB pero comprime el tamaño de

archivo descartando datos selectivamente.

Una imagen JPEG se descomprime automáticamente al

abrirla. Un nivel de compresión alto produce una

calidad de imagen inferior y uno bajo una mejor calidad

de imagen. En la mayoría de los casos, la opción de

calidad máxima produce un resultado idéntico al

original.

Formato de documento grande (PSB)

El formato de documento grande (PSB) admite

documentos de hasta 300.000 píxeles en cualquier

dimensión. Se admiten todas las características de

Photoshop, como las capas, efectos y filtros. (Con

documentos de más de 30.000 píxeles de anchura o

altura, algunos filtros de plugins no estarán

disponibles).

Puede guardar imágenes de alto rango dinámico, de 32

bits por canal como archivos PSB. Actualmente, si

guarda un documento en el formato PSB, puede abrirse

solo en Photoshop CS o superior. Los documentos

guardados en formato PSB no pueden abrirse en otras

aplicaciones ni en versiones anteriores de Photoshop.

Nota: la mayoría de las aplicaciones y las versiones

anteriores de Photoshop no admiten documentos de

más de 2 GB.

Page 47: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

OpenEXR, formato OpenEXR (EXR) es un formato de archivo utilizado en la

industria de efectos visuales para imágenes de alto

rango dinámico. El formato de película tiene una gran

fidelidad de color y un rango dinámico adecuado para

su uso en producciones cinematográficas. Desarrollado

por Industrial Light and Magic, OpenEXR admite

diversos métodos de compresión sin pérdida o con

menos calidad. Un archivo OpenEXR admite

transparencias y solo funciona con imágenes de 32

bits/canal; el formato de archivo guarda los valores

como valores de coma flotante de 16 bits/canal.

Formato PCX El formato PCX lo utilizan habitualmente los

ordenadores compatibles con PC de IBM. La mayoría

del software para PC admite la versión 5 del formato

PCX. Con archivos de la versión 3, que no admite

paletas de color personalizadas, se utiliza una paleta de

color VGA estándar.

El formato PCX admite los modos de color Mapa de bits,

Escala de grises, Color indexado y RGB, pero no admite

los canales alfa. PCX admite el método de compresión

RLE. Las imágenes pueden tener una profundidad de 1,

4, 8 ó 24 bits.

Formato PDF El formato de documento portátil (PDF) es un formato

de archivo flexible, multiplataforma y multiaplicación.

Basado en el modelo de imágenes de PostScript, los

archivos PDF muestran y conservan de forma precisa las

fuentes, los diseños de página y los gráficos vectoriales

y de mapa de bits. Además, los archivos PDF pueden

contener funciones electrónicas de navegación y

búsqueda de documentos como por ejemplo, enlaces

electrónicos. PDF admite imágenes de 16 bits por canal.

Adobe Acrobat tiene una herramienta llamada Retocar

objeto para pequeñas ediciones de las imágenes de un

PDF. Para obtener más información sobre cómo

trabajar con imágenes en archivos PDF, consulte la

Ayuda de Acrobat.

Nota: la herramienta Retocar objeto se usa

principalmente para revisiones de última hora de

imágenes y objetos. Lo mejor es editar las imágenes en

Photoshop antes de guardar el archivo en formato PDF.

Photoshop reconoce dos tipos de archivos PDF:

Archivos Photoshop PDF Creados cuando Conservar

capacidades de edición de Photoshop está seleccionado

en el cuadro de diálogo Guardar Adobe PDF. Los

archivos Photoshop PDF contienen una única imagen.

El formato Photoshop PDF admite todos los modos de

color (excepto Multicanal) y las funciones que admite el

formato Photoshop estándar. También admite la

compresión JPEG y ZIP, excepto para las imágenes en

modo de mapa de bits, que utilizan la compresión CCITT

Grupo 4.

Archivos PDF estándar Creados cuando Conservar

capacidades de edición de Photoshop está

deseleccionado en el cuadro de diálogo Guardar Adobe

PDF, o bien con otra aplicación como Adobe Acrobat o

Illustrator. Los archivos PDF estándar pueden contener

varias páginas e imágenes.

Al abrir un archivo PDF estándar, Photoshop rasteriza el

contenido de vectores y texto, mientras conserva el

contenido de píxeles.

Archivo PICT El formato PICT se utiliza en aplicaciones de gráficos y

de diseño de páginas de Mac OS como formato de

archivo intermediario en la transferencia de imágenes

entre aplicaciones. El formato PICT admite imágenes

RGB con un solo canal alfa e imágenes de color

indexado, en escala de grises y modo de mapa de bits

sin canales alfa.

Aunque Photoshop puede abrir archivos PICT de

rasterización, no se puede abrir archivos PICT de

QuickDraw ni guardar en formato PICT.

Recurso PICT

(Mac OS) Un recurso PICT es un archivo PICT, pero con

un nombre y un número de ID de recurso. El formato

Recurso PICT admite imágenes RGB con un solo canal

alfa e imágenes de color indexado, en escala de grises y

de modo de mapa de bits sin canales alfa.

Page 48: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Puede utilizar el comando Importar o el comando Abrir

para abrir un recurso PICT. Sin embargo, Photoshop no

puede guardar en este formato.

Formato Pixar

El formato Pixar está diseñado específicamente para

aplicaciones gráficas de alta calidad, como las que se

utilizan en imágenes tridimensionales y animaciones. El

formato Pixar admite imágenes RGB y en escala de

grises con un solo canal alfa.

Formato PNG Desarrollado como una alternativa sin patente al

formato GIF, el formato de gráficos de red portátiles

(PNG) se utiliza para una compresión sin pérdidas y para

la visualización de imágenes en Internet. A diferencia

del formato GIF, PNG admite imágenes de 24 bits y

produce transparencia de fondo sin bordes irregulares;

sin embargo, algunos navegadores web no admiten

imágenes PNG. El formato PNG admite imágenes RGB,

de color indexado, en escala de grises y de modo de

mapa de bits sin canales alfa. PNG conserva la

transparencia en imágenes en escala de grises y RGB.

Mapa de bits portátil, formato

El formato de archivo Mapa de bits portátil (PBM),

también conocido como Biblioteca de mapa de bits

portátil y Mapa binario portátil, admite mapas de bits

monocromos (1 bit por píxel). Este formato puede

utilizarse para transferencias de datos sin pérdidas

porque muchas aplicaciones lo admiten. Incluso puede

editar o crear esos archivos con un sencillo editor de

texto.

El formato Mapa de bits portátil se utiliza como

lenguaje común de una gran familia de filtros de

conversión a mapa de bits que incluye Portable

FloatMap (PFM), Portable Graymap (PGM), Portable

Pixmap (PPM) y Portable Anymap (PNM). Mientras que

el formato de archivo PBM almacena mapas de bits

monocromos, PGM además almacena mapas de bits en

escala de grises y PPM también puede almacenar

mapas de bits en color. PNM no es un formato distinto

en sí mismo, pero un archivo PNM puede contener

archivos PBM, PGM o PPM. PFM es un formato de

imagen de coma flotante que puede utilizarse para

archivos de HDR de 32 bits por canal.

Radiance, formato

Radiance (HDR) es un formato de archivo de 32 bits por

canal utilizado en imágenes de alto rango dinámico.

Este formato fue desarrollado originalmente para el

sistema Radiance, una herramienta profesional para

visualizar la iluminación en entornos virtuales. El

formato de archivo guarda la cantidad de luz por píxel

en lugar de solo los colores que se van a visualizar en la

pantalla. Los niveles de luminosidad que es capaz de

comprender el formato Radiance son mucho más altos

que los 256 niveles de los formatos de archivos de

imágenes de 8 bits por canal. Los archivos Radiance

(HDR) se utilizan normalmente en modelado en 3D.

Scitex CT

El formato Scitex CT se utiliza para el procesamiento de

imágenes de alta calidad en ordenadores Scitex.

Póngase en contacto con Creo para informarse sobre las

utilidades para transferir los archivos guardados en

formato Scitex CT a un sistema Scitex. El formato Scitex

CT admite imágenes CMYK, RGB y en escala de grises,

pero no canales alfa.

Las imágenes CMYK guardadas en formato Scitex CT

suelen tener tamaños de archivo extremadamente

grandes. Estos archivos se generan para entrada

mediante un escáner Scitex. Las imágenes guardadas en

formato Scitex CT se imprimen en una película

utilizando una unidad de rasterización Scitex, que

produce separaciones por medio de un sistema de

semitonos patentado por Scitex. Este sistema produce

muy pocos motivos moiré y a menudo se demanda en

Page 49: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

trabajos de color profesionales, por ejemplo, anuncios

en revistas.

Targa El formato Targa (TGA) se ha diseñado para sistemas

que utilizan la placa de vídeo Truevision y

habitualmente lo admiten aplicaciones de color de

MS‑DOS. El formato Targa admite imágenes RGB de 16

bits (5 bits x 3 canales de color, más un bit sin utilizar),

de 24 bits (8 bits x 3 canales de color) y de 32 bits (8 bits

x 3 canales de color más un solo canal alfa de 8 bits). El

formato Targa admite también imágenes de color

indexado y en escala de grises sin canales alfa. Al

guardar una imagen RGB en este formato, puede elegir

una profundidad de píxel y seleccionar la codificación

RLE para comprimir la imagen.

TIFF El formato TIFF o TIF (Tagged-Image File Format) se

utiliza para intercambiar archivos entre aplicaciones y

plataformas de ordenador. TIFF es un formato flexible

de imágenes de mapa de bits que prácticamente

admiten todas las aplicaciones de pintura, edición de

imágenes y diseño de páginas. Asimismo, prácticamente

todos los escáneres de escritorio pueden producir

imágenes TIFF. Los documentos TIFF tienen un tamaño

de archivo máximo de 4 GB. Photoshop CS y posterior

admite documentos grandes guardados en formato

TIFF. Sin embargo, la mayoría de las otras aplicaciones y

las versiones anteriores de Photoshop no son

compatibles con documentos de más de 2 GB.

El formato TIFF admite imágenes CMYK, RGB, Lab, de

color indexado y en escala de grises con canales alfa, e

imágenes en modo de mapa de bits sin canales alfa.

Photoshop puede guardar capas en un archivo TIFF; sin

embargo, si abre el archivo en otra aplicación, solo será

visible la imagen acoplada. Photoshop puede guardar

también notas, transparencias y datos de pirámide

multirresolución en formato TIFF.

En Photoshop, los archivos de imágenes TIFF tienen una

profundidad de 8, 16 ó 32 bits por canal. Puede guardar

imágenes de alto rango dinámico como archivos TIFF de

32 bits por canal.

Page 50: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 10:

1. Diríjase a Archivo → Abrir

2. Inserta una imagen que posea un fondo blanco:

3. Desbloquea la capa de la imagen

4. Con la ayuda de la herramienta de Varita Mágica, selecciona el fondo y elimínalo

5. Dirígete a Archivo – Guardar como y guarda el documento con los siguientes Formatos:

JPEG

TIFF

GIF

PNG

PSD

EPS

PDF

6. Al terminar observe las cualidades de cada formato y comente con sus compañeros la Ventaja y Desventaja que

posee cada uno de ellos.

Page 51: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Retoque Fotográfico

Es el área en Photoshop encargada de modificar las imágenes a manera de mejorar sus resultados.

Practiquemos 10:

1. Diríjase a Archivo → Abrir

2. Busque en el internet una imagen similar a la siguiente.

3. Corregiremos las foto, ya que esta posee unos cables de energía eléctrica que no se ven bien

4. Utilizaremos el tampón de clonar para corregir

5. Presionamos la tecla ALT para seleccionar una parte que podría sustituir en donde está el cable dando clic

6. Al presionar la tecla ALT tendrá que aparecer una icono como este

1. Guarde en formato PDF

Page 52: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 11:

2. Diríjase a Archivo → Abrir

3. Busque en el internet una imagen similar a la siguiente:

4. Quite el lunar con el tampón de clonar

5. Guarde en formato PSD

Practiquemos 12:

1. Diríjase a Archivo → Abrir

2. Busque en el internet una imagen similar a la siguiente:

Page 53: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

3. Utilice la herramienta de pincel correctos

4. Quita los puntos rojos

NOTA: EL PINCEL CORRECTOR ES SIMILAR A TAMPÓN DE CLONAR LA UNICA DIFERENCIA ES QUE ESTE INTERPRETA LOS DEGRADADOS DE FONDO DE UNA IMAGEN

5. Para usar el pincel corrector presiona ALT y aparecerá el icono para tomar una muestra.

6. Guarde en formato JPEG

Practiquemos 13:

1. Diríjase a Archivo → Abrir

2. Busque en el internet una imagen similar a la siguiente:

Page 54: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

3. Con la ayuda del tampón de clonar y pincel corrector, deberá quitar las imperfecciones de la imagen

4. Guarde en formato JPEG

Practiquemos 14:

1. Diríjase a Archivo → Abrir

2. Busque en el internet una imagen similar a la siguiente:

3. Corrige la imagen con la ayuda de la herramienta pincel de ojos rojos

4. Deberá quedar sin los ojos rojos

5. Guarde en formato JPEG

Page 55: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Ajustes en Photoshop

Puede acceder a ajustes desde la barra de menús imagen – ajustes

O insertar capas de ajustes (a diferencia de esta opción las correcciones se hacen en capas y no directamente a la

imagen)

NOTA: UBIQUE EL PANEL DE AJUSTES

Brillo Contraste

El comando Brillo/contraste permite realizar ajustes sencillos en la gama tonal de una imagen

Para ejecutar este comando. Imagen – Ajustes – Brillo/contraste

Page 56: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Ajuste Brillo/Contrastes

Ajuste de color

Podemos mejorar el color de una fotografía ya sea por exceso de color ( saturación ) o por falta de color ( desaturación )

Para ejecutar este comando. Imagen – Ajustar – Tono Saturación. Y en el cuadro de dialogo de tono Saturación.

movemos el manejador de Saturación. hacia la izquierda para desaturar y hacia la derecha para saturar

Equilibrio de color

El comando Equilibrio de color cambia la mezcla global de los colores de una imagen para conseguir correcciones de

color generalizadas.

Para ejecutar este comando Imagen – Ajustes – Equilibrio de Color

Page 57: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Practiquemos 15:

1. Busca en internet 15 imágenes que este defectuosas

2. Observa detenidamente cada imagen y aplica según la corrección que necesite

3. Las correcciones pueden ser con capa de ajuste o manuales

4. Deberá de usar las siguientes correcciones (no importan si se repiten)

Brillo/contraste

Niveles

Curvas

Exposición

Intensidad

Tono/saturación

Equilibrio de color

5. Guarde todas las imágenes en JPEG

6. Coloque una a la par de la otra como el antes y el después en diapositivas de PowerPoint

Page 58: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Proyecto de integración 1:

Pondrá en práctica todos los conocimientos adquiridos en la unidad con la creación de un afiche, que tendrá las

siguientes características:

Dimensiones: Ancho 13 plg Altura 19 plg

Resolución: 400 px X plg

Modo de Color: CMYK

Este deberá imprimirse en papel texcote No 14

Toma como ejemplo el siguiente afiche:

NOTA: EL DISEÑO DEBERÁ SER EL MISMO PERO PUEDE CAMBIAR EL CONTENIDO

DEBERA DE LLEGAR EL ARTE A UN SITO DE IMPRESIÓN DIGITAL PARA SER IMPRESO

Lleve el arte en formato JPEG y PSD

Page 59: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

Proyecto de integración 2:

Pondrá en práctica todos los conocimientos adquiridos en la unidad con la creación de un volante, que tendrá las

siguientes características:

Dimensiones: Ancho 8.5 plg Altura 5.5 plg

Resolución: 300 px X plg

Modo de Color: CMYK

Este deberá imprimirse en papel Coushe

Toma como ejemplo el siguiente volante:

Page 60: Mapas de bits y Vectores Introducción a Photoshop Entorno ...€¦ · Trabajando con Capas PRIMERA UNIDAD . Mapas de bits y Vectores Imágenes de Mapa de Bits ... Bézier y polígonos,

NOTA: EL DISEÑO DEBERÁ SER EL MISMO PERO PUEDE CAMBIAR EL CONTENIDO

DEBERA IMPRIMIR EN UNA IMPRESORA LÁSER

Para imprimir busque en Archivo- Imprimir

Coloque el check para que nuestro

arte se acomode al documento de

impresión.

Ajuste su impresora a alta calidad o

impresión de fotografía

Deje las demás configuraciones

iguales