Apuntes Photoshop

Apuntes de Photoshop
Producción Multimedia I – Prof. Gabriel Araya Rocha

Periodismo – Departamento de Ciencias de la Comunicación – Facultad de Ciencias Sociales
Temario
Apuntes de Photoshop..................................................................................................................... 1
I. Interfaz de Photoshop................................................................................................................... 2
1. La ventana del documento.......................................................................................................2
II. Panel de Herramientas.................................................................................................................3
III. Barras de Herramientas..............................................................................................................4
1. Herramientas de selección......................................................................................................4
1.1. Opciones de herramientas de selección...........................................................................5
2. Herramientas de pintura.......................................................................................................... 6
2.1. Pinceles de herramientas de pintura................................................................................7
2.2. Opciones de herramientas de pintura...............................................................................8
2.3. Modos de mezcla............................................................................................................. 8
3. Herramienta de texto............................................................................................................. 10
3.1. Uso de Deformación del texto.........................................................................................11
IV. Capas........................................................................................................................................ 12
1. Panel de capas...................................................................................................................... 12
2. Estilos de capa...................................................................................................................... 13
2.1. Editor de degradados.....................................................................................................14
Degradados Solid / Sólidos...............................................................................................14
V. Ajustes de color ......................................................................................................................... 16
1. Modos.................................................................................................................................... 16
2. Tono / Saturación................................................................................................................... 17
3. Brillo / Contraste.................................................................................................................... 18
4. Curvas................................................................................................................................... 18
VI. Filtros........................................................................................................................................ 19
1. Uso de la Galería de Filtros...................................................................................................20
VII. Buenas prácticas en Photoshop...............................................................................................21
1. Metodología de trabajo.......................................................................................................... 21
2. Guardar como........................................................................................................................ 21
3. Guardar para web.................................................................................................................. 22
3.1. Formatos de Archivo para web: GIF...............................................................................22
3.2. Formatos de Archivo para web: JPG..............................................................................22
3.3. Formatos de Archivo para web: PNG.............................................................................23
Comparación entre PNG y JPG........................................................................................23
4. Panel de historia.................................................................................................................... 24
VIII. Bibliografía.............................................................................................................................. 25
1. Linkografía............................................................................................................................. 25
Producción Multimedia I
Gabriel Araya Rocha
I. Interfaz de Photoshop
La interfaz de Photoshop consta básicamente de la ventana del documento, el panel de
herramientas, la barra de opciones y los paneles flotantes.
La Barra de opciones, que se ubica debajo de la barra de menúes, tiene los principales
atributos de la herramienta que está seleccionada. Todas las herramientas tienen algún
parámetro o característica asignada en esta barra. Si una herramienta no funciona como
esperamos lo más probable es que tenga alguna opción que no corresponde con el trabajo que
queremos hacer. La barra de herramientas contiene las herramientas usuales. En algunos
casilleros aparece un triángulo negro que indica que allí se ubican más de una herramienta;
sólo tenemos que presionar el mouse un instante y se desplegarán más herramientas.
Los Paneles flotantes tienen muy diversas funciones. Todos se despliegan desde el
menú Windows / Ventana.
1. La ventana del documento

En la ventana del documento, además de la imagen, vemos un encabezado con el nombre
del documento, el sistema de color en que está descripta la imagen y el porcentaje de
visualización.
Debajo de la ventana del documento está la barra de estado. A la izquierda se muestra el
porcentaje de ampliación del documento. Esta información no está relacionada con el tamaño de
impresión de la imagen sino con su resolución. Una visualización al 100% significa que cada píxel
del documento coincide con un píxel del monitor. Es la mejor forma de ver un documento. Otros
porcentajes distorsionan la imagen, ya que se tiene que crear o desechar información. Este campo
de texto es accesible, podemos ingresar un porcentaje cualquiera entre 0.09 y 1600 %. A la
derecha de la barra de estado aparece un texto que nos indica las tareas que podemos realizar de
acuerdo a la herramienta que tenemos seleccionada en ese momento.
Gabriel Araya Rocha
II. Panel de Herramientas

A continuación veremos una breve descripción de las herramientas del panel. La letra que
aparece antes de cada grupo es el atajo de teclado que convoca a la herramienta. En estos
apuntes no veremos las herramientas vectoriales (salvo la de texto) ni las de visualización y
medida.
Gabriel Araya Rocha
III. Barras de Herramientas
1. Herramientas de selección
Rectangular Marquee Tool / Marco rectangular: Herramienta de selección rectangular.

Elliptical Marquee Tool / Marco elíptico: Herramienta de selección circular.
Lasso Tool / Lazo: Herramienta de selección “a mano alzada”.
Polygonal Lasso Tool / Lazo poligonal: El Lazo poligonal realiza polígonos de lados
rectos.
Magnetic Lasso Tool / Lazo magnético: El Lazo magnético selecciona aprovechando la
diferencia de tonos de la imagen.
Magic Wand Tool / Varita mágica: Selecciona áreas por diferencia de tono.
La simple tarea de seleccionar, común a todos los programas, consiste en señalar uno o
varios objetos, bloques de texto, etcétera, sobre los que haremos alguna transformación.
En un procesador de texto tendremos que seleccionar parte del mismo si queremos
ponerlo en negritas, por ejemplo. Los caracteres que están seleccionados cambiarán, los que no
lo están no. No habrá término medio.
Con Photoshop no pasa eso. Los píxeles se pueden seleccionar en diferentes
intensidades. El concepto de Feather/Calado y Anti-aliased/Suavizado explican esta
particularidad de la selección en Photoshop. Veamos un ejemplo.
Gabriel Araya Rocha
1.1. Opciones de herramientas de selección
1. Manejador para cambiar la barra de lugar [*].

2. Icono de la herramienta a la que pertenece la barra [*].
3. Diferentes operaciones entre selecciones.
a. Selección normal.
b. Suma selecciones.
c. Resta selecciones.
d. Intersecta selecciones.
4. Suavizado de la selección medido en píxeles.
5. Diferentes posibilidades de selección:
a. Normal: las dimensiones de la selección las definimos “a mano”.
b. Constrained Aspect Ratio / Proporción restringida: ingresamos una
proporción o relación entre ancho y alto.
c. Fixed Size / Medida fija: selecciona con una medida determinada.
6. Lugar para adosar paneles flotantes. Podemos ubicar aquí las paletas más
usuales [*].
[*] Común a las barras de opciones de todas las herramientas de selección.
Gabriel Araya Rocha
2. Herramientas de pintura
Paintbrush Tool / Pincel: Herramienta de pintura.

Pencil Tool / Lápiz: Herramienta de pintura.
Gradient Tool / Degradado: El Degradado realiza degradados en diferentes estilos.
Paint Bucket Tool / Bote de pintura: Bote de pintura pinta aprovechando las diferencias
de tono.
Blur Tool / Desenfocar: Desenfocar y Enfocar modifican la precisión en los detalles de
las imágenes.
Sharpen Tool / Enfocar: Desenfocar y Enfocar modifican la precisión en los detalles de
las imágenes.
Smudge Tool / Dedo: El Dedo “desparrama” los colores de las imágenes como si fuera
pintura fresca.
Eraser Tool / Borrador: Borra partes de la imagen.
Background Eraser Tool / Borrador de fondo: Borra partes de la imagen.
Magic Eraser Tool / Borrador mágico: El Borrador mágico borra aprovechando
diferencias de tono.
Airbrush Tool / Aerógrafo: Herramienta de pintura.
Dodge Tool / Subexponer: Subexponer y sobreexponer modifican el tono de las
imágenes, oscureciéndolo o aclarándolo.
Burn Tool / Sobreexponer: Subexponer y sobreexponer modifican el tono de las
imágenes, oscureciéndolo o aclarándolo.
Sponge Tool / Esponja: La Esponja satura o desatura los colores.
Clone Stamp Tool / Tampón: Herramienta de clonación. Permite corregir imperfecciones
y hacer trucajes.
Pattern Stamp Tool / Tampón de motivo: Herramienta de clonación. Permite corregir
imperfecciones y hacer trucajes.
Gabriel Araya Rocha
2.1. Pinceles de herramientas de pintura

Las herramientas de pintura comparten una característica: todas trabajan estrechamente
vinculadas con un Brush / Pincel. Llamamos así a la forma de la “punta” con que trabaja la
herramienta. Estas puntas se eligen de la paleta Brushes / Pinceles, presente en el panel de
opciones de estas herramientas. En este panel encontramos puntas de pincel de formas muy
diversas. Además el programa trae varios conjuntos “extra” que encontramos en el menú
desplegable del panel. Estas puntas de pincel se pueden modificar, cambiar o crear a partir de
alguna otra.
En el menú emergente del panel encontramos conjuntos de brushes de varios tipos. En la
figura vemos el conjunto llamado Assorted Brushes.
Gabriel Araya Rocha
2.2. Opciones de herramientas de pintura
1. Panel desplegable de Brushes / Pinceles: forma del trazo con la que trabajará
la herramienta de pintura seleccionada.
2. Blend modes / Modos de mezcla: Forma en que se mezclarán los colores de la
herramienta con el fondo sobre el cual se pinta.
3. Opacidad de la “capa de pintura” o intensidad del funcionamiento de la
herramienta. Presente en todas las herramientas de pintura.
4. Bordes húmedos: Realiza el trazo más oscuro en los bordes. Propia del pincel y
algunas versiones del borrador.
5. Brush dynamics / Pincel dinámico: Tres formas de pintar en donde se puede
definir que el trazo se esfume, ya sea achicándose, poniéndose transparente o
cambiando de color. En la figura de la derecha vemos el cuadro de diálogo y unos
ejemplos de aplicación de esta función.
2.3. Modos de mezcla

El menú Modes / Modos está presente en la barra de opciones de las herramientas de
pintura. Por medio de esta paleta se puede determinar la forma en que se mezclará el color usado
por las herramientas de pintura con el fondo sobre el que pintan. A su vez, cada uno de estos
modos se puede modificar usando el control de opacidad. A continuación se muestra un ejemplo
de uso de Modos de mezcla combinando trazos rojos sobre un fondo multicolor.
Gabriel Araya Rocha
• Normal: Este modo no funde los colores; cuando es usado el color de la

herramienta de pintura es presentado tal cual es, sin modificarse por el color de
abajo.
• Dissolve / Disolver: Esta opción afecta a los pinceles con bordes esfumados. Su
acción consiste en desparramar en forma irregular los píxeles de las partes
esfumadas. Si la herramienta de pintura no tiene bordes esfumados el efecto de
este modo es nulo.
• Multiply / Multiplicar: Este modo mezcla oscureciendo los colores de la
herramienta con el del fondo sobre el que se pinta. Es el modo ideal para trabajar
con sombras.
• Screen / Trama: Este modo mezcla los colores pero, a diferencia del anterior, el
resultado es la mezcla aclarada de los dos colores. Su uso es recomendado para
efectos de iluminación.
• Overlay, Soft Light y Hard Light / Superponer, Luz suave y Luz intensa: Estos
tres modos funcionan de la misma manera; sólo tienen entre sí variaciones de
intensidad. Los tres aplican la forma Multiply en los colores oscuros y la Screen en
los claros.
• Color Dodge / Sobreexponer color: Este modo opera con tintas de color claro
sobre fondos oscuros. Tiene semejanza con la herramienta Dodge /
Sobreexponer.
• Color Burn / Subexponer color: Este efecto es opuesto al anterior. Tiene mayor
efecto con tintas oscuras sobre fondos claros. Su efecto es similar a la
herramienta Burn / Subexponer.
• Darken / Oscurecer: Modifica los colores de la imagen que son más claros que el
color de tinta. Si son más oscuros no produce efecto.
• Lighten / Aclarar: Es inverso al modo anterior.
• Difference / Diferencia: Si se pinta con blanco se invierten totalmente los colores
del fondo (los convierte en su negativo); el negro no produce ningún efecto.
• Exclusion / Exclusión: Trabaja de la misma manera que el modo anterior salvo
por un detalle: hace grises los colores del fondo cuando éstos corresponden a
medios tonos.
• Hue, saturation, color y luminosity / Tono, saturación, color y luminosidad:
Estos cuatro modos de mezcla están basados en el sistema de color HSB (Hue,
Saturation and Brigthness / Tono, Saturación y Brillo). Por ejemplo: Hue genera un
nuevo color tomando el valor de tono de un color y la saturación y el brillo del otro.
Los otros operan de manera similar.
Gabriel Araya Rocha
3. Herramienta de texto
La barra de opciones de la herramienta texto tiene dos versiones, dependiendo de si
comenzamos a escribir el texto o no. Cuando recién tomamos la herramienta, se presenta la
primera barra mostrada. Tenemos las opciones 1, 2, 3 y 4, que desaparecen apenas comenzamos
a escribir el texto. Por consiguiente, tenemos que definir esas opciones antes de hacer click sobre
la superficie de trabajo. En cambio, cuando estamos creando o editando el texto, se suman los
botones 13 y 14.
1. Modo normal. Crea una capa de texto. (Esta opción no aparece en Photoshop CS)
2. Modo selección o máscara. Realiza una selección con la forma del texto. (Esta
opción no aparece en Photoshop CS)
3. Escritura horizontal y de arriba hacia abajo. Idiomas occidentales.
4. Escritura vertical y de derecha a izquierda. Idiomas orientales.
5. Nombre de la tipografía. Aparece el listado de las tipografías cargadas en el
sistema.
6. Estilo o variante de la tipografía.
7. Tamaño de los caracteres, en puntos.
8. Variantes del suavizado de los bordes de los caracteres. Tiene cuatro
posibilidades, que van desde None (sin suavizado) hasta Smooth (suave).
9. Variantes de alineación del texto: Alinear a la izquierda, centrado y a la derecha.
10. Color de la tipografía.
11. Deformación del texto.
12. Atajo para acceder a los paneles de tipografía, donde encontramos todos los
atributos de caracter y párrafo.
13. Botón que aparece cuando estamos creando o editando texto. Sirve para aplicar
los cambios que ingresamos en el texto.
14. Botón que aparece cuando estamos creando o editando texto. Sirve para cancelar
los cambios ingresados al texto.
Gabriel Araya Rocha
3.1. Uso de Deformación del texto

Por medio de esta prestación de la barra de opciones de la herramienta Texto podemos
dar formas muy variadas a los textos.
Cada variante tiene opciones y parámetros propios que hacen que las posibilidades sean
muy numerosas.
Gabriel Araya Rocha
IV. Capas
Las capas le permiten trabajar con un elemento de una imagen sin modificar los otros.
Piense en las capas como si fuesen hojas de acetato apiladas una encima de otra. A través de
una zona de una capa donde no haya imágenes, puede ver las capas inferiores. Puede cambiar la
composición de una imagen si cambia el orden y los atributos de las capas. Además, las funciones
especiales, como las capas de ajuste, las capas de relleno y los estilos de capa, le permiten crear
efectos sofisticados.
1. Panel de capas
El Panel de capas contiene todas las capas, conjuntos de capas y efectos de capa de
una imagen. Puede llevar a cabo muchas tareas (como crear, ocultar, mostrar, copiar y eliminar
capas) mediante los botones de la paleta Capas. Puede acceder a otros comandos y opciones en
el menú de la paleta Capas y en el menú Capas.
Paleta Capas de Photoshop

A. Menú de la paleta Capas
B. Conjunto de capas
C. Capa
D. Miniatura de capa
E. Efecto de capa
Gabriel Araya Rocha
2. Estilos de capa
Los efectos de capa son un conjunto de operaciones que se pueden aplicar sobre las
capas y que facilitan tareas como la de hacer sombras, brillos, efectos de volumen, aplicar
texturas, color, etc.
La ventana Layer Style / Estilo de capa se despliega ya sea desde el menú Layer /
Capa o desde el atajo existente en el panel Capas, señalado con una ƒ.
El panel Layer Style / Estilos de capa permite asignar diferentes atributos a las capas.
A continuación una descripción de las prestaciones de este panel:
1. Styles / Estilos: Si elegimos esta variante, en el área central de la ventana se nos
despliega la colección de Estilos de capa predeterminados. Cada uno de ellos es
una combinación de diferentes efectos que se aplican en forma conjunta.
2. Blending Options / Opciones de fusión: Este comando despliega en el área
central las opciones relacionadas con la forma en que la capa seleccionada se
mezclará con las ubicadas debajo de ella.
3. Listado de efectos de capa: Al elegir uno de los efectos de capa, en el área
central se despliegan las opciones correspondientes a ese efecto. Se pueden
combinar dos o más de ellos.
4. Área Central: Aquí se muestran y definen los parámetros y características de la
opción elegida.
Gabriel Araya Rocha
5. Botón Aceptar: Para aceptar los cambios.

6. Botón Cancelar: Permite salir de la ventana sin efectuar ningún cambio en la
capa seleccionada. Si oprimimos Alt el botón cambia por Reset, volviendo a los
valores por defecto de la ventana.
7. New Style / Nuevo estilo: Permite guardar el estilo creado. Se incorporará a los
estilos predeterminados.
8. Previsualización de estilos: Presenta una muestra del estilo escogido.
2.1. Editor de degradados

Photoshop permite colorear selecciones o capas completas con transiciones entre dos o
más colores. El panel Editor de degradados, al que se accede haciendo clic en la muestra de la
barra de opciones de la herramienta Degradados, permite crear complejas transiciones de color.
Este panel tiene una galería de degradados predeterminados, los que podemos usar o modificar.
También podemos crear nuevos.
Existen dos tipos de degradados: Solid y Noise, que se eligen en el menú desplegable
Gradient Type / Tipo de degradado. En este documento sólo veremos el tipo de degradado
sólido.
Degradados Solid / Sólidos

Cuando elegimos este tipo de degradados, el panel presenta una tira de muestra que
permite crear o modificar degradados existentes. En la parte inferior de la tira de muestra se
colocan los colores que van a integrar el degradado. Los colores se eligen o cambian haciendo
doble clic en el control correspondiente o un clic en la muestra del color, desplegándose el
Selector de color.
Es posible agregar colores intermedios haciendo clic sobre un lugar vacío debajo de la
tira de muestra. En esta parte inferior de la tira de muestra se ven pequeños rombos que se
pueden deslizar. Estos señalan el punto medio de la transición entre los colores. Si se deslizan
hacia un costado el degradado se desarrollará más rápido en una mitad que en la otra. Con los
controles de la parte superior de esa tira se pueden definir zonas transparentes en el degradado.
Las ubicaciones de los colores, las zonas de modificación de transparencia y los puntos
medios pueden ubicarse “a mano” o en forma exacta, medida en porcentaje de desarrollo del
degradado.
Gabriel Araya Rocha
1. Conjunto de degradados predeterminados. Para incorporar uno nuevo debemos

crearlo y luego hacer clic en un espacio vacío de este sector del panel.
2. Nombre del degradado.
3. Elección del tipo de degradado.
4. Tira de muestra que sirve para modificarlo y apreciar el desarrollo del degradado.
Los controles de la parte inferior son de dos tipos:
Este control define la ubicación de una transición de color. Haciendo doble clic en
él se despliega el panel Color Picker / Selector de colores para elegir el color
que se ubicará en ese lugar.
Este control determina el punto medio del desarrollo del degradado, el lugar
donde la transformación de un color en otro está en la mitad de su desarrollo.
Con los controles de la parte superior se pueden determinar zonas transparentes
del degradado.
5. En este apartado del panel se puede definir la ubicación exacta ya sea de los
colores, de las zonas transparentes, o de los puntos medios. Los valores se miden
en porcentajes del desarrollo del degradado.
Gabriel Araya Rocha
V. Ajustes de color
1. Modos
Se puede acceder a este comando desde Imagen > Modo.
Los modelos de color describen los colores numéricamente. Hay distintos métodos para
describir colores numéricamente. Un modo de color determina el método o conjunto numérico que
se va a utilizar para visualizar e imprimir una imagen.
Los modos de color de Photoshop están basados en los modelos de color que resultan
útiles en las imágenes que se utilizan en autoedición. Puede seleccionar entre RGB (red, green,
blue / rojo, verde, azul); CMYK (cyan, magenta, yellow, black / cian, magenta, amarillo, negro); y
Escala de grises. Photoshop también incluye modos para salidas de color especializadas como
Color indexado.
El modo de color RGB se utiliza principalmente para imágenes que irán a internet (JPG,
GIF, PNG).
El modo de color CMYK se utiliza principalmente para imágenes que serán impresas.
El modo de color indexado aparece de manera predeterminada en imágenes GIF. Para
trabajar con este tipo de imágenes, se debe cambiar al modo de color RGB.
El modo de color escala de grises elimina toda la información de color existente en una
imagen. Si desea dejar en escala de grises solamente una capa, utilice el comando Imagen >
Ajustes > Desaturar.
Gabriel Araya Rocha
2. Tono / Saturación
Se puede acceder a este comando desde Imagen > Ajustes > Tono/Saturación.
Tono/saturación permite ajustar el tono, la saturación y el brillo del componente de color
específico de una imagen o ajustar todos los colores de una imagen a la vez.
En Photoshop, este comando resulta especialmente útil para ajustar colores específicos
de una imagen CMYK de modo que estén dentro de la gama de un dispositivo de salida
(impresora).
Adicionalmente, en esta ventana aparece además la opción de colorear, que permite
literalmente colorear toda la capa con un tono determinado. Se utiliza generalmente para generar
efectos de sepia.
Al igual que otros comandos, se pueden modificar canales de color por separado.
Gabriel Araya Rocha
3. Brillo / Contraste
Se puede acceder a este comando desde Imagen > Ajustes > Brillo/Contraste.
El comando Brillo/contraste permite realizar ajustes sencillos en la gama tonal de una
imagen. Brillo/contraste no se recomienda para salidas de alta calidad porque puede producir una
pérdida del detalle de una imagen.
4. Curvas
Se puede acceder a este comando desde Imagen > Ajustes > Curvas.
El cuadro de diálogo Curvas se abre con una línea diagonal recta. El eje horizontal del
gráfico representa los valores originales de intensidad de los píxeles (Niveles de entrada); el eje
vertical representa los valores de color nuevos (Niveles de salida).
Al igual que otros comandos, se pueden modificar canales de color por separado.
Gabriel Araya Rocha
VI. Filtros
Para utilizar un filtro, seleccione el comando de submenú adecuado del menú Filtro. Las
siguientes directrices le ayudarán a seleccionar los filtros:
• Los filtros se aplican a la capa activa visible o a una selección.
• La mayoría de los filtros pueden aplicarse de manera acumulativa utilizando la
Galería de filtros. Todos los filtros pueden aplicarse individualmente.
• No se pueden aplicar filtros a imágenes en modo de mapa de bits o de color
indexado.
• Algunos filtros sólo funcionan en imágenes RGB.
Todos los filtros pueden aplicarse a imágenes de 8 bits. Sólo los siguientes filtros pueden
aplicarse a imágenes de 16 bits: Desenfocar, Desenfoque medio, Desenfocar más, Desenfoque
gaussiano, Desenfoque de movimiento, Ruido, Añadir ruido, Destramar, Polvo y rascaduras,
Mediana, Enfocar, Enfocar bordes, Enfocar más, Máscara de enfoque, Estilizar, Relieve, Hallar
bordes y Solarizar.
Puesto que puede aplicar más de un filtro a una imagen, cuando utiliza el cuadro de
diálogo Galería de filtros, tiene un gran control sobre la manera en que cada filtro afecta a la
imagen.
Gabriel Araya Rocha
1. Uso de la Galería de Filtros

Para mostrar los filtros de Photoshop, seleccione Filtro > Galería de filtros.
Para mostrar las miniaturas de filtros, haga clic en un nombre de categoría de filtro para
mostrar previsualizaciones de los efectos de filtro disponibles.
Mediante la Galería de filtros puede aplicar filtros de manera acumulativa y aplicar filtros
individuales más de una vez. También puede reorganizar filtros y cambiar los ajustes de cada filtro
aplicado para conseguir el efecto deseado.
Tenga en cuenta que no todos los filtros disponibles pueden aplicarse utilizando la
Galería de filtros.
Gabriel Araya Rocha
VII. Buenas prácticas en Photoshop
1. Metodología de trabajo
a. Asegurarse de que el Modo de imagen es RGB. (Imagen > Ajustes > Modo)
b. Duplicar la capa de fondo. (Botón derecho en el nombre de la capa > Duplicar
capa)
c. Seleccionar la capa con la que se quiere trabajar antes de aplicar algún efecto.
d. Esconder las capas con las que no se está trabajando. (Clic en el ícono del ojo en
la capa)
e. Los Paneles flotantes que hayan sido cerrados por error pueden volver a
mostrarse en el menú Ventana. Ejemplo: Ventana > Capas.
2. Guardar como
Los archivos que contengan capas sólo pueden ser guardados en formato Photoshop
(.psd). Los formatos más comunes de exportación de archivos fotográficos (JPG, GIF, PNG, TIFF,
etc.) no soportan capas.
Cuando realizamos trabajos como el del ejemplo es conveniente guardar dos versiones
del archivo: la versión Photoshop (.psd), para posteriores correcciones, y una versión en algún
formato de exportación.
Esta es una forma de trabajo muy extendida que los programadores han tenido en cuenta
en la ventana de Save as / Guardar como del programa. Desde aquí Photoshop nos permite
elegir varios formatos para guardar el archivo.
Si alguno de ellos no puede guardar capas o alguna otra característica del archivo,
automáticamente nos propone guardar como copia y nos alerta de que, en ese formato, no
podremos incluir alguna de las características que tiene el documento.
Gabriel Araya Rocha
3. Guardar para web

Paralelamente, existe la opción Guardar para Web, que nos muestra una
previsualización de la imagen en el formato que hayamos escogido para guardar, pudiendo
modificar gran parte de opciones.
3.1. Formatos de Archivo para web: GIF

GIF (Compuserve GIF) es un formato gráfico utilizado ampliamente en la World Wide
Web, tanto para imágenes como para animaciones.
GIF es un formato sin pérdida de calidad para imágenes con hasta 256 colores,
limitados por una paleta restringida a este número de colores. Por ese motivo, con imágenes con
más de 256 colores (profundidad de color superior a 8), la imagen debe adaptarse reduciendo sus
colores, produciendo la consecuente pérdida de calidad.
El uso de los GIF es usado generalmente para la publicidad en tipo banners. Su principal
difusión hoy en día sigue siendo para mostrar imágenes animadas para páginas web, al ser el
único formato soportado por multitud de navegadores que permita dicho efecto.
Otra de las características de este formato es la capacidad de tener partes de la imagen
con transparencia.
3.2. Formatos de Archivo para web: JPG

JPEG (del inglés Joint Photographic Experts Group, Grupo Conjunto de Expertos en
Fotografía), es el nombre de un comité de expertos que creó un estándar de compresión y
codificación de archivos de imágenes fijas. Además de ser un método de compresión, es a
menudo considerado como un formato de archivo.
El formato JPEG utiliza habitualmente un algoritmo de compresión con pérdida para
reducir el tamaño de los archivos de imágenes. Esto significa que al descomprimir o visualizar la
imagen no se obtiene exactamente la misma imagen de la que se partía antes de la compresión.
Una de la características del JPEG es la flexibilidad a la hora de ajustar el grado de
compresión. Un grado de compresión muy alto generará un archivo de pequeño tamaño, a costa
de una pérdida significativa de calidad. Con una tasa de compresión baja se obtiene una calidad
de imagen muy parecida a la del original, pero con un tamaño de archivo mayor.
Si se efectúa una compresión excesiva pueden aparecer errores de visualización
(pixelado).
Gabriel Araya Rocha
3.3. Formatos de Archivo para web: PNG

PNG (Portable Network Graphics) es un formato gráfico basado en un algoritmo de
compresión sin pérdida para bitmaps no sujeto a patentes. Este formato fue desarrollado en buena
parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una
mayor profundidad de contraste y otros importantes datos.
El formato PNG admite formatos con una profundidad de color de millones de colores
(color verdadero) y canal alfa (transparencia), lo que proporciona unos rangos de color mucho
más ricos y precisos que el GIF y disponer de valores de transparencia intermedios.
Lamentablemente, esto permite que se compare de forma errónea PNGs de color verdadero con
un GIF de color indexado (256 colores).
Comparación entre PNG y JPG

PNG y JPEG son formatos que están diseñados para funciones diferentes, por lo que
únicamente se puede realizar una comparación generalista:
• JPEG tiene una relación de compresión enorme en perjuicio de la calidad de la
imagen, ideal para imágenes de gran tamaño y fotografías. No admite
trasparencia.
• PNG es un formato sin perdida de calidad con una excelente compresión, ideal
para imágenes formadas por grandes áreas de color plano o con pocas
variaciones de color. Admite canal alfa y algunos atributos extra como la
corrección gamma.
Imagen compuesta comparando JPEG y PNG:

nótese los artificios en la imagen JPEG versus el
fondo en color sólido para la misma imagen en
PNG.
Gabriel Araya Rocha
4. Panel de historia
La enorme mayoría de los programas de diseño cuentan con la posibilidad de deshacer la
última acción realizada. El conocido comando Ctrl + Z viene siempre en nuestro auxilio cuando
cometemos un error.
Muchos de estos programas –procesadores de texto y de ilustración vectorial, por
ejemplo– permiten realizar varias veces este comando, permitiéndonos deshacer varias de las
acciones anteriores. Esta prestación es agradecida por los usuarios, ya que permite trabajar sin
temor a las equivocaciones; probar caminos y poder desandarlos si los resultados no son los
deseados.
El panel History / Historia permite retroceder varios de los últimos pasos realizados. Se
puede acceder a este panel desde Ventana > Historia.
Gabriel Araya Rocha
VIII. Bibliografía
Glyptodon. Cd Multimedia Curso de Photoshop.
Adobe. Ayuda de Photoshop CS.
Wikipedia.
1. Linkografía
http://es.wikipedia.org/wiki/Graphics_Interchange_Format
http://es.wikipedia.org/wiki/JPG
http://es.wikipedia.org/wiki/PNG
Gabriel Araya Rocha

Apuntes Photoshop

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Apuntes Photoshop

Diunggah oleh

Hak Cipta:

Format Tersedia

Apuntes de Photoshop

Producción Multimedia I – Prof. Gabriel Araya Rocha

1. La ventana del documento

II. Panel de Herramientas

III. Barras de Herramientas

Rectangular Marquee Tool / Marco rectangular: Herramienta de selección rectangular.

1.1. Opciones de herramientas de selección

1. Manejador para cambiar la barra de lugar [*].

Paintbrush Tool / Pincel: Herramienta de pintura.

2.1. Pinceles de herramientas de pintura

2.2. Opciones de herramientas de pintura

2.3. Modos de mezcla

• Normal: Este modo no funde los colores; cuando es usado el color de la

3.1. Uso de Deformación del texto

Paleta Capas de Photoshop

5. Botón Aceptar: Para aceptar los cambios.

2.1. Editor de degradados

Degradados Solid / Sólidos

1. Conjunto de degradados predeterminados. Para incorporar uno nuevo debemos

1. Uso de la Galería de Filtros

VII. Buenas prácticas en Photoshop

3. Guardar para web

3.1. Formatos de Archivo para web: GIF

3.2. Formatos de Archivo para web: JPG

3.3. Formatos de Archivo para web: PNG

Comparación entre PNG y JPG

Imagen compuesta comparando JPEG y PNG:

Anda mungkin juga menyukai