Cmo descargar los

ejemplos de internet
La editorial pone a disposicin del lector la posibilidad de bajarse de la pgina web de
Inforbooks, las imgenes para que pueda realizar los ejercicios y prcticas que se proponen
en el libro.
Para acceder a la pgina deber conectarse a Internet y en su navegador teclear la direccin:
www.inforbooks.com

Pulse en el botn Libros Online.

A continuacin, aparecer la pgina que le mostramos en la figura inferior:

Pulse en el enlace Diseo Web. En la figura superior puede ver dnde debe hacer clic.
Una vez haya accedido a este enlace se mostrar una nueva seccin donde deber pulsar
en el enlace CS5 Web y se mostrar una pgina con distintos enlaces a libros, usted debe de
seleccionar el de CS5 Curso de Creacin Web.

24

CS5 Curso de Creacin Web

Haga clic sobre el botn Descargar ejemplos y se abrir el cuadro de dilogo Descarga
de archivos.
Plise botn para descargar tes archivos de este (bro.
Descargar ejemplos j

Pulse el botn Guardar y elija la carpeta donde quiere almacenarlo, una vez se haya completado la descarga deber descomprimir el archivo y ya podr utilizar las imgenes en las
prcticas.
Las imgenes slo pueden utilizarse para las prcticas del libro, cualquier otro uso
est expresamente prohibido.
Si por cualquier causa no dispone de acceso a Internet, podra realizar los ejercicios sustituyendo las imgenes sugeridas en el libro por otras que usted posea.

Introduccin
Contenido del libro
En el presente libro se ven las aplicaciones Bridge CS5, Fireworks CS5, Dreamweaver CS5, Flash
CS5 y Photoshop CS5. Estas aplicaciones forman parte de Creative Suite CS5, junto a otras que no se
estudian en este manual. Las aplicaciones se desarrollan a nivel de usuario para que el lector sea capaz
de trabajar con ellas con una cierta soltura.
Con Bridge podr acceder a sus imgenes, fotografas, etc. de una forma rpida y sencilla. Esta aplicacin es un magnfico explorador de archivos que le permite organizarlos de una forma ms eficiente.
Con la aplicacin Fireworks podr crear y optimizar imgenes para la Web con un diseo profesional.
Con al amplia gama de herramientas disponible en esta aplicacin, es posible crear y editar imgenes
vectoriales y de mapa de bits en un solo archivo.
En el primer apartado dedicado a Adobe Dreamweaver aprender a disear pginas web utilizando
todas las herramientas que pone a su disposicin: creacin de tablas, marcos, estilos, capas, plantillas,
formularios, objetos multimedia para aadir vdeo y sonido y la integracin con bases de datos.
Con la aplicacin Adobe Flash podr realizar animaciones, descubriendo las mltiples funciones del
programa aprendiendo a crear secuencias, plantillas, escenarios y bibliotecas.
En el apartado Adobe Photoshop de este libro, aprender a tratar fotografas creando diferentes efectos al aplicar los filtros que el programa pone a su disposicin. Tambin realizar retoques mejorando
el brillo, contraste, etc. Modificar fotografas deterioradas para restaurarlas, ser capaz de eliminar
las arrugas del rostro rejuveneciendo a las personas. Adems, esta aplicacin permite a los diseadores
grficos y de Web utilizar el programa en la creacin de diseos pensados para pginas web, carteles
publicitarios, etc.
El ltimo captulo est dedicado a un ejercicio en el que se aplican los conocimientos adquiridos
a lo largo de este manual trabajando de una forma integrada con los diferentes programas. Disear
una pgina web con Dreamweaver que utilizar una base de datos para mostrar los datos de la misma.
Utilizar la aplicacin Flash para crear una presentacin animada cada vez que cargue la pgina web.
Y por ltimo, la aplicacin Photoshop la usar para crear las imgenes de fondo de las pginas web que
ser distinta dependiendo del tema.

Requisitos del sistema

Windows
-

Procesador Intel Pentium 4, Intel Centrino, Intel Core Do (o compatible).

Microsoft Windows XP con Service Pack 2 (se recomienda Service Pack 3), Windows Vista
Home Premium, Business, Ultmate o Enterprise con Service Pack 1 (certificado para ediciones
de 32 bits slo) o Windows 7.

1 GB de RAM o ms.

26

CS5 Curso de Creacin Web

9,3 GB de espacio disponible en el disco duro.

Pantalla en color con tarjeta de vdeo de 16 bits o ms.

Resolucin de pantalla de 1.024 x 768 (se recomiendan 1.280 x 800).

Unidad de DVD-ROM.

Software QuickTime 7.6.2 necesario para funciones multimedia.

Conexin a Internet o telefnica necesaria para activar el producto.

Conexin de banda ancha para otros servicios.

Macintosh
-

Procesador PowerPC G5 o procesador Intel multincleo.

Mac OS X versin 10.5.7 10.6.

Java Runtime Environment 1.5 requerido para Adobe Versin Cue Server.

1 GB de RAM.
10,3 GB de espacio disponible en el disco duro.

Pantalla en color con tarjeta de vdeo de 16 bits o ms.

Resolucin de pantalla de 1.024 x 768 (se recomiendan 1.280 x 800).

Unidad de DVD-ROM.

Software QuickTime 7.6.2 necesario para funciones multimedia.

Conexin a Internet o telefnica necesaria para activar el producto.

Conexin de banda ancha para otros servicios.

Instalacin

2
Conseguir una versin de
prueba

Descargas de productos
B

jHJ

epatare Sue* 5 Oesigr,

HS|

Crate* SuiK ? MaMet

Ac.-obJtt 8 Pro

QH

Frsrteiltop CS5 EtemteC

HbiSTa <

55

Qi

1. Acceda

a la pgina web:

http://www.adobe.com/es/downloads/

Drerr&tswef&CSc1

FiasUS r-tossiona CS&

Los usuarios interesados en Adobe Creative

Suite 5 Design Premium pueden solicitar un DVD
de esta suite para su evaluacin durante un periodo
de 30 das en la pgina web de Adobe. En esa misma pgina pueden conseguir versiones de prueba
de los programas por separado para conocerlos.

SJ

^ "

Pre>n!& Pro CS
VfeCKS- i MaCfcSSfc*

1t*Mtl.- MiCiPSGSt'
Acfialacia 44 3feMntw Bdge I

Fig. 1. Pgina de descargas de Adobe.

Aparecer la pgina de descargas de Adobe

(figura 1).
2. En la parte superior haga clic en el enlace
Descargas y del men de opciones que se
mostrar elija Descargas de versiones de
prueba.

Aparecer otra pgina que contiene todas las

descargas disponibles.
3. Site el puntero del ratn sobre el enlace
Adobe Creative Suite 5 Design Premium
y pulse en Probar (figura 2).

rraa
L*33
ISSH3

Adobe
Creative Suite 5 Desgn
Premium

Fig. 2. Acceso a la versin de prueba.

Una vez realizado el paso anterior aparecer

una nueva pgina en la que podr solicitar un DVD
con la versin de prueba, o bien, desde esa misma
pgina descargar versiones de prueba individuales
de los diferentes programas que componen esta
suite de forma independiente..
Si decide descargar los programas por separado
deber hacer clic en la aplicacin que desee descargar, rellenar un pequeo cuestionario y seguidamente comenzar la descarga de la aplicacin.
Una vez descargado el archivo ejecutable, ejectelo
y se iniciar la instalacin.

28

CS5 Curso de Creacin Web

Seguidamente, le mostramos los pasos que

debe seguir en caso de tener esta suite en DVD.

"

' -

"

Bienvenido

1. Inserte el DVD en la unidad.

Transcurridos unos instantes aparecer una

pantalla en la que se le indicar que se est cargando la instalacin. Una vez realizada esa operacin
se mostrar la ventana con el contrato de licencia
(figura 3).
2. Lalo y si est de acuerdo pulse el botn
Aceptar.

Fig. 3. Ventana del contrato de licencia.

En la siguiente ventana (figura 4) podr elegir

los componentes de la suite que desea instalar.
3. Elija los que desee

instalar.

4. Si desea cambiar la unidad donde se instalar la suite pulse el botn Cambiar....

5. Pulse el botn Instalar para iniciar la instalacin.

Una vez realizado el paso anterior aparecer

una ventana con el resumen de las opciones de
instalacin (figura 5).

Fig. 4. Aplicaciones a instalar.

5. Pulse el botn Salir para finalizar la instalacin.

Una vez instalada la suite se mostrar un cuadro de dilogo en el que podr elegir la opcin de
utilizar la aplicacin durante 30 dias o bien incluir
el nmero de serie si es que ha adquirido la licencia
de uso de la suite.
6.

A partir de ese momento ya podr utilizar

los programas que componen Adobe Creative Suite 5 Design Premium.

Fig. 5. Cuadro de resumen.

_T

Bridge
Adobe Bridge CS5

Qu es Bridge?
Desde la versin CS2 de Adobe Creative Suite,
Adobe Bridge sustituye al Explorador de archivos.
Bridge es un elemento indispensable en la gestin deficheros.Puede visualizar los archivos antes de abrirlos y puede realizar muchas ms tareas
que un simple navegador.

Desde Bridge puede ver, buscar, ordenar, gestionar y procesar archivos de

imagen. Puede emplear Bridge para crear
carpetas nuevas; cambiar de nombre,
mover y e l i m i n a r a r c h i v o s ; e d i t a r
metadatos, r o t a r imgenes y ejecutar
comandos de lotes. Tambin puede ver la
informacin de los archivos y d a t o s importados de cmarae digitales.

Este programa es totalmente autnomo es decir, puede ejecutarse l slo sin necesidad de tener
ninguna de las aplicaciones como Adobe
Photoshop, Adobe Illustrator, Adobe InDesign y
Adobe GoLive, pero se puede acceder a Bridge
desde cualquiera de ellas.
Si tiene instalado Adobe Creative Suite, Bridge se
convertir en el centro de control de todas las aplicaciones de la suite. Pudiendo acceder a cualquiera de
los programas que lo componen desde l.
Con Bridge y Dreamweaver puede abrir y editar archivos RAW de cmara desde Bridge y guardarlos en un formato compatible con Dreamweaver.
Puede editar la configuracin de la imagen directamente en el cuadro de dilogo RAW de cmara sin
iniciar Dreamweaver. En el caso de que no tenga
Dreamweaver instalado con Bridge podr realizar
una vista previa de los archivos RAW de cmara.

Ejecutar Bridge
Para abrir esta aplicacin puede realizar las siguientes acciones:
Puede ejecutar Bridge directamente sin necesidad de tener abierto Dreamweaver CS5. Si trabaja
con Windows puede acceder a Bridge directamente:
1. Pulse en el botn Inicio,
seleccionando
Todos los programas y haciendo clic en

30

CS5 Curso de Creacin Web - Bridge

Adobe Bridge. En el caso de que trabaje
con Mac deber hacer doble clic en el icono de Adobe Bridge que se encuentra en
la carpeta Aplicaciones/Adobe
Bridge.

Si est en Dreamweaver y quiere acceder a Bridge deber hacer lo siguiente:

1. Active el men Archivo y seleccione
opcin Examinar en Bridge....

la

Una vez que ha llamado a Bridge se mostrar la

ventana de esta aplicacin. Vea la figura 1.
Barra de comandos
Stock photos

Barra de m e n s

Panel Contenido

Barra de paneles
Fig. 1. Ventana de Bridge.

Los mens de Bridge estn formados por los

comandos de gestin deficheros,algunas opciones son accesibles desde la barra de Comandos y
otros desde el men emergente que aparece cuando se hace clic con el botn derecho sobre una
previsualizacin.
Men Archivo
1. Haga clic en el men

Archivo.

Barra de comandos

Adobe Bridge CS5

Nueva ventana

Ctri-N

Carpeta nueva

Ctrf*Mays*N

Abrir

31

En la figura 2 le mostramos las opciones del

men Archivo.

Ctri>0

Nueva ventana: Abre una nueva ventana de la

aplicacin.

Abrir con
Abrir recientes
Abrir en Camera Rw...
Comprobar en Device Central...
Cenar ventana

Orh-W

Carpeta nueva: Crea una nueva carpeta.

Eliminar
Volver a Adobe lilustratnr

CtrkAft.O

Mostrar en Explorer

Obtener fotos de E comars...

Abrir: Abre en Photoshop la imagen seleccionada.

Abrir con: Muestra un submen con las aplicaciones con las que puede abrir la imagen seleccionada.

Mover a
Copfa
Exportar a
Colocar
Aadir a Favoritos
Irrformactrt de arehrvo,,.

OrM

Ocultar

Ctrt+H

Salir

Ct/kQ

Fig. 2. Opciones del men Archivo.

Abrir reciente: Muestra una lista con los archivos que ha abierto hace poco y simplemente haciendo clic sobre cualquiera de ellos, ste
se abrir en Photoshop.
Abrir en Camera RAW: Se puede acceder desde Bridge a los archivos de imgenes de ciertos tipos de cmaras digitales (figura 3).
Un archivo de tipo RAW contiene los datos
originales captadas por la cmara digital. El formato RAW es un formato de alta calidad ya
que no est comprimido, la profundidad que se
obtiene en los colores con este tipo de formato
es mucho mejor que el de formatos como TIFF
o JPEG. El tamao del Fichero RAW es ms pequeo que el de un TIFF sin perder calidad de
imagen como ocurre con los JPEG.

Fig. 3. Ventana de Camera R A W .

Comprobar en Device Central: Al seleccionar

este comando se abrir la aplicacin Device
Central. Este programa est pensado para ayudar a los desarrolladores de contenido para dispositivos mviles ya que permite la
previsualizacin de contenido mvil en diversos dispositivos. Adobe Device Central ofrece
mscaras realistas de una amplia gama de dispositivos mviles. Vea lafigura4.
Cerrar Ventana: Cierra la ventana actual, si slo
hay una ventana abierta se cierra Bridge.
Elimina: Borra el archivo o archivos seleccionados a la Papelera de reciclaje.

Fig. 4. Ventana de Device Central.

Volver a Adobe Dreamweaver: Devuelve el control a Dreamweaver CS5.

32

CS5 Curso de Creacin Web - Bridge

Mostrar en Explorer: Abre el explorador de

Windows y localiza la imagen seleccionada.
Revelar en Bridge: Localiza en Bridge la imagen seleccionada.
Obtener fotos de la cmara: Aparecern en Bridge las fotos de la cmara digital que tenga conectada al equipo.
Mover a: Al pulsar en esta opcin se mostrar
un men (figura 5) en el que podr seleccionar
la carpeta donde desea mover la imagen o imgenes seleccionadas.

Acceso pblico
?

Escritorio
Imgenes web
Seleccionar carpeta...

Copiar a: Copia la imagen o imgenes seleccionadas al destino que elija en el submen que se
mostrar al hacer clic en esta opcin.

Fig. 5. Men de la opcin Mover a.

Exportar a: Permite la exportacin a JPG de los

archivos RAW seleccionados.
Colocar: Coloca la imagen seleccionada en Bridge en la imagen actual de Photoshop.
Aadir a Favoritos: Coloca en Favoritos el archivo seleccionado. Un archivo ubicado en favoritos, al hacer clic sobre l se abrir en
Photoshop CS5.
Informacin de archivo...: Muestra un cuadro
de dilogo con diferentes pestaas en las que
podr ver la informacin del archivo seleccionado.
Ocultar: Oculta la ventana de Bridge.

Deshacer Clasificacin
Cortar

Ctri+X

Copiar

CbWC

Duplicar

Ctrl+D

CtfI-V

Seleccionar todos

Salir: Cierra la aplicacin Bridge.

Deseeccionar todo
Invertir seleccin

Men Editar
1.

Haga clic en el men

Ctrl+Z

Buscar...

Ctrl+A
Ctrl+Msys+A
Ctrl+Mays+l
Ctrt+F

Editar.
Desarroar ajustes

Este men que le mostramos en la figura 6 se

compone de las siguientes opciones:

Rotar 180'
Rotar 90* hacia la derecha

Deshacer: Deshace una accin realizada anteriormente.

Cortar: Corta un archivo seleccionado y lo
copia al Portapapeles.
Copiar: Copia el archivo seleccionado al
Portapapeles.

Ctri+U

Rotar 90* hacia la izquierda

Ctrf+Mays+U

Ajustes de color de Creative Suite...

CW+Mays+IC

Preferencias de Camera Raw...

Preferencias...

Fig. 6. Opciones del men Editar.

Ctri+K

Adobe Bridge CS5

33

Pegar: Pega el contenido del Portapapeles.

I n t a r en;

Duplicar: Duplica la imagen o imgenes seleccionadas.

Imgenes weo CS5

Otenos

BSSSt^ty^lWBM -

contiene

Introducir texto

nubdos
& se curpei toaos los

OjnadefKS:
gftktijr

a&enos

Seleccionar todo: Selecciona todo el contenido de la carpeta activa.

Deseleccionar todo: Deselecciona todos los
archivos seleccionados.

tois ias stioarpetas

g k o j i arerraos jso -dejados (puede ser lento)

Invertir seleccin: Invierte la seleccin que se

haya realizado previamente.

Fig. 7. Cuadro de dilogo Buscar.

Buscar: Permite la bsqueda de un archivo (figura?).

Desarrollar ajustes: Permite realizar ajustes
para Camera RAW a travs de las diferentes
opciones que aparecen al pulsar en esta opcin.
~ *ii3Certi!*ie <<se eitjK! os^uEesEe estrofa Rawen Bndge

Rotar 180: Gira la imagen 180.

Ctn*dc Abre ti Ljpa diarteteprevstiSiBcr' o b revsfi

Numero de elemente! recentes pars moStra?: 10

Rotar 90 hacia la derecha: Gira la imagen seleccionada 90 a la derecha.

Elementos &vontos
V

Btige Home

v Botone
Res3ttni

?}Etppe

*>' Dcasmentos

Rotar 90 hacia la izquierda: Gira la imagen

seleccionada 90 a la izquierda.

estrar todc te a s a o s de da d WSO

Ajustes de color en Creative Suite: Permite

establecer los ajustes de color de Creative Suite

Fig. 8. Cuadro de dilogo Preferencias.

[Viste)
Vista previa de pantalla completa
P r o y e c c i n de diapositivas
Opaones de proyeccin de diapositivas...
Modo Revistan
Modo compacto

Espacm
Ctrt>t
Ctrf+Mays+L
Ctrl+B
Ctrl+lntro

Como mtrvtaturas
Como detalles
Como lista
Mostrar slo miniatura
Bloqueo de cuadricula
y

Preferencias: Abre el cuadro de Preferencias

de Bridge. En lafigura8 le mostramos este cuadro.

Mostrar archivos rechazados

Mostrar archivos ocurtcs

Ctrl+T

Preferencias de Camera RAW: Aparecer el

cuadro de dilogo de Preferencias de RAW
donde podr cambiar los ajustes de imagen por
defecto y guardar los ajustes definidos como
valores por defecto de la nueva cmara. En cualquier momento puede restaurar los ajustes por
defecto originales de RAW de cmara para la
cmara concreta.

Mostrar carpetas
Mostrar elementos (e subearpetas
Mostrar arenaos vinculados
Ordenar
Actualizar

Fig. 9. Opciones del men Vista.

Men Vista
1.

Haga clic en el men

Vista.

Aparecer el men que le mostramos en la figura 9 y en el que podr seleccionar el modo de visin de Bridge, cmo le interesa ver las imgenes,
los paneles que desea que estn activos, puede

34

CS5 Curso de Creacin Web - Bridge

ordenar las imgenes de la carpeta que est seleccionada, distintos modos de mostrar archivos que
cumplan unas determinadas opciones y finalmente actualizar la ventana de Bridge.
Vista previa de pantalla completa: Muestra la
imagen seleccionada en vista de pantalla completa. Para salir de esta vista pulse la tecla Esc.
Proyeccin de diapositivas: Si pulsa en esta
opcin las imgenes del panel Contenido se
visualizarn como una proyeccin de
diapositivas. Con las teclas de cursor puede
visualizar las dems imgenes. Para salir de esta
, forma de visualizacin pulse la tecla Esc.
Opiones de proyeccin de diapositivas: Cuando realice un clic en esta opcin se mostrar el
cuadro de dilogo que le permitir modificar las
opciones de proyeccin de diapositivas.
Modo revisin: Muestra las imgenes de la carpeta seleccionada de forma que puede
desplazarlas y en el centro ver la que est seleccionada en esos momentos (figura 10).

A:-. . -JtL.
-

Fig. 10. Vista en modo revisin.

Imgenes web CS5 mM

Ufe

Modo compacto: Si elige esta opcin la ventana

de Bridge se compactar. Vea la figura 11.
Para volver a la vista normal deber pulsar el
botn i

I que est situado en la parte supe-

rior derecha de la ventana compactada.

Como miniaturas: Esta es la opcin seleccionada por defecto y muestra las imgenes como
miniaturas y en la parte inferior su nombre.
Como detalles: Si elige esta opcin en el panel
Contenido las imgenes se mostrarn ms grandes y con una ficha que contiene informacin
relativa a las mismas. Vea la figura 12.
Como listas: Muestra el contenido de la carpeta en forma de lista mostrando a la izquierda
una miniatura y en la misma fila la informacin
relativa a la misma (figura 13).
Mostrar slo miniatura: Si activa esta opcin
slo se mostrar la miniatura, sin ningn tipo
de informacin ms.
Fig. 12. Vista en modo Como detalles.

Adobe Bridge CS5

35

Bloqueo de cuadrcula: Si activa esta opcin

alrededor de las miniaturas aparecer una cuadrcula delimitadora.
Mostrar archivos rechazados: Si est activada
esta opcin los archivos que hayan sido rechazados sern visibles en el panel Contenido.

5a

Mostrar archivos ocultos: Active esta opcin

si le interesa que los archivos ocultos del sistema sean visibles.

Fig. 13. Vista en modo Como listas

Mostrar carpetas: Si esta opcin est activada

las carpetas sern visibles.

Desagrupar de a pita
Abrir pila

Expandir todas las ptas

Frecuencia de rmatjen
Panorama de apilamiento automattco/HDR

Fig. 14. Opciones del men Pilas.

Ctrf+Maytis-t-G
Ctri*Recha derecha

Ctri+At* Flecha derecha

Mostrar elementos de subcarpetas: Si activa

esta opcin se mostrarn los elementos que
estn incluidos en las subcarpetas de la carpeta seleccionada.
Mostrar archivos vinculados: Si activa esta
opcin al seleccionar un archivo creado en
InDesign CS5 se mostrarn todos sus elementos vinculados.
Ordenar: Al pulsar en esta opcin se mostrar
un submen (figura derecha) en el que podr
elegir cmo desea que se ordenen los archivos
en el panel Contenido.
Actualizar: Si desea actualizar el contenido de
Bridge, active esta opcin o bien presione la
tecla F5.

Men Pilas
1.

Haga clic en el men

Herramientas.

Este men que le mostamos en la figura 14 se

compone de las siguientes opciones:
Agrupar como pila: Si selecciona una serie de
imgenes que estn relacionadas y elige esta
opcin las imgenes se agruparn en una pila
tal y como le mostramos en la figura 15. De esta
forma puede apilar aquellas fotografas que tengan algo en comn y ganar espacio en el panel Contenido.
Fig. 15. Agrupar como pila

Como puede ver en esta figura en la parte superior izquierda aparece el nmero de imgenes que estn apiladas.

36

CS5 Curso de Creacin Web - Bridge

Desagrupar de la pila: Si quiere desagrupar el

contenido de una pila, deber seleccionarla y a
continuacin pulsar en esta opcin.

Abrir
Abrir con

Abrir pila: Al pulsar esta opcin se desplegar

el contenido de la pila.

Abrir en Camera Raw.Comprobar en Devke Central.

Purgar cach para seleccin

Cerrar pila: Pulse esta opcin para volver a

agrupar la pila.

Cortar
Copiar
Duplicar

Subir al principio de la pila: Cuando ha abierto

una pila y tiene todas las imgenes que la componen visibles, puede elegir una de ellas y si
pulsa esta opcin, la imagen seleccionada pa, sar a ser la primera imagen de la pila.

Eliminar
Mover
Copiara
Exportara
Mostrar en Explorer
Aadir a Favoritos

Expandir todas las pilas: Si selecciona esta

opcin se expandirn todas las pilas mostrando las imgenes que las componen.

Cambiar nombre
Cambiar nombre de ote...
Desarrollar ajustes
Bloquear elemento

Contraer todas las pilas: Vuelve a apilar todas

las pilas que estn expandidas.
Frecuencia de imagen: Al pulsar en esta opcin se mostrar un submen en el que podr
establecer la velocidad de imagen predeterminada de reproduccin de la pila.

Informacin de archivo-.
Etiqueta
Carpeta nueva
Ordenar

Fig. 16. Opciones del men contextual.

Tambin puede acceder a otras opciones de

Pila, haciendo clic con el botn derecho sobre una
pila en el panel Contenido (figura 16).

Men Etiqueta
1. Haga clic en el men

Etiqueta.

Este men que le mostramos en la figura 17 se

compone de las siguientes opciones:

|;Etkjuet8j
:

Sin clasificacin
Rechazar

Ctrt+0
Att+Supr
CtrM

En el apartado Clasificacin podr asignarle la

clasificacin que crea conveniente a una imagen, despus le ser sencillo localizar imgenes por su clasificacin. Adems, podr aumentar o disminuir la clasificacin que haya asignado.

Ctrf+2
CtrM
CtrM
Ctrt*5
Disminuir clasificacin

Ctrl*.

Aumenta/ clasificacin

CW+.

Etiqueta

En el apartado Etiqueta, permite incluir un color de los que aparecen en el men como etiqueta en la imagen, la etiqueta y la clasificacin
ocuparn el mismo lugar.

Sin etiqueta
Seleccionar

Ctrf*6

Segundo

Ctrh-7

Aprobado

Ctrl+8

Revisar

CtrM

Pendiente

Fig. 17. Opciones del men Etiqueta.

Adobe Bridge CS5

( Ngi^SjyJBBi]

_____

Cambiar nombre de lote...

Device Central...

Crear plantilla de metadatos

Ctrb- Mays* R

Editar plantilla de metadatos

Anexar metadatos

Reemplazar metadatos

Cach

Fireworks

Photoshop

IHstrator

>

^ 2 i mt tsdaos aue vs 3 ncuir en esta pantfe

_ _ _ _ _ _ _ _

ib*
*_rHro ce jeta

echa

Device Central: Abre la aplicacin Device Central. La funcin de esta aplicacin se explic
anteriormente.

veraars

Crear plantilla de metadatos: Al pulsar en esta

opcin aparecer el cuadro de dilogo Crear
plantilla de metadatos (figura 19) en el que podr seleccionar los campos que quiere que aparezcan en los metadatos de sus imgenes.

_
wntjre i : a i
Swnrr tflear-ta dternaavo
-o_

~ MQOM
EdepsaerM:
Seso Soasen::
so s propedades comprobadas se agregaran 3 esta utanre a se caTUaran.
e

Cambiar nombre de lote...: Puede cambiar el

nombre de los archivos y las carpetas de un
grupo, o de los lotes. Cuando cambie el nombre de los archivos por lotes, puede elegir la
misma configuracin para todos los archivos
seleccionados, ahorrando tiempo.

Para una mejor comprensin de las siguientes

opciones de este men le explicaremos lo que
son los metadatos. Se trata de un conjunto de
informacin estandarizada acerca de un archivo, como por ejemplo, el nombre de autor, resolucin, espacio de color, copyright y las palabras clave aplicadas al mismo. Las cmaras
digitales tambin incorporan metadatos a la
fotografa, por ejemplo, tamao, fecha, etc.

__ -

Herramientas.

Este men que le mostramos en la figura 18 se

compone de las siguientes opciones:

tterere defeo t o * :

Men Herramientas
1. Haga clic en el men

Fig. 18. Opciones del men Herramientas.

37

~aeedes selecceBadas: 0
Baar teito tes galotas.:

Canete .

Fig. 19. Cuadro de dilogo C r e a r plantilla de

metadatos.

Seleccione los campos que le interesa que aparezcan y rellnelos. Si activa la casilla de la opcin que est en negrita (por ejemplo, IPTC
principal) se activarn todas las casillas que
dependen de ella. Parafinalizarasigne un nombre a la plantilla y presione el botn Guardar.
Editar plantilla de metadatos: Si pulsa esta opcin podr editar cualquier plantilla de metadatos
que previamente haya creado
Anexar metadatos: Este comando permite aplicar una plantilla de metadatos a una imagen
previamente seleccionada. Pero ha de tener en
cuenta que slo se aplica a los metadatos de la
plantilla donde no existe actualmente ninguna
propiedad ni valor de metadatos en el archivo.

38

CS5 Curso de Creacin Web - Bridge

Reemplazar metadatos: Este comando reemplaza por completo los metadatos existentes en el
archivo por los metadatos de la plantilla.
Cach: La cach permite guardar informacin
de archivos y miniaturas, para que cuando vuelva a cargar esos archivos, lo haga de una forma
ms rpida. Este tipo de memoria ocupa espacio en el disco, por lo tanto es interesante que
de vez en cuando purgue la memoria cach para
liberar espacio en el disco, Tenga en cuenta
que cuando realice la accin de purgado de la
memoria cach se eliminar la informacin sobre clasificacin, indicadores y las miniaturas.
Fireworks: Esta opcin muestra un submen
para realizar diversas acciones desde el programa Adobe Fireworks.
Photoshop: Al pulsar en esta opcin se mostrar un submen que le permitir realizar determinadas acciones desde Photoshop.
Illustrator: Haciendo clic aqu se mostrar un
submen para realizar un calco interactivo de
la imagen seleccionada desde Adobe Illustrator.

Nueva ventana sincronizada

Espado de trabajo
Panel Carpetas

V \ Panel Favoritos
V

Panel Metadatos

Panel Palabras clave

Panel filtro
Panel Previsualtzar
Panel Inspector

Panel Colecciones
Panel Exportar
Barra de ruta
Minimizar

Men Ventana
1. Haga clic en el men

En este men podr establecer espacios de trabajos distintos y guardarlos para utilizarlos segn
le convenga. Activar o desactivar la vista de paneles en la ventana de Bridge, controlar el estado de
la descarga de imgenes, etc.

Paneles
Hasta ahora ha visto los mens que componen
Bridge. A continuacin, ver el funcionamiento de
los paneles: Favoritos, Carpetas, Filtro, Vista previa, Metadatos y Palabras clave.
Panel Favoritos: Este panel (figura 21) permite
incluir las imgenes que sean sus favoritas o
que vaya a utilizar con cierta asiduidad. De esta
manera cuando arranque Bridge, en ese panel
aparecern dichas imgenes y simplemente

Ctrl+M

Imgenes web CS5

Ventana.

Este men se compone de varias opciones, lo

puede ver en la figura 20.

CtrkArt+N

Fig. 20. Opciones del men Ventana.

FAVORITOS

Equipo
Escritorio

Mis documentos
Mis i m g e n e s

Alastrar favoritos acu

Fig. 21. Panel Favoritos.

Adobe Bridge CS5

haciendo doble clic sobre ellas se cargarn

automticamente en Photoshop.

CARPETAS

0S_tamano y resokj
07_bridge

Panel Carpetas: Este panel en principio aparece detrs del de Favoritos, simplemente haciendo clic en la pestaa donde aparece su nombre,
el panel pasar a primer plano, quedando detrs el de Favoritos.

08_Capas
03_PracSr_ 1
13_Canales y mascaras
11_E1 Color
:2_!trof
13_Pracacas 2

En este panel (figura 22) podr seleccionar la

unidad y la carpeta donde estn las imgenes
que Bridge debe mostrar.

l^Acoortes automatizadas
I5_Impresin
16 Practicas 3

r
PDT-S Photoshop CS 5 Curso 17

s_.f*
tu tonales
l'M'-.'flI" |

Fig. 22. Panel Carpetas.

[pudf driJirvo

Archivo JPEG
Imagen
TIFF

Stn Tatabras da ve*

r.f.K
r_"

Ryars
o" *

Sprint

Si desea visualizar archivos de otros tipos seleccinelos y si le interesa que un tipo no sea
visible desactvelo en el panel Filtro.

FKtJid (Ltecredcjoii
I rcha _4> n

Oncnt_H_on

PrupurcHM

Pefff-d_colw

I m k n i l c vrlaadddlSO
i rmpo df mpovija
Valorrioanortara

Panel Previsualizar: En este panel se mostrar

una vista previa del archivo que haya seleccionado en el panel Contenido.
Panel Metadatos: En este panel se visualizan y
editan los metadatos del archivo seleccionado.
Los metadatos incluyen informacin sobre el
Copyright, contenido, origen e historia de las
imgenes.

"

"

Fig. 23. Panel Filtro.

""'
|i

SMSSHi

__.._

Archfvo 3f:<

18

5* "Paia!x3s clave'

iS

Man

Panel Filtro: Este panel (figura 23) muestra el

nmero de elementos que aparecen en el panel
Contenido, independientemente de que estn
o no visibles. Para controlar qu archivos aparecen en el panel Contenido, seleccione uno o
varios criterios en el panel Filtrar.
Para filtrar los archivos que cumplan una condicin determinada tendr que hacer clic en ella.
Por ejemplo, si le interesan los archivos que
sean del tipo JPG deber hacer clic en Archivos
JPEG (vea lafigura24). Una vez haya seleccionado ese tipo de archivos, en el panel Contenido slo sern visbles los archivos del tipo JPG

I I L T K U I rini i rr i n _ r

:'

39

Fig. 24. Aplicar el filtro de

bsqueda de archivos JPEG.

En el panel de Metadatos de Brige (figura 25)

aparecen ms o menos metadatos dependiendo del software que utilice y el archivo que
seleccione.
Propiedades de archivo: Describe las caractersticas del archivo, incluyendo tamao y
fechas de creacin y modificacin.

40

CS5 Curso de Creacin Web

IPTC: La informacin de IPTC, que es la
nica categora de metadatos editable, le
permite aadir un pie de ilustracin a los
archivos, as como informacin sobre el
copyright.
IPTC (IIM, herencia): En este subpanel
aparecen metadatos editables. Al igual que
ocurre con IPTC principal, puede aadir pies
de ilustracin a los archivos, adems de informacin de copyright. Este conjunto de
metadatos est oculto de forma predeterminada y se ha reemplazado por IPTC principal. Sin embargo, puede mostrar metadatos
de IPTC (IIM, herencia) si los selecciona
desde las opciones de Metadatos en el cuadro de dilogo Preferencias.
Fuentes: Muestra las fuentes empleadas en
los archivos de Adobe InDesign.

Bridge

/ < -

ISO-

402 x 271

68 KB

sRGB

)
72ppp
RGB

*" PtcpHs:.i()c-s f
!

dnJuvo

Hombre de archivo

Tipo de d o c u m e n t o

Archivo J . . .

Aplicacin

Adobe P h . . .

Fecha de c r e a c i n

05/12/20...

Fecha de modificacin del archivo:

!

T a m a o de archivo
Dimensiones

63 KB
402 y 271

Dimensiones (en pulgadas}

Muestras: Lista las muestras utilizadas en

los archivos de Adobe InDesign y Adobe
Illustrator.
Datos de cmara (EXIF): La informacin
EXIF que asignan las cmaras digitales incluye los ajustes de cmara usados al tomar la imagen.
Si selecciona las Preferencias aparecen ms
opciones de Metadatos. Para acceder a las
preferencias deber hacer clic en el botn
superior derecho del panel Metadatos. Vea
la figura de la derecha.
GPS: Muestra informacin de navegacin
desde un sistema de posicionamiento global (GPS). Algunas cmaras digitales incluyen tecnologa GPS. Las fotografas sin informacin GPS no tienen metadatos GPS.
Cmara Raw: Muestra metadatos de archivos con formato RAW de cmara. Para obtener ms informacin sobre RAW de cmara, consulte Trabajar con archivos de
imagen RAW de cmara.
Historia de las modificaciones: Mantiene
un registro de los cambios realizados en las
imgenes.

rccos.jpg

Resolucin

Profundidad d e bits

5,6'...

72 ppp
E

Modo d e c o l o r RGB
Perfil d e c o l o r
I >

I P T C principal
Sonido

Fig. 25. Panel Metadatos.

sRGBTEC...

Adobe Bridge CS5

41

Adobe Stock Photos: Muestra los metadatos relacionados con esta opcin de compra de fotografas a travs de la web.
Versin CUE: Muestra los metadatos relacionados con la versin CUE.
sRGB

Dicom: Muestra informacin sobre las imgenes guardadas en el formato DICOM

(Digital Imaging and Communications in
Medicine).

RGS
Modo de color RGB
Perfil de color

E M C

sRGSJEC.

pmopal
Creador

Editar los metadatos

C r e a d o r Cargo

1. Haga clic en el icono de lpiz situado a la

derecha del campo de metadatos
que
desea editar. Vea la figura 26.

~y

Creador. Direccin
C r e a d o r Ciudad
C r e a d o r Estado o provincia

Fig. 26. Haga clic en el icono en forma de

lpiz.

TjiPlC

Al realizar el paso anterior se activarn las casillas de todos los metadatos del panel (figura 27).
2. Escriba
aadir

prmcip.il
Creador
C r e a d o r Cargo

en el cuadro de texto para editar o

metadatos.

3. Pulse la tecla Tab para moverse por los

campos de metadatos.

Creador Direccin
C r e a d o r Ciudad

4.

Creador: E s t a d o o provincia
Fig. 27. Casillas
Metadatos.

activadas

del

panel

Cuando termine de editar los

haga clic en el botn Aplicar s/
situado

en la parte

Metadatos.
Titular

i..

METADATOS P A L A B R A S C L A V E

que est
del

panel

Vea la figura 28.

Para cancelar los cambios realizados, haga clic

en el botn Cancelar

Descripcin
Palabras c l a v e

F i g . 28. Botones Aplicar y Cancelar

panel Metadatos.

inferior

metadatos,

del

Editar metadatos
Puede seleccionar aquellos metadatos que desea que se visualicen en el panel. Para ello, deber
acceder al cuadro Preferencias.

|gj=

Para mostrar dicho cuadro puede hacerlo de

dos formas distintas:
ISO-

A) En la paleta Metadatos, en el botn del

men desplegable (figura 29), haga clic y
seleccione
Preferencias.

Fig. 29. Botn del men desplegable.

B) En la barra de mens de Bridge, active el

men Edicin. Del submen que se mostrar elija
Preferencias.

Una vez realizada cualquiera de las dos acciones anteriores en la pantalla se presentar el cuadro que le mostramos en la figura 30.

42

CS5 Curso de Creacin Web - Bridge

En el cuadro de dilogo Preferencias, podr

seleccionar o deseleccionar los campos simplemente haciendo clic en la casilla de verificacin situada
al lado del nombre del metadato.

* MoTb-e ae tramev Mas. atsntec conssiv,

V Too * documento

Secuencas de corrundas de n

Si activa la casilla Ocultar campos vacos no

se visualizarn aquellos campos que no tengan
informacin. Para confirmar los cambios deber
pulsar el botn Aceptar.

Slete

Panel Palabras clave

* Drrttmteiam >s*das,Drwtsonei en )
ftasdar!
4 PrcfunflKtod De S6s
v Modo De cstor
Psrfi de tovK
-

Panel palabras clave

El panel Palabras clave (figura 31) le permite

crear y aplicar palabras clave a los archivos. Mediante las palabras clave, puede agrupar archivos
por contenido. A continuacin, las palabras clave
le permitirn visualizar los grupos de archivos. Las
palabras clave se organizan en conjuntos denominados categoras.

Fecha ce cieeon
Fecftp ce creados * s
FecW noo. ce achwe
V Twnfto a ardura

Cach

**Powered By
siSiiiSi

V-oeasrar arcos vatfas

= Mostr* trero de fnetMatw

XTP
Fig. 30. Cuadro de dilogo Preferencias.

^rW*ift," "PALABRAS CLAVF

Palabras cave asignadas:

Grupo de
clave

JT_B Eventos

palabras-

O Boda
Palabras clave

mpleaos

f~l Graduacin

Muestra u oculta e l .
contenido del grupo
de palabras clave

Gente

Mantas

Ryan

3 Lugares

Nueva York

Par

,^ ,

I " ! San Francisco

Buscar palabra clave Nueva palabra clave

secundaria

San Jos

Tokio

7>

Nueva palabra clave

Fig. 31. Panel Palabras clave.

Eliminar palabra clave

Adobe Bridge CS5

43

Con las palabras clave puede realizar las acciones siguientes:

PALABRAS CLAVE
Palabras ca' asignadas:

Aadir palabras clave a archivos

Boda
[^Cumpleaos
[^Graduacin

Gente .
Matihew

Fig. 32. Haga clic en la casilla C u m

pleaos.

Fig. 33. Casilla

2. Haga clic en la casilla de verificacin que

aparece junto al nombre de la palabra clave que desea aadir (figura 32).

Al aadir la palabra clave a un archivo, aparece

una marca de comprobacin en el cuadro situado
junto a dicha palabra clave. Vea la figura 33.

,_; Lvenas

Boda
S) Cumpleaos
Graduacin

1. Elija uno o ms archivos. Por ejemplo,

seleccionamos
dos fotos y las aadir al
panel Palabras clave en la palabra Cumpleaos.

Observe en la figura 34 como en la Paleta

Metadatos en la casilla clave se muestra la palabra
que ha seleccionado anteriormente, es decir, Cumpleaos.

Cumpleaos.

Aadir un conjunto de palabras

clave a archivos
Puede seleccionar uno o ms archivos y asignarles un grupo de palabras clave.

Perfil de calor 5m etiqueta

IPTC principal

Creador
Creador: Cargo
Creador Direccin
Creador: dudad
Creador Estallo o provincia
Creador Cdigo postal
Creador: Pace
Creador: Mtnero(s) de teL

1. Seleccione

ir

Al aadir el grupo de palabras clave a un archivo, aparece una marca de comprobacin en el cuadro situado junto a dicho grupo.

Creador: S t t ( s ) Web

Fig. 34. En el panel Metadatos aparece la

palabra clave.
1

. .

y"
Lugares
R

Como en el caso anterior los cambios realizados en las palabras claves sern visibles en la Paleta Metadatos.

tafttoueKJUlJ

CnGente
^Matthew

archivos.

2. En el panel Palabras clave, haga clic en el

cuadro que aparece junto al nombre del
grupo de palabras clave que le interesa
aadir a ese grupo de imgenes
seleccionadas, o haga doble clic en ste. Por ejemplo, en la casilla de Gente. Vea la figura 35.

Creador: Correo(s) etectrmco{s)

uno o ms

Fig. 35. Seleccin de un grupo de palabras

clave.

E l i m i n a r p a l a b r a s c l a v e de un
archivo
Si desea eliminar una palabra clave de un archivo deber realizar los pasos siguientes:
1. Seleccione un archivo, ste se
en la paleta
previsualizar.

visualizar

CS5 Curso de Creacin Web - Bridge

44
2.

En la paleta Palabras clave haga clic en

la casilla de verificacin situada junto al
nombre de la palabra clave que desea
eliminar para
desactivarla
Nueva

Una vez realizados los pasos anteriores el archivo seleccionado ya no tendr la palabra clave
que ha eliminado, eso lo puede comprobar mirando el panel de Metadatos.
Crear un nuevo conjunto de palabras clave
Para crear nuevos conjuntos de palabras clave
deber seguir los pasos que se detallan a
sontinuacin:
1. Site el puntero del ratn sobre un nombre de grupo de palabras claves, por ejemplo, Eventos y haga clic con el botn derecho.

Cambiar nombre
Eliminar
Excluir
Contraer todo
Buscar..,

Fig. 36. Men contextual.

METADATOS

Eventos
PALABRAS CLAVI

bra clave secundaria

Nueva
que est

Boda

Cunrfeaos

Graduacin

Gente
pRvar

f D * B . .

Fig. 38. NUCAO irupo de pal.ihias llave.

cla

como

Nueva York

Pala-

ve.
Teclee el nombre Portadas
bra clave. Vea la figura 39.

.....

via:thew

situado

en la parte inferior del panel Palabras

3.

Jjjgjj

eventos

2. Haga clic en el botn

pala-

Palabras cW<? asgnadas:

1. Haga clic en el conjunto que acaba de

crear en el ejemplo anterior
(Imgenes)

Fig. 37. Teclee el nombre del grupo de palabras clave.

Observe que en la paleta Palabras clave se ha

creado una nueva carpeta o grupo de palabras clave que se denomina Imgenes (figura 38).
Crear una nueva palabra clave
Permite crear nuevas palabras clave en el conjunto que le interese.

PALABRAS CLAVE

Paabras cave asignadas:

Aparecer el men contextual que le mostramos en la figura 36.

2. Elija la opcin Nueva palabra clave. Se
abrir un apartado para que teclee el nombre del grupo de palabras clave (figura
37), por ejemplo, teclee Imgenes y pulse
la tecla Intro.

palabra clave

Nueva palabra clave secundaria

Nueva York

Fig. 39. Nueva palabras clave.

Adobe Bridge CS5

Bridge

45

Eliminar una palabra clave

Seleccione la palabra clave haciendo clic en el

nombre y, a continuacin, haga clic en el botn

Seguro que desea quitar iss palabras clave

"Imgenes" d e e ksta d e Bridge?

lH Eliminar palabra clave.

~_ No volver a mostrar

Al pulsar este botn se mostrar un cuadro de

dilogo (figura 40) que le advertir de lo que suceder si sigue adelante con la operacin.

Fig. 40. Cuadro de dilogo de advertencia.

Para proceder a la eliminacin de la palabra clave o del grupo de palabras clave presione el botn
S.

Orden ascendente
/

Por Nombre de archivo

Por Tipo
Por Fecha de creacin

Ordenar

Por Fecha de modificacin

Puede ordenar los documentos en Bridge siguiendo los criterios que aparecen en la opcin
Ordenar del men Vista. Vea lafigura41.

Por Tamao
Por Dimensiones
Por Resolucin

Seleccione la forma de ordenacin que le interese.

Por Perfil de color

Por Etiqueta
Por Clasificacin

Buscar

Por Palabras clave

Esta opcin permite localizar un archivo que

cumpla una serie de requisitos.

Manualmente
Fig. 41. Opciones de Ordenar.

1. Haga clic en el men

Edicin.

2. Seleccione

Buscar.

la opcin

Seguidamente, aparecer el cuadro de dilgo

que le mostramos en la figura 42.
Busca en: En esta lista debe seleccionar la unidad y carpeta donde quiere realizar la bsqueda del archivo o archivos que cumplan las condiciones que indique ms abajo.

urgen

Basar en;

Esaitore

1/iHoditc texto
Resultados
CofKidetfca: S! 5 cunten todos los cntenos
V . Indar todasfessubcarpetas
$f\ archives nofcdffltados(pyee ser leRto)

Fig. 42. Cuadro de dilogo Buscar.

Basar

canete

Criterios: En la primera lista podr seleccionar

por qu concepto quiere localizar el archivo.
En la segunda lista podr seleccionar una condicin de bsqueda de las que se muestran en
dicha lista. En Introducir texto podr teclear el
concepto que le interese para que se efecte la
bsqueda.
En la lista Coincidencia podr seleccionar las
coicidencias que han de cumplirse.
Incluir todas las subcarpetas: Si activa esta
opcin la bsqueda se realizar tambin dentro

46

CS5 Curso de Creacin Web - Bridge

de las subcarpetas que dependan de la principal.

Buscar todos los archivos: Buscar todos los
archivos que se encuentren en la ubicacin indicada.
3. Establezca sus parmetros
y pulse el botn Buscar.

de

bsqueda