Tecnológico Don Bosco - Quetzaltenango

Catedrático: Juan Carlos de León

Grado: Tercero
Carrera: Básico
Curso: Computación Bloque I Semestre III
Documento: Introducción a Photoshop

Competencia(s) de Tema: Aprende las diferentes partes de la interfaz del programa de dibujos vectoriales Adobe Photoshop así
como las herramientas básicas para realizar formas, figuras y efectos.

INSTRUCCIONES:

1. A continuación se le presenta un documento con información introductoria al programa de Adobe Photoshop, el cual deberá
LEERLO COMPLETO y luego HACER UN RESUMEN de cada uno de los 7 temas que contiene, el resumen de cada tema lo
redactará en diferentes diapositivas de power point haciendo uso de las imágenes que contiene.
2. Se le proporciona un link de un video de clase donde se explica el manejo del programa y sus herramientas básicas, del cual
debe ver y aprender; después de ver el video, en el laboratorio estará en la capacidad de poder realizar las primeras tareas
relacionadas al manejo de herramientas básicas.

Link video de clase “Interfaz y Herramientas básicas Photoshop”

https://drive.google.com/file/d/1ITQogFGnSiMZwIfDYZjfNWEv2lh0oUwu/view?usp=sharing

Temas a resumir:

1. Adobe Photoshop
2. Grafico Rasterizado
3. Tipo de Ficheros
4. Formatos de Archivo
5. Que son las capas y cuáles son sus ventajas
6. Trabajando con Photoshop
7. Modos de color

Adobe Photoshop

Es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe
Systems, junto con sus programas hermanos Adobe Illustrator y Adobe Flash, y que se trata
esencialmente de una aplicación informática en forma de taller de pintura y fotografía que trabaja sobre
un "lienzo" y que está destinado para la edición, retoque fotográfico y pintura a base de imágenes de
mapa de bits (o gráficos rasterizados). Su nombre en español significa literalmente "tienda de Fotos" pero
puede interpretarse como "taller de foto". Su capacidad de retoque y modificación de fotografías le ha
dado el rubro de ser el programa de edición de imágenes más famoso del mundo.

Actualmente forma parte de la familia Adobe Creative Suite y es desarrollado y comercializado por Adobe
Systems Incorporated inicialmente para computadores Apple pero posteriormente también para
plataformas PC con sistema operativo Windows. Su distribución viene en diferentes presentaciones, que
van desde su forma individual hasta como parte de un paquete siendo estos: Adobe Creative Suite
Design Premium y Versión Standard, Adobe Creative Suite Web Premium, Adobe Creative Suite
Production Studio Premium y Adobe Creative Suite Master Collection.

Photoshop en sus versiones iniciales trabajaba en un espacio bitmap formado por una sola capa, donde
se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho
parecido con las tradicionales ampliadoras. En la actualidad lo hace con múltiples capas.

A medida que ha ido evolucionando el software ha incluido diversas mejoras fundamentales, como la
incorporación de un espacio de trabajo multicapa, inclusión de elementos vectoriales, gestión avanzada
de color (ICM / ICC), tratamiento extensivo de tipografías, control y retoque de color, efectos creativos,
posibilidad de incorporar plugins de terceras compañías, exportación para sitios web entre otros.

Photoshop se ha convertido, casi desde sus comienzos, en el estándar de facto en retoque fotográfico,
pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía,
como diseño web, composición de imágenes bitmap, estilismo digital, fotocomposición, edición y
grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes
digitales.

Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores / maquetadores, ahora
Photoshop es una herramienta muy usada también por fotógrafos profesionales de todo el mundo, que lo
usan para realizar el proceso de "positivado y ampliación" digital, no teniendo que pasar ya por
un laboratorio más que para la impresión del material.

Cambio de brillo en una imagen con Photoshop.

Con el auge de la fotografía digital en los últimos años, Photoshop se ha ido popularizando cada vez más
fuera de los ámbitos profesionales y es quizá, junto a Windows y Flash (de Adobe Systems También) uno
de los programas que resulta más familiar (al menos de nombre) a la gente que comienza a usarlo, sobre
todo en su versión Photoshop Elements, para el retoque casero fotográfico.

Aunque el propósito principal de Photoshop es la edición fotográfica, este también puede ser usado para
crear imágenes, efectos, gráficos y más en muy buena calidad. Aunque para determinados trabajos que
requieren el uso de gráficos vectoriales es más aconsejable utilizar Adobe Illustrator.

Entre las alternativas a este programa, existen algunos programas libres como GIMP, orientada a la
edición fotográfica en general, o propietarios como PhotoPaint de Corel, capaz de trabajar con cualquier
característica de los archivos de Photoshop, y también con sus filtros plugin

Grafico Rasterizado
También llamada mapa de bits o bitmap. Una gráfico o imagen rasterizada es un fichero de datos que
representa una matriz de píxeles (puntos de colores) denominada raster. En esta matriz el color de cada
píxel es definido individualmente.

Se distingue de los gráficos vectoriales porque estos almacenan la información en fórmulas matemáticas.
Los gráficos rasterizados al ser ampliados comienzan a pixelizarse, o sea, se agrandan los elementos
constituyentes del gráfico, y pierden calidad. En cambio los gráficos vectoriales pueden ampliarse sin
límites.

Los gráficos rasterizados son útiles para imágenes fotográficas, las cuales no pueden ser representadas
por vectores.

La calidad de las imágenes rasterizadas es determinada por el total de píxeles que poseen (resolución) y
la cantidad de información en cada píxel (generalmente llamada profundidad de color). Por ejemplo, una
imagen que almacena 24 bits de información por cada píxel (que es el estándar para todas las pantallas
desde 1995) puede representar de forma más suave las tonalidades que una imagen que almacena sólo
16 bits por píxel.

De igual manera en cuanto a la resolución, una imagen de 640 x 480 píxeles (con un total de 307.200
píxeles constituyentes) se verá más accidentada y pixelizada comparada con una de 1280 x 1024 (que
posee 1.310.720 píxeles constituyentes).

Los gráficos rasterizados necesitan ser comprimidos porque suelen necesitar muchos datos para poder
almacenar imágenes de alta calidad. Algunas técnicas de compresión, para lograr un tamaño menor,
sacrifican información de la imagen para lograr su objetivo. Esto hace que la imagen pierda calidad y que
esta no pueda ser recuperada.

Formatos de ficheros gráficos y de imagen

Formatos de .art .bmp .cin .cpt .dpx .exr .fpx .gif .iff .ilbm .lbm .jpeg .jpg .jpg2 .jp2
gráficos de mapa
de bits .mng .pbm .pcd .pcx .png .ppm .psd .sgi .rgb .rgba .int .inta
(rasterizados) .bw .tga .tpic .tiff .tif .raw .wbmp .xbm .xcf .xpm

Formatos de
gráficos .ai .cdr .cgm .dxf .dwg .fh .fla .ps .svg .svgz .swf .sxd .wmf .xalm .xar
vectoriales

Formatos
rasterizados y .eps .pdf .pict .pct .pic .px .pgm .psp
vectoriales

Formatos de
metaficheros
.eps .pict
 Tipo de ficheros gráficos que permiten trabajar tanto con mapas de bits como con
vectores
Como hemos visto, los gráficos de mapas de bits y los gráficos vectoriales poseen sus propias ventajas e
inconvenientes. Por ejemplo, mientras los mapas de bits son especialmente útiles para presentar
imágenes de tonos continuos, como las fotografías, los gráficos vectoriales son idóneos para realizar
interacciones entre sus objetos componentes como los trabajados por Corel Draw.

Parece lógico pensar que un tipo de gráficos digitales que permitiera trabajar tanto con mapas de bits
como con vectores sería una buena solución para compaginar lo mejor de ambos formatos. Este es el
origen de los metaficheros (metafiles), sistemas de grabación de datos que pueden admitir contenidos de
distintos tipos.

Un metafichero permite guardar contenidos de varios tipos en un mismo fichero, como fotografías, textos,
vectores, e incluso sonido y vídeo, aunque estos últimos elementos caen fuera del propósito de este
curso. Los formatos gráficos que permiten trabajar con metaficheros se denominan metaformatos.

Para componer una imagen en un metaformato se utilizan elementos bitmaps para representar los elementos
fotográficos y las figuras irregulares y elementos vectoriales para definir las líneas, los textos y los dibujos.

Son pues una categoría híbrida en las que se combinan las ventajas de los mapas de bits y de los gráficos vectoriales.
Esto les permite almacenar imágenes muy complejas y avanzadas en ficheros de poco peso.

Un problema que puede surgir con los metaformatos es que pueden usar elementos componentes gráficos (y de audio y
vídeo) propietarios no estándares, que precisen para su manejo aplicaciones o plugins particulares, con la pérdida de
compatibilidad que ello supone.

Los metaformatos gráficos más habituales son GEM (Ventura Publisher), WMF (Windows Meta-File) y WPG (Word-
Perfect Grafics Format).
 Formatos de archivo

Photoshop fue creado en el año 1990, soporta muchos tipos de archivos de imágenes,
como BMP, JPG, PNG, GIF, entre otros, además tiene formatos de imagen propios. Los formatos
soportados por Photoshop son:

Ilustración realizada con Photoshop.

PSD, PDD: formato estándar de photoshop con soporte de capas.

PostScript: no es exactamente un formato, sino un lenguaje de descripción de páginas. Se suele
encontrar documentos en PostScript. Utiliza primitivas de dibujo para poder editarlo.

EPS: es una versión de PostScript, se utiliza para situar imágenes en un documento. Es compatible con
programas vectoriales y de autoedición.

DCS: fue creado por Quark (empresa de software para autoedición) y permite almacenar tipografía,
tramas, etc. Se utiliza para filmación en autoedición.

Prev. EPS TIFF: permite visualizar archivos EPS que no se abren en Photoshop, por ejemplo los de
QuarkXPress.

BMP: formato estándar de Windows.

GIF: muy utilizado para las web. Permite almacenar un canal alfa para dotarlo de transparencia, y
salvarlo como entrelazado para que al cargarlo en la web lo haga en varios pasos. Admite hasta 256
colores.

JPEG: también muy utilizado en la WWW, factor de compresión muy alto y buena calidad de imagen.
TIFF: una solución creada para pasar de PC a MAC y viceversa.
PICT: desde plataformas MAC se exporta a programas de autoedición como QuarkXPress.
PNG: la misma utilización que los GIF, pero con mayor calidad. Soporta transparencia y colores a 24
bits. Solo las versiones recientes de navegadores pueden soportarlos.
PDF: formato original de Acrobat. Permite almacenar imágenes vectoriales y mapa de bits.
IFF: se utiliza para intercambio de datos con Amiga.
PCX: formato solo para PC. Permite colores a 1, 4, 8 y 24 pixels.
RAW: formato estándar para cualquier plataforma o programa gráfico.
TGA: compatible con equipos con tarjeta gráfica de Truevision.
Scitex CT: formato utilizado para documentos de calidad profesional.
Filmstrip: se utiliza para hacer animaciones. También se puede importar o exportar a Premiere.
FlashPix: formato originario de Kodak para abrir de forma rápida imágenes de calidad superior.

Qué son las capas de Photoshop y cómo trabajar con las capas.

El diseño en Photoshop, y en muchos otros programas de diseño gráfico, se realiza a través de la

creación de diversas capas. Las capas son algo así como componentes independientes de la imagen,
sobre las que se puede dibujar o crear efectos de manera que afecten sólo a dicha capa. Al superponer
diversas capas se obtiene el diseño completo de la imagen.

¿Qué ventajas se obtiene al trabajar con distintas capas?

Al trabajar con capas, se puede operar sobre una parte de una imagen, sin que se alteren otras partes de
la misma. Esto es muy útil, ya que nos permite realizar cambios en elementos de la imagen sin
preocuparnos del resto del diseño.

Una de las principales utilidades de las capas consiste en que cualquier capa se puede posicionar de
manera independiente. Es decir, podemos tener una capa con un elemento gráfico y al mover esa capa,
podemos situar ese componente en cualquier otro lugar de la imagen, sin que se desplacen otras partes
del gráfico.

Al crear distintas capas podemos también realizar efectos sobre las mismas de manera independiente.
Por ejemplo, podemos tener un texto en la imagen que está en una capa y luego hacer un efecto de
sombra sobre la capa de texto. Como el efecto es independiente para esa capa, el sombreado sólo se
aplicará al texto, dejando el resto de la imagen inalterado.

Otras de las muchas utilidades recurrentes a la hora de trabajar con capas es crear una nueva capa,
copia de una anterior. Entonces podemos experimentar haciendo cambios en esa capa copia con total
libertad. Si luego por cualquier cuestión no nos gustan los cambios, siempre podemos tirar a la basura la
capa copiada y alterada y volver a la capa original de la que habíamos partido.

Cuando hacemos cambios a una imagen, para estar seguros que no vamos a estropear nada, siempre
conviene crear una nueva capa y hacer nuestras pruebas o dibujos sobre ella. Si no nos gusta lo que
hemos hecho, siempre podemos desechar la capa creada sin que nos afecte a nuestra imagen.
 Trabajo con Capas en Photoshop

Casi todo el trabajo con capas se centraliza en la ventana de capas. Esta ventana se encuentra abierta
por defecto al iniciar Photoshop, pero si no la vemos, siempre podemos mostrarla con el menú de
"Ventana – Capas". A continuación vemos la ventana de capas:

El otro lugar desde donde se pueden ordenar comandos sobre capas es el menú de "Capa", que tiene
diversas acciones útiles y recurrentes para efectuar sobre las mismas.

En la ventana de capas tenemos un listado de todas las capas que forman parte de nuestro diseño.
Conviene estar siempre muy pendientes de lo que pasa en la ventana de capas, para no despistarnos y
controlar el proceso de diseño. Lo primero que tenemos que ver en esta ventana es que hay una capa
que está con el fondo de color azul. Esto quiere decir que esa es la capa activa. Cualquier acción que
realicemos con Photoshop se aplicará sobre la capa activa. Por ejemplo, si utilizamos el pincel para pintar
cualquier cosa en la imagen, en realidad estaremos pintando sólo sobre la capa activa.

Para cambiar la capa activa, simplemente tenemos que hacer clic en la ventana de capas sobre la capa
que queremos trabajar con ella.

Otro ejemplo de la importancia de estar atentos a cuál es la capa activa de nuestra imagen es la creación
de selecciones. Al hacer una selección y copiar el contenido de la imagen (CTRL + C o bien menú
"Edición – Copiar"), lo que hacemos es copiar sólo el contenido de la capa activa. Es importante saber
cuál es la capa activa, porque ocurrirá en ocasiones que copiemos un contenido que no estamos
deseando, por estar trabajando sobre una capa distinta a la esperada.

Nota: podemos copiar el contenido de un área seleccionada sobre la imagen completa (todas sus capas),
en vez de solamente la capa activa con el menú "Edición - copiar combinado" o la tecla rápida
"Mayúsculas + CTRL + C").
Otra cosa que tenemos que tener muy en cuenta es el orden de capas, puesto que dicho orden incide
directamente en el diseño de la imagen, al mostrarse las capas que están más arriba sobre las capas que
están abajo. Las que hay arriba se superponen y pueden tapar los contenidos de las capas que hay
debajo. Para alterar el orden de las capas simplemente tenemos que, dentro de la ventana de capas,
arrastrar y soltar una capa en otro lugar.

Problema típico que nos encontraremos al trabajar con Photoshop está directamente relacionado con el
orden de las capas y la capa activa. Nos ocurrirá a veces que hacemos cambios sobre la imagen, como
pintar con el pincel o rellenar de color, y luego no vemos que la imagen se altere. La razón de ello puede
ser porque tenemos una capa encima, que no deje ver lo que estamos pintando sobre una capa cuyo
orden está más abajo.

Hay una capa especial que es la capa "fondo". No todos los diseños de Photoshop tienen una capa
fondo, de hecho al crear un archivo nuevo podemos elegir si queremos un fondo de color o un fondo
transparente. En este último caso, simplemente no se colocará ningún fondo, para tener una imagen con
fondo transparente. La capa fondo es especial porque no se puede mover y hay algunas otras acciones
que tampoco se pueden realizar sobre el fondo. Así que tener cuidado con eso.

No todas las imágenes que abramos con Photoshop tienen la posibilidad de crear capas. Por ejemplo, si
abrimos un archivo .gif, veremos que no se pueden crear capas. Esto es porque el modo de la imagen es
"Indexado" y ese modo no permite capas. Pero podemos cambiar el modo de la imagen fácilmente desde
el menú "Imagen - Modo - Color RGB".

Modos de color

Es la cantidad máxima de colores de la paleta de un mapa de bits. El modo de color expresa la cantidad
máxima de datos de color que se pueden almacenar en un determinado formato de archivo gráfico.

Podemos considerar el modo de color como el contenedor en que colocamos la información sobre cada
píxel de una imagen. Así, podemos guardar una cantidad pequeña de datos de color en un contenedor
muy grande, pero no podremos almacenar una gran cantidad de datos de color en un contenedor muy
pequeño.

Los principales modos de color utilizados en aplicaciones gráficas son:

Modo Bit Map o monocromático

Correspondiente a una profundidad de color de 1 bit, ofrece una imagen monocromática formada
exclusivamente por los colores blanco y negro puros, sin tonos intermedios entre ellos.
Para convertir una imagen a modo monocromático hay que pasarla antes a modo escala de grises. En
este modo no es posible trabajar con capas ni filtros.

Modo Escala de Grises

Este modo maneja un solo canal (el negro) para trabajar con imágenes monocromáticas de 256 tonos de
gris, entre el blanco y el negro.

El tono de gris de cada píxel se puede obtener bien asignándole un valor de brillo que va de 0 (negro) a
255 (blanco), bien como porcentajes de tinta negra (0% es igual a blanco y 100% es igual a negro). Las
imágenes producidas con escáneres en blanco y negro o en escala de grises se visualizan normalmente
en el modo escala de grises.

El modo Escala de Grises admite cualquier formato de grabación, y salvo las funciones de aplicación de
color, todas las herramientas de los programas gráficos funcionan de la misma manera a como lo hacen
con otras imágenes de color.

Si se convierte una imagen modo de color a un modo Escala de Grises y después se guarda y se cierra,
sus valores de luminosidad permanecerán intactos, pero la información de color no podrá recuperarse.

Modo Color Indexado

Denominado así porque tiene un solo canal de color (indexado) de 8 bits, por lo que sólo se puede
obtener con él un máximo de 256 colores.
En este modo, la gama de colores de la imagen se adecua a una paleta con un número restringido de
ellos, por lo que puede resultar útil para trabajar con algunos formatos que sólo admiten la paleta de
colores del sistema.

También resulta útil reducir una imagen a color de 8 bits para su utilización en aplicaciones multimedia,
ya que con ello se consiguen ficheros de menos peso.

Su principal inconveniente es que la mayoría de las imágenes del mundo real se componen de más de
256 colores. Además, aunque admite efectos artísticos de color, muchas de las herramientas de los
principales programas gráficos no están operativas con una paleta de colores tan limitada.

Modo Color RGB

Trabaja con tres canales, ofreciendo una imagen tricromática compuesta por los colores primarios de la
luz, Rojo(R), Verde (G) y Azul(B), construida con 8 bits/pixel por canal (24 bits en total). Con ello se
consiguen imágenes a todo color, con 16,7 millones de colores distintos disponibles, más de los que el
ojo humano es capaz de diferenciar.

Es un modelo de color aditivo (la suma de todos los colores primarios produce el blanco), siendo el
estándar de imagen de todo color que se utilice con monitores de video y pantallas de ordenador.

Las imágenes de color RGB se obtienen asignando un valor de intensidad a cada píxel, desde 0 (negro
puro) a 255 (blanco puro) para cada uno de los componentes RGB.

Es el modo más versátil, porque es el único que admite todas las opciones y los filtros que proporcionan
las aplicaciones gráficas. Además, admite cualquier formato de grabación y canales alfa.

Modo Color CMYK

Trabaja con cuatro canales de 8 bits (32 bits de profundidad de color), ofreciendo una imagen
cuatricromática compuesta de los 4 colores primarios para impresión: Cyan (C), Magenta (M), Amarillo
(Y) y Negro (K).

Es un modelo de color sustractivo, en el que la suma de todos los colores primarios produce
teóricamente el negro, que proporciona imágenes a todo color y admite cualquier formato de grabación,
siendo el más conveniente cuando se envía la imagen a una impresora de color especial o cuando se
desea separar los colores para la filmación o imprenta (fotolitos).

Su principal inconveniente es que sólo es operativo en sistemas de impresión industrial y en las

publicaciones de alta calidad, ya que, exceptuando los escáneres de tambor que se emplean en
fotomecánica, el resto de los digitalizadores comerciales trabajan en modo RGB.

El proceso de convertir una imagen RGB al formato CMYK crea una separación de color. En general, es
mejor convertir una imagen al modo CMYK después de haberla modificado. Modificar imágenes en modo
RGB es más eficiente porque los archivos CMYK son un tercio más grandes que los archivos RGB.

Modo Color Lab

Consiste en tres canales, cada uno de los cuales contiene hasta 256 tonalidades diferentes: un canal L
de Luminosidad y dos canales cromáticos, A (que oscila entre verde y rojo) y B (que oscila entre azul y
amarillo). El componente de luminosidad L va de 0 (negro) a 100 (blanco). Los componentes A (eje rojo-
verde) y B (eje azul-amarillo) van de +120 a -120.

El modelo de color Lab se basa en el modelo propuesto en 1931 por la CIE (Commission Internationale
d'Eclairage) como estándar internacional para medir el color. En 1976, este modelo se perfeccionó y se
denominó CIE Lab.
El color Lab es independiente del dispositivo, creando colores coherentes con independencia de los
dispositivos concretos para crear o reproducir la imagen (monitores, impresoras, etc.).

Este modo permite cambiar la luminosidad de una imagen sin alterar los valores de tono y saturación del
color, siendo adecuado para transferir imágenes de unos sistemas a otros, pues los valores cromáticos
se mantienen independientes del dispositivo de salida de la imagen.

Se usa sobre todo para trabajar en imágenes Photo CD o para modificar la luminancia y los valores del
color de una imagen independientemente. También se puede usar el modo Lab para conservar la
fidelidad del color al trasladar archivos entre sistemas y para imprimir en impresoras de PostScript de
Nivel 2.

Sólo las impresoras PostScript de nivel 2 pueden reproducir estas imágenes. Para impresiones normales,
se recomienda pasar las imágenes a RGB o a CMYK.

Modo Duotono

Modo de color que trabaja con imágenes en escala de grises, a las que se le pueden añadir tintas planas
(3 para cada imagen, más el negro), con el fin de colorear distintas gamas de grises.

Sólo posee un canal de color (Duotono, Tritono o Cuatritono, dependiendo del número de tintas).

Con este método podemos obtener fotos en blanco y negro viradas al color que queramos. Suele ser
empleado en impresión, donde se usan dos o más planchas para añadir riqueza y profundidad tonal a
una imagen de escala de grises.
El problema que presenta este modo es que en los duotonos, tritonos y cuadritonos sólo hay un canal,
por lo que no es posible tratar cada tinta de forma distinta según las zonas de la imagen. Es decir, no
podemos hacer una zona en la que solo haya, por ejemplo, un parche cuadrado de tinta roja, mientras
que en el resto sólo hay una imagen de semitono en blanco y negro.

Modo Multicanal

Posee múltiples canales de 256 niveles de grises, descomponiendo la imagen en tantos canales alfa
como canales de color tuviera el original (una imagen RGB quedará descompuesta en 3 canales y una
CMYK en 4 canales).

En este modo, cada tinta es un canal que a la hora de imprimir se superpondrá en el orden que
determinemos sobre los otros. Por ello, es posible tratar cada zona de forma particularizada.

Se utiliza en determinadas situaciones de impresión en escala de grises. También, para ensamblar

canales individuales de diversas imágenes antes de convertir la nueva imagen a un modo de color, pues
los canales de color de tinta plana se conservan si se convierte una imagen a modo multicanal.

Al convertir una imagen en color a multicanal, la nueva información de escala de grises se basa en los
valores de color de los píxeles de cada canal. Si la imagen estaba en modo CMYK, el modo multicanal
crea canales de tinta plana cian, magenta, amarilla y negra. Si estaba en modo RGB, se crean canales de
tinta plana cian, magenta y amarilla.