Curso de Diseño Gráfico. Clase 25

7/30/2019 Curso de Diseño Gráfico. Clase 25

http://slidepdf.com/reader/full/curso-de-diseno-grafico-clase-25 1/23

Curso de Diseño Gráfico

CLASE25



TemasPhotoshop I



IndiceIntroducción ......................................................................1

Información general sobre el espacio de trabajo........................................1

Introducción a los formatos de imagen......................................................4

Introducción a los modos de color..............................................................5Imágenes de mapa de bits.........................................................................5

Tamaños y resolución de imagen...............................................................6

Tamaño del archivo....................................................................................7

Resoluciones..............................................................................................7

Modos de color .........................................................................................8

Acerca de las acciones..............................................................................13

Modo Duotono..........................................................................................15

Mover una imagen dentro de otra en Photoshop......................................17

Trabajo con el panel Historia.....................................................................19

Photoshop.......

CLASE25


http://slidepdf.com/reader/full/curso-de-diseno-grafico-clase-25 4/231Curso de Diseño Gráfico

Adobe Photoshop

1-Introducción

Adobe Photoshop una aplicación en forma de taller depintura y fotografía que trabaja sobre un "lienzo" y queestá destinado para la edición, retoque fotográfico y pin-tura a base de imágenes de mapa de bits o conocidos enPhotoshop como gráficos rasterizados, elaborado por lacompañía de software Adobe Systems inicialmente paracomputadores Apple pero posteriormente ta mbién para

plataformas PC con sistema operativo Windows.

2. ¿Qué se puede hacer con la aplicación?

Photoshop CS4 se utiliza para la edición de fotografías y pintura, con una interfazmuy completa en cuanto a funciones.

3. Descripción de la interfaz.

Una vez instalada la aplicación, ingresar haciendo click en Inicio, Programas, Adobe Photoshop CS4.

Información general sobre el espacio de trabajo

Dentro de la aplicación, aparecen distintos elementos como paneles, barras, menús y ventanas. Todosestos elementos conforman el espacio de traba jo.

El panel Herramientas incluye utilidades para crear y editar imágenes, ilustraciones, elementos depágina, etc. Las herramientas relacionadas están agrupadas.

. La barra Aplicación de la parte superior contiene un conmutador de espacio de trabajo, menús yotros controles de la aplicación.

. El panel Control muestra opciones específicas de la herramienta seleccionada en el momento.

La ventana Documento exhibe el archivo en el que se trabaja. Las ventanas Documento se puedenorganizar como fichas y, en ciertos casos, también se pueden agrupar y acoplar.

Los paneles ayudan a controlar y modificar el trabajo. Se pueden agrupar, apilar o acoplar.

CLASE25


http://slidepdf.com/reader/full/curso-de-diseno-grafico-clase-25 5/232 Curso de Diseño Gráfico

CLASE25

Paneles contraídospor íconos

Paneles expandidos desde íconos



CLASE25



CLASE25

4. Introducción a los formatos de imagen.

Una imagen puede ser obtenida mediante la digitalización o bien mediante la creación a través deprogramas específicos. Dependiendo del método seguido podemos hablar de dos tipos de gráficos:

- Mapa de bit s: corresponde a una matriz de puntos, denominados píxels, y a cada uno de ellos se lesasigna un determinado color, el conjunto de todos estos puntos corresponde a la imagen creada.Los mapa de bits son las fotografías que editaremos en Photoshop.- Imágenes Vectoriales: se obtienen a base de líneas, respondiendo cada una de ellas a una ecuaciónmatemática. Son las figuras que hemos dibujado en el primer módulo en el Adobe Illustrator.

Los gráficos de mapa de bits tienen el inconveniente de que al ampliar la fotografía, los píxels crecende tamaño, por lo que da una impresión de “ mosaico” , esto no sucede en los gráficos vectoriales, yaque se pueden ampliar o reducir hasta el infinito sin que cambie la perfección del dibujo.

Sin embargo, los gráficos vectoriales tienen el inconveniente de que no presentan el nivel de detalleque los mapas de bits.

Formatos de Mapa de bits

Existen gran multitud de formatos. Sin embargo, los que más se utilizan son los dos usados en

Internet GIF y JPEG ya que son los que ocupan menor tamaño, pero existen otros muchos:

- GIF: es un sistema de alta compresión, aunque no destructiva, tiene el inconveniente de que sólosoporta 256 colores, pero tiene otras características muy interesantes:

. Entrelazado, se presenta la imagen al principio en muy baja resolución que va aumentandopaulatinamente a medida que se va cargando, esto es muy útil en Internet. Animación, se puedehacer lo que se conoce como GIFs animados, se muestran varios cuadros en un mismo archivo que sevan pasando rápidamente.

. Transparencia, permite hacer transparente un color por lo que se puede hacer que el fondo de laimagen sea invisible y se vea el de la página Web que está detrás

- JPEG: sistema de muy alta compresión perdiendo la parte menos significativa de la imagen, seconsiguen archivos de 24 bits (16 millones de colores) en unos tamaños de fichero muy reducidos,tiene el inconveniente de que la pérdida de calidad de imagen es irreversible.

- BMP: o mapa de bits, es el estándar de Windows y es reconocido por casi todos los programas, tieneel inconveniente de que crea ficheros muy grandes.

- TIFF: es un formato muy difundido debido a que es de los pocos que se pueden visualizar sinproblemas ta nto en plata formas PC como en Mac. Este formato sirve para fotografías de alta calidad.



CLASE25

5. Introducción a los modos de color.

En Photoshop, el modo de color de un documento determina el método de color utilizado para mostrare imprimir la imagen en la que está trabajando.

Los modos de color de Photoshop están basados en los modelos de color que resultan útiles en lasimágenes que se utilizan en autoedición.

Puede seleccionar entre RGB (rojo, verde, azul); CMYK (cian, magenta, amarillo, negro); Color Lab yEscala de grises.

Photoshop también incluye modos para salidas de color especializadas como Color indexado yDuotono.

Los modos de color determinan el número de colores, el número de cana les y el tamaño de a rchivo deuna imagen. Seleccionar un modo de color también determina las herramientas y los formatos dearchivo disponibles.

Se acceden desde el menú Imagen - Modo.

Imágenes de mapa de bits

Las imágenes de mapas de bits, denominadas técnicamente imágenes rasterizadas, utilizan unacuadrícula rectangular de elementos de imagen (píxeles) para representar imágenes.

Acada píxel se le asigna una ubicación y un valor de color específicos. Al traba jar con imágenes demapa de bits, se editan los píxeles, en lugar de los objetos o las formas.

Las imágenes de mapa de bits son el medio electrónico más usado para las imágenes de tonocontinuo, como fotografías o pinturas digitales, puesto que pueden representar de manera más eficazdegradados sutiles de sombras y color. Las imágenes de mapa de bits dependen de la resolución, es

decir, contienen un número fijo de píxeles.



CLASE25

Como consecuencia, pueden perder detalle y aparecer dentadas si se cambia la escala a grandesampliaciones en pantalla o si se imprimen con una resolución inferior que aquélla para la que fueron

creadas.

Tamaños y resolución de imagen

Las dimensiones en píxeles (tamaño de imagen o altura y anchura) de las imágenes de mapa de bitsson una medida del número de píxeles de altura y anchura de la imagen.

La resolución es la precisión del deta lle en las imágenes de mapa de bits, que se mide en píxeles porpulgada (ppp o dpi). Cuantos más píxeles por pulgada, mayor resolución. En general, las imágenes

con más resolución producen una calidad de impresión mejor.

En Photoshop, la relación entre el tamaño de la imagen y la resolución se ve en el cuadro de diálogoTamaño de imagen.

Imagen a 72 dpi Imagen a 300 dpi

ancho y alto en pixels

ancho y alto en centímetros

resolución



CLASE25

Tamaño del archivo

El tamaño de archivo de una imagen es el tamaño digita l del archivo de imagen calculado en kilobytes(K), megabytes (MB) o gigabytes (GB). El tamaño de archivo es proporcional a las dimensiones enpíxeles de la imagen.

Las imágenes con más píxeles muestran mejor los deta lles a un tamaño de impresión determinado,pero necesitan mayor espacio en disco para su almacenamiento y requieren más tiempo para suedición e impresión.

En consecuencia, la resolución de imagen llega a ser un compromiso entre la calidad de la imagen

(capturando todos los datos necesarios) y el tamaño de archivo.

Otro factor que afecta al tamaño de a rchivo es el formato del mismo.

En función de los distintos métodos de compresión que se usan en los formatos de a rchivo GIF, JPEG yPNG, los tamaños de los archivos pueden ser muy distintos aun teniendo las mismas dimensiones enpíxeles.

De igual manera, la profundidad de los bits de color y la cantidad de capas y canales de una imagenafectan al tamaño de archivo.

Resoluciones

Las imágenes de mapa de bits contienen un número fijo de píxeles, que se suelen medir en píxelespor pulgada (ppp o dpi).

Una imagen de alta resolución contiene más píxeles y, por consiguiente, más pequeños, que unaimagen de las mismas dimensiones pero de baja resolución. Por ejemplo, una imagen de 1 por 1pulgada con una resolución de 72 ppp contiene un tota l de 5.184 píxeles (72 píxeles de ancho por 72de alto = 5.184). La misma imagen con una resolución de 300 ppp contendría un total de 90.000

píxeles.

Para imágenes de mapa de bits importadas, la resolución viene determinada por el archivo de origen.

En Photoshop CS4, se puede especificar una resolución personalizada. Para determinar la resoluciónde imagen a utilizar, se debe tener en cuenta el medio de distribución final de la imagen.

Las siguientes pautas pueden ayudar a determinar los requisitos para la resolución de las imágenes:

Impresión comercial requiere imágenes de 150 a 300 ppp (o más), en función de la imprenta y lalineatura de trama (lpp) que esté utilizando. Para Offset si o si mínimo 300 dpi.



CLASE25

Impresión de escritorio normalmente requiere que las imágenes estén en un intervalo de 72 a 150ppp.

Publicación en Internet (páginas web) 72 a 100 dpi

Modos de color

RGB

Un amplio porcentaje del espectro visible se puede representarcombinando luz roja, verde y azul (RGB) en proporciones e inten-sidades diferentes.

En el lugar en el que se superponen los colores, se crean el cian, elmagenta y el amarillo. Los colores RGB se denominan colores aditi-vos porque el blanco se crea mezclando rojo, verde y azul, es decir,toda la luz se refleja y es capta da por el ojo. Los colores aditivos seusan en iluminación, televisión y monitores de pc.

CMYK

Mientras que el modelo RGB depende de una fuente de luz para crear color, el modelo CMYK se basaen la capacidad de absorber luz de la tinta impresa en papel. Cuando la luz blanca incide en tintastranslúcidas, se absorbe una parte del espectro. El color que no es absorbido se refleja y es captadopor el ojo.

Al combinar pigmentos puros de cian (C), magenta (M) y amarillo(Y) se produce el negro, puesto que se absorben, o se eliminan,todos los colores. Por eso se denominan colores sustractivos.

La tinta negra (K) se añade para mejorar la densidad de la sombra.

La letra K se ha venido utilizando porque el negro es el color clave("Key" en inglés) para registrar otros colores, y porque la letra B(que podría haberse usado para representar el color negro ("Black"en inglés" ) representa al azul ("Blue" en inglés). La combinaciónde estas tintas para reproducir colores se denomina cuatricromía.

Escala de grises

La escala de grises utiliza matices de negro para representar objetos. Los objetos en escala de grises

tienen un valor de brillo comprendido entre el 0%(blanco) y el 100%(negro). La escala de grisestambién permite convertir ilustraciones en color en ilustraciones en blanco y negro de a lta calidad. Eneste caso, Adobe Illustrator elimina toda la información del color de la ilustración original. Los nivelesde gris (matices) de los objetos convertidos representan la luminosidad de los originales.



CLASE25

Al convertir objetos de escala de grises a RGB, se asigna a los valores de color de cada objeto losvalores de gris de los objetos originales. También se pueden convertir objetos de escala de grises en

objetos CMYK.

HSB

El modelo HSB se basa en la percepción humana del color y describe tres características funda-mentales del color: Tono color, saturación y brillo.

Tono:Color reflejado o transmitido a través de un objeto.Se mide como una posición en la rueda de colores estándar y

se expresa en grados entre 0° y 360° . Normalmente, el tono seidentifica por el nombre del color, como rojo, naranja o verde.

Saturación:Aveces denominada cromatismo, es la fuerza o purezadel color. La saturación representa la cantidad de gris que existe enproporción al tono y se expresa como un porcenta je comprendidoentre el 0%(gris) y el 100%(saturación completa).En la rueda de colores estándar, la saturación aumenta a medidaque nos aproximamos al borde de la misma.

Brillo: Luminosidad u oscuridad relativa del color y normalmente se expresa como un porcentajecomprendido entre 0%(negro) y 100%(blanco).

Para cambiar el modo de color en Pohotoshop, ir a Menú Imagen / Modo de color.



CLASE25

Adobe Photoshop es la principal herramienta para la edición y retoque fotográfico. Cuenta con filtrosdonde se pueden crear infinidad de efectos.

Para saber el Modo de color de una imagen abierta en Photoshop, debemos fijarnos en la pestaña deldocumento:

En este caso es CMYK y de extensión .jpg

Para cambiar a Escala de grises, ir a Menú Imagen / Modo / Escala de Grise



CLASE25

Aparece una venta na que nos pregunta si queremos eliminar los colores. Le damos OK.

Para guardar la imagen como jpg, le damos Guardar como... y seleccionamos en Formate el jpg.



CLASE25

Luego nos aparece una venta na con opciones de jpg. Le da mos OK.

Para cambiar el tamaño de la imagen, vamos a Menú Imagen / Tamaño de Imagen.

cambiamos el valor más alto solamente tener tildado mantener proporciones



CLASE25

Acerca de las acciones

Una acción es una serie de tareas que se reproduce en un archivo único o lote de archivos: comandosde menú, opciones de panel, acciones de herramientas, etc.

Por ejemplo, puede crear una acción que cambie el tamaño de una imagen, aplique un efecto a laimagen y, a continuación, guarde el archivo en el formato deseado.

Las acciones pueden incluir pasos que permiten realizar tareas que no se pueden grabar (por ejemplo,utilizar una herramienta para pintar). Las acciones también pueden incluir controles modales quepermiten introducir valores en un cuadro de diálogo mientras se ejecuta una acción.

Photoshop e Illustrator incluyen acciones predefinidas instaladas que le ayudan a llevar a cabo lastareas comunes. Puede utilizar estas acciones como están, personalizarlas para satisfacer susnecesidades o crear acciones nuevas.

Las acciones se a lmacenan en conjuntos para ayudarle a organizarlas. Puede registrar, edita r,personalizar y procesar acciones por lotes, y puede administrar grupos de acciones trabajando conconjuntos de acciones.

Información general sobre el panel Acciones

Utilice el panel Acciones (Ventana >Acciones) para grabar, reproducir, editar y eliminar accionesindividuales. Este panel también permite guardar y cargar archivos de acciones.

A. Conjunto de accionesB. AcciónC. Comandos grabadosD. Comando incluidoE. Control modal (activado o desactivado)

Panel Acciones de Photoshop



Abrimos el panel de acciones, en el margen superior derecho hacemos click en el ícono con la fle-chita negra.

Hacemos click en Acción nueva…

Nos aparece una ventana, donde le colocaremos el nombre de la acción y hacemos click en grabar.

En Tamaño de imagen le cambiamos el tamaño y resolución (a elección).

CLASE25



Guardamos la imagen como jpg.

En el panel de a cciones, hacemos click en el cuadrado para frenar la grabación.

Abrimos una foto nueva y en el panel de acciones, buscamos la acción recién grabada y hacemos clicken el cuadrado para ejecutar la grabación.

Modo Duotono

El modo Duotono crea imágenes en escala de gris monotonos, duotonos (dos colores), tritonos (trescolores) y cuadritonos (cuatro colores) utilizando de una a cuatro tintas personalizada s.

Acerca de los duotonos

En Photoshop, puede crear monotonos, duotonos, tritonos y cuadritonos. Los monotonos sonimágenes en escala de grises impresas con una tinta única diferente del negro. Los duotonos, tritonosy cuadritonos son imágenes en escala de grises impresas con dos, tres y cuatro tintas. En estas

imágenes, se utilizan tintas de color, en lugar de distintos tonos de gris, para reproducir grisestintados. En este caso, duotono se refiere a monotonos, tritonos y cuadritonos, así como a duotonos.

Los duotonos aumentan la gama tonal de una imagen en escala de grises.

CLASE25



Cómo convertir una imagen a duotono

1Convierta la imagen a escala de grises seleccionando Imagen >Modo >Escala de grises. Sólo puedenconvertirse a duotonos las imágenes en escala de grises de 8 bits.

2 Seleccione Imagen >Modo >Duotono.

3En el cuadro de diálogo Opciones de duotono, seleccione Previsualizar para previsualizar la imagen.

4 Para la opción Tipo, seleccione Monotono, Duotono, Tritono o Cuadritono. En este casoseleccionaremos Duotono.

5Haga clic en el cuadro de color (el cuadro sólido) para abrir el selector de color. Acontinuación, hagaclic en el botón Bibliotecas de colores y elija un libro de tintas y un color del cuadro de diálogo.

6Haga clic en el cuadro de la curva situado junto al cuadro de color de la tinta y ajuste la curva deduotono para cada color de tinta.

7Después pasar la imagen a Modo RGB..

CLASE25



Ejercicio 1

Abrir una imagen en Photoshop, cambiarla al Modo Escala de Grises.

Cambiarle el tamaño a 10 cm de ancho. Guardarla con extensión jpg.

CLASE25

Mover una imagen dentro de otra en Photoshop.

Abrir un archivo nuevo (control + N), de ta maño 29,7 cm por 21 cm a 150 dpi.



CLASE25

Vamos al menú Imagen, rotación de imagen, 90 AC

En la versión Cs4 o Cs5 de Photoshop, en la barra de aplicación, hacer click en Organizar documentosy hacer click en dos vistas. En la versión Cs3 achicar la ventana con el botón Minimizar tamaño.

Hacer click en la solapa de la foto de peugeot y seleccionar la herramienta mover en la barra deherramientas. La panta lla va a quedar dividida así:



CLASE25

Hacer click sin soltar en la foto y a rrastrarla hacia el documento nuevo. Centrar la foto.

Para achicar o agrandar apretamos CONTROL +T. Luego ENTER.

Guardar el documento como pdf: Archivo / Guardar como / PDF

Trabajo con el panel Historia

Puede utilizar el panel Historia para ir a cualquier estado reciente de la imagen creado durante lasesión de trabajo actual. Cada vez que aplica un cambio a una imagen, el nuevo estado de esa imagense añade al panel.

Por ejemplo, si selecciona, pinta y gira parte de una imagen, cada uno de estos estados aparece deforma independiente en la lista del panel.

Al seleccionar uno de los esta dos, la imagen adopta el aspecto que tenía cuando se aplicó el cambiopor primera vez. Ahora ya puede trabajar desde ese estado.

También puede utilizar el panel Historia para eliminar estados de imagen y, en Photoshop, para crearun documento a partir de un estado o instantánea.

Para mostrar el panel Historia, seleccione Ventana >Historia o haga clic en la ficha del panel Historia.

Panel Historia de Photoshop

A. Define el origen del pincel de historia.

B. Miniatura de una instantáneaC. Estado de historiaD. Regulador de estado de historia



Al utilizar el panel Historia, tenga en cuenta lo siguiente:

• Los cambios que afectan a todo el programa, como cambios en los paneles, ajustes de color,acciones y preferencias, no se reflejan en el panel Historia porque no son cambios que afecten a unaimagen determinada.

• Por defecto, el panel Historia muestra los últimos 20 estados. Puede cambiar el número de estadosrecordados definiendo una preferencia. Los estados más antiguos se eliminan automáticamente paraliberar memoria en Photoshop. Para conservar un estado concreto durante toda la sesión de trabajo,realice una instantánea de él.

• Después de cerrar y volver abrir el documento, todos los estados e instantáneas de la última sesiónde traba jo desaparecen del panel.

• Por defecto, aparece una instantánea del estado inicial del documento en la parte superior delpanel.

• Los estados se van añadiendo a la parte inferior de la lista. Es decir, el último estado se encuentra enla parte superior de la lista y el más reciente, en la parte inferior.

• Cada estado aparece enumerado con el nombre de la herramienta o comando utilizado para

modificar la imagen.

• Por defecto, a l seleccionar un estado, los estados situados por debajo aparecen atenuados. De estaforma se ven claramente los cambios que se descartarán si continúa trabajando desde el estadoseleccionado.

• Por defecto, a l seleccionar un estado y, a continuación, cambiar la imagen, se eliminan todos losestados posteriores.

• Si selecciona un estado y, a continuación, modifica la imagen, eliminando los estados posteriores,

puede utilizar el comando Deshacer para deshacer el último cambio y restaurar los estadoseliminados.

• Por defecto, al eliminar un estado se elimina ese estado y todos los siguientes. Si elige la opciónPermitir historia no lineal, al eliminar un estado sólo se elimina ese estado.

CLASE25

Curso de Diseño Gráfico. Clase 25

Documents

Transcript of Curso de Diseño Gráfico. Clase 25