Professional Documents
Culture Documents
Copyright
Esta documentacin est protegida por ley. Quedan reservados todos los derechos
especialmente los de duplicacin, circulacin y traduccin.
Ninguna parte de esta publicacin puede reproducirse a travs de fotocopias,
microfilm o cualquier otro procedimiento, as como tampoco transferirse a un idioma
utilizable por mquina alguna, especialmente equipos de procesamiento de datos, sin
la aprobacin por escrito del propietario de los derechos de autor.
Quedan reservados todos los copyrights.
Otros nombres de productos mencionados son marca registrada de su respectivo
fabricante. Queda reservado el derecho a introducir cambios al contenido, as como
modificaciones al programa.
Copyright Xara Group Ltd., 1994 - 2014. All rights reserved.
Xara es una marca registrada de Xara Group Ltd.
Xara Group Ltd. es una compaa afiliada de MAGIX AG.
MAGIX es una marca registrada de MAGIX AG.
Los otros nombres de productos pueden ser marcas registradas de sus
correspondientes fabricantes.
www.magix.es
Copyright
Indice
Copyright
Asistencia tcnica
13
Introduccin
Qu es MAGIX Web Designer 10 Premium?
Por qu Web Designer es tan especial?
Una pgina web en 6 pasos
Cules son las novedades de MAGIX Web Designer 10 Premium?
Ayuda
15
15
15
16
17
21
Primeros pasos
Diseo del programa
Objetos en la pgina
Diseo web basado en objetos
La herramienta de seleccin
Creacin de una pgina Web
Vista previa de tu pgina web
Uso de plantillas, cliparts y widgets
Galera de diseos
Catlogo de contenido online
Colores de la pgina web
Fondos de pgina web
Fotos
Texto
Tamao de pgina
Guardar tu trabajo. Creacin de una pgina Web
Objetos extensibles
Barra de herramientas de pgina Web
Grupos
Objetos repetidos
Enlaces, botones y barras de navegacin
Tus propios iconos en las pestaas de los navegadores (favicon)
Herramientas de dibujo
Mens con clic derecho
Capas, MouseOver (rollover) y elementos emergentes
Creacin de botones, banners y otros grficos web
Publicar la pgina web
23
23
26
27
28
30
30
32
34
35
36
39
40
44
48
48
49
50
51
52
53
55
56
64
65
70
72
4
Manejo de documento
Iniciar un nuevo documento
Abrir un documento existente
La ventana de MAGIX Web Designer 10 Premium
Abrir una segunda ventana
Cambiar el valor de zoom
Desplazar el documento dentro de la ventana
Cambiar el tamao de pgina
Pginas mltiples en el documento
Guardar el documento
Directorios de compatibilidad
Cerrar el documento
Copias de seguridad automticas
Cuadrcula en pantalla
Reglas
Calidad de imagen
La tecla de restriccin
Galeras
Deshacer y rehacer
74
74
74
75
79
80
81
82
82
85
86
87
88
91
91
93
93
94
102
103
103
106
110
111
112
112
114
116
116
117
118
122
126
126
128
128
130
131
www.magix.es
Copyright
Copiar estilos - pegar atributos
Nombrar objetos
Objetos repetidos
Pies de pgina y objetos que se amplan con la pgina.
134
135
137
140
143
143
146
150
151
153
154
154
155
155
156
157
157
158
158
160
161
161
Manejo de formas
Herramientas de dibujo y forma
Crear rectngulos y cuadrados
Crear crculos y elipses
Smartshapes
Edicin de smartshapes
Crear polgonos y estrellas
Combinar formas
Convertir a formas editables
165
165
165
166
167
167
168
171
173
174
174
176
177
178
180
181
6
Creacin de tus propios esquemas de colores
Creacin de nuevos colores con nombre
Reemplazar colores
Editar colores con nombre
Colores normales, tintes, tonalidades y colores vinculados
Creacin de un tinte, una tonalidad o un color vinculado
181
182
183
184
187
188
190
190
191
191
193
195
197
198
199
203
204
206
207
208
208
212
214
217
217
222
226
226
227
228
228
228
229
229
La herramienta de relleno
Crear un relleno de color con gradacin
Tipos de relleno
Barra de informacin de herramienta de relleno
231
231
231
233
www.magix.es
Copyright
Rellenos lisos
Rellenos lineales
Rellenos circulares
Rellenos elpticos
Rellenos de mapa de bits
Relleno fractal
Gradaciones de color de varios niveles
La galera de rellenos
235
235
236
237
237
240
241
242
Transparencia
Aplicar transparencia plana
Aplicar transparencia con gradacin
Transparencia con gradacin de varios niveles
Tipos de transparencia
Optimizar
Perfil
Mapas de bits
Control deslizante / resolucin
Aplicar transparencia a varios objetos
244
245
245
245
246
249
251
251
251
252
Sombras
La herramienta de sombra
Aplicar una sombra
Cambiar el color de sombra o el efecto de relleno
Eliminar una sombra
Aplicar una sombra a varios objetos
Seleccin de objetos con ayuda de la herramienta de sombras
Copiar sombras a otros objetos
253
253
253
255
256
256
256
257
Biseles
La herramienta de bisel
Aplicar un bisel
Aplicar un bisel a varios objetos
Modificar un bisel
Eliminar un bisel
258
258
258
258
259
262
Mscaras
Crear una mscara
La herramienta de mscaras
Editar mscara.
Mscaras suaves
263
263
263
264
265
8
Operaciones que utilizan la mscara
Copiar formas a la capa de mscara
265
267
268
269
275
278
281
286
287
291
293
294
294
295
296
296
297
298
298
299
299
Supersites
Sobre las Supersites
Habilitar Supersites
300
300
300
303
305
305
306
306
307
308
310
310
312
315
316
316
www.magix.es
Copyright
Guardar la configuracin de publicacin en el documento
316
317
317
318
318
318
319
320
321
323
324
327
328
329
331
331
332
332
333
335
335
337
338
338
338
341
342
343
La herramienta de fotos
Introduccin
Utilizacin de la herramienta de fotos
Funciones comunes para fotos
Herramienta de optimizacin
Herramienta de corte
Notas para la herramienta de foto
La herramienta de ojos rojos
Efectos en tiempo real
Cambio de tamao teniendo en cuenta el contenido
344
344
344
345
346
349
352
353
355
358
10
Creacin de panormicas
363
Herramienta de extrusin 3D
Extrudir una forma
Barra de informacin de Herramienta de extrusin
Texturas y fotos
Extrudir texto
Copiar atributos de una extrusin 3D
Insertar sombras detrs del objeto
366
366
367
370
370
371
371
Barras de navegacin
Usar de barras de navegacin de plantillas
Dilogo Propiedades de la barra de navegacin
Barra de navegacin del sitio
Barras de navegacin de botn nico
Botones y mens
Actualizacin de la barra de navegacin en todas las pginas
Edicin en el lienzo
Cambio de la fuente de los botones de la barra de navegacin
Importacin e insercin de barras de navegacin
Creacin de barras de navegacin propias
372
372
373
375
377
378
382
382
382
383
383
385
385
385
387
387
391
392
392
393
393
393
394
395
395
398
398
399
402
www.magix.es
Copyright
Widgets de otros sitios de widgets
Cambio de tamao de widgets
Insercin manual de marcadores de posicin para widgets
404
405
406
407
407
410
410
413
415
416
416
416
417
417
Animaciones en Flash
Introduccin
Principios bsicos
Tu primera animacin
Exportacin de un archivo Flash
Exportacin de animaciones como AVI
La galera de frames de animacin
Fotos
Duracin de frames para pelculas Flash y pasos intermedios
Recortar y cortar
Velocidad de la animacin
Fluidez de la animacin (smoothness)
Rotacin
Grupos
Qu funciones de MAGIX Web Designer 10 Premium son compatibles con
Flash?
El color se transforma el color de la animacin cambia
Transparencia
URL en Flash
Funciones de Flash avanzadas
Resumen de animacin de MAGIX Web Designer 10 Premium Flash
Crear GIF animados
Propiedades de GIF animados
418
418
421
422
423
425
426
428
430
431
432
433
433
435
Importacin y exportacin
446
435
438
438
439
439
441
442
443
11
12
Indicaciones generales sobre la exportacin e importacin
Web Designer y HTML5
Importar y exportar formatos de archivo compatibles
Importacin de archivos
Exportacin de archivos
Resumen del dilogo de exportacin GIF, PNG y JPEG
446
446
447
449
453
456
Imprimiendo
Mostrar bordes de impresin
Seleccionar y configurar una impresora
El dilogo de impresin
Opciones de impresin: Pestaa Salida
Opciones de impresin: Pestaa Diseo de la impresin
462
462
462
463
465
467
469
469
469
470
474
475
477
478
478
479
483
483
483
488
491
494
495
497
498
501
503
Si an tienes preguntas...
Ayuda del programa (breve)
Manual en PDF
509
509
509
Index
510
www.magix.es
Asistencia tcnica
Asistencia tcnica
Estimado usuario de MAGIX:
Nuestro objetivo es ofrecerte en todo momento una ayuda rpida, cmoda y
resolutiva. Por ello ponemos a tu disposicin una amplia oferta de servicios:
13
14
Correo:
MAGIX Ventas
Nmero de telfono: +34 911 875 676
MAGIX Ventas est disponible los das laborales para las consultas y problemas
siguientes:
Pedidos
Asistencia de producto (antes de la compra)
Pedidos de actualizaciones
Devoluciones
www.magix.es
Introduccin
Introduccin
Es evidente que la gran mayora de pginas web tienen una naturaleza grfica. La
presentacin de tu pgina web es muy importante. T deseas una pgina web con
una imagen competente y profesional. Para crear tu pgina, creemos que no es
necesario usar gran cantidad de herramientas, tanto para la edicin grfica como para
HTML. Creemos que debes tener libertad total para incluir cualquier tipo de texto,
grfico o foto en cualquier lugar de la pgina.
La creacin de pginas web debera ser como la creacin de archivos PDF: no
deberas tener la necesidad de saber qu pasa 'bajo el cap'. En el caso de los archivos
PDF, no debes editarlos directamente. Tampoco deberas tener la necesidad de saber
sobre HTML al crear tu pgina web.
15
16
Es compatible con capas CSS con caractersticas avanzadas, como transparencia
(incluyendo transparencia con gradacin), efectos mouse-over y ms. Crea pginas
web HTML totalmente compatibles con los exploradores, las plataformas y XHTML.
Adems, Web Designer es probablemente la herramienta de autora web ms fcil de
aprender.
Web Designer est pensado para diseadores grficos que no quieren aprender
HTML ni lenguajes de scripting. Para diseadores grficos, es la herramienta
prototipo para pginas web rpidas perfecta.
Tambin est pensado para principiantes que simplemente quieren disponer de la
forma ms fcil de crear pginas web de aspecto profesional.
Web Designer no incluye herramientas de programacin, edicin de scripts ni una
"vista HTML". Nuestra filosofa de diseo es la siguiente: no necesitas saber el
lenguaje de programacin de PDF para crear un PDF. Por lo tanto, tampoco debes
conocer nada acerca de HTML o Javascript para poder crear pginas web geniales.
www.magix.es
Introduccin
17
18
Smartshapes
Una manera increblemente rpida de crear y editar algunas de las formas requeridas
ms comunes (por ejemplo, globos de dilogo, flechas o segmentos de grfico de
tarta) con resultados de alta calidad garantizados. Si no tienes tiempo (o la habilidad)
para dominar las herramientas de dibujo, ya no necesitas recurrir a clipart. Aqu hay
algunos ejemplos de la librera smartshapes (disponibles por Internet, por lo que se
aadirn ms formas hasta finales de ao) que se pueden personalizar fcilmente:
Variaciones de uno de los diseos de flecha de smartshape. Tan solo arrastra para ajustar el
ngulo, la duracin, la curva y el grosor. As de fcil
Introduccin
desplazamiento o deslizando el dedo por la pantalla para navegar. O puedes presentar
pginas de una en una al modo tradicional pero con una de las nuevas transiciones de
pgina animadas supersuaves (ver abajo) que se activan con el desplazamiento,
deslizando el dedo por la pantalla o con clics.
Las posibilidades son infinitas y los ejemplos incluyen promociones de eventos,
portafolios, reclamos para nuevos productos, captadores de fondos, tutoriales breves
o currculums. Es estupendo para aquellos sitios nicos (una fuente, una plantilla, un
coche a la venta...) y puede ser una opcin ms atractiva a la vista e interactiva que un
documento PDF (ver el ejemplo en el men). Sea cual sea tu aplicacin, esta funcin
es perfectamente apropiada para todos aquellos usuarios que navegan ahora con
tabletas (siendo aun as totalmente compatible con navegadores normales).
Adaptar tamao
En lugar de disear pginas web de presentacin para tamaos de pantalla
especficos, las pginas ajustan su tamao de forma automtica e inteligente para
adaptarse a cualquier tamao de navegador (o puedes configurarlas para pantalla
completa). Ten en cuenta que tambin puedes usarlo para pginas web, pues puede
ser una buena opcin cuando, como en el caso de las presentaciones, son sitios
pequeos con pginas cortas (podra estar bien con una superficie Supersite, por
19
20
ejemplo, de forma que cada pgina adaptara su tamao de forma automtica para
adaptarse al tamao de la ventana del navegador).
Contenido
Catlogo de contenido online
La extensin online de la galera de diseos te ofrece navegacin y bsqueda de
contenido mejoradas.
www.magix.es
Introduccin
Nuevas plantillas
Web Designer Premium se ha ampliado con 10 nuevos y modernos temas generales
de pginas web (normalmente a la venta en paquetes web de 10 cada uno, por lo
que ahorras 100 ) con ms de 16 diseos, incluidas las nuevas variantes para
mviles. Web Designer tambin se ampla con 5 nuevos temas generales de pgina
web.
Nuevos widgets
Ayuda
Si necesitas ayuda para el manejo de este programa, a continuacin encontrars
informacin que puede serte til:
21
22
Cajas de dilogo: si quieres saber lo que hace una caja de dilogo o cmo usarla,
haz clic en AYUDA.
Vdeos: usa la opcin del men "AYUDA" > "PELCULAS ".
Informacin de documento
"ARCHIVO" > "INFORMACIN DE DOCUMENTO" muestra informacin sobre el
documento seleccionado como el tamao o cualquier fuente utilizados. Esta es una
buena forma de comprobar si te falta alguna fuente necesaria que pudiera impedir
que el documento se visualice correctamente.
Consejos de herramientas
Cuando te desplazas sobre un botn, el
consejo de herramienta te informa la
funcin de ese botn.
www.magix.es
Primeros pasos
Primeros pasos
Esta seccin te ofrece una idea general de las funciones principales de Web Designer.
Las secciones siguientes te darn ms detalles sobre cada una de las herramientas.
23
24
Nota: todas las barras de informacin de Web Designer han mejorado la
renderizacin de texto para facilitar la visualizacin, siempre que tengas habilitado el
texto ClearType en el panel de control de Windows.
En la barra superior hay cuatro botones relacionados con las funciones de la pgina
web. Tres de estas opciones tienen barras desplegables que se muestran cuando
colocas el cursor del ratn sobre ellas y te ofrecen ms funciones.
Coloca el cursor sobre cada botn de la barra desplegable para obtener un consejo de
herramienta con la descripcin del botn.
Hay dos maneras de crear una pgina web. Se puede comenzar con una plantilla
diseada previamente y personalizarla con tus propios textos, fotos y esquema de
colores. O se puede crear una pgina web desde cero, colocando todos los elementos
requeridos, texto, grficos y fotos en el lugar que quieras.
Nota: por defecto, cuando Web Designer abre un documento nuevo, muestra solo
una pgina. Para ver todas las pginas en tu documento de pgina web, haz clic
derecho en una pgina y selecciona VISTA DE PGINA MLTIPLE . Ahora puedes
desplazarte de arriba a abajo por la ventana de Web Designer para ver todas las
pginas en el documento.
Para ampliar o alejar con el zoom, mantn "Ctrl" pulsado y utiliza la rueda del
ratn
Para desplazar la pgina, presiona la rueda del ratn y muvelo (la rueda
tambin funciona como un botn)
www.magix.es
Primeros pasos
Para desplazarte por la pgina usa la rueda del ratn (o las barras de
desplazamiento, claro)
Los documentos web se visualizan por defecto en
modo de pgina nica y los documentos de
impresin en modo de vista multipgina. Cambia
de modo de visualizacin haciendo clic derecho
en la pgina o tablero de dibujo y seleccionando o
desactivando VISTA MULTIPGINA del men
desplegable. A la izquierda se muestra un ejemplo
de vista multipgina.
Puedes arrastrar y soltar elementos entre pginas.
Cuando haces cambios de color de tema en todo
el documento, puede verse como los cambios
afectan a todas las pginas.
La pgina actual est marcada con corchetes en
las cuatro esquinas.
En este ejemplo puedes ver algunos elementos que se han emplazado en el rea del
tablero de dibujo junto a las pginas. El rea del tablero de dibujo es til como lugar
para mantener temporalmente grficos de trabajo, fotos u otros objetos. Estos objetos
no son exportados como parte de tu pgina web, a menos que los sites en la capa
especial del fondo del tablero de dibujo. En este caso se exportan, ya que se asume
que quieres que formen parte del fondo de tu pgina web.
Barras desplegables
Algunas herramientas de la barra de herramientas principal estn agrupadas en un
solo icono. Estos iconos cuentan con un pequeo tringulo indicador en la esquina
inferior derecha y, cuando pasas el cursor del ratn por estos iconos, aparece una
barra desplegable. La barra contiene otros iconos de herramientas que pertenecen a
dicho grupo. Simplemente, mueve el cursor del ratn hasta una de las opciones para
ver un consejo de herramienta y luego selecciona la herramienta que quieras usar.
Si seleccionas una herramienta modal de una barra desplegable, esta herramienta se
convierte en la herramienta principal para ese grupo. Ahora vers ese icono sealado
en la barra de herramientas principal.
Tambin hay algunas barras desplegables en la barra de herramientas de la parte
superior de la ventana. Estas se utilizan para agrupar operaciones relacionadas en un
solo icono. Esto las hace accesibles y no ocupan demasiado espacio en la barra.
Consulta el captulo Personalizacin en el manual en pdf para ms informacin sobre
las barras desplegables.
25
26
Objetos en la pgina
Si personalizas una plantilla o creas tus propios grficos desde cero, puedes girar,
redimensionar y posicionar cualquier cosa que desees en la pgina. Puedes
redimensionar la pgina fcilmente al tamao que quieras y aadir nuevas pginas
web a tu gusto. Ciertas caractersticas, como el cambio de esquemas de colores,
funcionan a travs de todas las pginas simultneamente.
Estos son los tipos de elementos de pgina bsicos:
Primeros pasos
modo que el widget aparece en la misma posicin en tu pgina. Consulta el
captulo Widgets de pgina web (en la pgina 398) en el manual en pdf para
ms detalles.
27
28
Por ejemplo, cuando dibujas un nuevo rectngulo siempre aparece para cubrir todos
los objetos que estn detrs. Con clic derecho y seleccionando ARREGLO o
presionando Ctrl+B (o el men ARREGLO > LLEVAR ATRS) el objeto se mueve detrs
de todo lo dems. De modo similar, Ctrl+F trae cualquier objeto seleccionado hacia
delante, quedando delante de todo lo dems.
Hay una complicacin aadida: las capas. Todos los objetos se recopilan en capas con
nombres y cada capa puede activarse o desactivarse para mostrar u ocultar todo en
esa capa. Consulta la seccin de capas (en la pgina 65) en el manual en pdf para
ms detalles.
La GALERA DE PGINAS Y CAPAS te permite ver fcilmente y ajustar el orden de
apilamiento de los objetos y capas. Los objetos se muestran en orden de adelante
hacia atrs en la galera. Lee el captulo Galera de pginas y capas (en la pgina 407)
en el manual en pdf para ms informacin.
La herramienta de seleccin
Esta herramienta es de uso general y te permite seleccionar, mover,
redimensionar y girar todos los objetos en tu pgina web.
Puedes hacer todas estas cosas simplemente estirando los objetos en la pgina, o con
los controles deslizantes de seleccin alrededor del objeto, o puedes introducir
valores numricos precisos. El objeto seleccionado con 4 u 8 controles deslizantes en
su exterior y la barra de estado, en la parte inferior de la pantalla, tambin te indica
qu objeto ha sido seleccionado
www.magix.es
Primeros pasos
Desplazar objetos
Las teclas de flechas pueden ser utilizadas para desplazar los objetos seleccionados
pxel a pxel. Si mantienes pulsada a la vez la tecla Shift, los objetos se desplazan de
10 en 10 pxeles.
Girar objetos
Hay dos modos de hacer girar un objeto. O bien, haciendo clic otra vez sobre el
objeto para que los controles de seleccin cambien a controles de rotacin, con los
que podrs estirar o hacer girar el objeto. O, cuando se ven los controles de esquinas,
moviendo el cursor de ratn dentro de los controles de esquinas hasta que veas que
el cursor cambia a un indicador de rotacin , entonces tambin podrs arrastrar para
hacer girar el objeto seleccionado.
Tambin puedes rotar casi todo en Web Designer, incluyendo fotos, ttulos, bloques
de texto, y simplemente funcionar. Debido a que los navegadores web no pueden
mostrar texto en ngulo, Web Designer convertir automticamente cualquier texto
rotado en un grfico.
Barra de informacin
Cuando un objeto es seleccionado, la barra de informacin en la parte superior de tu
documento muestra todos los controles relevantes para la herramienta actual. Esta
barra cambia segn la herramienta seleccionada. Esta es la barra de informacin de la
herramienta de seleccin:
Puedes introducir valores numricos en cualquier campo, p. ej. para reducir el tamao
de un objeto un 20%, puedes introducir 80% en el campo del ancho (que es un
tamao porcentual). Con el candado pequeo determinas si los cambios de ancho y
alto se cambian a la vez.
Copiar objetos
Puedes utilizar las tpicas opciones de "EDITAR" > "COPIAR" ("Ctrl + C") y "EDITAR" >
"PEGAR" ("Ctrl + V") o hacer clic derecho en un objeto y seleccionar COPIAR , aunque
una forma muy rpida de copiar un elemento es, simplemente, arrastrarlo con el
botn derecho del ratn.
Tambin puedes copiar y pegar una pgina en cualquier parte del documento desde el
documento actual o en otro documento: ver Copiar y pegar (en la pgina 84) pginas.
29
30
nicamente. Esta opcin es til si cuentas con un sitio muy grande que demora
mucho en exportarse en su totalidad. De esta forma, puedes ajustar rpidamente la
vista previa de la pgina en la que ests trabajando, sin tener que exportar el resto del
sitio.
www.magix.es
Primeros pasos
Puedes ver tu sitio web en modo de pantalla completa haciendo clic en el
botn de VER PANTALLA COMPLETA en la parte superior derecha de la ventana
de vista previa ("Esc" para salir o "F11" para entrar y salir del modo de pantalla
completa). Cuando se cierra la ventana de vista previa y la siguiente se vuelve
a abrir, Web Designer muestra el ltimo modo elegido para la ventana, es
decir, la pantalla normal, maximizada o completa.
Si no has exportado tu sitio todava, estas vistas previas se exportan a una carpeta
temporal en tu PC. Una vez que lo hayas exportado, la misma ubicacin de
exportacin se utilizar siempre que hagas una vista previa, es decir, que el sitio
exportado se actualiza constantemente.
31
32
Primeros pasos
derecho en una pgina del documento de destino y selecciona PEGAR > PGINA (o
pulsa "Ctrl + V").
La pgina en el portapapeles se aadir inmediatamente como una nueva pgina
despus de la pgina actual. La pgina pegada adopta el tamao de pgina del
documento en el que es pegada (siempre y cuando est activada la opcin TODAS LAS
PGINAS IGUALES EN EL DOCUMENTO bajo ARCHIVO > OPCIONES DE PGINA ). Tambin
se pegarn las capas de la pgina y los atributos y todos los objetos en la pgina.
Puedes agregar una nueva pgina en blanco, haciendo clic derecho y
seleccionando NUEVA PGINA o utilizar el botn INSERTAR PGINA EN BLANCO
en la barra del men desplegable de la pgina.
Puedes eliminar pginas haciendo clic derecho y seleccionando ELIMINAR
PGINA ACTUAL o haciendo clic en el botn ELIMINAR PGINA ACTUAL en la
barra del men desplegable de la pgina.
Clipart flash
MAGIX Web Designer 10 Premium incluye la posibilidad de crear animaciones flash
desde cero (ver la seccin Animaciones flash (en la pgina 418) en el manual en
PDF), pero tambin incluye una variedad de plantillas de flash que puedes
personalizar. Las plantillas flash no se pueden arrastrar hacia la pgina directamente,
deben abrirse como un documento de animacin separado que puedes personalizar
como quieras y luego puedes guardar el archivo Flash (.swf) en tu disco local. Luego,
utiliza "ARCHIVO" > "IMPORTAR" o arrastra y suelta el archivo .swf en tu pgina web.
Se generar automticamente una imagen de marcador de posicin y se colocar en
tu pgina. Haz una vista previa de tu pgina para ver la animacin Flash en
funcionamiento. Como alternativa, puedes crear tu propio marcador de posicin (p.
ej., un rectngulo) y luego utilizar la pestaa MARCADOR DE POSICIN del dilogo
PROPIEDADES WEB para asociarlo con tu archivo Flash.
33
34
Galera de diseos
Esta galera contiene plantillas de diseo profesional de pginas y sitios web
completos, as como de elementos individuales de cliparts que puedes utilizar para tu
diseo.
Para abrir esta galera:
Primeros pasos
agregan como nuevas pginas al documento actual cuando lo haces. Otras plantillas y
widgets se agregan a la pgina actual. Muchas de las carpetas de la galera en
ELEMENTOS DE PGINA Y WIDGETS contienen "widgets", tal como lo indican sus
nombres de carpeta. Estos son mucho ms que simples grficos estticos. Consulta el
captulo WIDGETS DE PGINA WEB para ms informacin.
35
36
El catlogo es una ventana redimensionable: arrastra los bordes o la esquina inferior
derecha para cambiar el tamao. Se obtiene un popup de vista previa cuando pasas
por las categoras de contenido a la izquierda: haz clic para seleccionar y esa categora
se expandir y se mostrar en el lado derecho. Para las categoras que tienen muchos
elementos hay un control de pgina en el extremo superior derecho que te permite
ojear las pginas de contenido siguientes y posteriores.
Cuando se usa la versin de prueba gratuita, los elementos que se muestran en azul
en la lista de contenido de la izquierda se pueden usar durante el periodo de prueba
de forma gratuita. Todos los elementos que se muestran estn disponibles de forma
inmediata y gratuita una vez que compras y activas el programa.
Primeros pasos
Colorear formas
Puedes rellenar con un color cualquier forma dibujada, arrastra el color desde la LNEA
y sultalo en la forma o selecciona primero el objeto y luego haciendo clic
en la lnea de colores y escogiendo "ESTABLECER COLOR DE RELLENO".
DE COLOR
37
38
Puedes asignar un relleno de color con gradacin a un objeto dibujado utilizando la
herramienta de relleno (en la pgina 231).
Colorear fotos
Si intentas colorear una foto, se convierte en una foto de "colores completos". Por
ejemplo, para convertir una foto en una foto en blanco y negro, simplemente
seleccinala de la forma usual y haz clic en el rombo blanco al final de la lnea de
color. Puedes definir que el color claro sean dos colores cualquiera, no solo blanco y
negro.
Nota: Si la foto est dentro de un grupo, como muchos de los objetos de foto estn
dentro de las plantillas o de los clipart, entonces tienes que seleccionar primero el
interior de la foto. Puedes hacer esto pulsando la tecla Ctrl y haciendo clic en el
objeto con la herramienta de seleccin. Otra forma de seleccionar directamente la
foto es hacer clic en la foto con la HERRAMIENTA DE FOTO .
www.magix.es
Primeros pasos
usarlas.
Consulta Fondos de pgina web (en la pgina 302) para ms informacin.
39
40
Fotos
Puedes sustituir cualquier foto arrastrndola desde tu explorador de Windows y
soltndola sobre cualquier foto de Web Designer. Si la sueltas sobre el fondo,
entonces se importa y se posiciona en la pgina donde la soltaste. Todas las fotos
importadas se muestran con 500 pxeles, pero por supuesto puedes ajustar cualquier
tamao de la forma usual con la herramienta de seleccin.
Arrastra y suelta tu foto sobre cualquier foto existente para sustituirla. Arrastra hacia el fondo
para importarla como una foto nueva.
www.magix.es
Primeros pasos
Arrastra sobre la foto para cambiar su posicin dentro del marco. Estira de la punta de las
flechas para cambiar el tamao y girar.
41
42
Sin embargo, si importas una foto grande a un documento de impresin o con
animacin, MAGIX Web Designer 10 Premium te pregunta si quieres importar una
versin de menor resolucin de tus fotos. Si el documento va a incluir muchas fotos,
sera conveniente elegir la opcin de menor resolucin. De lo contrario, si contiene
fotos de gran tamao, el tamao del archivo de diseo ser mucho ms grande de lo
que debera ser (porque contiene una copia de cada una de tus fotos). La memoria
requerida al editar y exportar el documento sern tambin mayor de lo necesario.
La herramienta de fotos
La herramienta de foto suministra una gran variedad de formas de optimizar y
recortar cualquier foto.
www.magix.es
Primeros pasos
43
44
All podrs determinar cmo aparecer tu popup. Una opcin te permite colocar un
ttulo sobre cada foto emergente. Configura el ttulo para cada foto en el campo
TTULO . De forma opcional, puede mostrarse un subttulo debajo de cada foto
emergente. Simplemente, configura la CAPTURA DE IMAGEN para la miniatura en el
mismo dilogo. Consulta la seccin foto emergente del captulo Dilogo de
propiedades web para detalles completos de las opciones disponibles.
En Internet Explorer, la captura de imagen se mostrar en un consejo de herramienta
emergente al pasar el ratn sobre la imagen. Para mostrar un texto diferente, como
"Haz clic para ampliar" cuando mueves el cursor sobre la miniatura de imagen, ve a la
pestaa MOUSEOVER y cambia "MUESTRA TEXTO DE POPUP " por "HAZ CLIC PARA
AMPLIAR ".
Texto
Puedes editar el texto seleccionando HERRAMIENTA DE TEXTO y haciendo clic en el
texto.
Dispones de todas las opciones de procesamiento comunes de Word y puedes pegar
textos desde el portapapeles. Con doble clic se seleccionar una palabra, con triple
clic se seleccionar una lnea entera (lo que puede ser til para seleccionar todo el
texto en un botn). Como es habitual, la barra de informacin provee una amplia
variedad de controles para esta herramienta. Como alternativa, puedes hacer clic
dentro del texto y escoger PROPIEDADES AVANZADAS DE TEXTO .
El men de fuente presenta una lista de fuentes y est separado en cuatro secciones.
El apartado superior muestra las fuentes ya usadas en el documento, el segundo
muestra las fuentes compatibles con la web, el tercero muestra las fuentes Google
disponibles y, finalmente, el apartado inferior muestra todas las fuentes instaladas en
tu PC.
www.magix.es
Primeros pasos
45
46
El men de fuentes ofrece la seleccin de fuentes en tiempo real. Mientras vas
recorriendo el men, el texto seleccionado cambia de fuente, proporcionando una
vista previa de como se ver la fuente en el documento.
Tamao de fuente
El campo de tamao de fuente muestra el tamao de fuente en pxeles, dado que ste
es el mtodo ms confiable para ajustar el tamao del texto para utilizarlo en el
navegador. Pero puedes introducir cualquier texto en puntos (o cualquier otra unidad
para el caso) introduciendo un valor con pt detrs del mismo (significa "punto"), por
ejemplo 72pt 1 y esto se convertir al tamao de pxeles correcto.
Texto girado
De forma usual (nicamente para una herramienta de autora web), puedes girar
cualquier objeto de texto, incluso columnas de texto, utilizando la funcin de giro
usual de la herramienta de seleccin. Pero debido a que los navegadores web no son
compatibles con texto girado nativo, Web Designer convierte cualquier texto girado
en un grfico cuando la pgina es exportada como pgina web.
Primeros pasos
LISTA del men contextual para cambiar el orden del esquema de nmeros en tu
lista. Tambin puedes usar cualquier grfico como vieta o nmero de tu lista.
Consulta el captulo Herramienta de texto (en la pgina 190) para ms informacin.
Objetos ancla
Si deseas que un objeto grfico aparezca junto a una parte particular de un bloque de
texto, puedes anclar el objeto junto al texto para que se mueva junto con l.
Haz clic sobre el objeto y selecciona ANCLAR AL TEXTO . En la HERRAMIENTA DE
SELECCIN , haz clic y arrastra el smbolo del ancla que aparece en la parte superior
izquierda del objeto hasta la ubicacin del texto en donde quieres fijar el objeto.
Ahora, si editas o mueves el texto, el objeto anclado se mover junto con el punto
anclado.
47
48
Corrector de ortografa
En la barra de informacin de la herramienta de texto hay un botn que
selecciona las opciones del corrector ortogrfico y el idioma. Si seleccionas
"Revisar ortografa mientras se escribe", tambin marcar todas las palabras
que no reconoce subrayndolas en rojo intermitente. Haz clic con el botn
derecho en cualquier palabra marcada para obtener sugerencias.
Tamao de pgina
Las pginas de la GALERA DE DISEOS estn diseadas para tener un ancho
compatible con la mayora de las pantallas. No se recomienda crear pginas ms
anchas, incluso si tu PC dispone de una pantalla ms amplia. La experiencia
demuestra que la mayora de usuarios prefieren tener un ancho de pgina fijo. Sin
embargo, puedes ajustar el tamao de pgina que quieras.
Puedes configurar cualquier tamao de pgina que quieras seleccionando TAMAO DE
del DILOGO DE OPCIONES (haz clic derecho y selecciona OPCIONES DE
PGINA , u OPCIONES DE PGINA del men ARCHIVO ). No se recomienda crear un
ancho de pgina que supere los 990 pxeles, ya que este es el ancho mximo para
gran parte de las pantallas (1024 menos una pequea cantidad por la barra
desplazable). Un ancho de pgina ms comn tiene por lo general unos 800 pxeles.
PGINA
Primeros pasos
te pregunte si quieres guardar o eliminar un documento modificado o hacer que todos
los documentos se guarden automticamente en la ubicacin de copias de seguridad
y se restauren la prxima vez que inicies.
Para guardar tu sitio web, que son las pginas HTML y archivos asociados para
publicar en la Web, utiliza la opcin Exportar pgina web o haz clic en este
botn en la barra superior.
Esto guarda un archivo .htm por cada pgina y una carpeta que contiene todos los
archivos que componen la pgina web.
Al exportar un sitio web, todas las pginas se exportan juntas y cada pgina sin
nombre recibe la finalizacin _1, _2 tras el nombre que ingresas durante la exportacin.
La carpeta _FILES contiene todos los grficos y otros archivos que van a formar tu sitio
web. Puedes nombrar cada pgina de forma individual si lo deseas, con la pestaa
PGINA del dilogo PROPIEDADES WEB o con la Galera de pginas y capas (en la
pgina 407).
El nombre por defecto que se le dar a tu sitio web es index.htm porque ste es el
nombre usual de la primera pgina de un sitio web. Puedes ver previamente el sitio
web en cualquier navegador web, si arrastras el archivo index.htm (o cualquier .htm)
desde el Explorador de Windows hasta una ventana del navegador.
Objetos extensibles
Muchos de los objetos grficos, como los botones extensibles y los paneles de texto
pueden ajustar automticamente su tamao dependiendo del tamao o la longitud
de texto. La mayora de grupos de plantillas y todos los botones en la carpeta de
"ELEMENTOS DE PGINA Y WIDGETS" > "BOTONES" de la GALERA DE DISEOS , tienen
ambas versiones, fija y extensible. Se recomienda que si se configura un conjunto de
botones de navegacin (por lo general una coleccin vertical u horizontal de enlaces o
botones) se use un ancho fijo para que sean todos del mismo tamao.
49
50
De manera similar, en muchos de los paneles laterales o de texto en las plantillas, y a
veces en el rea de texto principal, se puede ajustar tambin el alto y en ocasiones el
ancho. En el caso de los paneles de texto, puedes ajustar el ancho de la columna con
la HERRAMIENTA DE TEXTO arrastrando el borde izquierdo o derecho del indicador de
columna.
Nota: puedes crear nuevos componentes de extensin utilizando Xara Designer Pro.
Vista previa
Enlace
Opciones de pgina web
Exportar
Coloca el cursor del ratn sobre cada botn de la barra desplegable para obtener un consejo de
herramienta con la descripcin del botn.
www.magix.es
Primeros pasos
Grupos
Puedes agrupar cualquier seleccin de objetos en la pgina. Los grupos actan casi
como un objeto individual, ya que puedes arrastrarlos por la pgina, cambiar su
tamao y rotarlos como si fueran un solo objeto. Muchos de los elementos de los
diseos de plantilla de la GALERA DE DISEOS , como los botones, paneles de texto y
objetos de fotos, son elementos agrupados.
Por ejemplo, puedes dibujar un simple botn desde cero dibujando un rectngulo con
la HERRAMIENTA DE RECTNGULO y colocando una etiqueta de texto encima con la
HERRAMIENTA DE TEXTO . Estos son objetos separados y puedes moverlos de forma
independiente en la HERRAMIENTA DE SELECCIN . Pero si seleccionas ambos en la
HERRAMIENTA DE SELECCIN (tambin puedes arrastrar para incluir ambos o presionar
"Shift" y hacer clic sobre otros objetos adicionales) y haces clic derecho y seleccionas
GRUPO (o pulsas "Ctrl + G" o usas el men "ORDENAR" > "GRUPO" ), se convertirn en
un objeto agrupado (Pista: la lnea de estado que se encuentra debajo siempre te
informa de lo que est seleccionado). Ahora si arrastras, cambias el tamao o giras
este objeto, todas las partes de este grupo se mueven y transforman como si fueran
un nico objeto.
Importante: los objetos agrupados estn generalmente convertidos en un nico
grfico cuando exportas tu pgina web.
Al desagrupar (haz clic derecho y selecciona DESAGRUPAR o pulsa "Ctrl + U"), puedes
acceder a todas las partes del grupo de forma individual. Como alternativa puedes
editar elementos directamente dentro de un grupo. Por ejemplo, si utilizas la
HERRAMIENTA DE TEXTO para editar el texto o la herramienta de foto para editar una
foto, un clic seleccionar automticamente el elemento dentro del grupo.
Cambia o edita cualquiera de los colores por separado usados dentro de un grupo
seleccionndolos y haciendo clic en un color o lnea de color, o abriendo el editor de
color. Consulta el apartado sobre cambio de colores para ms informacin.
51
52
Por lo tanto, todo lo que tienes que hacer para incluir una fuente como esta es
agrupar. No es necesario que est agrupada con otro, puede agruparse consigo
misma si seleccionas GRUPO del men ARREGLO o presionas "Ctrl+G".
Nota tcnica: al exportar estos grupos como imgenes en una pgina web, cualquier
texto del grupo se utiliza como texto alternativo de HTML en la imagen (salvo que
fijes explcitamente otro texto alternativo para el grupo). Esto significa que los
motores de bsqueda pueden indexar el texto y que las herramientas utilizadas por
las personas con problemas en la visin tambin reconocern y leern este texto, a
pesar de que el texto no aparece directamente en la pgina web. Si no quieres que el
texto alternativo se utilice de esta forma, puedes ignorarlo si fijas otro texto
alternativo para el grupo en la pestaa Imagen en Herramientas > Propiedades web.
Grupos anclados
Cuando aplicas anclaje a un objeto respecto al texto, se coloca dentro de un grupo
anclado. Consulta Grficos anclados (en la pgina 214) para ms informacin sobre
los objetos anclados.
Grupos de repeticin
Cuando haces que un objeto se repita, se coloca dentro de un grupo de repeticin.
Consulta Objetos repetidos (en la pgina 137) en el captulo Manejo de objetos para
ms detalles.
Objetos repetidos
En tu documento o pgina web es muy comn que ciertos elementos se repitan en
todas las pginas como, por ejemplo, los botones de navegacin, los encabezados o
los logotipos. MAGIX Web Designer 10 Premium te ofrece la posibilidad de repetir
cualquier elemento en el mismo lugar de las pginas del sitio. Cuando actualices una
de las copias, todos los cambios se reflejarn automticamente en todas las pginas.
Consulta la seccin Objetos repetidos (en la pgina 137) en el captulo Manejo de
objetos para ms detalles.
www.magix.es
Primeros pasos
La pestaa ENLACE del dilogo de enlace te permite controlar lo que ocurre si haces
clic en el objeto vinculado en la pgina. Puedes saltar a cualquier otra pgina web
(puedes seleccionar rpidamente un enlace a cualquier otra pgina dentro de tu
pgina web con el men ENLAZAR A) y puedes decidir si quieres que se abra as la
pgina en una ventana separada. Tambin puedes enlazar a cualquier capa emergente
si ya las has creado.
53
54
Por lo tanto, para definir uno de tus botones como enlace, simplemente
seleccinalo (haz clic en el mismo en la HERRAMIENTA DE SELECCIN ), haz clic
en el icono e introduce la direccin web o selecciona una de las pginas de la
lista desplegable y haz clic en APLICAR . Ya has terminado.
Cuando hayas creado un enlace a un objeto puedes cambiar rpidamente su
funcionamiento con tan solo hacer clic sobre el mismo. Aparecer un popup con los
detalles y opciones para Cambiar o Eliminar el enlace.
www.magix.es
Primeros pasos
55
56
Web Designer te permite hacerlo si aplicas el nombre "favicon" a tu icono de pestaa
personalizado.
Para crear un "favicon", arrastra o dibuja la imagen que quieres usar en tu pgina web.
La imagen puede tener cualquier tamao, puesto que se ajustar automticamente al
tamao correcto al mostrarse en un navegador.
Haz clic en el objeto y luego en el botn "Nombres" a la derecha de la barra
de informacin de la HERRAMIENTA DE SELECCIN .
En el dilogo "Nombres", escribe "favicon", en el campo APLICAR NOMBRES , luego haz
clic en AGREGAR y finalmente en CERRAR .
Haz una vista previa de tu pgina web en tu navegador preferido. La forma ms fcil
de hacerlo, es hacer clic en uno de los iconos de vista previa y en la ventana de vista
previa de MAGIX Web Designer 10 Premium, para luego escoger uno de los
navegadores web en la parte superior derecha de la ventana de vista previa.
Tu pgina web se mostrar con el icono personalizado, tal como se muestra en el
ejemplo ms abajo.
Puedes utilizar un solo favicon por pgina web. Publica tu pgina web y visualzala
para ver tu favicon.
Herramientas de dibujo
Web Designer te ofrece todas las herramientas grficas
que necesitas para crear cualquier objeto grfico en tu
pgina, as como una variedad de elementos grficos
previamente diseados en la GALERA DE DISEOS . Existen
varias herramientas de dibujo bsicas que te permiten
crear rectngulos, elipses, polgonos regulares, estrellas o
cualquier forma que desees.
Web Designer suministra herramientas de dibujo vectoriales lo que significa que
puedes cambiar el tamao, editar la forma y cambiar el color sin perder calidad.
Puedes ampliar para ver el detalle ms nfimo y todas las ediciones pueden
deshacerse.
www.magix.es
Primeros pasos
Grupos de atributo
Muchos diseos consisten en una combinacin de formas cerradas con relleno y
formas abiertas (lneas en que los puntos de inicio y fin no coinciden). En general, no
se desea utilizar los atributos de una forma abierta para una cerrada, ni viceversa. Por
lo tanto, los atributos para las formas abiertas y cerradas se conservan separados y se
conocen como grupos de atributos. Fijar los valores de un grupo no afecta al otro
57
58
grupo. Entonces, por ejemplo, si seleccionas un rectngulo con relleno sin contorno
no cambiar el ancho de lnea actual a cero para las formas abiertas.
Por los mismos motivos, los atributos de texto forman un tercer grupo de atributos. El
grupo de atributos de texto solamente se fija cuando seleccionas objetos de texto o
cuando fijas los atributos de forma manual mientras te encuentras en la herramienta
de texto.
Atributos exentos
Algunos atributos no se fijan como actuales de forma automtica, an cuando la
opcin "Dar a nuevos objetos los atributos ms recientes" est activada. Esto es
porque algunos atributos pueden causar problemas si se convierten en actuales.
Por ejemplo, si has aplicado una difuminacin de 10 pxeles a un objeto grande (para
hacer los bordes menos ntidos) y luego dibujas una forma de 10 pxeles de tamao,
entonces la nueva forma sera invisible si el atributo de difuminacin estuviera fijado.
Otros atributos pueden afectar la forma en que los diseos se exportan, o aumentar
significativamente el tiempo de renderizacin de ese diseo, por lo que no deberan
aplicarse de no ser necesario.
Los ejemplos de los atributos que se copian automticamente:
Herramienta de formas
El EDITOR DE FORMAS te permite crear imgenes detalladas basadas en
vectores y editar tambin el contorno de cualquier forma.
Para formas predeterminadas como rectngulos o elipses, si quieres editar el
contorno de tus formas de caracteres de texto, debes convertir primero el objeto en
una forma editable. Puedes hacerlo si utilizas el shortcut "Ctrl + 1". Despus puedes
usar el EDITOR DE FORMAS para realizar diversas ediciones de vectores avanzadas.
Consulta la seccin de referencia (en la pgina 151) para ms informacin acerca del
uso de esta poderosa herramienta.
www.magix.es
Primeros pasos
Punta de flecha
Extremo posterior de la flecha
Tamao del extremo de la flecha
Trayectoria invertida
La barra deslizante de la barra de informacin te permite cambiar el tamao de los
extremos de flecha de la lnea seleccionada actualmente. O puedes introducir un valor
de porcentaje al campo de texto del tamao a la derecha de la barra deslizante. Por
defecto, los extremos de lnea se crean con un ancho 6 veces mayor que el ancho de
la lnea, y esto se toma como el tamao 100%, como indica la barra deslizante de
tamao. Si haces la lnea ms ancha, el ancho del extremo de la flecha tambin se
actualizar. Por lo tanto, introduce un valor menor que 100% para reducir el tamao
de los extremos de la flecha o mayor que 100% para aumentarlo. A pesar de que la
barra deslizante solo llega a un mximo de 800%, puedes entrar porcentajes mayores
en el campo de texto.
Trayectoria invertida
Presiona el botn Trayectoria invertida de la barra de informacin para
intercambiar la punta y el final de la flecha de la lnea seleccionada.
59
60
Herramienta de rectngulo
Para dibujar un rectngulo, selecciona la HERRAMIENTA RECTNGULO y
arrstrala por la pgina. Vers una forma con relleno slido a medida que
arrastras por la pgina, que te indicar el color de relleno y de lnea, y los
bordes de la forma que ests dibujando.
Haz clic sobre "esquinas curvas" en la barra de informacin para crear un
rectngulo redondeado, o arrastra el control deslizante de la esquina curva para
ajustar el redondeo.
Arrastra desde cualquier esquina de los controles deslizantes para redimensionar un objeto.
Herramienta de relleno
Puedes agregar fcilmente un relleno de color con gradacin a una forma
usando esta herramienta. Selecciona la herramienta y simplemente arrastra
al objeto.
La flecha de relleno puede ser ajustada arrastrando las puntas para cambiar la
direccin, el ngulo o la extensin de la graduacin.
www.magix.es
Primeros pasos
La sombra es otra elipse con un relleno de color de gradacin y difuminado (ver abajo)
Herramienta de transparencia
61
62
Difuminacin
ste es un trmino grfico para armonizar las esquinas de los objetos. Web Designer
proporciona un control de difuminacin que permite difuminar cualquier objeto,
grfico, texto o foto, proporcionndole un borde borroso que se mezcla con el fondo.
El control de difuminacin no es una de las herramientas de la izquierda, sino uno de
los controles que se ubican en la barra superior. Prubalo en tu forma de rectngulo.
Selecciona la forma y haz clic en el control de difuminacin de la barra superior.
www.magix.es
Primeros pasos
Herramienta de sombra
Un efecto grfico muy popular es crear una sombra suave debajo de un grfico o un
texto. Esto sirve para elevar el objeto del fondo.
La HERRAMIENTA DE SOMBRA te permite aadir una sombra suave a cualquier
objeto, texto, grfico o foto. Selecciona la HERRAMIENTA DE SOMBRA y
simplemente arrastra el objeto. Puedes ajustar el desenfoque de sombra y la
transparencia utilizando los controles de la barra de informacin.
Grficos de ejemplo
Este botn combina muchas de las funciones descritas ms abajo: fue creado a partir
de la combinacin de formas difuminadas y utilizando transparencia con gradacin (el
efecto de reflexin blanco). El texto tiene una sombra suave y el botn tiene una
sombra de resplandor. Todo est agrupado. (No necesitas crear el botn, ya que
aparece en la categora "Botones" de la GALERA DE DISEOS ).
La gran ventaja de los grficos vectoriales, en comparacin con los grficos de "mapa
de bits" creados en software de edicin como Photoshop, es que puedes volver a
colorear, editar, rotar y cambiar el tamao del botn sin prdida de calidad. Agrndalo
y vers que mantiene la nitidez:
63
64
Sobre la ampliacin puedes volver a colorear de manera ms fcil. Tan slo
selecciona, haz clic en un color y elige el color que quieres reemplazar de la lista que
se muestra en el cuadro de dilogo "Reemplazar color" que aparece. Puedes incluso
extenderlo como lo desees: todo lo que hagas en Web Designer es no destructivo (lo
que significa que puedes editar siempre sin prdida de calidad).
www.magix.es
Primeros pasos
Efectos MouseOver
Hay dos tipos de efectos mouseover. Primero, el que se utiliza en botones mouseover,
en los que cualquier objeto con direccin web puedes mostrar un objeto grfico
superpuesto que aparece en una capa llamada MOUSEOVER. Ve ms abajo para ms
detalles. Hay otra posibilidad an mejor de mouseover, con la que puedes hacer que
aparezcan los contenidos de cualquier capa como mouseover o con un clic en un
objeto en tu pgina. Esta capa popup puede contener texto, grficos, fotos o cualquier
combinacin de estos elementos. Ms informacin, abajo.
65
66
mueves el cursor del ratn sobre ellos en tu pgina web, tienen un grfico adicional en
la capa, conocido como MOUSEOVER .
Primeros pasos
67
68
Ten en cuenta que solo tienes que preocuparte por estas reglas de orden si ests
construyendo pginas complejas con mltiples efectos popup. Si ests usando los
diseos de plantillas provistos en la GALERA DE DISEOS , no tendrs problemas con el
orden de las capas de tu sitio web.
capa.
3. Escoge un EFECTO DE TRANSICIN de la lista desplegable y mueve la barra
este campo. Djalo sin marcar si quieres que la capa popup permanezca abierta
hasta que la cierres manualmente, o mrcala si quieres que se cierre cuando
hagas clic en otra parte de la pgina web.
5. Haz clic en APLICAR .
www.magix.es
Primeros pasos
Capas popup
Una alternativa ms fuerte te permite visualizar los contenidos de cualquier capa al
pasar el cursor sobre cualquier objeto o haciendo clic sobre el mismo. Esto se puede
utilizar para una gran variedad de efectos popup diferentes, como fotos popup,
mens, o descripciones de objetos detalladas.
Para hacer esto, posiciona todos los objetos que quieras como popup en una nueva
capa (en la galera de objetos haz clic en NUEVO no utilices la capa mouseover),
luego define la propiedad mouseover (dilogo de PROPIEDADES WEB ) del objeto
original para disparar la visualizacin de esta capa cuando pases el cursor sobre
cualquier objeto. Por ejemplo puedes hacer que un popup como ste aparezca
cuando pases el cursor sobre un texto:
69
70
Aqu tienes los pasos para crear un texto popuo como ste:
1. Haz clic en NUEVO en la GALERA DE CAPAS para crear una nueva capa.
2. Dibuja un rectngulo redondeado con la HERRAMIENTA RECTNGULO, haz clic en
Fotos pop-up
Hay una segunda forma ms fcil de mostrar fotos ampliadas de miniaturas que no
implica crear nuevas capas. Ver aqu (en la pgina 42). Este mtodo es mejor para
cuando tienes grandes fotos pop-up, ya que las fotos pop-up no se cargan hasta que
se hace clic en la imagen de miniatura.
Primeros pasos
Abre la GALERA DE DISEOS y luego la categora Botones web (o Iconos,
Banners o la categora que necesites).
Haz doble clic sobre un diseo para abrirlo en un nuevo documento. Edtalo segn tus
deseos, puedes:
Para casi todos los grficos, como botones, encabezados, conos y otros objetos no
fotogrficos deberas usar formato PNG. Para elementos que contienen fotos o partes
texturizadas a partir de fotos, entonces JPEG ser un mejor formato. Si ests
guardando una foto girada o una con una sombra suave o borde suave, entonces
deberas guardarla en un formato PNG, pero debes considerar que este archivo ser
mucho ms grande que el JPEG.
Si haces clic en el botn CONFIGURACIN en el dilogo Exportar archivo, accedes a un
panel de control avanzado que te permite optimizar la imagen
71
72
Aqu puedes comparar las dos versiones diferentes de la misma imagen, una junto a
la otra. Por ejemplo, puedes comparar un JPEG con una versin en PNG del mismo
grfico para evaluar la calidad o el tamao del archivo; o comparar dos imgenes PNG
optimizadas de forma diferente. Consulta el captulo de referencia del dilogo de
exportacin (en la pgina 456) en el manual en PDF. En el ejemplo anterior, la
compresin JPEG se ajust para obtener un tamao de archivo ptimo.
Consulta el apartado principal Publicar pgina web (en la pgina 310) para ms
informacin.
www.magix.es
Primeros pasos
Transferencia de datos
1. Tras hacer clic en EXPORTAR (o PUBLICAR ), Web Designer abre una pequea
73
74
Manejo de documento
Iniciar un nuevo documento
Principalmente, hay cuatro tipos diferentes de documentos en MAGIX Web Designer 10
Premium: pgina web, presentacin, foto y animacin. Para iniciar un nuevo documento:
Selecciona "ARCHIVO" > "NUEVO"
As se abre un submen con varios documentos de plantilla predefinidos por los que
empezar. La primera es la plantilla por defecto y se utiliza para crear el nuevo
documento despus de iniciar MAGIX Web Designer 10 Premium. La plantilla de
animacin es la plantilla por defecto para los documentos con animaciones.
El botn NUEVO DOCUMENTO de la barra de control estndar crea un nuevo
documento con la plantilla por defecto (shortcut "Ctrl + N").
Puedes guardar tus propias plantillas con el comando "ARCHIVO" > "GUARDAR
PLANTILLA" : consulta "Cambiar el documento de plantilla (en la pgina 469)" para ms
detalles.
Manejo de documento
Barra de ttulo
Nombre del archivo que se visualiza
Barra de botones estndar
Barra de galeras
Barra de informacin
Barra de herramientas
Reglas
Pgina
Tablero de dibujo
Lnea de colores
Barra de estado
Indicadores de arrastre/ajuste en vivo
Barra de herramientas web
Pestaas de documentos para todos los archivos abiertos
75
76
La ventana de Web Designer es similar a una hoja de papel convencional sobre un
caballete o un tablero de dibujo. El rectngulo blanco representa la hoja de papel (la
carilla o pgina). El borde gris es el tablero de dibujo.
Puedes cambiar el tamao de la pgina con un clic derecho y escogiendo OPCIONES DE
y luego la pestaa TAMAO DE PGINA (en la pgina 477).
PGINA
Las pestaas muestran todos los documentos abiertos y la pestaa del documento actual est
marcada en gris.
Barras de control
Las barras de control contienen botones que puedes usar para manejar Web Designer.
Puedes personalizar las barras de control de distintas formas como, por ejemplo,
reordenndolas o creando y ocultando barras.
La ventana por defecto muestra la barra de botones ESTNDAR con los botones que se
utilizan con mayor frecuencia:
Puedes personalizar la barra de control ESTNDAR de la misma forma que las otras
barras de control.
Estos iconos con un tringulo indicador en la esquina inferior derecha cuentan con
barras desplegables. Si colocas el cursor del ratn sobre estos iconos, vers la barra
desplegable con ms iconos.
Para ms informacin sobre la personalizacin de barras de control consulta el captulo
"Personalizacin de Web Designer" (en la pgina 479).
www.magix.es
Manejo de documento
Barra de informacin
Esta es una barra de control especial. Su contenido cambia segn la herramienta que
selecciones. Las barras de informacin para algunas herramientas especficas estn
descritas en sus respectivos captulos.
Las barras de informacin no pueden personalizarse.
Reglas
Puedes ocultar reglas, cambiar el punto cero (origen) y
utilizarlas para crear lneas gua. Para ms informacin, lee
"Reglas (en la pgina 91)".
77
78
La barra de estado
Objetos seleccionados
Opciones disponibles
Indicadores
Cursor del ratn X-Y
Esto aparece en la parte inferior de la ventana. La barra de estado te informa sobre los
objetos seleccionados, opciones disponibles, indicadores de arrastre/ajuste en tiempo
real y la posicin X/Y del cursor.
Los indicadores
Estos aparecen a la derecha de la barra de estado:
Indicador Live Drag
El indicador muestra si live drag se encuentra activado o no (por defecto est
activado). Haz doble clic sobre el indicador para activar/desactivar el live drag,
todo el objeto se mueve (no solo el contorno), lo que facilita juzgar el efecto de la
edicin en tiempo real. El dibujo con las herramientas de dibujo libre, lneas
rectas, Quickshape, rectngulos y elipses tambin se realiza en tiempo real con
esta con esta opcin. Si tu PC no puede trabajar con un documento
particularmente complejo, esta opcin se apagar automticamente para
garantizar que la edicin siga siendo rpida y eficiente.
Indicador de ajuste
Este indicador est activo cuando se ha seleccionado la opcin VENTANA >
AJUSTAR A OBJETOS . Muestra cuando mueves un punto cerca de la distancia de
ajuste de un objeto. Para ms informacin sobre el ajuste, consulta "Trabajar con
objetos (en la pgina 126)".
Coordenadas X-Y
Web Designer muestra las medidas relativas a la esquina inferior izquierda de la pgina.
Sin embargo, esto puede configurarse. Para ms informacin, lee el captulo Trabajar
con objetos.
Manejo de documento
pantalla llamado "pantalla completa" que muestra un monitor ms ordenado. Puedes
configurar cada modo de pantalla de la forma que quieras. Por ejemplo, puedes tener tu
propia configuracin de las barras de control. La configuracin se guarda y se aplica
cada vez que cambias entre los modos de pantalla.
La pantalla normal/completa se controla a travs de VENTANA > PANTALLA COMPLETA o
con un clic derecho y la opcin PANTALLA COMPLETA ("8" del teclado numrico).
Para ver la barra de men en modo de pantalla completa, mueve el cursor hasta la parte
superior de la pantalla.
Escoge Ventana > Nueva vista para abrir otra ventana. Puedes tener el mismo
documento abierto en diferentes ventanas.
tiene su propia barra de ttulo pero ninguna barra de control. Haz clic sobre una ventana
para que sea la ventana actual. Con "Ctrl + F6" puedes pasar por las ventanas en
secuencia.
muestra las ventanas ordenadas verticalmente o, en caso de ms de
tres ventanas, como superpuestas.
ORDENAR VISTAS
79
80
Pulsa Ctrl y gira la rueda del ratn para cambiar el nivel de zoom.
Tambin puedes configurar una tecla del ratn para el zoom. Adems, puedes cambiar
la accin de la rueda del ratn entre desplazamiento y zoom en Herramientas >
Opciones > Pestaa del ratn (en la pgina 475). La accin opuesta est disponible
pulsando la tecla Ctrl.
Manejo de documento
Mantn el cursor del ratn sobre el smbolo del zoom de la barra de
herramientas estndar para ver la barra desplegable.
Para cambiar el zoom:
Shortcut: Ctrl + R. Haz clic en el botn ZOOM ANTERIOR. Este es el valor de
zoom antes de la configuracin actual. Usar este botn te permite cambiar de
un valor de zoom a otro en el documento. Esto es til para cambiar entre el
detalle y una vista general. El valor de zoom anterior se guarda para cada
ventana. Puedes cambiar a otra ventana y el zoom previo se seguir
manteniendo.
Shortcut "1" Haz clic en el botn Zoom a 100%. El factor del zoom cambia al
100%
Shortcut "Ctrl + + J". Haz clic en el botn ZOOM AL DIBUJO . La ventana
muestra todos los objetos del documento.
Shortcut "Ctrl + + P". Haz clic en el botn ZOOM A LA PGINA . La ventana
muestra toda la pgina o pares de pginas.
Shortcut "Ctrl + + Z". Haz clic en el botn ZOOM A LA SELECCIN . El objeto u
objetos seleccionados ocuparn toda la ventana.
Introduce un valor en el campo de texto. Pulsa "" para
implementar el cambio o selecciona algn valor de
zoom predeterminado incluyendo los mencionados
anteriormente (pgina, dibujo, seleccionado, anterior)
en el men desplegable.
Usa la rueda del ratn para desplazar el documento hacia arriba y hacia abajo
(Shift + rueda del ratn para izquierda a derecha)
81
82
Puedes cambiar la accin de la rueda del ratn entre desplazamiento y zoom en
Herramientas > Opciones > Pestaa del ratn. La accin opuesta est disponible
pulsando la tecla Ctrl.
Manejo de documento
La pgina actual
Si haces clic en una pgina de un documento multipgina, se convertir en la pgina
actual.
Debes estar situado en la pgina actual cuando desees introducir, duplicar o
mover pginas, como pasaremos a explicarte en las secciones siguientes.
Puedes saber en qu pgina del documento te encuentras actualmente
mediante los indicadores situados en las esquinas de la pgina.
Adems, la barra de herramientas estndar cuenta con una barra desplegable que te
permite aadir, duplicar y eliminar pginas rpidamente.
Mantn el cursor del ratn sobre cada smbolo de la barra para ver un consejo de
herramienta para cada operacin. Puedes agregar una nueva pgina en blanco, duplicar
la pgina actual o eliminarla.
83
84
Selecciona "EDICIN" > "PGINAS" > "MOVER PGINA HACIA ARRIBA" o haz clic
derecho y selecciona MOVER PGINA HACIA ARRIBA para cambiar la pgina actual
por la anterior.
Selecciona "EDICIN" > "PGINAS" > "MOVER PGINA HACIA ABAJO" o haz clic
derecho y seleccionaMOVER PGINA HACIA ABAJO para cambiar la pgina actual por
la posterior.
Estas opciones de men sern desactivadas si ests en la primera o la ltima pgina del
documento respectivamente.
www.magix.es
Manejo de documento
Guardar el documento
Esta seccin explica cmo guardar los documentos en el formato de Web Designer (su
formato nativo). Para ms detalles sobre exportar documentos en otro formato, lee el
captulo "Importacin y exportacin (en la pgina 446)".
Te recomendamos que siempre guardes los documentos de forma regular. Si no lo
haces, es posible que lo lamentes si hay un corte de electricidad repentino o si tu PC se
cuelga de repente, ya que perders muchas horas de trabajo invertidas en un
documento complicado. Asegrate de que la funcin de copia de seguridad automtica
est activada para que se realicen copias regulares de los documentos mientras
trabajas. Consulta la seccin Copias de seguridad automticas (en la pgina 88) a
continuacin para ms detalles.
85
86
Directorios de compatibilidad
Algunos documentos, que se utilizan para crear pginas web, tienen archivos externos
de referencia porque estos no pueden ser integrados al archivo de diseo .web. Por
ejemplo, un archivo Flash (swf) de tu pgina web. Debes mantener el archivo Flash junto
al archivo de diseo porque si no, cuando quieras exportar la pgina web, esta no
funcionar de forma correcta. Otra razn por la que es importante mantener ambos
archivos juntos es para cuando quieras enviar el diseo a alguien o para cuando quieras
transferirlo a otro equipo. MAGIX Web Designer 10 Premium ofrece un directorio
opcional de compatibilidad para los archivos externos que se encuentra a la derecha del
archivo de diseo.
Manejo de documento
Cerrar el documento
Para cerrar el documento:
Seleccionar "ARCHIVO" > "CERRAR", pulsa "Ctrl + F4", o tambin "Ctrl + W".
O bien haz clic sobre la X ms pequea de las dos que se encuentran en la esquina
superior derecha.
O incluso haz clic derecho en la pestaa del documento para ver un men de
contexto sensible con una serie de opciones de guardar y cerrar tanto para una
sola pestaa cono para todas las pestaas abiertas.
Haz clic derecho en una pestaa para visualizar mltiples opciones de guardar y cerrar.
87
88
HERRAMIENTAS >OPCIONES
Manejo de documento
se guarda el documento principal en su estado actual y sin los cambios no guardados del
grupo. Por esta razn, se recomienda guardar regularmente los cambios de edicin
interna en el documento principal.
Cuando se realiza una copia de seguridad, vers una barra de progreso en la parte
inferior de la ventana de MAGIX Web Designer 10 Premium mientras se finaliza el
procedimiento.
Revisiones
Por defecto, se guardan 10 revisiones de cada diseo en tu carpeta de copias de
seguridad, pero puedes escoger cambiar este nmero en el campo de revisiones. Las
revisiones que excedan la cantidad establecida, se eliminarn automticamente. Cada
archivo de copia de seguridad recibe el nombre del documento del que se ha tomado,
junto con la fecha y hora en que se ha realizado la copia de seguridad.
ADVERTENCIA: Ten en cuenta que si tienes mltiples documentos que comparten el
mismo nombre de archivo en diferentes carpetas en tu ordenador, sus copias de
seguridad tambin compartirn el nombre en la carpeta de copias de seguridad. Por lo
tanto, intenta usar nombres de archivo nicos para tus diseos con el propsito de
evitar que las copias de seguridad de un diseo sobrescriban otras con el mismo
nombre.
89
90
Manejo de documento
seguridad deberas usar ARCHIVO>GUARDAR COMO para guardarlo en algn lugar con un
nombre adecuado.
Cuadrcula en pantalla
Para ayudarte a disear tu documento, Web Designer puede mostrar una cuadrcula en
la pantalla (la cuadrcula aparece solamente en la pantalla, no se exporta ni se imprime).
La cuadrcula te ayuda a alinear objetos (similar a utilizar una hoja de grficos como
ayuda para dibujar).
Haz clic derecho y escoge "MOSTRAR CUADRCULA/GUAS" > "MOSTRAR CUADRCULA"
para activar y desactivar la visualizacin de la cuadrcula o escoge "AJUSTAR A" >
"AJUSTAR A CUADRCULA" . Tambin puedes escoger la opcin "VENTANA" > "AJUSTAR A
CUADRCULA" . En este caso, los puntos de cuadrcula actan como imanes y, al mover
objetos, estos se ajustan al punto de cuadrcula ms cercano. Por defecto los documento
web tienen activado "AJUSTE A CUADRCULA" , con una cuadrcula de 1 pxel.
El tipo de cuadrcula (isomtrica/rectangular), el punto 0,0 (el origen) y el espaciado
entre los puntos de la cuadrcula se configuran en la pestaa CUADRCULA Y REGLA (en la
pgina 474) del dilogo de opciones. Cualquier cambio que hagas se aplicar solo al
documento seleccionado. El ajuste a los objetos magnticos tambin est activado por
defecto para los documentos web. El ajuste de objeto es una forma muy precisa de
alinear lneas, puntos y bordes de los objetos a cualquier otro objeto para que se toquen.
Puedes usarlo para alinear los centros de los objetos o para alinear objetos respecto al
centro de la pgina o para alinearlos de forma horizontal o vertical en cualquier parte en
el centro de la pgina o en la esquina de la misma.
Para activar el ajuste de los objetos, haz clic en el botn AJUSTAR A OBJETOS o
haz clic derecho y escoge "AJUSTAR A" > "AJUSTAR A OBJETOS" . Tambin
puedes escoger la opcin "VENTANA" > "AJUSTAR A CUADRCULA" .
Consulta Manejo de objetos (en la pgina 126) para ms detalles sobre el ajuste de
cuadrculas y el ajuste a objetos.
Reglas
Las reglas estn desactivadas por defecto. Para activarlas:
91
92
Cuando creas o cambias el tamao de objetos, puedes utilizar las reglas para controlar el
tamao. Tambin puedes utilizar la HERRAMIENTA DE SELECCIN para un trabajo ms
exacto. Lee Seleccin de objetos para ms informacin. Las reglas pueden verse sobre el
borde izquierdo y el borde superior de la ventana. Una lnea punteada sobre cada regla
sigue la posicin actual del cursor.
Las unidades y nmeros de las divisiones de las reglas son los mismos configurados
para personalizar la cuadrcula en pantalla. Estos valores se configuran utilizando la
pestaa "Cuadrcula y regla (en la pgina 474)" del dilogo "Opciones". Las unidades
actuales y los factores de cambio de tamao se visualizan en la esquina superior
derecha de la regla.
Mostrar/ocultar reglas
Haz clic derecho y escoge "MOSTRAR CUADRCULA/GUAS" > "MOSTRAR REGLAS" ("Ctrl +
Shift + R") para activar y desactivar las reglas. Los cambios se aplicarn a la ventana
actual y a las siguientes ventanas que abras. No afecta a las otras ventanas abiertas.
Puedes arrastrar vertical u horizontalmente a lo largo de las reglas o hasta cualquier otra
parte de la ventana de edicin de Web Designer. A medida que lo hagas, una lnea
punteada te mostrar la nueva posicin.
Esto tambin mueve el origen de la cuadrcula de forma que las divisiones de la regla
siempre se encuentren alineadas con la cuadrcula.
Tambin puedes mover el punto cero desde la pestaa
de opciones (descrito a continuacin)
CUADRCULA Y REGLA
del dilogo
www.magix.es
Manejo de documento
Calidad de imagen
Hay cinco configuraciones de calidad disponibles en el men VENTANAS >CALIDAD que
afectan la forma en que el documento aparece en MAGIX Web Designer 10 Premium:
Slo contorno. Ahora, con antialiasing completo para una mayor calidad de
visualizacin de la pantalla
Contornos con pasos de transicin
Color total (sin antialiasing)
Alta calidad (antialising total y suavizado de imagen)
Muy alta calidad (el mejor antialiasing de la industria. La nueva visualizacin de
fotos bicbica aumenta la calidad de fotos reducidas).
COLOR TOTAL
La tecla de restriccin
La tecla "Ctrl" tiene una funcin especial en Web Designer. Restringe la accin de la
funcin actual de alguna manera. Por ejemplo, normalmente puedes girar un objeto a
cualquier ngulo. Pero en Web Designer, si pulsas la tecla "Ctrl" mientras giras un
objeto, la rotacin est restringida a una serie de ngulos predeterminados. Por defecto,
el objeto girar solamente en mltiplos de 45 grados y a cualquier rotacin en que un
borde recto importante del objeto quede vertical u horizontal.
La lnea negra que se encuentra a la
izquierda puede girarse a cualquier
ngulo dentro del crculo. A la derecha se
encuentra la misma lnea, pero al
presionar "Ctrl", solo puede rotarse hasta
las posiciones indicadas.
De forma similar, restringir un rectngulo crea un cuadrado perfecto y restringir una
elipse crea un crculo perfecto. Si sueltas la tecla "Ctrl", ya no estarn restringidos.
La funcin de restriccin de ngulo se define en OPCIONES -> GENERAL -> RESTRICCIN
DE NGULO (en la pgina 472).
93
94
Galeras
MAGIX Web Designer 10 Premium usa galeras para suministrar acceso conveniente a
bibliotecas externas de contenido como plantillas, fuentes, colores, cliparts, atributos de
lneas y mapas de bits/fotos. Esta seccin de la ayuda suministra informacin general
sobre caractersticas que son comunes a mltiples galeras. Las secciones individuales
describen caractersticas especficas a una galera en particular.
Por defecto, la GALERA DE PGINAS Y CAPAS est abierta en el modo Pginas (y muestra solo
pginas, no sus capas) y est fijada en la parte derecha de la ventana de Web Designer.
Pgina y capas
Diseos
Mapa de bits
Lneas
Rellenos
www.magix.es
Manejo de documento
La GALERA DE PGINAS Y CAPAS te muestra y te permite manipular las pginas de tu
documento y las capas dentro de cada pgina.
Las GALERAS de DISEOS y RELLENOS te permiten escoger entre diferentes plantillas y
estilos suministrados con MAGIX Web Designer 10 Premium.
La GALERA DE MAPAS DE BITS te muestra los mapas de bits y fotos que ests utilizando
en todos los documentos abiertos.
Algunas galeras se describen en detalle ms adelante.
95
96
galera. El botn muestra un alfiler hacia abajo para indicar que la galera puede
moverse y fijarse en otro lugar.
2. Haz clic en la barra de ttulo de la galera y arrastrar para moverla. Puedes dejar
que la galera "flote libremente" por cualquier lugar del espacio de trabajo o puedes
fijarla en una nueva ubicacin.
Si mueves cualquiera de las galeras, las otras la acompaarn como si fuera un grupo.
Accede a una galera individual con un clic sobre su pestaa en la parte inferior del
grupo o haz clic y arrastra la pestaa de la galera alejndola del grupo.
Mapa de bits
Lnea
Relleno
Si haces clic y arrastras la barra de ttulo de una galera que puedes fijar, aparecern
flechas en el espacio de trabajo que te indicarn los lugares en donde puedes fijar la
galera.
www.magix.es
Manejo de documento
Al arrastrar una galera, aparecern flechas de fijacin en la parte central, superior, inferior,
izquierda y derecha del espacio de trabajo. Arrastra la galera hasta una flecha para fijarla all.
97
98
2. Cuando el cursor llega a la flecha, un recuadro gris transparente indica la nueva
ubicacin de la galera.
3. Suelta el botn del ratn para fijar la galera. Ahora, cuando cierres u ocultes
Nota: para mover las galeras a su posicin por defecto, escoge BARRAS DE
CONTROL del men VENTANA , haz clic en GALERAS y finalmente en RESTAURAR .
Agrupacin de galeras
Puedes arreglar dos o ms galeras de forma que se encuentren cerca unas de otras.
1. Para posicionar una galera para que quede adyacente a una que has fijado
anteriormente, haz clic y arrastra la segunda galera hasta las cuatro flechas del
centro del espacio de trabajo.
2. Suelta cuando te encuentres sobre la flecha que indica en direccin a la primera
galera que has movido. La segunda galera se fija junto con la primera.
Tambin puedes agrupar galeras y mover todo el grupo a una nueva ubicacin si, por
ejemplo, ests trabajando principalmente con dos o tres galeras que quieres que se
encuentren cerca unas de otras y a las que deseas acceder fcilmente.
Ejemplo de un grupo de galeras con pestaas de galera en la parte inferior. Haz clic y arrastra para
agregar o quitar una galera del grupo.
www.magix.es
Manejo de documento
Para agrupar galeras:
1. Desactiva el botn OCULTAR AUTOMTICAMENTE en una de las siguientes galeras:
2.
3.
4.
5.
6.
99
100
Los botones de la parte superior dependen de la galera (p.ej. RELLENO y TRANSP son
opciones especficas de la GALERA DE MAPA DE BITS .) De todos modos, la mayora de las
galeras presenta estos botones:
inserta el tem seleccionado de la galera. Haz clic sobre un tem para
seleccionarlo.
APLICAR
OPCIONES
BUSCAR :
Seleccionar tems
Para seleccionar un tem:
Aadir a la galera
Es posible que quieras aadir tems extra para estas galeras. (slo es posible en las
galeras de DISEOS & RELLENOS ). Para esto:
1. Copia los archivos que quieres aadir a un nuevo directorio usando el explorador
de Windows.
Para la GALERA DE CLIPARTS , estos archivos pueden ser cualquier tipo de la
amplia gama de archivos de vectores o mapas de bits.
Para la GALERA DE RELLENOS puede ser cualquiera de los formatos de mapa de
bits compatibles con Web Designer (listados en Importacin y Exportacin en
la pgina 447).
2. En cada galera, pulsa el botn "DISEOS DE DISCO/RELLENOS" . Se abrir una
ventana de dilogo.
www.magix.es
Manejo de documento
3. Usa este dilogo para seleccionar el directorio que quieres aadir.
4. Haz clic en "AADIR" . Esto crea una nueva seccin en la galera.
de dilogo.
3. Usa este dilogo para seleccionar el directorio que quieres aadir.
4. Haz clic en "ACTUALIZAR" para actualizar la seccin en la galera.
101
102
Deshacer y rehacer
Qu son las funciones deshacer y rehacer?
Todos cometemos errores o cambiamos de parecer. Web Designer facilita la correccin
de errores o de cambios no deseados. Todas las acciones que haces se guardan en una
"lista de deshacer". Esto te permite deshacer no solo la ltima operacin, sino volver
hacia atrs deshaciendo varias operaciones. Por lo tanto, puedes experimentar
libremente sabiendo que siempre puedes eliminar lo que no quede bien.
La funcin deshacer
Deshacer cancela el efecto de la ltima operacin. Para deshacer una
operacin:
Puedes repetir la funcin deshacer para seguir retrocediendo por la secuencia de las
operaciones previas.
La funcin rehacer
Rehacer cancela la funcin deshacer anterior. Para rehacer la ltima operacin:
Dimensiones de seleccin
% de controles de tamao
Bloquear relacin de aspecto
Girar e inclinar
Voltear
Escalar anchos de lnea
Aplicar nombres
Para utilizar la HERRAMIENTA DE SELECCIN :
Pulsa y libera Alt+S para cambiar a la herramienta de SELECCIN . Pulsa otra vez
para regresar a la herramienta anterior.
Seleccionar objetos
Para seleccionar un solo objeto haz clic en cualquier parte visible del objeto.
103
104
Los objetos del frente y el fondo se describen en Trabajar con objetos (en la pgina
103).
Marco de seleccin
Para seleccionar varios objetos, pulsa y mantn pulsada la tecla del ratn. Al arrastrar
el ratn se dibuja un rectngulo de seleccin y todos los objetos dentro del rectngulo
quedarn seleccionados.
Algunos programas de dibujo llaman a este rectngulo "marco de seleccin".
Si hay algn objeto que no te permite dibujar un rectngulo porque el objeto se
mueve, pulsa "" mientras arrastras el rectngulo de seleccin.
Ampliar seleccin
Para seleccionar objetos adicionales:
Seleccionar bajo
Pulsa Alt para seleccionar objetos que se encuentran debajo de otros objetos. Con
Alt+clic puedes pasar por varios objetos superpuestos.
Seleccin interna
Puedes seleccionar un objeto que est dentro de un grupo u otro objeto contenedor
pulsando "Ctrl" mientras haces clic sobre el objeto. Es lo que se llama seleccin
interna. El objeto sobre el que haces clic ser siempre seleccionado, incluso si est
dentro de varios niveles de grupos anidados. Cuando se tiene un nido de grupos tan
profundo, en ocasiones se quiere seleccionar solo uno de los grupos anidados (un
grupo que est dentro de otro). Podrs hacerlo fcilmente si mantienes presionadas
las teclas "Alt" y "Ctrl" mientras haces clic. El primer clic de tal tipo seleccionar el
grupo del nivel superior (tal como lo hace un clic normal). Haz clic de nuevo y se
www.magix.es
Seleccin y capas
No puedes seleccionar objetos que se encuentran en capas bloqueadas o invisibles.
Consulta "Galera de pginas y capas (en la pgina 407)" para obtener ms detalles
sobre capas.
Deseleccionar un objeto
Para deseleccionar todos los objetos:
105
106
Marcadores de seleccin
Cada objeto seleccionado muestra un marcador de seleccin para sealar que est
seleccionado. Esto es un recordatorio muy til cuando seleccionas y deseleccionas
varios objetos.
Barra de estado
La barra de estado que se encuentra en la parte inferior de la ventana tambin
describe lo que est seleccionado.
Tab
Si hay un objeto seleccionado, pulsar Tab y +Tab cambiar la seleccin al objeto
anterior y siguiente en el documento.
Mover objetos
Para deslizar un objeto sobre la pgina
1. Escoge la herramienta de SELECCIN .
2. Arrastra el objeto hasta la posicin deseada. Pulsa Ctrl para limitar la direccin
www.magix.es
Rellenos
Generalmente, si mueves un objeto, su relleno tambin se mover:
107
108
Desplazar objetos
Generalmente puedes mover un objeto levemente utilizando las teclas de flecha . (A
veces, estas teclas tienen otros usos, especialmente en la herramienta de TEXTO.)
El desplazamiento no se ve afectado por el ajuste magntico ni de cuadrcula. (Los
ajustes se describen ms adelante).
Modificadores de desplazamiento
Para modificar la distancia de desplazamiento, utiliza estas combinaciones de teclas
mientras usas las flechas:
Ctrl
Ctrl +
Alt
Alt +
objeto pero no eliminarlo, escoge "EDICIN" > "COPIAR" (o "Ctrl+C"). Las dos
opciones colocan el objeto (o una copia del objeto) en el portapapeles.
3. Escoge "EDITAR" > "PEGAR ", "Ctrl + V" o "INSERTAR ". Esto pega el contenido del
portapapeles en el documento.
Ten en cuenta que si los objetos que copias se encuentran en la misma capa,
entonces puedes pegar esos objetos en cualquier capa, si conviertes primero esa capa
en la capa actual y luego escoges "EDITAR" > "PEGAR" > "PEGAR EN CAPA" o "PEGAR EN
EL LUGAR EN LA CAPA ACTUAL" . La capa desde la que se copian los objetos se ignora
en este caso.
Sin embargo, si los objetos que copias se encuentran en varias capas diferentes,
entonces la estructura de capas se mantiene al pegar.
Esto te permite copiar los datos en capas dentro de un documento o a un documento
diferente. Cualquier capa que falte en el documento de destino se crea
www.magix.es
Pegar formato/atributos
Conserva el formato (p. ej. el tipo y tamao de fuente) o los atributos de estilo (p. ej.,
el color de la lnea y del relleno) del objeto que se pega.
Pegar posicin
Esta opcin aplica la posicin de un objeto copiado en el portapapeles a un objeto
seleccionado actualmente, que se mueve a exactamente la misma posicin que el
objeto copiado.
Si se han copiado mltiples elementos en el portapapeles, Web Designer los trata
como a un grupo y mueve al objeto actual seleccionado a la posicin del grupo
copiado como un todo.
El objeto seleccionado actualmente se pega o se mueve a la posicin central del
objeto copiado o al grupo de objetos.
Pegar tamao
Esta opcin aplica el tamao de un objeto copiado en el portapapeles a un objeto
seleccionado actualmente, cuyo tamao se reajusta (en torno a su centro) al tamao
exacto del objeto copiado.
109
110
Si al pegar el tamao tienes muchos elementos seleccionados, no se redimensiona el
tamao de la seleccin como un todo, sino que cada uno de esos objetos se convierte
al tamao del objeto copiado. Por ejemplo, si copias una foto de 200x200 pxeles,
luego seleccionas otras 10 fotos y seleccionas "Pegar tamao", las 10 fotos se
convierten a 200x200 pxeles. Este es un modo rpido de convertir un montn de
objetos a un tamao determinado.
Cortar objetos
Selecciona "Edicin > Cortar", o pulsa "Ctrl + X". Los contenidos del portapapeles
sern sobrescritos y podrs pegar el objeto o los objetos borrados en el lugar deseado.
Eliminar objetos
Escoge "Edicin > Eliminar", pulsa "Supr" o haz clic sobre el botn ELIMINAR de
la barra de control ESTNDAR.
En este caso los objetos eliminados no se colocarn en el portapapeles. Si eliminas
accidentalmente un objeto, puedes recuperarlo con deshacer.
www.magix.es
Duplicar y clonar
Ambas opciones crean una copia del objeto seleccionado. El objeto original se
deselecciona y el duplicado o el clon se convierte en el objeto seleccionado.
Tambin puedes duplicar un objeto mientras lo mueves, giras, doblas o cambias su
tamao. Mientras lo arrastras (y mientras pulsas la tecla izquierda del ratn) haz clic
derecho o pulsa + del teclado numrico para soltar una copia del objeto. El objeto
original no se mueve. Puedes hacer esto todas las veces que quieras para crear una
serie de objetos duplicados.
Una forma sencilla de crear una o ms copias de un objeto alineado horizontal o
verticalmente, es arrastrar el objeto, pulsar Ctrl para limitar el movimiento y despus
hacer clic derecho (o pulsar + del teclado numrico) para cada copia.
Para sustituir rpidamente una lnea de objetos, dibuja uno, despus arrstralo mientras pulsas
la tecla Ctrl y haz clic derecho para cada copia que quieras crear.
Duplicar
Escoge Edicin > Duplicar o pulsa Ctrl+D. La copia aparecer un poco hacia la
derecha y abajo del objeto original.
La distancia de duplicacin puede cambiarse. Lee el captulo Personalizacin de
Web Designer (en la pgina 473).
Clonar
Escoge Edicin > Clonar o pulsa Ctrl+K. Esto coloca una copia exactamente arriba del
original. La clonacin es una forma fcil de crear formas concntricas.
Este ejemplo usa una letra original A con relleno negro y un contorno blanco con una anchura de
4 pt y un clon sin relleno y una lnea negra de 1 pt.
111
112
El blanco de la izquierda est construido a partir de tres crculos apilados uno sobre otro.
Para asegurar que los objetos se superpongan en el orden correcto, muchas veces
necesitas cambiar el orden desde adelante hacia atrs. (El objeto de adelante siempre
cubre a los de abajo y los otros objetos siempre cubren a los que estn ms abajo.
Cada nuevo objeto que creas se coloca arriba de los anteriores.)
El men Arreglo te ofrece las cuatro opciones siguientes:
Estas opciones mueven los objetos hacia adelante y hacia atrs en la misma capa.
MOVER A LA CAPA AL FRENTE y MOVER A LA CAPA DE ATRS te permiten mover los
objetos entre las capas visibles. (Las capas invisibles no se tienen en cuenta al mover
objetos).
Ms informacin sobre capas en el captulo Capas (en la pgina 407)
www.magix.es
Girar objetos
Esta opcin es parte de la herramienta de SELECCIN .
Si el modo de rotacin est activado, el centro de transformacin (alrededor
del cual el objeto gira) aparece inicialmente en el centro del objeto, tal como
se ve en este pequeo blanco.
Haz otro clic sobre el objeto para poner la herramienta de seleccin en el modo de
rotacin. Arrastra el centro de transformacin al lugar que desees.
Atencin: si se mueve el centro de rotacin, se mantendr en esta posicin para
cualquier objeto seleccionado hasta que todos los objetos ests deseleccionados; as
el punto volver al centro de cualquier objeto seleccionado.
113
114
115
116
Si el botn BLOQUEAR ASPECTO est activado, puedes introducir el valor en
cualquier campo de texto para cambiar el tamao del objeto de acuerdo al
porcentaje deseado. Si este botn est desactivado, puedes introducir valores
individuales para el ancho y el alto.
Como alternativa, escribe el tamao deseado del objeto en los campos de texto
AL o AN .
Si el botn BLOQUEAR RELACIN DE ASPECTO est activado, esto cambia el tamao del
objeto pero mantiene su relacin de aspecto. Puedes introducir cualquier tamao en
cualquier unidad como, por ejemplo, 1 cm.
Si cambias el tamao utilizando los botones de la barra de informacin (o recuadros
de nmeros), siempre se realizar el cambio de tamao alrededor del centro de
transformacin. Puedes posicionar el centro en cualquier lugar del objeto, tal como se
ha descrito en la seccin "Girar objetos".
Voltear objetos
Esta opcin es parte de la herramienta de SELECCIN . Un clic sobre los
botones para VOLTEAR da vuelta el objeto vertical u horizontalmente a
partir del centro de transformacin.
El tamao y la relacin de aspecto no cambian, el objeto simplemente se voltea.
www.magix.es
ASPECTO
Haz clic derecho o pulsa "+" del teclado numrico mientras arrastras para extender o
reducir una copia el objeto (dejando el original en su lugar).
Inclinar objetos
Esta opcin es parte de la herramienta de SELECCIN .
117
118
+ arrastra para inclinar el objeto alrededor del centro. Pulsa "Ctrl" para limitar la
direccin de inclinacin a uno de los ngulos de restriccin. Para crear una copia
mientras arrastras, haz clic derecho o pulsa la tecla "+" del teclado numrico (dejando
el original adonde estaba antes). O haz clic derecho con el ratn para crear copias
instantneas; si quieres copias adicionales haz clic izquierdo.
Tambin puedes inclinar el objeto con la herramienta de seleccin en el modo de
cambio de tamao, utilizando las reas de inclinacin. Para ms informacin ve a la
seccin Girar objetos en el modo de cambio de tamao (en la pgina 114).
La herramienta de moldes
La herramienta de MOLDE sirve para distorsionar las imgenes. Se utiliza tanto
para crear perspectivas (es decir, girar en tres dimensiones) o distorsiones a
partir de envolturas.
Malla
Eliminar molde
Separar molde
Girar molde
Copiar molde
Envolturas
Pegar molde de envoltura
Perspectiva
Pegar molde de perspectiva
La barra de informacin contiene dos juegos predeterminados de formas de molde.
Simplemente haz clic sobre un botn para aplicar el molde predeterminado. El botn
de la izquierda de cada grupo es el molde por defecto "sin distorsin" que puedes
editar manualmente despus de aplicarlo.
www.magix.es
Perspectivas
La herramienta de MOLDE te permite aplicar perspectiva a
las formas para darles un sentido de profundidad.
Puedes aplicar perspectivas a todos los tipos de objetos,
incluyendo texto y mapas de bits. Ten en cuenta que los
mapas de bits pierden la perspectiva si despus aplicas
una transicin o los conviertes en formas editables.
1. Selecciona el o los objetos.
2. Selecciona la herramienta de MOLD
(shortcut +F6).
3. Escoge una de las opciones de perspectiva:
El botn de la derecha (pegar perspectiva) se
describe ms adelante.
Web Designer dibuja un rectngulo alrededor del objeto o seleccin. Puedes arrastrar
los controles deslizantes de cada esquina del rectngulo para crear el efecto de
perspectiva. Puedes girar, cambiar de tamao e inclinar el objeto con perspectiva
utilizando la herramienta de SELECCIN .
Es posible que quieras mover los controles deslizantes sin volver a dibujar el objeto
con perspectiva (esto acelera el redibujo de la pantalla).
Para realizar esto, selecciona el botn SEPARAR MOLDE . Para readaptar el
objeto, desactiva el botn.
119
120
La malla de perspectiva
Este botn pinta una serie de puntos en una cuadrcula que te permite una
vista previa del grado de distorsin en perspectiva de un objeto.
Utilizar moldes
Es posible que quieras aplicar la misma perspectiva a varios objetos. Para lograr esto,
debes crear una forma de molde, copiarla en el portapapeles y despus utilizarla para
otros objetos. Una forma de molde en perspectiva debe tener cuatro lados rectos.
Envolturas
La herramienta de moldes te permite envolver formas de diferentes maneras.
El efecto es similar a una hoja de hule o globo que puedes extender en cualquier
direccin.
Puedes envolver todo tipo de objetos excepto los mapas de bits.
www.magix.es
(shortcut +F6).
3. Escoge una de las opciones de envoltura:
deslizantes de curva.
El ejemplo de arriba muestra los 4 controles deslizantes de curva de las esquinas que
se han arrastrado hacia afuera para doblar el contenido del molde.
Tambin puedes girar, cambiar el tamao e inclinar el objeto con envoltura utilizando
la herramienta de SELECCIN .
La malla de moldes
El botn de malla muestra una serie de puntos que te permite ver
previamente la distorsin que la envoltura dar al objeto.
Moldes de envoltura
Puedes crear un molde de envoltura a partir de cualquier forma con cuatro lados, que
puedes distorsionar a tu gusto y despus utilizar como molde de envoltura con un clic
sobre PEGAR ENVOLTURA de la BARRA DE INFORMACIN de la herramienta de moldes.
121
122
Ajuste
El ajuste facilita el posicionamiento de esquinas o puntos especficos de objetos en
lugares precisos. Puede utilizarse para alinear esquinas a un punto o lnea especfico o
para espaciar objetos en intervalos regulares utilizando la cuadrcula.
MAGIX Web Designer 10 Premium ofrece tres tipos de ajuste:
Ajustar a cuadrcula
Ajuste magntico
Ajustar a lneas gua u objetos gua
Ajustar a cuadrcula es muy til para espaciar los objetos en intervalos precisos o
cambiar el tamao en mltiplos exactos de un valor determinado. Las lneas gua se
utilizan para alinear esquinas (aunque usar objetos guas es ms poderoso) y,
finalmente, el ajuste magntico es una forma general de posicionar lneas, puntos o
esquinas arriba de otras lneas puntos o esquinas de objetos cercanos.
Ajustar a cuadrcula
Si se ha seleccionado AJUSTAR A CUADRCULA, los puntos de cuadrcula funcionan
como imanes. Haz clic derecho en el portapapeles y escoge "AJUSTAR A " > "AJUSTAR
A CUADRCULA" o utiliza la opcin del men "VENTANA" > "AJUSTAR A CUADRCULA" ,
(o pulsa "." (separador decimal) del teclado numrico). Puedes controlar el espaciado
de la cuadrcula en el dilogo de opciones (haz clic derecho y escoge OPCIONES DE
PGINA o utiliza la funcin "HERRAMIENTAS " > "OPCIONES ") en la pestaa de
Cuadrcula y Reglas. Por defecto, las plantillas de documento web tienen el ajuste a la
cuadrcula activado con un solo pxel, por lo que, en general, todos los objetos y
posiciones son pxeles enteros.
Al arrastrar objetos, los bordes se ajustarn a los puntos de cuadrcula. Si el tamao
del objeto es tal, que ambas esquinas opuestas no pueden ajustarse, la esquina que se
ajustar depende de la direccin en la que se est arrastrando el objeto.
www.magix.es
Este ejemplo muestra una cuadrcula con 5 subdivisiones entre las divisiones mayores. La forma
tiene un contorno gris muy ancho. Como el objeto se arrastr hacia abajo a la izquierda, los
bordes inferiores izquierdos se han ajustado al punto de cuadrcula ms cercano.
Nota: el espaciado de cuadrcula por defecto es 50 pxeles para las lneas principales
con 50 subdivisiones. Esto significa que la cuadrcula tiene un espaciado de un pxel
de pantalla y puede parecer que no se estuviera trabajando a un nivel normal de
100%. Si amplas la imagen a 500%, vers que se ajusta de forma correcta.
Como alternativa, cambia los valores de cuadrcula a, por ejemplo, 10 subdivisiones, lo
que significa que los puntos de cuadrcula estn en lmites de 5 pxeles.
123
124
entonces tendr prioridad el ajuste a los lmites. Por lo tanto, ampla la vista si quieres
ajustar a los centros de los contornos en este caso.
Si la opcin escalar anchos de lnea est desactivada, "ajustar a la cuadrcula" y
"ajustar a objetos" realizarn el ajuste a las lneas centrales de los objetos e ignorarn
los anchos del contorno. Como el ajuste prioriza la opcin escalar anchos de lnea, los
lmites utilizados para el ajuste son siempre los mismos lmites que se indican en la
barra de informacin de la HERRAMIENTA DE SELECCIN .
Los indicadores de ajuste se muestran siempre que ocurre un ajuste. Es decir, siempre
que el objeto que ests arrastrando se encuentre en el sector de un punto de inters
www.magix.es
Las lneas que indican el ajuste parpadean para mostrar que son indicadores
temporales en tiempo real y para que puedas diferenciarlas de los colores del fondo.
La distancia de ajuste se controla a travs de la pestaa RATN del dilogo de
OPCIONES ("HERRAMIENTAS" > "OPCIONES" o clic derecho sobre una pgina y
OPCIONES DE PGINA ).
125
126
Puedes especificar dos distancias de ajuste en la seccin "Radios de ajuste
magntico", que controlarn cun cerca los objetos tendrn que estar antes de
ajustarse. El tamao del crculo alrededor de los puntos (punto) y la distancia hacia
ambos lados de las lneas (lnea). En general, lo mejor es que el valor de punto sea
mayor que el valor de lnea, de forma que sea ms fcil ajustar a los puntos extremos
de las lneas.
Personalizacin de Web Designer contiene detalles del dilogo de opciones.
Difuminacin (Feathering)
Si quieres que los bordes de un objeto sean borrosos (blur) para que el objeto se
desvanezca en un objeto de fondo. Esto se llama difuminacin. Un ejemplo es cuando
se fusionan dos mapas de bits para evitar un borde marcado entre ellos.
El control de difuminacin se encuentra sobre el lado
derecho de la barra superior despus del botn de
galeras.
Para difuminar un objeto:
1. Selecciona el objeto o los objetos que quieres difuminar.
2. Introduce un tamao numrico para la difuminacin en el campo de texto.
O
Haz clic en la flecha para ver la barra deslizante emergente. A medida que
arrastres la barra deslizante los objetos se difuminarn.
Doble clic sobre la regla para crear una lnea gua alineada al punto de clic.
Esto crea automticamente una capa gua y coloca la lnea gua en esa capa.
127
128
O, usa la galera de capas:
1.
2.
3.
4.
5.
crea una copia mientras arrastras, cambias de tamao, doblas, etc. El objeto
original no se modifica.
Desagrupar objetos
1. Selecciona el grupo.
2. Escoge Arreglo > Desagrupar (o Ctrl+U).
Grupos y capas
Ms informacin sobre capas en el captulo Capas (en la pgina 407)
Si todos los objetos que quieren agruparse se encuentran en una sola capa, el grupo
se crear en esa capa. El grupo se encuentra en el nivel del mayor miembro del grupo.
(Es decir, el grupo se convierte automticamente en el objeto de adelante).
Si los objetos se encuentran en ms de una capa, el grupo se crear en la capa que
contenga el objeto ms cercano al frente.
129
130
Sincronizacin de texto
En algunas circunstancias, los objetos de texto de un grupo suave se sincronizan para
que, si editas el texto de uno, tambin se actualice en los dems. Esta funcin exista
antes de la introduccin de las COPIAS LIVE y las COPIAS LIVE son mucho ms flexibles
y potentes, por lo que esta funcin ya no es tan til como sola serlo. Sin embargo,
muchas plantillas y elementos de la GALERA DE DISEOS todava la utilizan y tambin
se usa generalmente para botones MouseOver, en donde ambos estados del botn
deben tener la misma etiqueta todo el tiempo. Cuando se cambia la etiqueta del
estado desactivado, el estado MouseOver tambin cambia para coincidir.
www.magix.es
Alineacin
As puedes alinear o distribuir de forma precisa dos o ms objetos.
Alineacin rpida
Selecciona los objetos que deseas alinear y haz clic derecho en la seleccin para
escoger ALINEAR del men desplegable, luego escoge una de las opciones siguientes:
131
132
El pequeo diagrama en la parte superior del
dilogo te muestra el efecto al seleccionar cada
opcin. Los objetos seleccionados en el
documento no cambiarn hasta que pulses
APLICAR .
El dilogo de alineacin es un dilogo no modal,
lo que significa que puedes dejarlo abierto y
continuar trabajando sobre el documento al
mismo tiempo. Por lo tanto, puedes cambiar
herramientas, dibujar y cambiar la seleccin del
objeto y despus seleccionar una de las opciones
de alineacin.
Si te has equivocado al seleccionar, puedes
cambiar a la seleccin y hacer clic sobre el botn
APLICAR para configurar la ltima alineacin. Esto
puede ahorrarte mucho tiempo.
Dentro
Esta seccin del dilogo controla los lmites dentro de los que alineas o distribuyes los
objetos. Las opciones son:
LMITES DE SELECCIN : los lmites son los bordes
Alineacin
Para alinear objetos para que, por ejemplo, sus bordes izquierdos queden alineados a
la izquierda:
1. Selecciona los objetos y luego haz clic derecho sobre la seleccin.
2. Escoge "ALINEAR " > "BORDES IZQUIERDOS " de la lista desplegable.
2.
3.
4.
5.
Los objetos seleccionados se movern para alinearse al borde izquierdo. Todas las
opciones de alineacin actan de forma similar. Mostramos solamente el ejemplo de
alineacin izquierda para ser breves. Experimenta para aprender las otras opciones.
Para seleccionar rpidamente cualquier otra combinacin de alineacin vertical y
horizontal, haz clic en el diagrama:
Distribuir
Las opciones de distribucin posicionarn los objetos seleccionados de forma regular
dentro del rea (generalmente los lmites de seleccin, pero tambin puede ser la
pgina o doble pgina.)
Todas las opciones de distribucin funcionan de forma similar. Los siguientes
ejemplos muestran las diferentes opciones verticales para alinear objetos:
133
134
DISTRIBUIR BORDES SUPERIORES : las partes superiores
de los objetos se distribuyen de forma regular. La
distribucin de BORDES INFERIORES es la inversa: la
parte inferior de los objetos se distribuye de forma
regular.
DISTRIBUIR CENTROS : los centros de los objetos se
distribuyen de forma regular.
Libreras de estilos
Es bastante fcil utilizar esta tcnica para crear documentos que pueden utilizarse
como libreras de estilo. Crea una serie de pequeos objetos con un relleno, color y
otros estilos de atributos. Despus, la forma ms sencilla de utilizar uno de estos
estilos es:
Nombrar objetos
Puedes aplicar nombres a cualquier objeto del MAGIX Web Designer 10
Premium, utilizando la opcin "Aplicar, quitar o verificar nombres de objetos"
en la barra de informacin de la HERRAMIENTA DE SELECCIN .
La aplicacin de nombres es un mecanismo que tiene una variedad de usos que sern
explicados a continuacin. El uso ms comn es para formar series de objetos.
Ejemplos del uso de nombres
Animaciones Flash: los nombres para las animaciones Flash se usan para marcar
objetos a los que se les aadirn animaciones con el exportador Flash. Lee el captulo
sobre Flash (en la pgina 418) para ms detalles.
Objetos repetidos: se utiliza una convencin especial de nombres para identificar un
objeto que aparecer en la misma posicin y con la misma forma en mltiples
pginas. Esto te permite editar una copia del objeto y actualizar todas las otras copias
para que estn iguales. Ver el captulo "Objetos repetidos" (en la pgina 137) en
Primeros pasos.
135
136
Aadir nombres
Para aadir un nombre a un objeto, selecciona el objeto y abre el dilogo
APLICAR/ELIMINAR NOMBRES utilizando el botn de la BARRA DE INFORMACIN DE LA
HERRAMIENTA DE SELECCIN .
Introduce el nuevo nombre en el campo "Aplicar nombre" o utiliza la lista desplegable
del mismo campo para seleccionar un nombre que ya haya sido utilizado en otra parte
del documento actual. Haz clic en AADIR . El nombre aparecer en la lista "NOMBRES
APLICADOS ".
Nombres aplicados
El campo de "NOMBRES APLICADOS " te muestra los nombres que se han aplicado en la
seleccin actual. Si hay ms de un objeto seleccionado, solo se mostrar una lista de
los nombres aplicados si todos los objetos de la seleccin tienen la misma serie de
nombres. Si no es as, vers la palabra "<muchos>" indicando que se han aplicado
distintos nombres para los diferentes objetos de la seleccin.
Para quitar un nombre de un objeto seleccionado, haz clic en el nombre en la lista
"Nombres aplicados" y luego haz clic en el botn ELIMINAR .
www.magix.es
Objetos repetidos
En las pginas web es muy comn que ciertos elementos se repitan en todas las
pginas como, por ejemplo: los botones de navegacin, los encabezados o los logos.
Web Designer te ofrece la posibilidad de repetir cualquier elemento en el mismo lugar
de las pginas del sitio. Cuando actualizas una de las copias, Web Designer aplica
automticamente esos cambios a todas las pginas que tienen una copia del objeto
repetido.
En la mayora de las plantillas de diseo se repiten los botones principales de
navegacin. Puedes convertir a cualquier objeto, como un botn, en un objeto
repetido si haces clic derecho y escoges la opcin REPETIR EN TODAS LAS PGINAS. El
objeto se copia en el mismo lugar en todas las pginas y vers el smbolo de objeto
repetido en la esquina superior derecha. Si realizas ms cambios a este elemento,
todas las copias se actualizarn automticamente.
Sin embargo, si la barra est configurada como BARRA DE NAVEGACIN DEL SITIO
aparecer automticamente en todas las pginas de tu sitio y no es necesario que la
conviertas en un objeto repetido.
Los textos de logos y pies de pgina generalmente se configuran como objetos que se
repiten. Esto significa que puedes editarlos en una sola pgina, y que el objeto se
actualizar automticamente en todas las otras pginas.
Nota: se utiliza la pgina actual como fuente original para actualizar los elementos
repetidos de todas las pginas.
El recuadro rojo es el smbolo de objeto repetido y se muestra en todas las instancias del objeto
repetido.
137
138
Si no quieres una copia de un objeto que se repite en la pgina, solo tienes que
borrarla de esa pgina. Al editarlo, el objeto repetido se actualiza solamente en las
pginas que ya lo contienen. Esto significa que puedes escoger qu pginas de tu
documento deben tener el objeto que se repite y cuales no deben tenerlo.
Si quieres repetir un objeto en solo unas cuantas pginas de una pgina web extensa
puedes hacer lo siguiente:
1. Primero, repite tu objeto en todas las pginas de tu sitio web, usando "Arreglo" >
cuando se indique.
4. Ahora simplemente pega el objeto repetido en cada pgina donde lo quieras
copiar.
www.magix.es
139
140
Ten en cuenta que no puedes usar DETENER ACTUALIZACIN en barras de
navegacin que tengan la opcin BARRA DE NAVEGACIN DEL SITIO activada en el
DILOGO DE BARRA DE NAVEGACIN . Esto es porque las barras de navegacin del
sitio se actualizan siempre en toda la pgina. Consulta el captulo Barras de
navegacin para ms informacin sobre las barras de navegacin.
Fijo
Esta es la opcin por defecto y la configuracin adecuada para la mayora de los
objetos de un documento. La posicin del objeto es fija con respecto a la parte
superior de la pgina de forma que no se mover aun cuando cambies la longitud de
la pgina.
Pie de pgina
As se marca el elemento como objeto de pie de pgina. Siempre mantendr la misma
distancia con respecto a la parte inferior de la pgina, de forma que si amplas la
pgina, el objeto se mover hacia abajo en la misma proporcin. Si copias el objeto y
utilizas la opcin PEGAR EN EL LUGAR para insertarlo en una pgina con un tamao
www.magix.es
Automtico
Esta opcin es especialmente til para plantillas de pgina y objetos repetidos.
Permite que un objeto se comporte como un pie de pgina, solo si se encuentra en la
mitad inferior de una pgina. Si mueves el objeto a la mitad superior de la pgina, se
comportar como un objeto fijo. La lgica de esta reaccin reside en que los objetos
que son pie de pgina se necesitan en general cerca de la parte inferior de la pgina.
Esta es la configuracin por defecto para los objetos repetidos. En otras palabras, si
configuras un objeto cerca del borde de la pgina como repetido, se colocar a la
misma distancia del borde inferior de todas las pginas en las que aparece. Pero si lo
mueves a la mitad superior de la pgina, ya no se tratar como un elemento de pie de
pgina.
Objetos de desplazamiento
Los objetos de desplazamiento son especialmente tiles en las plantillas de pginas
porque ayudan a mantener el diseo de la pgina cuando el texto se extiende o se
acorta. Los objetos de desplazamiento no se superponen unos con otros, por lo que si
amplas o mueves uno de forma que invada el espacio de otro, lo "desplazar" hacia
abajo en la pgina. Y si un objeto de desplazamiento se sale del final de la pgina, esta
se ampla automticamente.
Para convertir un objeto en objeto de desplazamiento, haz clic derecho sobre l y
escoge DESPLAZAMIENTO... del submen POSICIN EN LA PGINA . Aparecer el dilogo
de DESPLAZAMIENTO.
141
142
Selecciona la casilla "Desplazamiento" para activar esta opcin para los objetos
marcados. Luego puedes cambiar los mrgenes inferior y superior, si lo deseas. Por
defecto, los mrgenes inferior y superior estn bloqueados conjuntamente: si quieres
configurarlos de forma independiente haz clic en el botn de bloqueo. El valor del
margen superior determina cun cerca pueden estar los objetos de desplazamiento
entre s, hasta que uno se desplace para dar lugar al otro. De esta forma impide que
otros objetos de desplazamiento se acerquen demasiado. De la misma forma, el valor
del margen inferior especifica cun cerca puede estar de otro objeto de
desplazamiento situado debajo antes de que lo desplace. Tambin define la distancia
mnima que debe mantenerse entre el objeto y el extremo inferior de la pgina (la
pgina se extender de ser necesario), ya que por lo general no deseas que el objeto
se encuentre justo sobre el borde de la pgina.
El campo AMPLIAR LADOS te permite hacer que el objeto de desplazamiento se
comporte como si fuera ms ancho de lo que es en realidad. Esto significa que puedes
hacer que desplace a los objetos que se encuentran debajo (o que se lo empuje desde
arriba) aun si existe una separacin horizontal entre los objetos. Entonces, por
ejemplo, un rectngulo de 100 pxeles de ancho con una configuracin de
desplazamiento con AMPLIAR LADOS de 50 pxeles, se comportar como si tuviera
200 pxeles de ancho respecto al desplazamiento.
Como se menciona arriba, cuando un objeto de desplazamiento se alarga desplazar
otros objetos de desplazamiento debajo del mismo fuera de la pgina y , si es
necesario, la pgina se alargar. Pero, qu ocurre si el objeto de desplazamiento se
acorta de nuevo (porque se haya borrado parte del texto de un objeto de texto, por
ejemplo)? Ahora hay espacio para que los objetos de desplazamiento debajo vuelvan
a desplazarse hacia arriba en la pgina. Por lo tanto, mientras que los objetos
comenzaron pegados antes de que el texto fuera borrado, esto es exactamente lo que
sucede a continuacin: los objetos de desplazamiento inferiores suben, cubriendo el
hueco que en caso contrario se hubiera generado. De igual manera y donde sea
preciso, el final de la pgina se desplazar hacia arriba, haciendo la pgina ms corta.
En resumen, aplicar "Desplazamiento" a los elementos principales de tu pgina ayuda
a mantener su disposicin cuando se aade o elimina contenido de la misma.
www.magix.es
Puedes utilizar cualquiera de las siguientes herramientas para dibujar lneas y formas:
("F3").
dispositivo conectado).
3. A medida que arrastras el cursor por el documento, dibujars una lnea en
tiempo real.
4. Suelta la tecla del ratn para finalizar la lnea.
143
144
Suavizado
Indicador de readaptacin
Los valores bajos hacen que la lnea siga el movimiento del ratn de forma ms
cercana al crear ms puntos de control, mientras que los valores ms altos producen
curvas ms suaves con menos puntos de control.
www.magix.es
O:
1. Crea un objeto abierto con todos los controles deslizantes en
145
146
O:
1. Usa la herramienta de DIBUJO LIBRE Y PINCEL para crear el segmento final.
www.magix.es
Modo Bosquejo
Esta opcin es til si ests dibujando rpidamente muchas lneas
independientes cercanas unas a otras, tal vez con una tableta de dibujo.
Al trabajar de esta forma, generalmente no quieres editar las lneas existentes que has
dibujado, sino dibujar nuevas lneas con cada trazo. Pero como se ha descrito
anteriormente, si inicias una operacin de dibujo en una lnea existente o sobre su
punto final, esa lnea existente se modifica. Entonces, cuando haces un bosquejo, es
posible que modifiques lneas sin quererlo con tus pinceladas, en vez de dibujar
nuevas lneas como las que queras.
Para solucionar este problema, activa el modo de bosquejo. Ahora, si colocas el cursor
del ratn sobre una lnea existente o un punto de extremo, vers que se hace una
breve pausa antes de que el cursor del ratn cambie para indicar que la lnea se
editar o extender. Esta pausa significa que puedes seguir editando lneas existentes
si lo deseas, pero que no lo hars sin intencin cuando quieres trazar nuevas lneas.
Alta presin
Baja presin
GRABACIN DE PRESIN
2.
3.
4.
5.
147
148
Hay una entrada especial en la lista desplegable de formas de trazo en la barra de
informacin llamada "Presin" para indicar que la lnea seleccionada tiene un perfil
personalizado. Para convertir la lnea dibujada a presin en un trazo normal, tan solo
escoge un perfil de trazo alternativo de la lista. De esta forma se eliminan todos los
datos de presin guardados para el trazo.
Modo de trazo
El modo trazo te ayuda a dibujar lneas que siguen bordes visibles en imgenes
fotogrficas. Por ejemplo, puedes utilizarlo para dibujar alrededor de un edificio u otro
objeto en una foto que quieras cortar.
Para la mayora de las fotos es mejor disminuir el valor por defecto del suavizado para
que la lnea siga con mayor precisin los bordes complejos con menos suavizado de la
lnea mientras dibujas. Siempre puedes ajustar el suavizado despus de haber
dibujado la lnea, de ser necesario.
Asignar puntos
A veces vers mientras dibujas a lo largo de un borde en una foto que los ltimos
pxeles de la lnea "saltan" como si buscaran diferentes rutas. Cuando hay ms de una
ruta posible, mueve el cursor alrededor y observa cmo el extremo salta entre ellos.
www.magix.es
Eliminacin
Tal como se menciona anteriormente, independientemente de si el trazado est
activado o desactivado, puedes eliminar la ltima parte de la lnea que has dibujado si
pulsas la tecla Shift y mueves el cursor del ratn a una parte anterior de la lnea. La
lnea se borrar desde ese punto hasta el final.
Imgenes complejas
Muy pocas fotos reales tienen objetos con bordes obvios que el modo trazo puede
seguir sin problemas. A menudo hay texturas en los objetos o en el fondo que harn
que el modo de trazo encuentre muchos bordes alternativos. Ampla las partes
difciles de las fotos para obtener ms control sobre el trazo y poder usar la barra
espaciadora para asignar puntos manualmente y con mayor frecuencia en las
imgenes ms complejas. Luego presiona T para activar y desactivar el modo a
medida que te mueves por las partes de una imagen que son fciles de trazar y las
que no.
Edicin no destructiva
A diferencia de la mayora de las herramientas de foto que editan permanentemente
los pxeles de la foto cuando cortas objetos de esta forma, MAGIX Web Designer 10
Premium es no destructivo. El contorno es un contorno de vectores editable que
puedes editar de la misma forma que otras formas de vector con la herramienta de
149
150
dibujo libre o de formas. Utiliza la edicin de formas para limpiar manualmente tu
contorno, y revelar ms o menos imagen a medida que editas los bordes.
Estilos de pincel
La herramienta de DIBUJO LIBRE Y PINCEL tambin puede utilizarse para aplicar
distintos estilos de trazos sobre el trazado de la lnea. Entonces, puedes convertir una
lnea slida con un ancho especfico en una lnea con ancho variable o utilizar uno de
los estilos de pincel, como "airbrush" o marcador de fieltro, etc.
Es importante comprender que la lnea puede continuarse editando por lo que, a
diferencia de la mayora de programas de dibujo y optimizacin de fotos, puedes
seleccionar la lnea posteriormente y ajustar la forma de la lnea y el trazo del pincel.
Esto se describe en el apartado PINCELES ms adelante en este captulo.
Punta de flecha
Extremo posterior de la flecha
Tamao del extremo de la flecha
Trayectoria invertida
La barra deslizante de la barra de informacin te permite cambiar el tamao de los
extremos de flecha a la lnea seleccionada actualmente. O puedes introducir un valor
de porcentaje en el campo de texto del tamao a la derecha de la barra deslizante.
www.magix.es
Trayectoria invertida
Presiona el botn TRAYECTORIA INVERTIDA de la barra de informacin para
intercambiar la punta y el final de la flecha de la lnea seleccionada.
Aadir/Cambiar/Editar indicador
Crear curva
Crear lnea
Unin en curva
Unin marcada
Separar en puntos
Eliminar puntos
Invertir trayectoria
Posicin de los controles deslizantes
Suavizado
151
152
La barra de informacin, que se muestra arriba, ofrece una amplia variedad de
controles, incluyendo un control numrico muy preciso.
Todas las lneas y formas en MAGIX Web Designer 10 Premium estn formadas a
partir de una secuencia de curvas y secciones de lnea. Muchas veces, las curvas se
denominan Bzier, en honor al primer matemtico en describirlas.
Estas secciones o segmentos de una lnea estn sealados por pequeos controles
deslizantes negros. Puedes arrastrar, aadir y eliminar estos controles deslizantes
para manipular la forma de la lnea o contorno.
Algunos objetos como QuickShapes, rectngulos, elipses y texto tienen que
convertirse en formas editables, antes de poder utilizar la HERRAMIENTA DE EDICIN
DE FORMAS para modificarlos. Para ello, selecciona un objeto y marca "ORDENAR " >
"COMBINAR FORMAS " > "AADIR FORMA".
Haz clic donde quieras colocar el prximo control deslizante o haz clic y arrastra y
despus suelta el botn del ratn cuando la lnea sea correcta. Esto crea un segmento
de lnea y selecciona el nuevo control deslizante del extremo.
www.magix.es
Extender la lnea.
Asegrate de seleccionar un punto de control deslizante que se encuentre en un
extremo (contorno rojo) y despus haz clic para aadir una nueva seccin de lnea o
153
154
curva. Cada clic sucesivo coloca un nuevo punto de control deslizante y dibuja un
nuevo segmento de lnea a partir del punto de control deslizante seleccionado.
Finalizar la lnea
+ clic completa la lnea (mantnla seleccionada), o pulsa "Esc" para terminar la
lnea y deseleccinala. El prximo clic crear una nueva lnea.
NUEVO :
www.magix.es
elimina la seleccin).
O + Ctrl+clic sobre un punto de control para seleccionar todos los puntos
de control de la lnea.
O arrastra el cursor del ratn diagonalmente para crear un rectngulo de
seleccin. Todos los puntos de control que se encuentren dentro del
rectngulo se seleccionarn.
O + arrastra el cursor del ratn diagonalmente para crear un rectngulo de
seleccin. Esto aade todos los puntos dentro del rectngulo a aquellos que
ya estn seleccionados.
3. Si la lnea tiene uno o ms puntos de control seleccionados:
Fin mueve la seleccin al final de la lnea.
Inicio mueve la seleccin al comienzo de la lnea.
Tab mueve la seleccin al prximo punto de control hacia el fin de la lnea.
+ tab mueve la seleccin al prximo punto de control hacia el inicio de la
lnea.
Los puntos de inicio y fin son importantes cuando se aplican flechas (en la pgina
161).
Eliminar puntos
Selecciona el o los puntos de control tal como se describe
anteriormente y haz clic sobre el botn ELIMINAR PUNTOS (barra de
informacin del EDITOR DE FORMAS ) o pulsa la tecla Supr.
155
156
O para mover un solo control deslizante, introduce los valores nuevos en los campos
de texto de la barra de informacin (ver ms abajo).
Los campos X/Y de al lado indican las coordenadas de los controles deslizantes de
curva a cada lado del punto seleccionado.
Por defecto, las coordenadas X/Y se miden a partir de la esquina inferior izquierda de
la pgina. Puedes cambiar esto en la pestaa "Cuadrcula y regla (en la pgina 474)"
en el dilogo de opciones. Si el punto seleccionado se encuentra al final de una
seccin de lnea curva, los campos izquierdos muestran la longitud y el ngulo de la
lnea. Puedes ajustar estos valores introduciendo uno nuevo y pulsando Intro.
www.magix.es
Los puntos eliminados se recuerdan para que puedas realizar otros cambios al
suavizado de la lnea con solo ajustar la barra deslizante. Los puntos eliminados se
eliminan cuando realizas otra edicin a la lnea como, por ejemplo, arrastrar un
control deslizante.
Consejo: para asegurarte de que no se borren puntos importantes, comprueba que
no estn seleccionados. (+clic sobre un punto seleccionado para eliminar la
seleccin).
Restringir la lnea
Cuando arrastras un punto de control y pulsas la
tecla de restriccin (Ctrl), el movimiento se limitar
al ngulo de restriccin (controlado en el dilogo de
OPCIONES , en la pestaa GENERAL ). Al arrastrar un
control deslizante de curva, el ngulo est
restringido.
157
158
Despus de cambiar el tipo de lnea, es posible que quieras mover los controles de
curva para una transicin ms suave entre los segmentos de lnea curvos y rectos.
Puedes seleccionar varios segmentos de lnea y convertirlos. Los puntos de control de
ambos extremos del segmento deben estar seleccionados.
Cambiar curvas
Uso del control de curva
Arrastrar el control de curva ajustar la curva de los segmentos de curva contiguos.
Mueve los controles deslizantes de curva hacia o desde
el punto de control para arrastrar la curva en la direccin
requerida.
Nota la diferencia entre arrastrar una lnea para cambiar su forma y hacer clic en la
lnea para aadir un nuevo punto de control. Arrastrar un segmento de lnea recto lo
cambia a un segmento de lnea curvo.
www.magix.es
Equilibrar curvas
El equilibrio hace que los dos controles deslizantes de la curva se encuentren a la
misma distancia del punto, lo que resulta en curvas ms simtricas y suaves. Para
equilibrar una curva, selecciona el control deslizante del punto, luego arrastra uno de
los controles deslizantes de curva mientras mantienes la tecla SHIFT presionada. A
medida que arrastras uno de los controles deslizantes de la curva, el otro se mover
para ser exactamente opuesto y tener la misma distancia desde el control deslizante
del punto.
159
160
Unir lneas
Para unir lneas ambas tienen que estar seleccionadas (los deslizantes de punto se
muestran en ambas lneas):
Con la herramienta de SELECCIN , mantn presionado "" y haz clic en las lnea para
seleccionarlas (si ya te encuentras en la herramienta de EDICIN DE FORMAS , pulsa
"Alt + S" si quieres ir a la herramienta de SELECCIN , para seleccionar la segunda lnea,
presiona " + clic", y luego "Alt + S" para volver a la herramienta de EDICIN DE
FORMAS .
El modo de seleccin de objetos est explicado en detalle en el captulo "Seleccin
de objetos (en la pgina 103)".
Una vez que ambos objetos estn seleccionados, en la herramienta de EDICIN DE
FORMAS , arrastra el control deslizante del extremo de la lnea hasta el extremo de la
otra lnea. Mientras arrastras, el cursor del ratn mostrar un smbolo + para indicar
que las lneas se unirn.
Si los extremos de ambas lneas ya se encuentran uno muy cerca del otro, pero no
estn unidos, puedes ampliar el tamao con el zoom, o alejar el punto de fin y
despus volverlo a arrastrar para llevarlo hasta el punto de fin y ver el "+" que indica
que las lneas se unirn.
Para crear una forma con relleno, arrastra los otros dos controles deslizantes de fin
para que se unan. Puesto que unes los controles deslizantes de fin, slo puedes unir
lneas y no formas. Las formas son objetos cerrados y, por lo tanto, no tienen
controles deslizantes de fin.
www.magix.es
Galera de lneas
La GALERA DE LNEAS puede utilizarse para aplicar una gama de estilos o atributos de
lnea como, trazos de pincel, plantillas con guiones, puntas de flecha y ms.
Para ver la GALERA DE LNEAS :
La GALERA DE LNEAS est separada en secciones. Para abrir o cerrar una seccin, haz
clic en el pequeo icono de carpeta de la ventana de la galera.
161
162
Ancho de lnea
Tipo de unin
Extremo de lnea
Para aplicar cualquier estilo o atributo de lnea desde la galera puedes:
Ancho de lnea
El campo de texto que se encuentra encima de la galera es una copia del campo de
texto de la barra de control estndar.
Trazos de pincel
Hay varias secciones que muestran una seleccin de varios estilos de pincel.
Modelo de guin
Esta seccin ofrece una seleccin de estilos de lnea con guiones.
www.magix.es
Puntas de flecha
La mejor forma de aplicar una punta de flecha es utilizar la HERRAMIENTA DE LNEAS
(en la pgina 150), tal como se ha descrito anteriormente en este
captulo. Sin embargo, tambin puedes utilizar la galera de lneas. Arrastra y suelta la
punta de flecha desde la galera hasta el extremo apropiado de la lnea.
RECTAS Y FLECHAS
Web Designer tiene dos tipos de diseos de flecha: comienzo y fin. Si la lnea ya tiene,
por ejemplo, una punta de flecha de comienzo, la punta de flecha aplicada se colocar
automticamente en el extremo final de la lnea.
Si la lnea no tiene puntas de flecha y pulsas el botn APLICAR o haces doble clic sobre
un estilo para aplicarlo, la punta de flecha se colocar al final de la lnea.
El tamao de la punta de flecha depende del ancho de la lnea. Las lneas ms anchas
tendrn puntas de flecha proporcionalmente ms grandes.
Si pulsas "Ctrl" y haces doble clic sobre una punta de flecha o estilo de final se
aplicar en el otro extremo de la lnea.
163
164
Para cambiar una lnea existente, selecciona la
lnea.
Para cambiar el tipo de unin actual, deselecciona
todas las lneas.
Selecciona el tipo deseado del men.
www.magix.es
Manejo de formas
Manejo de formas
Herramientas de dibujo y forma
HERRAMIENTA DE RECTNGULO
("M")
("Shift + F2")
Crear un cuadrado
Para crear un cuadrado en vez de un rectngulo, pulsa Ctrl mientras arrastras.
165
166
Para cambiar el tamao de los rectngulos ve a la HERRAMIENTA DE RECTNGULO (y
arrastra los controles deslizantes de las esquinas) o a la HERRAMIENTA DE SELECCIN .
Ten en cuenta que si cambias la relacin de aspecto de una esquina redondeada de
un rectngulo utilizando la herramienta de seleccin (extendiendo slo una
dimensin), la relacin de aspecto de las esquinas redondeadas no cambiar. Pero si
seleccionas varios objetos o si extiendes un grupo con un rectngulo con esquinas
redondeadas, la relacin de aspecto de las esquinas no se mantendr.
Radio
Dimetro
Creacin con lmites
Selecciona la opcin RADIO para dibujar crculos. El lugar en dnde empieces a
arrastrar ser el centro del crculo.
Selecciona la opcin DIMETRO. Ahora el lugar en dnde empieces a arrastrar
determinar el borde del crculo.
Con el botn de CREACIN CON LMITES seleccionado, arrastra el ratn a travs del
lienzo y se crear una elipse. Para crear un crculo en vez de una elipse, pulsa "Ctrl"
mientras arrastras.
Puedes convertir una elipse en un crculo en cualquier momento haciendo doble clic
sobre un control deslizante.
www.magix.es
Manejo de formas
Smartshapes
Usa la HERRAMIENTA QUICKSHAPE para insertar SMARTSHAPES: una
coleccin de formas tiles ya preparada como flechas, globos de dilogo,
campos de texto y componentes geomtricos.
Con la HERRAMIENTA QUICKSHAPE seleccionada, haz clic en el botn INSERTAR de la
barra de informacin y elige entre las formas disponibles en el men desplegable. Si
seleccionas RECTNGULO , ELIPSE, PANEL DE TEXTO o GLOBO DE DILOGO la forma se
colocar directamente en tu documento. Las otras opciones abrirn el CATLOGO DE
CONTENIDO ONLINE , donde estn disponibles numerosas formas. Elige una forma e
imprtala simplemente en tu documento haciendo doble clic o haciendo clic en el
botn IMPORTAR . Tambin puedes acceder a smartshapes a travs de la GALERA DE
DISEOS y el men principal INSERTAR .
Edicin de smartshapes
Smartshapes viene con controles deslizantes predefinidos, lo que te permite editar las
formas de forma fcil e intuitiva. Simplemente modifica o curva una flecha o para
editar un globo de dilogo usando los controles deslizantes, por poner algn de
ejemplo. Los controles deslizantes aparecen cuando seleccionas la forma usando la
HERRAMIENTA QUICKSHAPE , y si pasas sobre el control deslizante, la barra de estado te
da una prctica descripcin de la funcin.
Cuando ests en la herramienta de seleccin, haz doble clic sobre cualquier
smartshape y esto te lleva a la herramienta quickshape, de forma que puedes
arrastrar el ratn sobre los controles deslizantes de la forma.
Las smartshapes originales (a la izquierda) y las versiones editadas (a la derecha) que muestran
los controles deslizantes de smartshapes.
167
168
Con el globo de dilogo, los controles deslizantes te permiten cambiar las
dimensiones del globo, aadir una curvatura, controlar el rea de texto y modificar el
tamao y orientacin de la flecha del globo. Cuando smartshape contiene texto,
puedes editarlo: cambia su tamao y fuente, etc. as como para cualquier otro texto,
usando la HERRAMIENTA DE TEXTO.
Para cambiar los colores de una smartshape, puedes seleccionar la forma y hacer clic
en los colores sobre la lnea de colores o abrir el EDITOR DE COLOR . O arrastra el color
desde la lnea de color y sultalo sobre el elemento. Donde hay mltiples colores en la
forma, el dilogo Reemplazamiento de color (en la pgina 183) aparecer
permitindote elegir qu color quieres cambiar.
Hay muchas smartshape diferentes y vers ms aparecer con el tiempo segn el
programa vaya buscando nuevas formas modificadas en Internet cuando inicias el
programa. As que mantente al tanto para agregar nuevas formas.
herramientas desplegable.
2. Selecciona CREAR POLGONOS o FORMAS DE ESTRELLA de la barra de
informacin.
3. Selecciona la cantidad de lados en el men o introduciendo el valor en el
campo de texto.
Manejo de formas
Para crear un polgono o estrella arrastra el ratn exactamente de la misma manera
que para un crculo o elipse usando los botones de creacin de lmites, dimetro o
radio para controlar el punto de origen de tu forma.
Tambin puedes desplazar los valores usando los botones de la derecha. Para mover:
169
170
Edicin de estrellas
Para aumentar o disminuir la profundidad de la forma de estrella:
Arrastra un control deslizante de estrella o
selecciona RADIO Y DESPLAZAMIENTO DE LA
ESTRELLA del men de ELEMENTOS EDITABLES .
Introduce los valores requeridos en los campos
de texto.
Manejo de formas
Si haces "Ctrl + arrastrar" un lado de una estrella, todos los lados se desplazarn de
forma simtrica. Si pulsas "Ctrl + " y arrastras, se desplazar el par de lados como
imagen reflejada. "Ctrl+doble clic" sobre el lado o un clic sobre RESTAURAR BORDES
para que los lados vuelvan a ponerse rectos.
Combinar formas
La opcin del men ARREGLO > COMBINAR FORMAS te ofrece una amplia gama de
opciones avanzadas para combinar formas con el objetivo de crear nuevas formas
como, aadir, separar o cortar. Puedes utilizar la combinacin de formas en cualquier
tipo de objeto, incluido los mapas de bits.
La nueva forma tomar los atributos y colores de la forma de arriba (en este caso el
rectngulo de la ilustracin.)
Interseccin de formas
Con FORMAS DE INTERSECCIN , el nuevo objeto se crea de esas partes de las formas
inferiores que estn cubiertas por el objeto de arriba.
171
172
Selecciona las formas que quieres utilizar y la
forma de arriba.
Si separas una lnea, el cambio no ser visible. Sin embargo, si mueves un punto de
control, solo se mover una parte de la lnea. Si separas una forma, se convertir en
una lnea. El relleno desaparecer.
Nota: cortar formas (parte de Arreglo > Combinar formas) te permite separar
formas en dos formas individuales. Esta funcin se describe en el captulo Trabajar
con formas (en la pgina 172).
Cortar formas
MAGIX Web Designer 10 Premium te permite cortar formas en dos o ms partes.
Puedes usar un objeto slido o una lnea. Por ejemplo, para cortar un segmento de un
crculo:
www.magix.es
Manejo de formas
1. Crea un crculo y un tringulo arriba
2. Seleccinalos.
3. Escoge ARREGLO> COMBINAR FORMAS >
CORTAR FORMAS .
La desventaja es que no puedes editar los objetos con sus herramientas originales.
Para ms informacin sobre textos, lee el captulo Trabajar con textos (en la pgina
190).
173
174
La lnea de colores
La lnea de colores se muestra en la parte inferior de la ventana. Te permite ver los
colores de relleno y lnea, te da acceso al editor de colores y proporciona la paleta de
colores predefinidos incluyendo la opcin "sin color".
"Shift+clic" puedes aplicar "sin color" a una lnea. Ten en cuenta que no es lo
mismo que 100 % transparente. "Sin color" y transparencia son diferentes. Una
forma a la que se le aplica transparencia sigue siendo una forma slida, mientras
que una forma rellenada con "sin color" queda hueca. El botn SIN COLOR
tambin se puede utilizar para restaurar los colores originales de una foto a la
que se le haya aplicado un color continuo.
Marcador de color de relleno actual
Marcador de color de lnea actual
Si la longitud de la lnea de color excede la ventana, puedes desplazarte por la lnea de
colores con la barra de desplazamiento inferior o arrastrando la lnea de color con "Alt
+ arrastrar".
MAGIX Web Designer 10 Premium te ofrece varias opciones para el tamao
visualizado de la lnea de colores (descrito en Personalizacin de Web Designer)
www.magix.es
Colores con nombre (originales): primero se encuentran los colores con nombre
(si se encuentran presentes en el documento, ver ms abajo). Los colores con
nombre se utilizan para asignar colores originales a las plantillas y diseos, para
que el esquema de color de un diseo pueda cambiarse sin tener que editar cada
objeto de forma individual.
Colores vinculados: son aquellos colores que estn relacionados con una sombra
o un matiz y se muestran de forma diferente en la lnea de color (pequeos
rectngulos redondeados), de modo que resulta mucho ms fcil distinguir los
colores con nombres independientes de aquellos que estn vinculados a un color
principal. Leer el captulo Creacin de un tinte, una tonalidad o un color
vinculado (en la pgina 188).
Colores de paleta: hay una paleta "estndar" de 46 colores predefinidos. Hay 5
sombras de 7 colores estndar y 10 sombras de grises, negros y blancos. Los
colores de la paleta estndar no se pueden editar (es decir, no son colores con
nombre) y tienen una seleccin simple y limitada de colores que se utilizan para
aplicarlos a objetos (ya sea arrastrando hasta el objeto o mediante clic).
Los marcadores pequeos en los iconos de color muestran cul de los colores con
nombre (si hay alguno) o colores de paleta se han aplicados al objeto seleccionado.
Los marcadores en forma de rombo muestran los colores usados por los
objetos seleccionados. Un rombo en la esquina superior izquierda indica el
color de relleno, en la esquina superior derecha indica el color de lnea.
Los marcadores en forma de cruz muestran los atributos de color activo, si
no hay ningn objeto seleccionado. El color de lnea a la derecha, el color
de relleno a la izquierda.
Los marcadores triangulares muestran los colores de un relleno si has
aplicado alguno.
Esto funciona tambin escogiendo un color con el selector de color de un objeto
existente, consulta Usar la pipeta para escoger colores (en la pgina 179). Los
marcadores de lnea de colores se actualizan inmediatamente e indican el color del
objeto bajo la pipeta al arrastrarlo alrededor.
175
176
REEMPLAZAR COLORES
RENOMBRAR
ELIMINAR
informacin.
Con un clic derecho sobre la opcin "sin color", las opciones de color de relleno y lnea
se reemplazarn por ELIMINAR COLOR DE RELLENO / ELIMINAR COLOR DE LNEA.
Al arrastrar colores, un indicador al lado del cursor te dir cul ser el efecto al soltar
el color:
www.magix.es
Establecer color final de relleno con gradacin (cuando se arrastra sobre el final
de un relleno).
177
178
Para editar el color de lnea del objeto o objetos seleccionados
Esto muestra el EDITOR DE COLOR que te permite seleccionar cualquier color del
espectro. A diferencia de la mayora de los programas grficos, el Editor de color
puede permanecer en pantalla mientras continuas trabajando. Cambiar para reflejar
el color de los objetos seleccionados, y el poder arrastar la esquina inferior derecha
para redimensionar la ventana del EDITOR DE COLOR te permite ajustar el color del
objeto seleccionado fcilmente y con precisin.
El editor de color
El editor de color se utiliza para cambiar el color de los objetos del documento.
179
180
Los COLORES LOCALES se utilizan en un solo lugar del documento. Cada objeto
tiene un color por separado y nada se comparte. Esto es til cuando quieres
cambiar el color de un objeto sin afectar otros objetos. Los colores locales son el
mtodo ms sencillo para documentos simples que utilizan relativamente pocos
colores. "Aplicar color" y "Editar el color de un objeto" explicados anteriormente
se refieren al trabajo con colores locales.
Los COLORES ORIGINALES (O COLORES CON NOMBRE) pueden utilizarse una y otra
vez en el documento. (Son el equivalente a los estilos de un procesador de
textos). Los colores originales se utilizan en las plantillas y brindan un aspecto
consistente a los elementos de la pgina como los botones o las barras de
navegacin. Cualquier edicin que se realice a un color con nombre se reflejar
en todos los objetos o partes del dibujo que usen ese color. Tambin puedes
copiar colores originales entre documentos. Los colores originales aparecen en
www.magix.es
todos los colores del tema de forma ms efectiva. De ser necesario, puedes
181
182
agregar ms elementos a la pgina para incluir toda la gama de colores
temticos.
2. Edita los colores con nombre del tema uno por vez, tal como se describe a
continuacin en la seccin "Edicin de colores con nombre" (en la pgina 184).
3. Una vez que ests satisfecho con tu nuevo esquema de colores, utiliza ARCHIVO
> GUARDAR COMO para guardarlo. El nombre de archivo que escojas DEBE incluir
"ThemeColorScheme" como parte del nombre del archivo. Esta es la forma en
que Web Designer reconoce los archivos de esquema de colores, es decir, al
buscar esa secuencia en el nombre del archivo. Tambin es una buena idea
incluir el nombre del tema relacionado con el esquema. Por ejemplo, si es un
esquema de colores azules para el tema "Beta", podras llamarlo
"BetaThemeColorSchemeAzul.web".
Para comprobar tu esquema de colores, arrstralo y sultalo desde el explorador de
archivos hasta la pgina con los colores temticos por defecto. La pgina debera
cambiar de color instantneamente con tu esquema de colores.
www.magix.es
Reemplazar colores
Con Web Designer es ms fcil volver a colorear objetos agrupados complejos como
botones, paneles de texto, barras de navegacin, etc., ya que te ofrece una lista de
colores usados que te ayuda a elegir cual quieres reemplazar.
183
184
Si seleccionas el elemento pluma, el "Editor de color" mostrar las gama de colores de reemplazo
disponibles.
Ten en cuenta que, cuando seleccionas un objeto con mltiples colores, la lista
desplegable del editor de color te muestra nicamente estos colores. El color de
relleno local, la lnea de color local y la lista de colores con nombre no estn
incluidas en la lista en este contexto para evitar hacer la lista demasiado larga y
confusa.
Ahora podrs editar el color como lo desees. Todos los objetos que utilizan ese color
se actualizarn automticamente para mostrar el nuevo color en todas las pginas de
tu documento.
nombres de los colores importados coincide con el nombre de los del diseo actual,
pero mantiene diferentes valores de color, aparecer una alerta como la siguiente:
Si deseas que lo objetos importados adopten los colores de tu diseo actual, elige la
opcin IGUALAR . Esto hace que todos los objetos que usan un nombre de color dado
utilicen la muestra existente de dicho color tal y como aparece en el documento
actual.
185
186
Si por el contrario deseas que los objetos importados mantengan sus propios colores,
selecciona la opcin NO IGUALAR . As se aaden nuevos nombres de colores a tu
diseo, con un nmero aadido al nombre de los colores para distinguirlos de los
colores que ya estn en el diseo actual. De esta forma los objetos importados
mantendrn sus propios colores.
Observa que si importas objetos de mltiples diseos diferentes y eliges siempre NO
IGUALAR , acabars con un gran nmero de nombres de colores diferentes en tu lnea
de color. Esto casi nunca resulta til. Por ello una alternativa mejor es usar la funcin
"Reemplazar color" descrita arriba para cambiar los colores de los objetos donde no
quieras que adopten los colores tema de tu documento.
La misma entrada se muestra si hay diferencias en la definicin del "estilo de texto"
entre el documento y el diseo importado. Ver esta entrada no significa
necesariamente que haya diferentes definiciones del nombre de color: podra deberse
tan solo a diferencias de "estilo de texto". Consulta la seccin de "Estilos de texto" del
captulo de "Manejo de texto" para ms detalles.
La entrada de "igualar" arriba incluye una casilla de NO PREGUNTARME DE NUEVO. Si
haces clic aqu, la opcin que elijas se aplicar a todas las importaciones futuras sin
preguntarte de nuevo. Sin embargo esto solo se aplica durante la sesin actual, por lo
que despus de reiniciar el programa se te preguntar de nuevo, en relacin a la
prxima importacin, cuando haya alguna discrepancia con los colores.
Usar la opcin IGUALAR significa que puedes escoger una plantilla, cambiar sus
colores de tema, importar a continuacin ms plantillas del mismo tema y los diseos
importados adoptarn automticamente los colores de tema que has modificado.
Por ejemplo, importa un botn grfico rojo de la GALERA DE DISEOS , cambia su color
de tema principal de rojo a verde, luego importa un logo grfico rojo del mismo tema y
elige la opcin IGUALAR . Cuando el logo aparece en tu diseo, en vez de ser rojo
habr recogido automticamente el color de tema verde escogido. Como en la
mayora de los temas el nombre del color de tema principal es "Color de tema 1",
tambin obtendrs buenos resultados al importar grficos de diferentes temas e
igualando los colores.
Tintes
Los tintes estn vinculados a otros colores (llamados colores principales) y son
siempre una versin ms plida que el principal. Tienen dos usos principales:
Un tinte puede estar basado en cualquier tipo de color, incluyendo otro tinte.
Cualquier cambio que se realice al color principal, tambin cambiar a los tintes
basados en l. Por ejemplo, es posible que definas un color rosa como 50% del color
principal rojo. Si cambias el color principal a naranja, el tinte cambiar de rosa a
naranja claro.
Tonalidades
Esto permite crear colores ms claros y ms oscuros basados en un color principal. Si
se cambia el color principal, se modificarn tambin las tonalidades asociadas. Por
ejemplo, un dibujo de un coche puede utilizar tonalidades para las regiones con ms
luz y tonalidades de la carrocera. Una simple edicin al color principal cambiar todos
los colores, pero las tonalidades se mantendrn iguales. Por lo tanto, configurar
tonalidades es una forma muy til de modificar colores.
Para obtener mejores resultados, el color principal debe ser un color saturado "puro".
Si se utiliza el modelo de color HSV, la saturacin y el valor deberan ser 100%. Al
verlo en el EDITOR DE COLOR , la cruz debera encontrarse en la esquina superior
izquierda.
187
188
Colores vinculados
Los colores vinculados son similares a las tonalidades, pero permiten ms flexibilidad.
Tambin estn basados en color principal pero puedes definir los atributos que
quieres que compartan el color vinculado y el principal. Por ejemplo, puedes crear un
color vinculado que sea una versin ms o menos saturada del principal, pero que el
tinte y la tonalidad sean las del principal.
inferior del dilogo y elige entre las opciones TINTE, TONALIDAD, o VINCULADO.
4. En el men desplegable del COLOR ORIGINAL , selecciona el color con nombre al
editor de color.
Si no aparecen las opciones de tinte, tonalidad y color vinculado en el men
desplegable de "tipo de color", esto probablemente significa que an no has creado un
color con nombre al que le quieres agregar un vnculo, o tambin puede ser que ests
editando el nico color con nombre del diseo.
www.magix.es
A la izquierda vers que el nuevo color tiene un poco de tinte del color original "amarillo", por
ello el editor slo suministra tintes ms claros del color original. A la derecha si seleccionas la
opcin tonalidad podrs elegir cualquier tonalidad ms clara o ms oscura del color original.
Si quieres utilizar este color en muchas partes del documento se recomienda que le
asignes al color un nombre para que aparezca en la lnea de colores y as puedas
encontrarlo ms fcilmente cuando lo necesites. Haz clic sobre el cono con forma de
etiqueta para crear un nuevo nombre para un color. Ahora aparecer en la lnea de
color para que lo puedas escoger y colocar sobre otros objetos.
189
190
www.magix.es
Terminologa
FUENTE
La herramienta de texto
Usa la HERRAMIENTA
DE TEXTO
Fuente
Tamao de fuente
Estilo
Negrita
Cursiva
Subrayado
191
192
Justificar
Superndice/Subndice
Espaciado de lnea
Lista con vietas
Lista numerada
Quitar sangra
Colocar sangra
Corrector de ortografa
Espaciado de prrafos
MAGIX Web Designer 10 Premium es compatible con tres tipos bsicos de objetos
de texto
www.magix.es
Men de fuente
193
194
en el documento. El segundo apartado muestra las fuentes compatibles con la web.
Estas son las fuentes que puedes usar sin problemas para las pginas web, ya que son
admitidas por los navegadores y dispositivos ms comunes. Consulta el apartado
"Fuentes compatibles con la web". La tercera seccin muestra las fuentes de Google
disponibles que tambin pueden usarse de forma segura en la pginas web, y la
seccin final presenta una lista alfabtica de todas las fuentes instaladas. Cada
nombre de fuente se visualiza en el men usando su propio tipo de letra, lo que hace
ms fcil la seleccin.
Aquellas fuentes para las cuales estn disponibles varios estilos se muestran con
pequeos tringulos negros en el lado derecho del men. Tan solo mantn el cursor
del ratn sobre el nombre de una fuente durante un segundo o dos y aparecer un
pequeo submen a la derecha del men principal que proporciona una lista de las
variantes disponibles de esa fuente. Mientras se visualiza el submen puedes mover
el cursor del ratn por encima para seleccionar la variante de la fuente deseada.
www.magix.es
Como con las barras emergentes deslizantes anteriores existen dos forma de uso.
Con "clic + soltar" sobre la flecha aparecer la barra y se quedar en pantalla. Ahora
podrs arrastrar la barra deslizante o usar la rueda del ratn sobre el control para
ajustar rpidamente los valores. En este caso, podrs ajustar el tamao de punto
usando la rueda del ratn para ver los resultados directamente en la pgina del
documento mientras trabajas.
Otra forma de utilizar la barra deslizante emergente es "pulsar + arrastrar + soltar"
sobre el botn y la barra. Esto es un modo ligeramente ms directo de ajustar el
control (requiere menos clics).
Fuentes de Google
Web Designer te da la opcin de usar una de las cientos de fuentes Google. Son
fuentes web de fuentes abiertas y gratuitas que tienen la ventaja de estar presentadas
por Google, por lo que no tienes que cargar archivos de fuentes con tu pgina web: tu
navegador buscar las fuentes directamente en los servidores alojamiento de fuentes
de Google.
Las fuentes estn totalmente integradas en Web Designer, por lo que puedes navegar
y buscar a lo largo de la lista de fuentes utilizando el BUSCADOR DE FUENTES para
descargarlas e instalarlas en tu propio PC.
Para comenzar a usar fuentes Google, tan solo haz clic en AADIR del men de
fuentes para detener el buscador de fuentes.
195
196
El buscador de fuentes de Google muestra alguna de las fuentes disponibles y familias de fuentes.
400 (Normal)
700 (Negrita)
900 (Negro)
Por supuesto, no tienes por qu utilizar las fuentes exclusivamente para pginas web.
Como las fuentes son TrueType tambin se pueden usar en cualquier documento (p.
ej. un PDF).
Si envas otro usuario de Web Designer un archivo .xar o .web que contenga fuentes
de Google, se les preguntar, respecto a como cargar el documento, si quieren
descargar e instalar la fuente.
Nota: algunos navegadores no renderizan fuentes de Google tan efectivamente
como otros, por lo que es siempre una buena idea probar tus pginas web con varios
navegadores para asegurarte de que la calidad de las fuentes es aceptable.
Texto simple
Si quieres escribir una pequea cantidad de texto simple, coloca el cursor donde
quieres introducir el texto y haz clic. Aparecer un cursor rojo y podrs comenzar a
escribir con tu teclado.
Si te has equivocado, pulsa "Supr "o "Retroceso" de la forma usual.
Al pulsar "Enter" se completa la lnea e inicia una lnea de texto debajo. El espaciado
entre lneas se controla en el campo de texto de espaciado en la barra de informacin.
El texto bsico no es adecuado para grandes prrafos, ya que no hay salto de lnea
automtico (puesto que el ancho es ilimitado). Usa mejor una columna de texto o un
rea de texto en su lugar (ver ms abajo).
Por defecto, el texto no tiene color de contorno. Con "Shift + clic" sobre un color de la
lnea de color le dars un color de contorno al texto seleccionado (el grosor puede
ajustarse como siempre a travs del control de ancho de lnea). Probablemente
querrs establecer el tipo de unin de lnea (en la pgina 163) para redondearla y
darle un aspecto ms suave (controlen la parte superior de la GALERA DE LNEAS ).
El ancho de lnea est definido Cambiar el ancho de lnea (el grosor) (en la pgina
160). La aplicacin de color est descrita en Manejo de colores (en la pgina 174).
197
198
Puedes seguir introduciendo texto incluso despus de la rotacin o de haber aplicado
un relleno o ajustado el texto a una lnea.
reas de texto
Si haces clic y arrastras diagonalmente sobre la pgina usando la herramienta de
TEXTO , crears un rea de texto rectangular. El cursor se posicionar en la esquina
superior izquierda y podrs introducir texto y pegar. Un rea de texto puede contener
una historia de texto "fluido". En este caso una sola pieza de texto fluye de un rea de
texto a otra. Esto se llama texto fluido, como el agua, porque al aadir o eliminar texto
en un rea, desbordar a o desde las reas de texto conectadas.Si el texto sobrepasa
el final del rea de texto se ver de color gris, a pesar de que podrs continuar
editando el texto de forma normal.
199
200
Si el cursor de texto se encuentra en un rea con texto en exceso, haz clic y arrastra
sobre la pgina para crear una nueva rea de texto. La nueva rea de texto se
conectar automticamente y el texto fluir hasta la nueva rea.
Consejo: puedes hacer fluir un texto desde un rea a otra en cualquier pgina,
incluso en pginas anteriores. Si necesitas que el texto fluya a un rea que se
encuentra varias pginas adelante, probablemente sea ms fcil utilizar el mtodo
anterior, aunque si reduces la imagen a un tamao de texto pequeo podrs
arrastrar la flecha por las pginas.
Para desconectar un rea de texto de otra, arrastra el indicador y sultalo lejos de las
reas de texto. O haz clic en la flecha de flujo en la parte inferior del rea de texto y
selecciona DESVINCULAR FLUJO DE TEXTO .
Si eliminas un rea de texto que est conectada con otra, solo se eliminar el rea. El
texto volver a fluir a las reas de texto restantes.
Dilogo de columnas
www.magix.es
Saltos de columna
Inserta un salto de columna en un rea de texto usando la HERRAMIENTA DE TEXTO
para hacer clic derecho en el punto del texto en el que quieres introducir el salto.
Luego selecciona "INSERTAR" > "SALTO DE COLUMNA" . O utiliza el shortcut
(Ctrl+Shift+Intro).
201
202
Todo el texto despus del salto de columna aparecer en la siguiente rea de texto
vinculada del flujo actual, ya sea en la misma pgina o en la siguiente.
Saltos de pgina
Inserta un salto de pgina en un rea de texto usando la HERRAMIENTA DE TEXTO para
hacer clic derecho en el punto del texto en el que quieres introducir el salto. Luego
selecciona "INSERTAR" > "SALTO DE PGINA" . O utiliza el shortcut (Ctrl+Intro).
Todo el texto despus del salto de pgina aparecer en la siguiente rea de texto
vinculada en la prxima pgina.
Mantn pulsada la tecla "Ctrl" mientras giras para limitar el ngulo de rotacin a 90
y a los ngulos alineados a la pantalla. Si usas la herramienta de texto, puedes hacer
clic y arrastrar los controles deslizantes de las esquinas. El texto del rea cambiar de
formato para ajustarse al nuevo tamao. Si modificas el tamao de un rea de texto
con la herramienta de seleccin ocurre lo mismo: el texto en s mismo no cambia de
tamao sino solo el rea; el texto se reacomoda para adaptarse al nuevo tamao. Si lo
que deseas es modificar el tamao del texto del rea de texto, ve a la herramienta de
texto, selecciona todo el texto con Ctrl+A y cambia el tamao de fuente en la barra de
informacin de herramienta de texto.
Cantidad de palabras
La cantidad total de palabras y caracteres del texto actual se indica en la barra de
estado. Esto tambin muestra la cantidad de palabras excedidas. Si est seleccionada
cualquier regin de texto, se mostrar la cuenta de la seleccin.
203
204
Si no quieres que el texto siga en otra lnea, pulsa "Shift y clic" sobre la lnea. Para
ocultar una curva, selecciona la herramienta de EDICIN DE FORMAS y configura el
color de la lnea en SIN COLOR o un ancho de NINGUNO. Tambin puedes editar la
curva de forma usual.
La aplicacin de color est descrita en Trabajar con colores (en la pgina 174).
Editar texto
Haciendo doble clic sobre un objeto de texto en cualquier herramienta te llevar a la
herramienta de TEXTO y posicionar el cursor en la posicin de clic en el texto.
Pueden utilizarse todas las funciones de cursor y operaciones usuales de un
procesador de texto. Por ejemplo:
Seleccin de texto:
"Ctrl + A" seleccionar todo el texto dentro del objeto de texto (debes
encontrarte en la herramienta de TEXTO.)
Comillas inteligentes
Si escribes comillas ' o ", Xtreme las convertir automticamente en comillas de
apertura o cierre estticamente adecuadas. Esto significa que 'esto' cambiar a esto
y "comillas" en comillas. Esta caracterstica es lo suficientemente inteligente para
comprender el uso de comillas simples dentro de las palabras, para que, por ejemplo,
si escribes en ingls la palabra 'don't' no se convierta en dont.
205
206
Corrector de ortografa
La herramienta de texto incluye un corrector de ortografa. Para activarlo
selecciona el icono del CORRECTOR DE ORTOGRAFA en la barra de informacin
de la herramienta de TEXTO y se abrir un men.
Selecciona "REVISAR ORTOGRAFA MIENTRAS SE
ESCRIBE ". Ahora todas las palabras sin revisar de
tu documento y aquellas que vas tecleando
aparecen subrayadas con una lnea de guiones.
Para corregir una palabra mal escrita, haz clic
sobre la palabra con el botn derecho del ratn y
el men contextual te mostrar sugerencias
ortogrficas correctas de la palabra situada en la
parte superior del men. Selecciona
simplemente una de las sugerencias para
sustituir la palabra.
Seleccin de idioma
Haciendo clic en el icono del corrector de ortografa aparece un men con todos los
idiomas para los cuales hay diccionarios instalados. Por defecto, el idioma
seleccionado corresponder a la configuracin local. Puedes elegir diferentes idiomas
para diferentes objetos de texto de modo que en tu documento puedes utilizar texto
en mltiples idiomas si fuera necesario.
Para cambiar el idioma asociado con el objeto de texto, selecciona el objeto de texto y
a continuacin selecciona el idioma requerido en el men del corrector de ortografa
de la herramienta de texto. Ahora, el objeto de texto ser revisado con el diccionario
de la lengua que elegiste.
www.magix.es
Diccionario de usuario
Las palabras que utilices regularmente y que no se encuentren en el diccionario
suministrado por MAGIX Web Designer 10 Premium pueden aadirse a tu propio
diccionario personal. Haz clic con el botn derecho del ratn y selecciona "Aadir a
diccionario de usuario". Ahora la palabra ya no ser detectada como incorrecta. El
diccionario de usuario se aplicar a todos los documentos que utilices en tu
ordenador y se aplicar para todos los idiomas.
Buscar y reemplazar
La funcin Buscar y reemplazar realiza una bsqueda en vivo para que a medida que
buscas algo, el texto se explora y se marca en tiempo real.
Para buscar texto, selecciona en el men EDITAR > BUSCAR/REEMPLAZAR... o pulsa
CTRL+ALT+F y vers el siguiente dilogo:
207
208
Introduce la palabra de bsqueda y se resaltar en el texto. Puedes escoger buscar
solamente en la historia o pgina actual o en todo el documento (el texto fluye por
todas las pginas).
La opcin TODA LA PALABRA buscar solamente todas las palabras que coincidan con
el texto de bsqueda. Por ejemplo, si buscas la palabra, "met", no se resaltar "metro".
La opcin COINCIDIR MAYSCULAS Y MINSCULAS solamente buscar la letra exacta.
Si buscas, por ejemplo, "aBc" en esta opcin, no encontrars "abc".
Mrgenes y sangras
Cualquier cambio que realices se aplicar al prrafo de texto actual, es decir, el
prrafo en el que se encuentra el cursor de texto. Por el contrario, si has seleccionado
una regin de texto, el cambio se aplicar a los prrafos de la regin seleccionada.
Puedes aplicar cambios a todo el texto de una historia de texto, si seleccionas todo el
texto dentro de la historia (Ctrl+A). Para cambiar ms de una historia de texto,
selecciona los objetos de texto en la herramienta de SELECCIN , despus cambia a la
herramienta de TEXTO y realiza los cambios correspondientes.
Margen izquierdo . Arrastra esto para cambiar el margen izquierdo del texto.
Margen de la primera lnea. Arrastra para cambiar el margen izquierdo de la
primera lnea del prrafo (til para listas, como se muestra abajo).
Margen derecho. Arrastra esto para cambiar el margen derecho del texto.
209
210
Si has hecho clic sobre la lnea o has adaptado una columna de texto a una curva o
lnea, entonces vers indicadores de margen izquierdo y derecho (pequeos
cuadrados rojos) que puedes arrastrar a lo largo de la lnea para ajustar los mrgenes
utilizados para la justificacin.
Tabulaciones
Por defecto, las historias de texto se crean con tabulaciones de 0,5 cm. Esto significa
que puedes pulsar la tecla Tab y tu texto se mover al prximo punto de tabulacin.
Slo necesitas definir una nueva posicin de tabulacin, si deseas utilizar otro
espaciado.
Estas tabulaciones por defecto se muestran como "L" sobre la regla:
www.magix.es
Tabulaciones personalizadas
Para crear una posicin de tabulacin personalizada, haz clic sobre la regla en el lugar
don de quieres colocar la tabulacin. Se sustituirn las tabulaciones por defecto hasta
esa posicin de la regla.
Por ejemplo:
Para colocar ms de una tabulacin, haz clic varias veces sobre la regla. Para
desplazar una tabulacin personalizada arrstrala a lo largo de la regla. Para eliminar
una tabulacin arrstrala fuera de la regla (las tabulaciones por defecto retornarn).
211
212
Alineacin central: el texto se centrar a partir de la tabulacin.
carcter o nmero y pulsar Tab para moverlo hasta el margen izquierdo. Y (al
igual que con el prrafo) todas las lneas siguientes de texto tendrn sangra
hasta el margen izquierdo.
un margen por defecto de 5 pxeles entre el texto y el objeto. Ten en cuenta que
contornear el texto slo funciona si el texto est debajo de los objetos, si el texto est
encima no funciona.
Como alternativa, haz clic derecho sobre el objeto y selecciona CONTORNEO Y
para ver el dilogo correspondiente.
ANCLAJE DE TEXTO
213
214
Si lo deseas, establece un margen para la distancia entre el texto y el objeto. Si deseas
una altura y un ancho diferentes para el margen, haz clic en el smbolo de candado e
ingresa el margen de altura en H (horizontal) y el ancho en V (vertical). Haz clic en
OK .
Para desactivar que el texto rodee al objeto, haz clic derecho sobre el objeto y vuelve
a escoger CONTORNEAR TEXTO para desactivarlo. O haz clic derecho y selecciona
CONTORNEO Y ANCLAJE DE TEXTO para ver el dilogo correspondiente. Haz clic en la
casilla CONTORNEAR TEXTO ALREDEDOR DE ESTE GRFICO para desactivar la opcin y
haz clic en ACEPTAR .
Ten en cuenta que las lneas individuales de texto no responden al contonear objetos,
solo lo hacen las reas con texto y columnas de texto.
Para que el texto texto fluya alrededor del objeto solamente en su misma capa,
consulta Propiedades de capa (en la pgina 413).
Grficos anclados
Puedes colocar cualquier grfico o grupo para anclarlo a una posicin en un texto, de
forma que al mover el texto, el objeto de grfico se desplace para mantener la misma
posicin relativa. Sin embargo, el anclaje se debera usar para objetos que estn fuera
de los mrgenes del texto (p. ej. una foto que est a la derecha d izquierda de una
columna de texto), o tras el texto. Usa la incrustacin para objetos que estn dentro
de los lmites del texto (ver abajo).
1. La forma ms rpida de anclar un grfico o un grupo es hacer clic y escoger la
2.
3.
4.
5.
6.
7.
opcin ANCLAR AL TEXTO. Sin embargo, si quieres tambin editar las propiedades
de anclaje, puedes hacer clic en el objeto y seleccionar CONTORNEO Y ANCLAJE DE
TEXTO para ver el dilogo del mismo nombre.
Haz clic en la casilla MOVER GRFICO CON EL TEXTO.
Por defecto, la opcin MOVER SOLO VERTICALMENTE tambin est seleccionada,
de forma que el grfico anclado se mover solamente en sentido vertical a
medida que se edite el texto. Esta es normalmente la opcin ms til: si quieres
que el objeto siga la posicin de anclaje tambin horizontalmente, fijar el objeto
es por lo general una opcin mejor.
Un smbolo de ancla aparecer en la parte superior izquierda del objeto para
indicarte que est anclado.
Con la HERRAMIENTA DE SELECCIN o la HERRAMIENTA DE TEXTO, haz clic y
arrastra el smbolo de ancla hasta que aparezca una flecha roja.
Mueve el extremo de la flecha y sultala en la ubicacin en la que quieres anclar
el objeto. Un signo de intercalacin (una "T" invertida) te indicar la posicin de
anclaje.
A medida que edites el texto alrededor de este signo de intercalacin, el punto
de anclaje y el objeto de anclaje se movern junto con el texto.
www.magix.es
Un objeto anclado muestra un smbolo de anclaje y una flecha que seala al punto de anclaje,
marcado con un signo de intercalacin. Estos desaparecern mientras escribes, salvo que te
encuentres cerca del punto de anclaje.
Este es un ejemplo de una columna de texto con diversos elementos grficos a la izquierda. Cada
uno de estos est anclado al inicio de una lnea de texto inmediatamente a la derecha.
215
216
Es posible anclar cualquier objeto o grupo de grficos, incluyendo grupos con texto,
como el ejemplo del panel lateral, que se muestra arriba.
Tambin es posible anclar objetos para que aparezcan arriba o debajo del texto. El
ejemplo del grfico de flor azul plido, que se muestra arriba, est anclado de esta
forma y fluir junto con el texto.
NOTA : si un objeto anclado tambin est configurado para que el texto se contornee,
solo ocurrir con el texto respecto del que el objeto est anclado.
NOTA : el contorno de texto es restringido para los objetos que se repiten; el texto
Eliminar un ancla
Para eliminar un ancla de un objeto, haz clic derecho y selecciona nuevamente
ANCLAR AL TEXTO para desactivar la opcin. Ahora, cuando hagas clic en el objeto con
la HERRAMIENTA DE SELECCIN o en el texto en la HERRAMIENTA DE TEXTO, ya no vers
el smbolo de anclaje.
Grficos incrustados
Puedes insertar un objeto en el texto para que se comporte igual que un carcter.
Simplemente copia el objeto al portapapeles ("Ctrl+C"), ve a la herramienta de texto,
coloca el cursor de texto en la posicin en la que quieres insertar el objeto y pgalo
("Ctrl+V").
Puedes seleccionar, copiar, pegar y eliminar el objeto incrustado junto con el texto
que lo rodea, al igual que si fuera un carcter de texto. Sin embargo, tambin puedes
seleccionarlo y transformarlo con la herramienta de seleccin. Te recomendamos
utilizar esta tcnica de incrustacin en vez del anclaje, porque es ms eficiente en
trminos del proceso requerido para dar formato al texto.
Estilos de texto
Los ESTILOS DE TEXTO son una forma muy til de modificar la apariencia del texto en
todo el documento con unos pocos clics.
Un ESTILO DE TEXTO es un conjunto con nombre de atributos, como fuente, tamao,
color, espaciado y otras propiedades de texto. Por ejemplo, el encabezado principal al
comienzo de este documento puede tener un estilo llamado "Encabezado 1", el
subencabezado ms pequeo, como el de esta seccin, y todos los encabezados de
seccin equivalentes, un estilo llamado "Encabezado 2"
217
218
Al actualizar la definicin de "Encabezado 2", por ejemplo, a una fuente diferente,
todos los encabezados similares se actualizarn instantneamente.
Lo mismo ocurre con el texto principal, que muchas veces se denomina "cuerpo de
texto", tiene un estilo en particular, que en Web Designer se llama "Texto normal". Al
actualizar ese estilo para que su fuente sea, por ejemplo, Times New Roman de 12
puntos, todo el "Texto normal" del documento puede cambiarse de una sola vez, sin
tener que seleccionar y aplicar el mismo cambio de fuente una y otra vez.
Los ESTILOS DE TEXTO seran, entonces, como la funcin "Colores con nombre" que
tambin es compatible con Web Designer, en la que puedes actualizar el "Color tema
1" a un nuevo color para que todas las partes del documento que utilicen ese color lo
cambien al nuevo.
Por defecto, hay un pequeo grupo de estilos predefinidos, incluyendo el "Texto normal" y tres
estilos de encabezado, del Encabezado 1 al 3.
informacin de texto.
Por ejemplo, para cambiar todo el "Texto normal" a otra fuente, selecciona algunas
palabras del estilo "Texto normal", cambia la fuente (y cualquier otro atributo) y luego
selecciona "Actualizar estilo" "Texto normal" del men de estilos de la barra de
informacin de la herramienta de texto.
Cuando tienes pginas de la variante RWD, se puede actualizar el estilo de texto para
una variante individual. Esto es til, por ejemplo, cuando necesitas que el texto de una
variante de mvil sea ms o menos grande o de una fuente diferente. Para actualizar
el estilo de una variante individual, cambia el texto como arriba y selecciona
ACTUALIZAR ESTILO EN ESTA VARIANTE del men desplegable Estilo en la barra de
informacin Texto.
Ver Diseo de web adaptativo (en la pgina 294) para ms informacin sobre
variantes.
Nota: cuando actualizas un estilo a partir de una seleccin de texto, el estilo
actualizado vuelve a aplicarse a la seleccin. Por lo tanto, si seleccionas algunos
caracteres de, por ejemplo, el Encabezado 1, cambias su color y luego actualizas el
estilo "Encabezado 1" todo el prrafo cambiar a este nuevo color (porque es un
estilo de prrafo y solo puede aplicarse a todo el apartado).
219
220
Los nuevos estilos de carcter se basan normalmente en el "Estilo de prrafo
subyacente", pero solo con los cambios que deseas. Por lo tanto, esto significa que si
aplicas un estilo de carcter que solo establece el color de texto a una palabra, y luego
alteras el estilo del prrafo, esta palabra cambiar para adaptarse a excepcin de su
color.
Este dilogo muestra un nuevo estilo, (NuevoEstilo2) que se crea como ESTILO DE
PRRAFO , a partir del estilo ENCABEZADO 2 ya existente. La opcin PRRAFO SIGUIENTE
determina el estilo que se utilizar cuando comiences a escribir el prximo apartado.
La seccin inferior del dilogo muestra la definicin completa de este estilo. En este
caso, puedes ver que se basa en el Encabezado 2, con solo un cambio de color.
Para crear un estilo que no se base en ningn otro estilo, es decir, que no herede
ningn atributo de otro estilo, selecciona (Sin estilo) de la opcin "Basado en:" tal
como se muestra a continuacin.
www.magix.es
Eliminacin de estilos
La lista de ESTILOS en el men ESTILOS incluye la entrada SIN ESTILO. Si seleccionas
esta opcin, el estilo (de prrafo o de carcter) se quitar de la seleccin y el texto
regresar al formato por defecto.
Propiedades de estilo
Si quieres cambiar la definicin de un estilo, como el estilo en el que se basa, o
simplemente mirar su definicin, puedes usar la opcin PROPIEDADES del men de
estilos. Necesitas seleccionar texto que tenga un estilo aplicado antes de hacerlo a fin
de indicar el texto que deseas editar. Aparecer el dilogo PROPIEDADES DE ESTILO,
que tiene el mismo aspecto que el dilogo CREAR ESTILO.
La descripcin del estilo en la parte inferior del dilogo describe las diferencias
respecto al estilo en que se basa. Por lo tanto, si deseas ver todos los atributos del
estilo, selecciona temporalmente SIN ESTILO en la listaBASADO EN para ver una
descripcin completa. No olvides restablecerlo el estilo correcto en BASADO EN o
hacer clic para cancelar el dilogo si no quieres cambiar el estilo.
221
222
Negrita y cursiva
Haz clic sobre el botn NEGRITA o CURSIVA de la barra de informacin
("Ctrl + B" o "Ctrl + I")
Esta opcin aplica la variante negrita o cursiva de la fuente actual.
Subrayado de texto
Haz clic en el botn de subrayar en la barra de informacin para subrayar el
texto seleccionado. El color de subrayado y el tamao deriva
automticamente del color y tamao del texto.
Al usar texto simple la posicin inicial de clic de la pgina se toma como origen de
la justificacin de texto.
Superndice y subndice
Haz clic en el botn apropiado sobre la BARRA DE INFORMACIN .
Texto normal subndice
superndice
223
224
Para mover un punto de vieta desde la lista secundaria hasta la principal,
simplemente coloca el texto del cursor en la lnea y pulsa el botn para quitar
sangra.
Por lo tanto, realizar arreglos en las listas de vietas es fcil con los botones para
agregar y quitar sangras.
Lista numerada
Puedes crear y editar listas numeradas de la misma forma que se ha descrito
para las listas con vietas pero con el botn de listas numeradas.
Puedes escoger el esquema numerado que se utiliza para cada lista con el dilogo de
PROPIEDADES DE LISTA . Coloca el cursor de texto en uno de los puntos de la lista
numerada, haz clic derecho y escoge PROPIEDADES DE LISTA... del men contextual.
www.magix.es
Espaciado de lnea
El espaciado de lnea te permite cambiar el espacio entre dos
lneas (afecta el espaciado vertical).
El espaciado de lnea se mide en porcentajes (120%) o puntos (12pt). Puedes
introducir el valor de espacio de lnea en el campo de texto o hacer clic sobre las
flechas para desplazar los valores.
La configuracin de porcentajes tiene como beneficio de que cambia de tamao si
cambias el tamao de la fuente. Si se aplica un porcentaje a una lnea de texto con
varios tamaos de fuente, se utilizar el tamao ms grande. Por ejemplo, si una lnea
contiene texto 90% y 100%, el espaciado de lnea se calcular a partir del 100%.
Espaciado de prrafos
Los dos ltimos campos de la barra de informacin de la herramienta
de texto te permiten configurar el espacio antes y despus de los
prrafos.
Esto es particularmente til cuando quieres configurar espacios de media lnea entre
los prrafos.
Al igual que en Microsoft Word, cuando utilizas el espaciado arriba y abajo de los
prrafos, el espaciado es el valor mayor entre ambos (no se acumula). El espaciado
arriba del prrafo mover el primer prrafo hacia abajo en un marco de texto.
225
226
Enlaces de texto
Puedes aplicar un enlace en cualquier parte de un objeto de texto de modo que
cuando el documento se exporte como HTML el texto aparezca en los navegadores
web como un enlace sobre el cual se puede hacer clic.
Utiliza la HERRAMIENTA DE TEXTO para seleccionar las palabras o los caracteres
que desees aplicar al enlace y luego haz clic en el botn de enlace en la barra de
herramientas de WEB .
Esto abre el dilogo de PROPIEDADES WEB con la pestaa ENLACE seleccionada. En esta
pestaa puedes elegir si quieres vincular un URL, otra pgina de tu sitio web o incluso
una capa popup.
Por defecto, cuando aplicas un enlace a una parte de texto, el texto aparece
subrayado y con el color de enlace de texto definido para el documento actual.
Puedes cambiar el color del enlace, estando los enlaces subrayados o no, en la
pestaa PGINA WEB del dilogo de PROPIEDADES WEB (men HERRAMIENTAS>PROPIEDADES WEB ). Asimismo puedes fijar el color que aparece cuando el usuario
mueve el cursor del ratn por encima de un enlace de texto en un navegador web
("Colores MouseOver"), y el "Color visitado", el cual se usa para visualizar que los
usuarios ya han visitado dicho enlace con su navegador web.
Para fijar los tres colores globales de los enlaces de texto, o bien puedes seleccionar
los colores con nombre (original) ya existentes que utilizaste en tu pgina web
usando las listas desplegables, o bien puedes hacer clic en el botn EDITAR para abrir
el EDITOR DE COLOR mediante el cual puedes elegir el color que quieras.
Asimismo, si fuera necesario tambin puedes sobrescribir los colores globales de los
enlaces de texto para enlaces individuales. En la pestaa de enlaces del dilogo de las
propiedades web, deselecciona la opcin "Utilizar los colores de enlace de pgina web
usuales". A continuacin el enlace seleccionado adoptar el color de texto que fijaste
en el documento, en lugar del color global del enlace de texto.
texto.
2. Pulsa Esc para seleccionar todo el objeto de texto.
3. Abre el dilogo de nombre ("HERRAMIENTAS" > "NOMBRES..." ).
4. O bien selecciona el nombre de TEXTO HTML de la lista desplegable APLICAR
NOMBRE "
Ahora, cuando exportes tu pgina web, tu texto permanecer como texto y el resto
del grupo se convertir en imagen. Todos los paneles de texto suministrados por la
GALERA DE DISEOS ya han aplicado este nombre a los objetos de texto dentro de los
mismos, por lo que el texto de los paneles se exportar como texto.
Los navegadores no pueden renderizar texto con rotacin, por lo que no puedes
utilizar este nombre para forzar que el texto con rotacin sea exportado como texto.
En este caso, el nombre se ignora.
Selecciona la regin fuente cuyo estilo quieres copiar. Esto puede ser tambin
una sola palabra (slo haz doble clic).
Selecciona Edicin > Copia (o Ctrl+C).
Selecciona la regin de texto a la que quieres aplicar el estilo.
Selecciona Edicin > Pegar atributos (Ctrl + Majs + A).
227
228
www.magix.es
229
230
mismo tamao. Pero te advertimos que la mayora de los navegadores web
visualizarn este texto con un tamao ligeramente mayor o menor al que se ve en
MAGIX Web Designer 10 Premium.
La segunda consecuencia del (mal) comportamiento de este navegador es que en el
caso de las fuentes pequeas se produce un gran salto de un tamao al siguiente. Por
lo tanto, si deseas un tamao de fuente, por ejemplo entre 9pix y 10pix, no podrs
obtenerlo. La mayora de los navegadores no pueden visualizar un tamao intermedio
(tanto si usas puntos, ems o cualquier otro tipo de unidad). Por lo tanto vers cmo
los tamaos de texto de MAGIX Web Designer 10 Premium saltan de un tamao a
otro tamao cuando cambies el tamao de los objetos de texto.
www.magix.es
La herramienta de relleno
La herramienta de relleno
Crear un relleno de color con gradacin
El proceso de creacin de un relleno diferente es casi igual para todos los tipos
de relleno:
1.
2.
3.
4.
MAGIX Web Designer 10 Premium suministra una vista previa interactiva del relleno
a medida que arrastras.
Mientras arrastras, aparecer una flecha de
relleno que indica la direccin del relleno. Los
controles deslizantes se pueden seleccionar y
arrastrar para ajustar la posicin y el ngulo
del relleno.
Relleno de colores
Selecciona uno de los controles deslizantes de relleno y haz clic sobre un color de la
LNEA DE COLORES o abre el EDITOR DE COLOR y elige un nuevo color. Puedes pulsar
"Tab" para cambiar entre los controles deslizantes de relleno.
Tipos de relleno
Web Designer dispone de estos tipos de relleno de color:
RELLENO LISO : la forma recibe un color o tono parejo en toda la
superficie.
RELLENO LINEAL : el color cambia gradualmente de un color a
otro.
RELLENO CIRCULAR : el color cambia a partir de un punto en
forma circular.
231
232
RELLENO ELPTICO : similar al relleno circular, salvo que el cambio
se realiza en forma elptica.
RELLENO CNICO : el cambio de color gira alrededor de un punto.
www.magix.es
La herramienta de relleno
Tipo de relleno
Segmentacin de relleno
Efecto de relleno
Nombre de mapa de bits
Perfil
Control deslizante/resolucin de relleno
Color/grano del control deslizante
TIPO DE RELLENO
Simple: el relleno se utiliza una sola vez, independientemente del tamao del
objeto.
Repetir/Mosaico repetido: el efecto se repite hasta llenar todo el objeto.
Invertir mosaico repetido: slo disponible en rellenos fractales y de mapas de
bits. Esto es similar al mosaico repetido, pero uno de cada dos mosaicos est
invertido.
Las opciones de segmentacin de
relleno no estn disponibles para los
rellenos cnicos. Todos los otros
tipos de relleno pueden repetirse.
Esto puede producir efectos muy
tiles.
El EFECTO DE RELLENO se utiliza para todos los tipos de rellenos, con excepcin de los
rellenos de 3 y 4 colores. Controla el desvanecimiento del relleno desde el color de
inicio al color de fin:
233
234
TRANSICIN (FADE) :
ARCO IRIS :
Esta opcin no tiene efecto alguno cuando los dos colores son negro, blanco y gris.
ALT ARCO IRIS : similar a la opcin arco iris salvo que la transicin se realiza
siguiendo el borde ms extenso de la rueda de color. Por ejemplo, la transicin
de amarillo a cian ser amarillo-rojo-magenta-azul-cian.
Aqu se ven tres tipos distintos de rellenos con escala de grises con sus correspondientes cuadros
de dilogos de perfil. El del centro, que viene por defecto, es una transicin lineal de negro a
negro.
www.magix.es
La herramienta de relleno
CONTROL DESLIZANTE DE RELLENO : indica si el control deslizante de inicio o fin est
seleccionado. Este campo queda en blanco para rellenos lisos.
RESOLUCIN (slo rellenos de mapas de bits y fractales): muestra la resolucin del
mapa de bits (siempre que no hayas seleccionado un control deslizante de relleno).
Puedes introducir una nueva resolucin para cambiar el tamao del mapa de bits. Las
resoluciones bajas muestran los pxeles individuales del mapa de bits. Muy pocas
veces se necesita una resolucin mayor que 150 DPI, incluso para utilizacin de
tipografa.
Rellenos lisos
Para aplicar o cambiar un relleno liso:
1. Selecciona un relleno liso del men de tipos de relleno.
2. Elige un color de LNEA DE COLORES .
Rellenos lineales
As se utilizan los rellenos lineales:
1. Escoge "Relleno lineal" del men. (No es necesario si el relleno contiene una
relleno de un color).
2. Coloca el cursor del ratn en el lugar donde debe comenzar el relleno. (Esto
235
236
Cada mtodo cambia el color de un solo control deslizante; no se cambia ningn otro
control deslizante seleccionado, o:
1. Selecciona el control deslizante (o controles deslizantes, tambin funciona con
Rellenos circulares
Para los rellenos circulares, la aplicacin del relleno,
movimiento de los controles deslizantes y el cambio de los
colores son iguales a los rellenos lineales. El control
deslizante de inicio es el centro del relleno.
Los rellenos circulares son tiles para crear efectos de sombras.
Cambiar el aspecto alto/ancho del objeto cambia automticamente un relleno
circular a un relleno elptico (ver a continuacin).
Una forma rpida de aplicar un relleno circular:
La herramienta de relleno
Rellenos elpticos
La aplicacin de un relleno elptico es similar a la aplicacin
de rellenos lineales. A medida que arrastras el cursor del
ratn, creas un crculo con dos controles deslizantes de fin.
Despus puedes arrastrar estos controles deslizantes para
crear una elipse adecuada.
+arrastrar conserva la relacin de aspecto del relleno. Ctrl+arrastrar limita la
rotacin a los ngulos de restriccin configurados. El desplazamiento de controles
deslizantes y el cambio de colores es igual que para los rellenos lineales.
Tipo de relleno
Segmentacin de relleno
No utilizado
Nombre de mapa de bits
Resolucin
No utilizado
La Galera de mapa de bits se describe en La galera de mapa de bits (en la pgina
324) en el captulo Trabajar con fotos, para Galera de rellenos, lee ms abajo (en la
pgina 242).
El relleno de mapas de bits es el tipo de relleno ms impactante. Te permite utilizar
cualquier foto o textura como relleno de cualquier forma y te ofrece control directo
sobre el tamao, ngulo, posicin y mosaico. Tambin puedes colorear los rellenos de
mapas de bits. Puedes utilizar cualquier tipo de mapas de bits, incluyendo fotos JPEG
y canal alfa (semi-transparentes).
Cuando importas un archivo de foto en MAGIX Web Designer 10 Premium (ej. un
archivo JPG o PNG) aparecer como una forma con un tipo de relleno de mapa de
bits. Cuando un objeto de este tipo se selecciona en la lnea de estado, se muestra
como una "foto", pero es lo mismo que una foto a la que se le ha aplicado un relleno
de mapa de bits.
Para rellenar o dar forma con un mapa de bits o relleno de foto, realiza uno de los
siguientes pasos:
237
238
Puedes rellenar un objeto con un mapa de bits o mltiples repeticiones del mapa de
bits.
Mosaico repetido
El relleno tiene tres controles deslizantes. Para ello, utiliza Cambiar el tamao y la
posicin del relleno de mapa de bits (en la pgina 240). Una forma alternativa de
configurar el tamao del mapa de bits es introducir la resolucin en el campo de la
barra de informacin. Primero tienes que deshacer la seleccin de control deslizante
de relleno haciendo clic en cualquier parte de la imagen donde no haya un control
deslizante de relleno, y luego escribe una nueva resolucin dpi.
La herramienta de relleno
Por ejemplo, para convertir una foto a blanco y negro, slo necesitas hacer clic en el
color blanco de la lnea de color.
Para cancelar cualquier color aplicado, escoge SIN COLOR
para cualquiera de los controles deslizantes. Esto restaura
el color original del mapa de bits.
El campo RESOLUCIN de la BARRA DE INFORMACIN muestra la resolucin que puede
modificarse moviendo los controles deslizantes de relleno o introduciendo un valor.
239
240
Un ejemplo
Relleno fractal
MAGIX Web Designer 10 Premium es compatible con dos tipos de rellenos fractales
que son modelos de relleno naturalistas creados matemticamente. Son muy tiles
para simular el color del cielo, las nubes u otras texturas de la naturaleza.
Cada vez que creas un relleno fractal nuevo se crea un nuevo modelo. Para sustituir
un fractal existente por un modelo nuevo escoge uno del men de relleno.
La herramienta de relleno
Relleno fractal con nubes. A la izquierda con valor de grano 1, a la derecha con valor de grano 50.
Relleno de plasma fractal. A la izquierda con valor de grano 5, a la derecha con valor de grano
50.
Nota la diferencia entre el grano y la resolucin. El grano controla el flujo del modelo.
La resolucin establece el tamao del mapa de bits fractal y la impresin de los
pxeles individuales.
Puedes cambiar los colores de inicio y fin de un relleno fractal. Selecciona los
controles deslizantes centrales o externos y despus aplica el color utilizando la lnea
de colores o la galera de COLOR . Para cancelar el color aplicado, escoge Sin color.
241
242
Si un control deslizante de relleno se encuentra seleccionado, pulsa Tab para
seleccionar el siguiente. Si el EDITOR DE COLOR est abierto, se actualizar para reflejar
el nuevo control deslizante de relleno
Para eliminar un control deslizante de nivel, seleccinalo con un clic y pulsa la tecla
Supr.
La galera de rellenos
La GALERA DE RELLENOS contiene texturas de mapas de bits que pueden utilizarse
para rellenos. Slo cuando utilizas un relleno se copia en el documento.
Para ver la GALERA DE RELLENOS :
La herramienta de relleno
Tambin puedes arrastrar y soltar el mapa de bits hasta un objeto para aplicar un
relleno de mapa de bits.
Hay algunas diferencias entre arrastrar una mapa de bits desde la galera de MAPAS
DE BITS o la GALERA DE RELLENOS: al arrastrar mapas de bits desde la GALERA DE
RELLENOS y soltarlos sobre las formas para crear un relleno de mapa de bits, el
relleno tendr mosaicos y el mapa de bits no tendr la mejor adaptacin posible
para la forma. Este comportamiento es diferente al que ocurre al arrastrar desde la
galera de mapa de bits porque en general las texturas se aplican desde la galera de
rellenos y normalmente tienen forma de mosaico y no adaptadas.
TRANSP : (transparencia) importa y aplica el mapa de bits seleccionado como:
debe mostrar informacin completa sobre el mapa de bits, as como buscar y ordenar
los rellenos.
DETENER DESCARGA : si tienes una conexin lenta y la descarga de Internet se demora,
243
244
Transparencia
La herramienta de TRANSPARENCIA te permite determinar cunto de los
colores y objetos subyacentes se podrn ver a travs de un objeto.
Forma
Tipo de transparencia
Segmentacin
Nombre de mapa de bits
Perfil
Control deslizante/Resolucin
Cantidad de transparencia
Puedes controlar el nivel de transparencia desde completamente opaco a
completamente transparente. Web Designer, con su amplia gama de gradaciones de
transparencia, te ofrece ms que otros paquetes de dibujo. Puedes aplicar
transparencia lisa o con gradacin a todos los tipos de objeto, incluyendo mapas de
bits.
Algunos usos de la transparencia:
www.magix.es
Transparencia
MAGIX Web Designer 10 Premium suministra una vista previa en vivo. A medida que
arrastras la barra de transparencia, los objetos del documento se modifican para que
puedas ver el efecto inmediatamente.
barra de informacin
Puedes seleccionar y ajustar la posicin y la intensidad de transparencia utilizando los
controles deslizantes del objeto.
Lee Rellenos (en la pgina 231) para ms informacin sobre cmo manipular los
controles deslizantes de relleno y las diferentes formas de relleno (en este caso,
formas de transparencia)
245
246
Puedes definir el nivel de transparencia en cada nivel seleccionando un control
deslizante y ajustando la barra deslizante. Aade niveles adicionales haciendo doble
clic en la lnea de transparencia con graduacin.
Consulta el captulo Rellenos (en la pgina 231) para ms informacin sobre el uso de
controles deslizantes.
Tipos de transparencia
El tipo de transparencia ms comn, y el nico que muchas otras aplicaciones
comprenden, se llama transparencia mezclada. Pero MAGIX Web Designer 10
Premium es compatible con diferentes tipos que afectan a los objetos de forma
diferente.
Web Designer tienes estos tipos de transparencia:
Mezcla
El color del objeto se mezcla con el color los objetos subyacentes. El efecto es similar
a distribuir una capa fina de color (o pintura) sobre los objetos subyacentes.
Vitral
El efecto es similar a ver los objetos subyacentes a travs de un vidrio de color. Es
ideal para la simulacin de cristal y para oscurecer objetos con criterio selectivo. El
color del objeto con vitral:
Transparencia
Tcnicamente, el proceso es aditivo en el espacio de color RGB.
Contraste
Generalmente se usa C en un objeto por separado para modificar el color de los
objetos subyacentes (es decir, usaras el objeto como filtro). Dependiendo del color
escogido, aumentar el contraste de los colores subyacentes (los aclarar o har ms
grises). El color del objeto con contraste:
Saturacin
Generalmente se usa Saturacin en un objeto por separado para modificar el color de
los objetos subyacentes (es decir, usaras el objeto como filtro). Dependiendo del
color escogido, esta opcin aclarar o har ms grises los colores de los objetos
subyacentes. El color del objeto con aplicacin de saturacin:
Gris (por debajo del 50 % de tinte negro) y Blanco: aumenta la saturacin en los
colores de los objetos subyacentes hacindolos ms puros.
Gris (por encima del 50% de tinte negro) y Negro: disminuyen la saturacin
(coloracin) hacia el negro.
Otros colores: convierten el color a la sombra equivalente de color gris. (el
amarillo da un color gris claro, el rojo un gris oscuro.) Entonces, aumenta o
disminuye la saturacin de color de los objetos subyacentes.
Oscurecer/Aclarar
Oscurecer/Aclarar es ideal para oscurecer o aclarar objetos subyacentes.
Generalmente se usa en un objeto por separado para modificar el color de los objetos
subyacentes (es decir, usaras el objeto como filtro). Oscurecer/Aclarar son versiones
en escala de grises del tipo de transparencias vitral/blanqueador. El color del objeto
con oscurecer/aclarar:
Brillo
Dependiendo del color escogido, Brillo aclarar u oscurecer los colores de los objetos
subyacentes. El color del objeto con brillo:
247
248
Gris (por debajo del 50 % de tinte negro) y Blanco: aclaran los colores de los
objetos subyacentes. El blanco tiene mayor efecto.
Gris (por encima del 50 % de tinte negro) y Negro: oscurecen los colores de los
objetos subyacentes. El negro tiene mayor efecto.
Otros colores: convierten el color a la sombra equivalente de color gris. (el
amarillo da un color gris claro, el rojo un gris oscuro.) Entonces, se aclaran u
oscurecen los colores de los objetos subyacentes.
Luminosidad
Luminosidad utiliza la escala de grises equivalente al color para controlar la
luminosidad (o valor) de los objetos subyacentes. Nota que la luminosidad no tiene
efecto sobre los objetos subyacentes grises, blancos ni negros. El color del objeto con
luminosidad:
Tono
Es til para el desplazamiento de color de los objetos subyacentes. Su accin es ms
fcil de comprender si se usa el modelo de color HSV. El color del objeto con
aplicacin de tono:
Gris, Blanco, y Negro: sin efecto. Estos colores estn en el centro de la rueda de
colores y por eso no poseen tono.
Si el color subyacente es gris, blanco o negro: el tipo de transparencia de tono
queda sin efecto.
Otros colores: reemplazan el tono de los objetos subyacentes por el tono de ese
objeto. Utiliza la saturacin y el valor del color subyacente.
Para ms informacin sobre HSV, consulta Manejo de colores (en la pgina 174).
Transparencia
Optimizar
Lee Optimizar a continuacin para ms informacin sobre esta transparencia.
Optimizar
La transparencia mejorada te permite modificar cualquier parte de tu diseo con la
herramienta Optimizar foto como si fuera una fotografa. Por ejemplo, puedes dibujar
una forma en cualquier parte de tu diseo, aplicar la transparencia y luego ajustar el
brillo del rea del diseo que est cubierta con la forma.
mejorada.
2. Ve a la herramienta de Transparencia y selecciona "MEJORADA" de la lista de
TIPOS DE TRANSPARENCIA
en la barra de informacin.
mejoras a lo que se encuentre debajo de ella. Por defecto, todos los atributos
estn fijados de forma que no haya cambios visuales aplicados, por lo que la
forma no tiene ningn efecto y no puedes verla. De todas formas, debera estar
seleccionada.
249
250
4. Cambia a la herramienta de mejora de foto. Aumenta el brillo con el control de la
barra de informacin. Ahora puedes ver que el rea cubierta por tu forma tiene
ms brillo en comparacin con el rea fuera de la forma.
5. Puedes ajustar el brillo, contraste, saturacin y temperatura.
6. Mueve tu forma o transfrmala y los cambios se aplicarn al rea debajo de la
forma.
En general tambin querrs aplicar difuminacin con la Herramienta de difuminacin
para suavizar los bordes de la forma y mezclarla con el diseo.
www.magix.es
Transparencia
Perfil
Puedes ajustar el "gradacin de la transicin de color" entre el comienzo y el fin de las
transparencias. Esto se aplica a todas las distintas graduaciones de transparencia
excepto a las de tres y cuatro puntos (en dnde esta opcin no est disponible).
Para cambiar el perfil de una transparencia:
1. Selecciona el objeto.
2. En la barra de informacin de la herramienta de TRANSPARENCIA , haz clic en
PERFIL .
Mapas de bits
Las galeras de mapas de bits y rellenos se describen en el captulo Trabajar con
mapas de bits (en la pgina 318).
Cuando seleccionas un tipo de transparencia de MAPA DE BITS , se utiliza un mapa de
bits por defecto. Haz clic en NOMBRE DE MAPA DE BITS en la barra de informacin de
transparencia o utiliza las galeras de mapas de bits o rellenos para cambiar el mapa
de bits utilizado. (Clic sobre el botn TRANSP en la galera o arrastrar y soltar desde la
galera).
Por defecto, los colores ms claros de un mapa de bits son los ms transparentes.
(Por supuesto, puedes modificar la cantidad relativa de transparencia
posteriormente).
251
252
www.magix.es
Sombras
Sombras
La herramienta de sombra
La herramienta de SOMBRA (shortcut Ctrl+F2) te permite aplicar, eliminar y
modificar sombras semitransparentes (o "suaves").
Sin sombra
Tipos de sombras
Nitidez de la sombra
Transparencia de la sombra
Posicin de la sombra
MAGIX Web Designer 10 Premium tiene tres tipos de sombras:
Brillo (Glow): la sombra se utiliza para aadir un efecto de halo alrededor del objeto
253
254
3. Selecciona el botn PARED de la barra de informacin de la
herramienta de SOMBRA.
4. Puedes arrastrar la sombra desde o hacia el objeto para
crear ms o menos distancia entre el objeto y la pared
imaginaria.
www.magix.es
Sombras
255
256
Para ms informacin sobre colores y la lnea de colores lee el captulo Trabajar con
colores (en la pgina 174).
Sombras
257
258
Biseles
La herramienta de bisel
La herramienta de BISEL (shortcut Ctrl+F3) da a los objetos una apariencia de
profundidad en vez de que parezcan planos sobre la pgina.
Los biseles tienen su propia resolucin, por lo que puedes modificar su tamao sin
perder calidad.
Tipo de bisel
Lista de tipo de barra deslizante
Valor numrico y de barra deslizante para el parmetro seleccionado
Bisel externo
Bisel interno
Estilo de unin
Puedes aplicar biseles a casi todos los tipos de objetos. Las excepciones son:
Partes de bloques de texto (como una sola letra): el bisel se aplica a todo el
texto.
A la curva seguida por un texto.
Objetos con contorno
Efectos en vivo (el bisel se aplicar al objeto antes de aplicar el efecto, si el
efecto es en vivo o a la caja circundante del efecto si el efecto est bloqueado).
Aplicar un bisel
Para aplicar un bisel a un solo objeto:
1. Selecciona el objeto
2. Escoge la herramienta de BISEL .
3. Escoge la forma de bisel de la lista TIPO DE BISEL . La opcin NINGUNO elimina
Biseles
Modificar un bisel
Puedes cambiar el ngulo y elevacin de la luz y cambiar la forma, direccin y tamao
del borde del bisel.
texto.
259
260
Si has seleccionado varios objetos con bisel, el ngulo de luz se cambiar para todos
los biseles. Si arrastras la flecha, se cambiar slo el bisel (o biseles) de la flecha.
Si has seleccionado varios objetos con bisel, los cambios se aplicarn a todos los biseles. Los colores utilizados en el bisel afectan el contraste. Por ejemplo, los colores
fuertes (saturados) requieren ms contraste que los colores dbiles para obtener el
mismo efecto. Para mejor resultados, es posible que debas ajustar el contraste para
cada objeto.
Para obtener biseles redondeados se recomienda una elevacin de luz de 30. Con
este ngulo, el bisel se mezcla suavemente con el objeto.
bisel.
Como alternativa:
1. Selecciona el objeto.
2. Selecciona TAMAO de la lista TIPO DE BARRA DESLIZANTE .
3. Despus arrastra la barra o introduce un valor en el campo de texto.
www.magix.es
Biseles
Como alternativa, tienes a disposicin este mtodo un poco ms complejo pero que
te permite el control absoluto sobre el color:
1. Selecciona el bisel utilizando la herramienta de SELECCIN . (Asegrate de
herramienta de BISEL .
Miter
Redondo
Bisel
261
262
Eliminar un bisel
Para eliminar un bisel:
1. Selecciona el/los objeto/s cuyo bisel quieres eliminar.
2. Escoge la herramienta de BISEL .
www.magix.es
Mscaras
Mscaras
En MAGIX Web Designer 10 Premium las herramientas de mscara no se muestran
en la barra de herramientas principal al inicio. Si quieres usar estas herramientas,
puedes encontrarlas en la paleta de botones.
Para abrir el botn paleta selecciona BARRAS DE CONTROL ... del men VENTANA y
desplzate por la lista hasta la parte inferior. Ahora haz clic en la casilla al lado del
icono de "Botn paleta". (O haz clic derecho sobre un rea vaca o cualquier barra de
botones y elige "Botn paleta" del men popup).
Si quieres usar estas herramientas a menudo puedes moverlas desde el "Botn
paleta" arrastrndolas hasta la barra de herramientas. (Mantn pulsada la tecla
"Alt", luego arrastra el botn y sultalo sobre la barra de herramientas sobre alguno
de los iconos existentes).
La herramienta de mscaras
Las herramientas para el dibujo de mscaras estn en la barra de herramientas
de mscaras desplegable.
263
264
La HERRAMIENTA PINCEL DE MSCARA es la herramienta de mscara por
defecto y te permite "pintar" sobre el rea que quieres ocultar. Elige un
tamao de pluma de la barra de informacin y crea una forma de mscara
pasndola sobre el objeto. Si mantienes presionada la tecla "Shift" a la vez
que el botn izquierdo del ratn podrs borrar partes de la mscara.
Usa la herramienta de mscara a mano alzada para dibujar formas cerradas
alrededor de las reas u objetos que quieres ocultar igual que lo haras con un
lpiz. Como las herramientas de mano alzada y pincel, tambin la barra de
informacin tiene un control suavizado y puedes mantener la tecla "Shift"
para borrar tu lnea mientras dibujas.
La herramienta MSCARA DE RECTNGULO te permite arrastrar un rea de
mscara rectangular. Puedes modificar tu forma usando la configuracin de
ancho y alto de la barra de informacin.
Usa el botn MOSTRAR MSCARA para activar y desactivar la mscara.
El botn INVERTIR MSCARA invierte el rea enmascarada de forma que las
zonas no enmascaradas se ocultan y viceversa.
Usa el botn ELIMINAR MSCARA para quitar el efecto en todas las formas.
Tanto la funcin INVERTIR MSCARA como la de ELIMINAR MSCARA aparecen
tambin en la barra de informacin.
Para ms informacin sobre la caracterstica de control suavizado consulta en la
herramienta Mano alzada y pincel.
Editar mscara.
En la mayora de los casos editas la mscara usando las mismas herramientas de
mscara descritas arriba. Pero las formas que conforman una mscara son en realidad
formas normales colocadas en una capa especial de mscara, por lo que en algunos
casos puede ser til editar formas sobre ella. Utiliza la GALERA DE PGINA Y CAPA
para acceder a la capa de mscara. Te ser til para los ms finos detalles de las
formas de mscaras o si quieres mover una mscara de posicin o incluso para crear
una mscara suave.
1. Haz clic en la herramienta de seleccin y abre la galera de pginas y capas.
2. Haz clic en la capa de mscara para activarla.
3. Selecciona la forma de mscara que quieras modificar y cmbiala de posicin o
www.magix.es
Mscaras
Mscaras suaves
Una mscara suave es una mscara que incluye una variedad de niveles de mscaras,
en vez de consistir simplemente en partes con y sin mscara. Por ejemplo, una parte
de una imagen pueden tener aplicada un 50% de mscara de forma que la operacin
que se aplique luego tenga nicamente el 50% de efecto en esa parte. O una forma
de mscara puede tener una mscara graduada que abarque de 0% a 100%. Si se
utiliza despus esa mscara con la HERRAMIENTA DE OPTIMIZACIN DE FOTO para dar
ms brillo a la imagen, el efecto tendr esa misma graduacin.
operacin de cortar/copiar/pegar.
265
266
La mscara rectangular se usa para crear una mscara (izquierda). Cortar o borrar quita las
partes no enmascaradas de la foto (derecha).
Duplicar, clonar
Esto copiar solamente las partes no en mscara del dibujo o foto. La opcin Clonar
coloca una copia exactamente sobre el original.
www.magix.es
Mscaras
Combinar formas
El men "ARREGLO" > "COMBINAR FORMAS" contiene una serie de funciones que te
permiten combinar las formas de mltiples maneras. Estas operaciones funcionan con
la mscara.
Por ejemplo, recorta una parte de una foto (cookie estilo cter).
1. Selecciona una de las herramientas de mscara de la barra desplegable de
segmentar.
3. Selecciona "ARREGLO" > "COMBINAR FORMAS" > "SEGMENTAR" .
267
268
Pestaa Enlace
Pestaa Pgina web
Pestaa Pgina
Pestaa Imagen
Pestaa MouseOver
Pestaa Marcador de posicin
Pestaa Publicar
Pestaa Analytics (en la pgina 293)
Editar barra de navegacin
El dilogo carece de modo as que puedes dejarlo abierto mientras seleccionas
diferentes pginas y objetos en tu documento. As es ms rpido y fcil configurar las
propiedades de diferentes objetos y pginas en tu pgina web. Utiliza el botn
ACEPTAR para aplicar tus cambios y cerrar el dilogo, o bien utiliza el botn APLICAR
para aplicar tus cambios sin cerrar.
Ten en cuenta que si tu documento actual es un diseo de animacin, el dilogo
PROPIEDADES WEB aparece de forma modificada con algunos controles diferentes y
muchos otros desactivados porque no se aplican a las animaciones. Lee el captulo
sobre Animaciones para informarte sobre cmo usar este dilogo con diseos de
animacin.
Las siguientes secciones abarcan cada una de las pestaas correspondientes.
www.magix.es
Pestaa Enlace
269
270
Para agregar un enlace a algunas palabras de un prrafo, ve a la HERRAMIENTA DE
y selecciona el texto al que quieras agregar el enlace. A continuacin configura
el enlace en esta pestaa.
TEXTO
Enlazar a...
Selecciona esta opcin si deseas enlazar a otra pgina en el sitio web actual o, si ests
creando una presentacin, si quieres incluir un enlace al paso siguiente o previo de la
presentacin. La lista desplegable te permite seleccionar la pgina o el paso al que
deseas enlazar. Tambin puedes escoger esta opcin para enlazar a un objeto al
borde superior de la pgina (se crea un salto rpido desde el final de una larga pgina
hasta el inicio).
CONSEJO: si tu documento de sitio web tiene varias pginas, asignar a cada una un
nombre facilita la configuracin y mantenimiento de los enlaces de tu pgina porque
la lista de pginas contendr los nombres de las pginas y no solo "Pgina 2",
"Pgina 3", etc.
Consulta la seccin PESTAA PGINA (en la pgina 278) a continuacin para
ms detalles sobre cmo configurar los nombres de pgina o editar los
nombres en la GALERA DE PGINAS Y CAPAS .
www.magix.es
271
272
Enlace al archivo
Esta opcin de enlace es til si quieres agregar un documento, pelcula u otro archivo
a tu sitio web para que est a disposicin de los visitantes. Por ejemplo, es posible que
quieras ofrecer un documento PDF.
Selecciona el objeto o texto que quieres enlazar con el archivo. Luego, activa esta
opcin Enlace al archivo y utiliza el botn EXPLORAR para buscar el archivo en tu
ordenador. El nombre del archivo aparece en el campo de texto a la izquierda del
botn Explorar. Con un clic en Aceptar, el enlace se aplicar.
Adems de aplicar el enlace, MAGIX Web Designer 10 Premium ha hecho una copia
de tu archivo y la ha colocado en la carpeta de soporte para tu diseo. Esta es una
carpeta que se guarda junto con tu archivo .web o .xar. Si tu diseo se llama
"Misitio.web", la carpeta de soporte se llamar "Misitio_web_files". Todos los
archivos que se encuentran en la carpeta de soporte se publican junto con tu sitio
web, lo que significa que tu archivo se publicar con tu sitio web para que el enlace
que has agregado funcione. Consulta el captulo Manejo de documentos (en la pgina
86) para ms informacin acerca de las carpetas de soporte.
Nota: como el archivo se copiar en la carpeta de soporte de tu diseo, debers
actualizar esta copia cada vez que modifiques el archivo original y quieras publicar la
versin modificada. O puedes repetir el proceso de enlace y buscar el archivo
actualizado. De igual forma, si mueves o copias tu diseo a otro ordenador o le das
una copia a alguien, debes asegurarte de enviar tambin la carpeta de soporte del
archivo de diseo porque contiene una parte muy importante de tu pgina web.
NOTA : no puedes aplicar una transicin a un enlace a un archivo.
Capa popup
Puedes aadir el contenido que quieras en una capa separada de tu pgina y puedes
hacer que este contenido se muestre como un popup solo cuando el usuario hace clic
en un enlace. Por ejemplo, podras agregar un texto descriptivo sobre una foto que se
encuentre en tu pgina web y hacer que el texto solo aparezca cuando el usuario haga
clic en la foto.
Para aadir una capa de popup, primero tienes que agregar la propia capa
mediante la GALERA DE PGINAS Y CAPAS y luego agregar tu contenido de
popup a esa capa.
Consulta el captulo GALERA DE PGINAS Y CAPAS para ms informacin. A
continuacin puedes seleccionar la capa de la lista de capas que encontrars junto a
la opcin de "Capa popup".
Tambin puedes agregar un efecto de transicin que se aplica cuando la capa
aparece. En la GALERA DE PGINAS Y CAPAS , abre las propiedades de capa para poder
www.magix.es
Foto emergente
Esta opcin te ofrece una forma muy fcil de aadir fotos emergentes y otras
caractersticas de la galera de fotos a tu sitio web, sin agregar capas. Simplemente
importa tu foto y utiliza la HERRAMIENTA DE SELECCIN para reducir el tamao
correctamente de modo que aparezca como una pequea miniatura de foto en tu
pgina web. Luego seleccinala y escoge la opcin FOTO EMERGENTE.
Haz clic en el botn CONFIGURACIN junto a esta opcin para ir a la PESTAA IMAGEN ,
en donde puedes fijar el tamao de la foto emergente y escoger entre otras opciones.
Consulta la seccin pestaa Imagen a continuacin (en la pgina 281) para ms
detalles. Al seleccionar la opcin foto emergente en esta pestaa Enlace, tambin se
selecciona la casilla foto emergente en la pestaa Imagen, es decir, que ambos
activan el mismo comportamiento de popup.
273
274
objeto).
FRAME SUPERIOR (_PARENT) Abre el enlace en la ventana principal o en el frameset
(conjunto de marcos o frames) que contiene este frame.
MISMA VENTANA (_TOP) Abre el enlace dentro de la pgina principal del navegador,
sustituyendo todos los frames existentes.
www.magix.es
Pestaa Pgina (en la pgina 278). Opcionalmente puedes configurar estos campos
para que se apliquen a cada pgina de tu sitio, a no ser que la configuracin para una
pgina de la pestaa "Pgina" los anule. Por ejemplo, una pgina que no tenga su
propio ttulo en la pestaa Pgina, obtendr el ttulo especificado aqu.
estos botones tienen el
mismo objetivo que los botones cdigo HTML (encabezado) y cdigo HTML
(cuerpo) de la seccinpestaa Pgina y te permiten introducir una gran cantidad de
cdigo HTML en la seccin del encabezado o del cuerpo de las pginas de tu sitio
web.
275
276
Si se ha especificado cdigo aqu en la PESTAA PGINA WEB, se incluir en todas las
pginas del sitio junto con el cdigo especificado para cada pgina en la pestaa
Pgina. De esta forma puedes incluir un cdigo en cada pgina y, adems, te puedes
agregar ms cdigo a las pginas que lo requieran.
Presentaciones web
Haz clic en la opcin PGINA WEB DE PRESENTACIN para convertir una pgina web
existente en una presentacin.
Nota: si creas un documento de presentacin y escoges PRESENTACIN DE 955
PIX del men NUEVO , la casilla PGINA WEB DE PRESENTACIN se activa
automticamente.
www.magix.es
277
278
Pestaa Pgina
Las opciones en esta pestaa se aplican a la pgina actual, no al objeto ni a los objetos
seleccionados. La pgina actual se indica con lneas de ngulo negras en la parte
exterior de cada esquina de la pgina. Todos los campos en esta pestaa son
opcionales: no necesitas necesariamente rellenar estos campos para cada pgina de
tu web.
Si quieres tener el mismo ttulo, descripcin y palabras clave en cada pgina de tu
sitio web, puedes configurarlo una sola vez en la pestaa Pgina web en lugar de
hacerlo para cada pgina.
NOMBRE DE ARCHIVO DE LA PGINA : utiliza este campo para establecer el nombre que
quieres que se utilice para esta pgina, al exportarla. As, si quieres que la pgina se
exporte como "inicio.htm", configura este campo como "inicio".
www.magix.es
los motores de bsqueda reconozcan para que los visitantes encuentren tu sitio.
Introduce palabras que los visitantes potenciales puedan buscar cuando quieran
encontrar pginas y sitios como el tuyo. Para aquellos familiarizados con HTML, las
palabras clave se introducen en el encabezado de la pgina como metadatos:
Avanzado: las palabras clave se introducen como metadatos en el encabezado de la
pgina
(<meta name="palabras clave" ..).
CDIGO HTML (ENCABEZADO): haz clic para abrir el dilogo de cdigo HTML
279
280
CDIGO HTML (CUERPO): haz clic para abrir el dilogo de cdigo HTML, en donde
puedes pegar o escribir cdigo HTML directamente en el cuerpo de tu pgina web. El
cdigo se inserta sin modificarse antes de la etiqueta de cierre "</cuerpo>".
Estos dilogos deben utilizarse con cuidado porque insertar cdigo o comandos
invlidos en tu pgina pueden generar serios problemas en toda la pgina web. Si
necesitas insertar el mismo cdigo exacto para todas la pginas de tu sitio web,
puedes usar el botn de cdigo HTML (encabezado) y cdigo HTML (cuerpo) en la
pestaa Pgina web de este dilogo, en vez de introducirlo para cada pgina individual
en la pestaa Pgina.
EFECTO DE TRANSICIN: escoge un efecto de transicin que se mostrar cuando un
visitante abra tu pgina web. Por ejemplo, si seleccionas una transicin fade para una
pgina, cuando un visitante haga clic en esa pgina, en vez de cargarse directamente,
aparecer gradualmente. Sin embargo, no puedes aplicar un efecto de transicin de
esta manera a una pgina externa, sino que debes usar la opcin Transicin de enlace
de la pestaa "Enlace" para hacerlo.
Aparecer desde
Desaparecer desde
Transicin
Desaparecer en negro
Obturador
Separacin y aparicin
vertical/horizontal
VELOCIDAD (EN SEG.): arrastra la barra para escoger una velocidad para la transicin
de entre 0 y 5 segundos. Por defecto, cuando aplicas una transicin, los objetos
solamente aparecern o desaparecern desde la esquina de la pgina web. Si quieres
que los objetos aparezcan desde las esquinas de la ventana del navegador, en vez de
desde las esquinas de la pgina, desactiva la opcin de los bordes CLIP A LA PGINA en
la pestaa Pgina web (en la pgina 275) del dilogo de propiedades web.
www.magix.es
Pestaa Imagen
Fotos emergentes
Esta seccin de la PESTAA IMAGEN te permite aadir fotos emergentes y otras
caractersticas de la galera de fotos a tu pgina web. Simplemente importa tu foto y
utiliza la HERRAMIENTA DE SELECCIN para reducir el tamao correctamente de modo
que aparezca como una pequea miniatura de foto en tu pgina web. Luego, mientras
la foto todava est seleccionada, selecciona el campo foto emergente en esta
pestaa. Escoge el tamao que quieres dar a la foto emergente en el campo de ancho
(valor por defecto: 500 pxeles). Haz una vista previa de tu pgina y haz clic en la
miniatura de tu foto en tu pgina, ahora vers aparecer la ventana emergente con tu
foto.
Al activar la funcin de foto emergente en el campo de la pestaa IMAGEN , tambin se
selecciona automticamente la opcin correspondiente de la pestaa ENLACE. Esto es
281
282
porque con un clic sobre la foto vers la foto emergente, de forma que no puedes
agregar otro enlace al mismo objeto. Es decir, que cualquier enlace que hayas
configurado previamente en el objeto mediante la pestaa Enlace desaparecer.
Una gran ventaja de estas ventanas emergentes frente a las capas emergentes (tal
como se describen anteriormente en la seccin de la pestaa ENLACE ) es que la foto
ampliada solo se carga en el navegador web cuando los visitantes hacen clic en una
foto en miniatura. Por lo tanto, este mtodo es ms adecuado para presentar un gran
nmero de fotos en una pgina de galera, ya que en un primer momento slo se
cargan las pequeas miniaturas, permitiendo as que la pgina se cargue ms
rpidamente.
Observa que esta caracterstica funciona con otros objetos adems de las fotos, por
ejemplo con formas y grupos, pero no se puede utilizar directamente en texto.
Puedes introducir un grupo de relleno de texto (Ctrl+G) para evitar esta restriccin.
Ttulo de la ventana emergente
Utiliza este campo para agregar un ttulo a la foto seleccionada, que se mostrar
sobre la foto emergente. Ten en cuenta que debes activar tambin esta opcin de
ttulo en el dilogo de opciones de foto emergente (ver a continuacin) porque, por
defecto, los ttulos no se muestran.
www.magix.es
sombra detrs de la ventana de la foto emergente para que se destaque del fondo de
la pgina.
MOSTRAR TTULO DE LA IMAGEN : si has introducido texto de ttulo (lee ms arriba)
para cada una de tus fotos, esta opcin hace que el ttulo aparezca sobre la foto
emergente.
Ten en cuenta que el texto del ttulo es independiente del texto de subttulo que se
muestra debajo de la foto. Lee a continuacin para ms informacin sobre los textos
de subttulo.
Opciones de la galera
Las siguientes opciones activan las caractersticas de galera para tus fotos
emergentes.
MOSTRAR LOS CONTROLES DE NAVEGACIN DE LA GALERA : activa esta opcin para que
Esto aparece arriba de la foto cuando se coloca el cursor del ratn sobre la foto.
Permite al visitante ver las otras fotos emergentes en la pgina actual sin tener que
283
284
cerrar la ventana emergente y hacer clic en las vistas en miniatura de las otras fotos.
El visitante puede pasar a la foto anterior o siguiente, o iniciar o detener un pase de
fotos automtico en el que cada foto se muestra durante algunos segundos para
luego pasar a la siguiente.
MOSTRAR GUIN CINEMATOGRFICO AL FINAL DE LA FOTO: con esta opcin se ver una
cinta cinematogrfica con vistas en miniatura debajo de la ventana emergente. Esto
permite al visitante ir a cualquiera de las fotos de la ventana emergente con un clic en
las vistas en miniatura en la cinta cinematogrfica, sin tener que cerrar primero la
ventana emergente de la foto.
INICIAR PASE DE FOTOS AUTOMTICAMENTE : activa esta opcin cuando quieras que se
inicie un pase de fotos cuando un usuario hace clic en tus fotos emergentes. Tambin
puedes escoger cuntos segundos debe mostrarse cada foto cuando el pase de fotos
est funcionando.
Ten en cuenta que slo las fotos incluidas en la galera de fotos son aquellas fotos que
se encuentran en la pgina actual que estn configuradas como ventanas emergentes.
Todas las otras fotos en tu pgina no aparecern en la galera, por lo que debes
asegurarte de usar la pestaa Enlace del dilogo de propiedades web para activar la
opcin foto emergente en todas las fotos que quieras que se incluyan en la galera.
Subttulos de imagen
De forma opcional puede mostrarse un subttulo debajo de cada foto emergente.
Introduce el texto del subttulo en este campo en la pestaa Imagen.
Observa que esta caracterstica funciona con otros objetos adems de las fotos, por
ejemplo, con formas y grupos, pero no se puede utilizar directamente en texto.
Puedes introducir un grupo de relleno de texto (Ctrl+G) para evitar esta restriccin.
www.magix.es
285
286
Pestaa Mouse-over
Las opciones de esta pestaa especifican lo que debera ocurrir cuando un visitante
coloca el cursor del ratn sobre el objeto seleccionado. Por ejemplo, puedes hacer que
cierto texto o una capa completa de contenido emerja cuando un visitante coloque el
cursor del ratn sobre una foto de tu pgina web.
MOSTRAR TEXTO DE POPUP (TTULO): aqu puedes especificar el texto del "ttulo de
popup" de un objeto. Los navegadores web lo muestran como un consejo de
herramienta emergente cuando el usuario mueve el cursor del ratn sobre un objeto.
Por ejemplo, si cuentas con una foto en miniatura que dispone de una versin
ampliada de la foto al hacer clic (consulta la seccin pestaa Imagen para informacin
sobre esto), es posible que quieras insertar el texto de ttulo de popup "Haz clic para
ampliar". Entonces, cuando el cursor del ratn pasa sobre la miniatura de la foto, se
ver este consejo de herramienta.
del mismo modo que puedes aadir a tu diseo una capa que
slo se muestre cuando un usuario hace clic en un objeto (lee el apartado de la
pestaa Enlace), tambin puedes especificar que esa capa se muestre cuando el
cursor del ratn se mueva sobre un objeto. Cuando el cursor del ratn se quita del
objeto, vuelve a desaparecer el popup. Simplemente escoge esta opcin y selecciona
la capa que quieras que se convierta en popup en la lista suministrada. Por ejemplo,
puedes utilizar esta caracterstica para mostrar como popup una copia ms grande de
una foto cuando el usuario mueva el cursor del ratn sobre la misma. Ten en cuenta
que todo el contenido de la capa popup se carga en cuanto el usuario visita tu pgina.
Por lo tanto, este mtodo de mostrar fotos emergentes no se recomienda si tienes
una gran cantidad de fotos que quieres mostrar. En este caso, utiliza la funcin Foto
emergente (en la pgina 42) descrita en el apartado de la pestaa Enlace.
www.magix.es
287
288
Para convertir cualquier objeto normal en un marcador de lugar para un widget,
seleccinalo y abre esta pestaa del dilogo Propiedades web. Escoge si deseas que el
widget se base en cdigo HTML que has obtenido de un sitio web de widget, un
archivo Flash o un archivo grfico. Navega en busca del archivo o pega el cdigo
HTML. Haz clic en ACEPTAR y el objeto se convertir un marcador de lugar.
Esto significa que el objeto representa las dimensiones y la posicin del contenido que
has agregado, pero que al exportar tu pgina web, el objeto se sustituye con el cdigo
o archivo verdadero que has insertado.
Sin embargo, existe una forma ms sencilla de aadir archivos o cdigos a tu sitio.
Simplemente arrastra y suelta los archivos Flash o GIF animados desde el explorador
de archivos de Windows hasta tu pgina. Se generar automticamente una imagen
de marcador de posicin y se colocar en tu pgina. Una copia del archivo se aade a
la carpeta de soporte de tu diseo para que se exporte y publique con tu sitio. Al
exportar y publicar tu sitio, la imagen del marcador de posicin se sustituye por el
archivo verdadero que has importado.
De la misma forma, si has copiado cdigo HTML de la pgina web de widgets de un
tercero, puedes pegar el cdigo en MAGIX Web Designer 10 Premium (asegrate de
que te encuentres en la HERRAMIENTA DE SELECCIN cuando lo hagas y no en la
HERRAMIENTA DE TEXTO porque, de lo contrario, se insertar como texto). MAGIX
Web Designer 10 Premium detecta el HTML y lo utiliza para renderizar una imagen
de marcador de posicin que aparecer en tu pgina. Tambin puedes agregar un
marcador de posicin para el cdigo HTML directamente en el cuerpo o en el
encabezado de una pgina con un clic en los botones cdigo HTML (cuerpo) o cdigo
HTML (encabezado), que abrirn un dilogo en donde podrs pegar o editar cdigos
largos, de ser necesario.
Al exportar o publicar tu sitio, el marcador de posicin se sustituye por el cdigo
verdadero para que el widget funcione. Consulta el captulo Widgets de pgina web
(en la pgina 398) para ms detalles.
www.magix.es
289
290
He aqu un ejemplo simple para explicarlo de forma ms clara. Supn que yo quiero
insertar una pequea pieza de cdigo HTML que aade una imagen en mi pgina
web. El cdigo HTML que yo agregue necesitar una referencia al archivo de imagen
en algn lugar. Primero copio el archivo de imagen, digamos "milogotipo.gif", en la
carpeta de soporte de mi documento. Si el documento es "mipagina.web", la carpeta
de soporte ser "mipagina_web_archivos". Yo s que cuando exporte esta pgina
web, la exportar al nombre "mipagina.htm". Esto significa que todas las imgenes
generadas para mi pgina web y una copia de "milogotipo.gif" que puse en la carpeta
de soporte, se exportarn al directorio "mipagina_htm_archivos". Por lo tanto, en el
cdigo HTML que inserto tengo que incluir una referencia al archivo de imagen en esa
ubicacin. Por lo tanto, puedo insertar:
<img src="mipagina_htm_archivos/milogotipo.gif" />
Observa que esto hace referencia al archivo de imagen en la ubicacin del directorio
de la imagen exportada (_htm_archivos) y NO en el la carpeta de soporte
(_web_achivos) directamente, ya que nicamente el directorio de la foto exportada se
copia en el servidor web junto con mi pgina web cuando se publique la pgina.
Obviamente, si realmente solo quiero poner una imagen en mi pgina web, es mucho
ms fcil importar directamente la imagen a MAGIX Web Designer 10 Premium! Pero
esto es un ejemplo simple que muestra cmo agregar un cdigo HTML que contiene
una referencia a un archivo externo. Consulta Integracin de YouTube, Flash y otros
widgets (en la pgina 33) para ms ejemplos.
Pestaa Publicar
291
292
Consulta el captulo principal Publicar pgina web (en la pgina 310) para tener toda
la informacin sobre como publicar tu pgina.
www.magix.es
Pestaa Analytics
La pestaa Google Analytics te ofrece una forma rpida y fcil de aadir un cdigo de
seguimiento a tus pginas permitindote controlar el trfico de tus pginas web
usando las herramientas de informacin de Google. Necesitas tener una cuenta con
Google para usar las funciones de Analytics: haz clic en el botn "PGINA WEB DE
ANALYTICS" para visitar la pgina y crear una cuenta, si aun no tienes una, o para
administrar una cuenta existente. Sigue las siguientes instrucciones para obtener tu
cdigo de seguimiento y cpialo en la pestaa Analytics. Ahora podrs hacer el
seguimiento de datos a travs de la pgina web Google Analytics de tu pgina
publicada.
293
294
Dos variantes del mismo sitio web. La primera es como se ve en una pantalla ancha, la segunda
es para pantallas estrechas como las de dispositivos mviles. La columna de texto es ms
estrecha y las imgenes y los elementos de pgina estn organizados para adaptarse a una
pantalla ms estrecha.
www.magix.es
Variantes mltiples
Crear sitios RWD puede llegar a implicar una programacin compleja de Javascript.
Pero al ser Web Designer una herramienta destinada a diseadores de programacin
cero, el usuario todava tiene todo el control para el diseo web espontneo y
totalmente libre: tambin puede crear mltiples variantes del mismo sitio web.
Puedes crear una variante diseada para dispositivos mviles de pantallas estrechas,
quiz otro diseo para tabletas intermedias de pantalla pequea y otra variante para
un escritorio de pantalla ancha tradicional.
Lo importante es que el contenido, es decir, el texto, las fotos, los grficos y los
esquemas de colores, se comparten entre las variantes. El segundo punto importante
es que las variantes de capa mltiple para cada pgina no son archivos separados,
sino que forman parte de un solo archivo HTML que puede cambiar de forma
dinmica e instantnea de una capa a otra dependiendo del ancho del navegador.
Para cada variante que creas, puedes adaptar la capa tanto como desees. Puedes
modificar el tamao y recolocar elementos en la pgina y esto se comparte entre las
variantes. Edita el texto para la variante de mvil estrecha y el texto se actualiza para
las otras variantes. Tambin puedes elegir actualizar el estilo de texto (en la pgina
217) de una variante y que se apliquen los cambios solo a esa variante. O puedes
decidir que quieres diferentes contenidos o grficos en una variante: las variantes de
mviles normalmente tienen un contenido reducido.
Cuando aades o borras una pgina en una variante, automticamente crea o elimina
la pgina en otras variantes. As que tu pgina siempre tiene los mismos arreglos de
pgina en todas las variantes.
Hay que poner los nombres de las pginas web en orden para que se puedan
compartir a travs de las variantes. Si no se le pone nombre al sitio, entonces se le
aplica uno automticamente.
295
296
Haz clic en el botn CREAR y elige un ancho de diseo en pxeles. Las dos variantes
arriba describen pginas web d 760 pxeles para la variante principal y una variante
de mvil que tiene por defecto un ancho de 480 pxeles. Lo que sucede es que el
navegador web que se visita con un ancho de 620 pxeles o mayor ver la variante
mayor mientras que un navegador con un ancho menor de 620 pxeles ver la
variante de mvil.
www.magix.es
Haz clic en un objeto para ver si est compartido en tiempo real o no.
297
298
Esta foto tienen un marcador de doble
lnea en el ngulo superior, lo que
indica que est compartida en tiempo
real en una o ms variantes.
Puedes modificar el tamao, recortar y
ajustar el relleno como necesites y el
cambio seguir afectando solo a esa
variante. Pero si sustituyes la foto, por
ejemplo colocando una foto encima,
entonces cambiarn todas las
variantes.
Cuando creas un objeto nuevo (por ejemplo un rea de texto, una foto o un grfico)
en principio no se comparte entre las variantes. Si quieres compartirlo, usa el men
"HERRAMIENTAS" > "VARIANTES DE PGINA WEB" o tan solo haz clic derecho en el
elemento y selecciona "VARIANTES DE PGINA WEB" > "COMPARTIR CON TODAS LA
VARIANTES" . Selecciona "DEJAR DE COMPARTIR CON VARIANTES" si no quieres que un
objeto se comparta entre las variantes. Este men tambin te da la opcin de borrar el
objeto de todas la variantes.
Nota tcnica: si tienes variantes diferentes de fotos, es decir, diferentes tamaos,
recortes o posicin de relleno, entonces Xara tiene que crear mltiples versiones de
la foto para la pgina web publicada. Sin embargo esto no tiene costes de
rendimiento (no ralentiza tu pgina web), ya que el navegador web carga en un
principio la versin correcta y luego, en el fondo, descarga las imgenes de las otras
variantes. Esto significa que la versin inicial que ests mirando (en el mvil o en la
versin de escritorio) se descargar tan rpido como pueda, pero que si cambias el
ancho de tu navegador o la orientacin, cambiar de forma inmediata a la otra
versin.
Variantes y fondos
El color principal o el diseo del fondo de tablero de dibujo (el rea alrededor de la
pgina que determina el fondo de la ventana del navegador cuando se publica la
pgina) puede cambiar de una variante a otra y cada pgina y cada variante de pgina
se exporta con su propio rectngulo de tablero de dibujo.
Las excepciones son las Supersites (en la pgina 300), porque solo se puede
visualizar un fondo cada vez.
Puedes colocar objetos adicionales en la capa de fondo de tablero de dibujo y estos
pueden variar tambin entre las variantes de las pginas. As que, por ejemplo,
puedes tener una forma superpuesta en el borde de la pgina y esta puede colocarse
todava de forma diferente en cada variante o faltar en algunas variantes.
Consulta Fondos de pgina web (en la pgina 302) para ms informacin.
Publicacin de variantes
Publicar tu pgina web con variantes es fcil y no difiere de publicar una pgina web
normal. Tu pgina web es capaz de determinar la resolucin del dispositivo de
visualizacin de forma automtica y proporcionar la variante adecuada en relacin al
ancho que tenga.
Puedes probarlo cambiando el ancho de tu navegador web cuando hagas la vista
previa de tu pgina: hazlo ms estrecho y vers como cambia instantneamente para
mostrar la variante mvil de tu pgina web.
299
300
Supersites
Sobre las Supersites
Los navegadores web modernos admiten muchos efectos HTML5 y CSS3 avanzados,
permitiendo la creacin de pginas web mucho ms dinmicas y atractivas
visualmente.
Las Supersites utilizan estos efectos para permitirte aadir transiciones de pgina
dinmicas animadas y opciones de visualizacin para tus pginas web cuando un
usuario va haciendo clic al navegar por tu pgina web..
Las animaciones de Supersites implican la aceleracin de hardware, que es admitida
por casi todos los navegadores modernos, incluyendo aquellos de telfonos y
tabletas, para asegurarse una animacin rpida y fluida.
Mientras las Supersites no resultan adecuadas para las pginas web complejas y
grandes, son especialmente apropiadas para las pginas pequeas o para
documentos web, presentaciones y para cualquier ocasin en que se requiera un
contenido de estilo diapositiva. Las presentaciones (en la pgina 385) se publican
siempre como Supersites.
Las opciones de visualizacin verticales u horizontales permiten al usuario deslizarse
a travs de las pginas usando un ratn o incluso con toques de pantalla a travs de
las pginas cuando se usa una tableta u otro dispositivo mvil. Las pginas se
presentan como una lista de desplazamiento nica. Alternativamente una seleccin
de transiciones de pgina ofrece una amplia gama de transiciones entre las que elegir.
Habilitar Supersites
Abre el dilogo OPCIONES DE EXPORTACIN WEB para ver las opciones
SUPERSITE ."HERRAMIENTAS" > "OPCIONES DE EXPORTACIN WEB" . O tambin haz clic
derecho en tu pgina y abre el dilogo PROPIEDADES WEB y haz clic en "PGINA WEB"
> "OPCIONES DE EXPORTACIN WEB".
www.magix.es
Supersites
301
302
Necesitas hacer una vista previa de tu pgina web en un navegador web
separado para ver si las animaciones para la transicin funcionan bien (mejor
que usar la ventana de vista previa del navegador incorporado, ya que no te
muestra las animaciones de forma fluida). Haz clic en el botn Vista previa
de pgina web de la barra de herramientas y luego haz clic en uno de los
iconos del navegador en el extremo superior derecho de la ventana de vista
previa para ver las transiciones en un navegador web separado que tienes en
tu dispositivo.
www.magix.es
303
304
Si arrastras un color desde la lnea de colores al tablero de dibujo y lo sueltas, todo el
fondo de la pgina adoptar ese color. Sucede esto porque el fondo de pgina es por
defecto transparente, reflejndose as el color del tablero de dibujo subyacente. Y esto
es exactamente lo que vers en el navegador cuando realices una vista previa de tu
pgina.
Sin embargo, tambin puedes configurar el tablero de dibujo en un solo color, tal
como se describe ms arriba, y luego fijar el rea alrededor de la pgina en otro color.
Tan solo suelta un color sobre el fondo de pgina para configurar su color. Ahora, al
hacer la vista previa de tu pgina vers que el color de fondo de la ventana del
navegador tiene el color del tablero de dibujo y el fondo de pgina cuenta con su
propio color.
www.magix.es
305
306
para que no se desplace con el contenido de la pgina. Haz clic derecho sobre el
tablero de dibujo y selecciona "FONDO DE TABLERO DE DIBUJO" > "FIJO" . Entonces,
cuando hagas una vista previa, el contenido se desliza sobre el fondo fijo mientras te
desplazas (para ver este efecto, asegrate de que tu pgina es suficientemente larga
como para que el navegador muestre la barra de desplazamiento).
Para cambiar al estado por defecto, selecciona "FONDO DE TABLERO DE DIBUJO" >
"DESPLAZAMIENTO" .
307
308
Las dos estrellas estn sobre la capa del tablero de dibujo y por lo tanto aparecen como parte de
la pgina cuando se haga una vista previa en la ventana del navegador.
Ten en cuenta que una vez que hayas desbloqueado la capa de un fondo, se
comportar exactamente como cualquier otra capa abierta. De este modo, cuando
hagas clic derecho sobre un objeto en la capa de fondo desbloqueada, vers el men
de capa normal relativo a los objetos sobre la capa y no el men de la capa de fondo
propiamente, cosa que ves cuando la capa est bloqueada por defecto.
Fondos avanzados
Extender objetos de fondo.
Donde tengas un objeto con un relleno plano, de mapa de bits, vertical u horizontal,
puedes optar por hacerlos un mosaico horizontal para rellenar totalmente el ancho de
la ventana del navegador.
Para hacer que un objeto se exporte de esta manera asegrate de que el objeto est
en la capa de fondo de tablero de dibujo (consultar "Galera de pginas y capas") y
que la capa est desbloqueada: haz clic derecho sobre le objeto y selecciona
RELLENAR EL ANCHO DEL NAVEGADOR del men contextual.
Nota: esta opcin solo aparece en el men contextual de objetos que estn sobre la
capa de fondo de tablero de dibujo.
Tendrs una vista previa del objeto a lo ancho del navegador
www.magix.es
Nota: esta opcin solo funciona de forma eficiente para gradientes verticales y
planos y para rellenos de mapa de bits (tales como relleno de textura). La razn para
ello es que solo estos tipos de relleno se pueden convertir en mosaico de manera
eficiente en el navegador para llenar el ancho de la ventana. Por ello no se
recomienda seleccionar esta opcin para otro tipo de objetos, ya que la pgina
exportada puede incluir archivos png muy grandes y puede que no queden tan bien
como quisieras.
309
310
www.magix.es
311
312
1. Elige en que alojamiento FTP deseas publicar. En este caso elegirs "Otros
configurar tu perfil de usuario FTP (si no ests usando MAGIX Online World).
Se abrir el siguiente dilogo.
www.magix.es
2.
3.
4.
5.
6.
7.
313
314
Haz clic en OK. Web Designer visualiza un dilogo confirmando los detalles de
publicacin que est a punto de utilizar. Haz clic en "Publicar".
www.magix.es
Transferencia de datos
1. Tras hacer clic en "Publicar", Web Designer abre una pequea ventana que
Guardar perfiles
Los perfiles te permiten guardar los detalles de publicacin en tu ordenador, de modo
que puedas recuperarlos y usarlos de nuevo en el futuro sin tener que introducirlos de
nuevo.
En PERFIL , haz clic en el botn GUARDAR PERFIL e introduce un nombre de perfil
adecuado. Ahora puedes seleccionar el perfil de la lista de perfiles en la parte superior
del dilogo, de forma que puedes usarlos en otros documentos sin tener que
introducirlos. Puedes guardar un perfil tanto con configuracin MOW como FTP.
Nota: puedes eliminar un perfil seleccionando en la lista de PERFIL y haciendo clic en
el botn ELIMINAR al lado.
315
316
317
318
Ten en cuenta que debido a las imgenes de mayor tamao y al hecho de que se
necesitan tanto las imgenes de alta resolucin como las de resolucin normal,
publicar pginas Retina lleva ms tiempo que publicar pginas no Retina. Si deseas
deshabilitar la funcin, ve a la pestaa "PROPIEDADES DE WEB" > "PGINA WEB"
situada en el men HERRAMIENTAS , o bien haz clic derecho sobre tu documento web
y selecciona "PROPIEDADES DE PGINA WEB" > "PGINA WEB" . Entonces desactiva la
casilla IMGENES RETINA (ALTA DEFINICIN) en la parte inferior del dilogo.
Si desear volver a formatear una pgina de definicin estndar creada con una
versin anterior de Designer a una con imgenes de alta resolucin, ten en cuenta
que tendrs que importar fotos de nuevo a Web Designer con la funcin Retina
activada.
Consulta Optimizar fotos y mapas de bits para ms informacin sobre la resolucin
de imgenes.
Objetos de fotos
En Web Designer las fotos (o mapas de bits) son simplemente otro tipo de objeto en
la pgina. Puedes arrastrar y soltar fotos en la pgina de tu explorador, y luego puedes
redimensionarlas, girarlas, copiarlas y moverlas como cualquier otro objeto. Puedes
ajustar la transparencia, incluso la transparencia con gradacin, difuminar los bordes y
cortar y recortar formas extradas de fotos con gran facilidad. la opcin de
transparencia te deja mezclar, combinar o crear fotos compuestas.
319
320
Donde en otros programas deberas usar capas, en MAGIX Web Designer 10
Premium cada objeto est sobre su propia capa y, tambin con cada objeto de la
pgina, puede traerlo hacia el frente o hacia atrs de otros objetos.
Grupos de foto
Si editas una foto con alguna herramienta, como la HERRAMIENTA DE OJOS ROJOS
INTEGRADA , la foto se agrupa con otros objetos que modifican la imagen de alguna
forma. Por ejemplo, con la HERRAMIENTA DE OJOS ROJOS , las formas de elipse que se
utilizan para modificar las reas de ojos rojos de la foto se agrupan con la foto en s
misma. Esto se llama GRUPO DE FOTO y lo vers en la lnea de estado cuando
selecciones una de estas fotos modificadas.
Al igual que un grupo usual, el grupo mantiene a la foto unida con los dems objetos
que se aadieron para modificarla, pero las HERRAMIENTAS DE FOTO y otras
herramientas lo tratan como si fuera una foto usual. En general, los grupos de foto se
colocan automticamente dentro de un objeto de ClipView, que recorta los objetos
que superponen los bordes de las fotos hasta los lmites de la foto misma. Por ello,
cuando seleccionas un grupo de fotos en la lnea de estado generalmente muestra
que has seleccionado un "grupo de foto recortado". Consulta el apartado Clipview de
Manejo de objetos para obtener informacin sobre clipviews.
Diferencias entre los grupos de foto y las fotos:
Los grupos de fotos renen una foto simple y algunas ediciones vectoriales.
Puedes arrastrar una foto por su forma de corte en la HERRAMIENTA DE RELLENO
pero no puedes hacer lo mismo con los grupos de fotos (selecciona dentro y
mueve la foto base o haz clic derecho para abrir el men contextual y
seleccionar los objetos recortados y luego arrstralos en la herramienta de
seleccin).
Algunas operaciones convertirn los grupos de fotos en fotos.
www.magix.es
Importacin de fotos
MAGIX Web Designer 10 Premium es compatible con una muy amplia gama de tipos
de fotos o mapas de bits, incluyendo JPEG, PNG, TIFF e imgenes RAW de cmaras
digitales, as como muchos tipos ms. El trmino "mapa de bits" es el trmino general
que abarca todos los tipos, pero intercambiable con la palabra "foto".
321
322
resolucin de tus fotos. Si el documento incluir muchas fotos, es posible que quieras
utilizar esta opcin de resolucin reducida. De lo contrario, si contiene varias fotos, el
tamao del archivo de diseo ser mucho ms grande de lo que debera ser (porque
contiene una copia de cada una de tus fotos) y es posible que no dispongas de
memoria suficiente en tu equipo para cargar, editar y exportar tu documento. Si
arrastras y sueltas sobre una foto existente, esta se reemplazar. Arrastra hasta el
fondo para importar como una foto individual.
Sustituir fotos
Si arrastras y sueltas un archivo de foto (desde el Explorador de Windows o desde la
galera de mapas de bit) hasta una foto existente, esta se reemplazar pero
mantendr el mismo contenedor o tamao de frame. Esto facilita la sustitucin de
fotos en plantillas. Puedes usar la HERRAMIENTA DE RELLENO para ajustar el tamao, la
posicin y el ngulo de la foto dentro de su contorno. Esto no es vlido para
documentos de foto (en la pgina 342), donde al soltar una foto en la pgina siempre
la importar como un nuevo documento.
Cuando reemplazas una foto o mapa de bits de esta manera, se adaptar de la mejor
forma posible al contorno de la imagen existente. Si mantienes presionada la tecla
"Shift" al reemplazar una foto, la nueva cabr en las mismas dimensiones y rotacin
que la foto anterior. Esto es til para cuando ajustes manualmente la escala o rotacin
de un relleno y luego quieres sustituir la imagen por otra que tenga la misma relacin
de aspecto.
Si existen mltiples copias de la misma foto en una pgina, en el mismo grupo suave,
por ejemplo, una pequea vista en miniatura y una versin ms grande en una capa
popup, cuando haces clic y arrastras para reemplazar, todas las copias de la foto de
ese grupo suave se reemplazarn con la foto nueva.
www.magix.es
323
324
Esto no limita lo que puedes realizar con cada copia, puesto que se tratan de forma
completamente independiente. Cada copia no tiene que ser idntica. Puedes editar
cada una como quieras, redimensionndola, girndola, cortndola, colorendola o
aplicndole una amplia gama de efectos de foto y de transparencia. Todo, sin ocupar
espacio en la memoria ni aumentar el tamao del archivo original.
Este ejemplo muestra las copias separadas de la misma imagen, cada una manipulada
de un modo diferente. Cada una conserva la resolucin total del JPEG original
importado, como puedes ver en la imagen de la derecha. La memoria (RAM y el
tamao de archivo) no es superior al tamao de JPEG original.
www.magix.es
325
326
La GALERA DE MAPAS DE BITS siempre contiene un mapa de bits por defecto, con la
imagen de Xara en gris. Se utiliza como mapa de bits por defecto para rellenos de
mapas de bits y en casos donde faltan otros mapas de bits. Es til tenerlo tambin
como marcador de posicin.
Como con todas las galeras, puedes arrastrar los objetos de la galera a la pgina para
crear una nueva copia. O puedes seleccionar una imagen en la galera y hacer clic en
uno de los botones superiores. El apartado siguiente muestra detalladamente cmo
utilizar los controles de la GALERA DE MAPAS DE BITS , que en su mayora estn
pensados para usuarios ms avanzados.
guardado y vuelto a abrir. Sin embargo puedes eliminar cualquier mapa de bits
seleccionndolo y apretando el botn SUPRIMIR . Si el mapa de bits es usado en el
documento, ser sustituido en el mapa de bits estndar de Xara.
Guardar
Seleccionando el mapa de bits y haciendo clic en GUARDAR , guardars la imagen
original. En el caso de JPEG integrada, se guardar el archivo JPEG original. Otros
tipos de mapas de bits se guardan mejor como tipos de mapa de bits PNG.
RESTAURAR:
327
328
Es importante entender como se diferencia de otras herramientas de grficos, tanto
en software de dibujos vectoriales como de programas de edicin de fotos. Otros
productos descomprimirn la imagen y almacenarn la imagen no comprimida
"cruda" en la memoria y el archivo nativo cuando lo guardas en disco. Lo que no es
ms que una copia completa de la imagen original cruda, como se menciona
anteriormente. Haz cuatro copias de tu foto y guarda el archivo, y ser cuatro veces
ms grande. En MAGIX Web Designer 10 Premium el archivo no se agranda, no
importa cuantas copias hagas.
Al incrustar el archivo JPEG original en vez de guardar la imagen no comprimida,
existe un ahorro de tamao de archivo mayor a 7:1 comparado con otros programas
de diseo grfico. Al haber cuatro copias completas de la imagen significa, en este
caso particular, que la memoria usada es ms bien 30 veces menor. Por lo tanto,
representa un enorme ahorro de tamao (y de tiempo) en comparacin a otras
herramientas de grficos*.
*Es fcil para comprobar. Importa un JPEG a tu editor de grficos favorito, haz cuatro copias, y
haz algunos pequeos cambios en ellas, colorendolas, rotndolas, o desenfocndolas. Luego,
guarda el archivo nativo y compralo con el tamao del JPEG original, y el equivalente archivo
.Xar. Un archivo .Xar nativo tendr aprximadamente el tamao del JPEG original, no importa
cuntas copias de la imagen sean hechas.
ALTA CALIDAD
COLOR TOTAL
CONTORNO
Slo se ven los contornos de los objetos. Esto es til para buscar y
seleccionar objetos que son difciles de ver debido a otros objetos
que se encuentran delante o detrs de ellos.
329
330
La ventana de vista previa de exportacin te permite ajustar el tamao, la resolucin,
la calidad del JPEG y, adems, seleccionar entre 3 tipos de archivos de exportacin
alternativos. Los valores por defecto deberan ser los correctos para todas las tareas
comunes y puedes pulsar simplemente el botn de exportacin para guardar tu foto.
Aspectos para tener en cuenta al exportar:
Se puede bajar la calidad por debajo de 85 para que se vea ms rpido la pgina en la
web. La ventana de vista previa muestra la calidad de cualquier valor que selecciones.
Consejo: Si crees que vas a seguir editando la imagen exportada, como cambiar el
tamao de la imagen, te recomendamos que guardes el archivo .web tambin. Esto
preservar la imagen original sin prdida de calidad.
Suelta tu foto en MAGIX Web Designer 10 Premium (en una pgina en blanco o
en la barra de ttulo)
www.magix.es
Para guardar la imagen en formato PNG, repite los mismos pasos de arriba pero
selecciona la opcin PNG en el men desplegable del tipo de archivo.
331
332
Utilizando la HERRAMIENTA DE EDICIN DE FORMA
puedes achicar o agrandar la forma de sus
esquinas. Este ejemplo tambin tiene un contorno
negro y una sombra suave. Para restaurar la
imagen a la forma rectangular original, selecciona
"deshacer corte" en el modo de corte en la barra
de informacin de la HERRAMIENTA DE FOTOS .
Cuando se editan las fotos de esta forma, se
tratan como si fueran una forma vectorial normal
con relleno de mapa de bits. Por eso puedes usar
las herramientas de edicin para crear una lnea o
cambiar la forma, e incluso puedes usar la
HERRAMIENTA DE RELLENO para ajustar el tamao,
el ngulo y la posicin del relleno de la foto
adentro de la forma.
Recortar fotos
La forma ms fcil de recortar una foto es
arrastrarla mientras te encuentras en la
HERRAMIENTA DE OPTIMIZACIN o tambin
puedes arrastrar uno de los 8 controles
deslizantes alrededor de la foto para ajustar el
borde de cualquier foto seleccionada.
REA DE PANTALLA: aqu puedes escoger el rea de pantalla que quieres capturar.
Puedes capturar toda la pantalla, la ventana activa en su totalidad o simplemente el
contenido de la ventana activa sin el borde de ventana.
333
334
OPCIONES: aqu puedes escoger si deseas incluir el cursor en la captura de pantalla.
Tambin puedes decidir si deseas capturar una sola imagen o mantener la
herramienta activada durante la sesin para poder realizar capturas consecutivas
cada vez que pulsas el shortcut asignado.
www.magix.es
Colorear fotos
Selecciona una foto, haz clic en la lnea de colores y elige en el men para aplicar un
color continuo a la foto. Para convertir una foto de color a blanco y negro, haz clic en
el color blanco y selecciona "ESTABLECER COLOR CLARO DE TONO CONTINUO". Esto se
llama color continuo porque es un tono continuo de negro a blanco.
335
336
contorno se puede editar completamente. Entonces, cuando recortes o edites el
contorno de la forma, no estars afectando al relleno.
Las fotos y los mapas de bits de la pgina siempre estn "contenidos" dentro del
contorno de una forma. No slo puedes cambiarle la forma al contorno, sino que
tambin puedes ajustarle el tamao, el ngulo y la posicin de la foto dentro de su
marco (frame) utilizando la HERRAMIENTA DE RELLENO . Selecciona la foto, ve a la
HERRAMIENTA DE RELLENO y podrs ver las flechas de relleno que se encuentran en un
ngulo recto (o puedes ir a la herramienta de relleno, y hacer clic sobre la foto para
seleccionarla).
Por ejemplo. para agrandar y rotar la imagen hacia la izquierda dentro de su propio
marco, selecciona la herramienta de relleno y arrastra una de las puntas de las
flechas.
Para cambiar el tamao, arrastra el cursor sobre una de las puntas de las flechas,
alejndote del centro. Puedes mantener presionada la tecla "Ctrl" para mantener
el ngulo.
Para rotar la imagen, arrastra una de las puntas de las flechas sobre el centro.
Para reposicionar la imagen, arrastra en cualquier parte de la imagen.
En la barra de informacin de la herramienta de relleno
puedes seleccionar la opcin de "mosaico repetido" y la
imagen se llenar con un mapa de bits segmentado. Si
arrastras los controles deslizantes de relleno, podrs
cambiar las dimensiones de la segmentacin dentro de
la imagen o realizar una rotacin. Si realizas la misma
accin pero con una imagen gigante con muchos
pxeles, podrs ver la velocidad con la que trabaja
MAGIX Web Designer 10 Premium.
www.magix.es
Enderezar horizonte
Es muy fcil enderezar el horizonte torcido de una imagen. Slo tienes que utilizar la
herramienta de relleno siguiendo los mismos pasos de arriba.
Selecciona la herramienta de relleno y haz clic sobre una foto. Esto mostrar los
controles deslizantes de relleno, que bsicamente son flechas que muestran la
extensin del relleno en el interior de la forma.
Arrastra uno de los extremos de las flechas para cambiar el tamao de la
imagen o para rotarla.
La siguiente imagen tiene un paisaje con un horizonte torcido, que ha sido creada con
la funcin de "creacin de panormicas".
Utilizando la herramienta de relleno, arrastra una de las flechas para rotar o cambiar el
tamao de la imagen. Puedes reposicionar la foto arrastrando el control deslizante de
las flechas en el centro, o mantiene presionada la tecla "Shift" y mueve el cursor sobre
la imagen.
337
338
www.magix.es
"OPTIMIZAR FOTO.."..
Si seleccionas esta opcin del men para cualquier mapa de bits, se abrir el dilogo
OPTIMIZAR FOTO .
Para imgenes JPEG la configuracin por defecto hace que la foto se optimice a JPEG
192dpi (resolucin de pantalla retina) en el tamao que aparece en tu pgina, o 96 dpi
si la opcin retina no est activada (pestaa PGINA WEB del dilogo PROPIEDADES
WEB ). En general, esto es lo que quieres de las fotos de tu sitio web.
Al optimizar imgenes diferentes a JPEG, Web Designer decidir automticamente si
es mejor optimizarla a PNG o JPEG, segn la propia naturaleza de la imagen.
339
340
Puedes hacer clic en el botn CONFIGURACIN de este dilogo, si quieres cambiar
cualquier configuracin, como el formato de imagen utilizado para la optimizacin, la
calidad JPEG, etc.
Puedes cambiar la resolucin utilizada en este dilogo, si escoges el tamao fsico que
deseas para la imagen optimizada (ancho/alto en pxeles) o si introduces un dpi
diferente (p. ej. 150 dpi si quieres calidad de impresin).
Si escoges la opcin de dpi, el valor que introduzcas se recuerda y se convierte en el
valor por defecto para la sesin actual. Tambin puedes mantener la resolucin actual
de la foto si seleccionas ACTUAL de la lista PPI.
Tambin puedes escoger optimizar como PNG (produce imgenes ms grandes pero
mayor calidad para grficos e imgenes de texto) o cambiar la calidad usada para la
optimizacin JPEG (mayor calidad significa tamao ms grande).
Si tu foto se corta, solo la parte visible de la imagen se preserva en la imagen
optimizada.
Para imprimir, una resolucin de 150dpi ofrece muy buenos resultados, pese a que
300dpi ofrece la impresin comercial de mejor calidad (la mayora no pueden
distinguir entre 150dpi y 300dpi y , sin embargo, 300dpi requiere cuatro veces ms
memoria o espacio de archivo).
Advertencia: "OPTIMIZAR FOTO" es una operacin "destructiva". Cuando guardes el
documento, las partes de la imagen que se hayan quitado se perdern, y la
resolucin se cambiar definitivamente (obviamente, puedes deshacer los cambios
mientras tengas el archivo abierto durante la edicin).
Puedes optimizar mltiples fotos al mismo tiempo si quieres que todas tengan el
mismo dpi. Selecciona las fotos que quieras optimizar y luego elige la opcin
OPTIMIZAR como se ha descrito ms arriba. Si tus fotos tienen diferentes
www.magix.es
341
342
Documentos fotogrficos
A veces es mejor trabajar con una foto sola, en vez de con un "objeto" en una pgina.
Web Designer le llama a esta foto "foto documento" o "modo foto", y se lo puede
editar de forma similar como se hace con los editores tradicionales de foto. Puedes
crear un documento fotogrfico de varias maneras:
No hay una pgina en blanco visible. Las dimensiones de pgina se ajustan a las
dimensiones de la foto, amplindose automticamente si aades cualquier otro
objeto.
Los documentos fotogrficos tienen una cuadrcula de 1 pxel por defecto. La
funcin para ajustar la cuadrcula tambin viene activada. Esto hace ms fcil y
preciso tu trabajo de corte y recorte de reas.
El tablero o pasteboard (el rea alrededor de la foto) tiene un color ms oscuro.
Esto facilita la distincin rpida entre los documentos fotogrficos y los
documentos de dibujo.
El zoom del documento est ajustado de modo tal que la foto cubra toda la
pgina, y la herramienta de fotos se abrir automticamente.
Si sueltas documentos fotogrficos adicionales sobre la foto principal, estars
agregando una nueva foto al documento y no reemplazando la foto principal que
se encuentra en el marco. Y la vista se alejar (zoom out) permitindote ver la
imagen entera.
Las imgenes no se reducen a un tamao de 500 pxeles al importarlas, tal
como se hace como en documentos web normales, sino que se han importado a
una escala de 1:1 de modo que, si fijas el zoom a 100%, vers el tamao total de
la imagen.
Las opciones de suavizado de pxeles se han cambiado. Por defecto, se aplica el
modo de visualizacin en alta calidad. Esta es la mejor forma de ver imgenes
reducidas y las imgenes a las que se les haya aplicado un "zoom out" para
alejar la imagen. Cuando uno se acerca a la imagen haciendo "zoom in", el
suavizado de pxeles estar desactivado.
En lo que respecta a todas las otras funciones, los documentos fotogrficos funcionan
como los otros documentos normales de MAGIX Web Designer 10 Premium. Puedes
usar cualquiera de las herramientas de dibujo y de texto como lo haces
habitualmente. Si quieres crear un documento fotogrfico con un tamao especfico,
puedes cambiar el lienzo o el tamao de la pgina seleccionando "HERRAMIENTAS >
OPCIONES y la pestaa "PGINA " para introducir las dimensiones.
www.magix.es
343
344
La herramienta de fotos
Introduccin
Con la herramienta de fotos podrs recortar fotos o ajustar sus niveles de brillo y
nitidez de forma muy directa y rpida, incluso con las imgenes con muy alta
resolucin. Esta herramienta provee:
Todas estas operaciones son interactivas con actualizacin en vivo. Cuando ajustas
los valores, la imagen se actualiza al instante. Son tambin no destructivas, lo cual
significa que tu imagen original no se cambia y siempre puedes hacer o deshacer
cualquier ajuste.
Tambin est disponible una herramienta para ojos rojos.
www.magix.es
La herramienta de fotos
Si ests en la herramienta de seleccin, haz doble clic en una foto para cambiar a la
HERRAMIENTA DE FOTO .
Los primeros seis botones de la barra de informacin a la izquierda son comunes a
todas las herramientas y suministran acceso a las funciones GIRAR 90 , IMAGEN
ANTERIOR/SIGUIENTE , AJUSTAR ZOOM y AMPLIAR FOTO A 100% . Estas opciones se
describen ms adelante.
Los dos iconos de rotacin giran la foto o las fotos seleccionadas a 90 grados en
sentido de las agujas del reloj o en sentido contrario.
Anterior y Siguiente
Cuando "abres" una foto utilizando MAGIX Web Designer 10 Premium, la foto se
carga en un nuevo documento de foto porque Web Designer presupone que quieres
editar o ver la foto misma, ms que utilizarla como parte de un dibujo o de otro
documento. Cuando abres una foto puedes utilizar los botones "Anterior" y
"Siguiente" de la barra de informacin de la herramienta de foto para cerrar el
documento de foto actual y abrir la foto siguiente (o previa) en el mismo archivo que
la foto actual. Esto te permite navegar a travs de las fotos en un archivo sin tener que
abrir y cerrar cada una individualmente. Si has hecho cambios en la foto que no has
guardado, se te preguntar si quieres guardar los cambios cuando pulsas Anterior o
Siguiente.
Consulta Trabajar con documentos para ms informacin en Documentos
fotogrficos.
345
346
Zoom 1:1
Selecciona una foto y haz clic en el botn zoom 1:1.
El factor del zoom para el documento est establecido de forma que la foto
seleccionada se muestre 1:1 (un pxel de la foto es igual a un pxel de la pantalla).
Utiliza esta opcin si quieres trabajar en una foto a tamao completo en un
documento en donde has reducido el tamao de la foto.
Herramienta de optimizacin
Haz clic en el cono de la cmara para ingresar a la HERRAMIENTA DE
OPTIMIZACIN .
Con la HERRAMIENTA DE FOTOS podrs recortar fotos o ajustar sus niveles de brillo y
nitidez de forma muy directa y rpida, incluso con las imgenes con muy alta
resolucin. Esta herramienta te provee:
Optimizacin automtica con un clic de tus fotos, especialmente til para fotos
subexpuestas.
Ajuste manual de brillo, contraste, saturacin de color y desenfoque o nitidez de
las fotos.
Corte de imgenes. Se trata de "corte en tiempo real", lo que significa que
podrs cortar y deshacer el corte todas las veces que quieras.
Correccin de la dominante de color o el balance de blancos.
Una funcin de "comparacin" con un solo clic para comparar rpidamente los
cambios respecto al original.
Funcin copiar/pegar fotos sencilla que aumenta las ediciones entre imgenes
diferentes.
Todas estas operaciones son interactivas con actualizacin en tiempo real Mientras
ajustas los valores, la imagen se actualiza de forma instantnea. Son tambin no
destructivas, lo cual significa que tu imagen original no se cambia y siempre puedes
hacer o deshacer cualquier ajuste.
www.magix.es
La herramienta de fotos
Los primeros seis botones de la izquierda de la barra de informacin (no se ilustran arriba) son
comunes a todas las herramientas y estn descritos anteriormente
Optimizacin automtica
Brillo
Contraste
Saturacin de color
Temperatura del color
Control de tonos
Desenfoque/Enfoque
Comparacin con el original
En esta herramienta puedes ajustar el brillo, el contraste, la saturacin, la
temperatura, el tono, el desenfoque y el enfoque. Puedes introducir directamente
valores a los campos de texto o usar la barra deslizante emergente para ajustar los
valores de forma interactiva.
Pop-ups deslizantes
Los pop-up deslizantes pueden ser utilizados de una o dos maneras:
podrs ajustar los valores todas las veces que quieras, solo tienes que arrastrar
el control deslizante. Otra alternativa es que mantengas presionado el botn del
ratn sobre el control y puedes usar la rueda del ratn para realizar pequeos
ajustes hacia abajo o hacia arriba. El control deslizante desaparecer cuando
hagas clic en otro lugar del documento.
2. O haz clic y mantiene presionado el botn del ratn y arrastra el cursor sobre la
barra deslizante para ajustar el valor. Cuando sueltes el ratn el pop-up
desaparecer. Esta forma de trabajar es ms rpida porque solo tiene que hacer
clic y soltar para cambiar los valores.
Auto-optimizacin
Si haces clic en el botn "OPTIMIZAR" se realizar un anlisis general del brillo y el
contraste de la imagen y la imagen se optimizar automticamente para obtener una
mejor imagen. Esto es muy efectivo para las imgenes oscuras subexpuestas. Luego
347
348
de haber aplicado la auto-optimizacin a una foto podrs ajustar los valores que han
sido asignados con la optimizacin, usando los controles que se encuentran a la
derecha del botn "optimizar". Si haces clic sobre el botn "COMPARAR" se restaurar
la imagen original, y si haces clic otra vez sobre el mismo botn volvers a los valores
de optimizacin anteriores.
Contraste
Saturacin
Temperatura del
color
Desenfoque / Enfoque
Este control desenfoca las imgenes si introduces valores por debajo del cero
(negativos) y si los valores van por arriba del cero (positivos) la imagen se enfocar.
Se recomienda que no uses valores muy altos cuando enfocas las imgenes. Y aplica
la opcin de "enfoque" solo a imgenes que han sido reducidas mucho.
www.magix.es
La herramienta de fotos
Esta es una operacin no destructiva, lo que significa que puedes ajustar el rea de
corte despus de que la hayas recortado, e incluso puedes deshacer un recorte y
restaurar toda la imagen. Una forma de comprender el proceso es que simplemente
ajusta el contorno de la imagen, pero que toda la imagen permanece dentro del
rectngulo. Por ello se llama recorte y no corte, aunque tiene el mismo objetivo.
Herramienta de corte
Como alternativa, puedes entrar en la HERRAMIENTA DE CORTE si seleccionas el icono
de corte de la barra de informacin para fotos. Esto suministra una gama de opciones
de recorte adicionales. Puedes introducir un valor exacto de pxeles y escoger entre
varias relaciones de aspecto de recorte.
Para un corte interactivo y algunas opciones ms en relacin con las
relaciones de aspecto, entra en el MODO DE CORTE con el botn HERRAMIENTA
DE CORTE .
La barra de informacin se ver as:
349
350
Podrs darte cuenta si una foto ha sido cortada o no si miras la barra de estado que
dir "foto cortada".
Borrar
Presiona el botn "BORRAR" , o haz clic fuera del rea de corte marcada para vaciar el
rectngulo de corte actual.
Deshacer corte
Pulsa el botn DESHACER CORTE sobre cualquier foto cortada seleccionada para
restaurar la foto original. Esto restaura el rectngulo de corte, que puedes ajustar o
borrar si haces clic fuera de l.
El botn DESHACER CORTE en la HERRAMIENTA DE CORTE cambiar el contorno de
cualquier foto cortada, y tambin las formas creadas arbitrariamente que contengan
un relleno de mapa de bits, a un contorno de rectngulo de la foto completa o a un
mapa de bits utilizado como relleno. Puede ser que tengas que seleccionar el botn
"Borrar" para borrar el rectngulo de recorte (o haz clic fuera del rectngulo).
www.magix.es
La herramienta de fotos
Ancho / Alto
Luego de dibujar un rectngulo de corte puedes introducir valores directamente
dentro de los campos de ancho y alto en la barra de informacin fijar valores exactos
a las dimensiones del rectngulo de corte.
Bloquear aspecto
Selecciona el recuadro "BLOQUEAR ASPECTO" para mantener la relacin de aspecto del
rectngulo de corte mientras lo arrastras. Los botones de radio a la derecha del checkbox determinan la relacin de aspecto utilizada. Selecciona "ACTUAL" para mantener
la relacin de aspecto de la foto antes de cortarla. Ten en cuenta que el rectngulo de
corte cambia automticamente entre la forma orientacin de paisaje y retrato a
medida que arrastras el cursor hacia una esquina del rectngulo. Entonces si lo
arrastras lateralmente, tiende a crearse un corte con orientacin paisaje. Si lo
arrastras hacia abajo, entonces se crear una regin cortada con orientacin retrato.
Las relaciones de aspecto ms comunes para recortes predeterminados disponibles
son 4:3 (mayora de cmaras digitales para consumidores y televisores y monitores
de estilo antiguo), 3:2 (filmadoras tradicionales y cmaras digitales SLR de alta
calidad) y 16:9 (relacin de aspecto para televisores con pantalla ancha).
Puedes anular la opcin "bloquear aspecto" si pulsas "Ctrl" mientras arrastras el ratn.
De modo que si ests arrastrando un rectngulo de corte (o ajustando uno) sin la
relacin de aspecto bloqueada, mientras ests pulsando "Ctrl" entonces se mantendr
el aspecto de la ltima relacin de aspecto seleccionada. De la misma forma, si tienes
la opcin "bloquear aspecto" activada y presionas "Ctrl", se desbloquear
temporalmente el aspecto bloqueado.
351
352
2.
3.
4.
5.
6.
con solo hacer clic sobre ellas. Tambin puedes seleccionar fotos que se
encuentran en un grupo.
Si haces clic y arrastras mientras te encuentras en la HERRAMIENTA DE
OPTIMIZACIN , se comenzar un recorte en la foto sobre la que has hecho clic.
O, si comienzas a arrastrar el fondo, el recorte se aplicar a la primera foto que
toques durante este arrastre.
El botn DESHACER CORTE en la HERRAMIENTA DE CORTE cambiar el contorno de
cualquier foto cortada, y tambin las formas creadas arbitrariamente que
contengan un relleno de mapa de bits, a un contorno de rectngulo de la foto
completa o a un mapa de bits utilizado como relleno. Es posible que tengas que
seleccionar el botn "Borrar" para borrar el rectngulo de recorte (o haz clic
fuera del rectngulo).
Todas las operaciones para las fotos pueden deshacerse. A diferencia de las
fotos tradicionales o de los editores de pxeles, aqu la foto original no se altera
hasta que optimices la foto para hacer que los cambios sean permanentes. Esto
significa que puedes realizar cuantos cambios quieras, tan seguido como quieras
y guardar y abrir archivos .xar y .web todas las veces que quieras sin que la
imagen se vea afectada (todas las operaciones de edicin son no destructivas y
sin prdidas) y sin que el tamao del archivo se modifique.
Todas las opciones de la HERRAMIENTA DE FOTO, incluyendo el control de niveles,
operan sobre los objetos rellenos con mapas de bits, y tambin sobre las fotos
individuales.
Si abres una foto en MAGIX Web Designer 10 Premium (con ARCHIVO ->ABRIR ),
se abrir como un documento de foto. Despus de editarla, puedes sobrescribir
la foto, si escoges la opcin ARCHIVO->GUARDAR ("Ctrl+S"). Tambin se guarda
un archivo .web o .xar en una carpeta principal junto con tu foto modificada,
conservando tu foto original y las ediciones. Consulta el captulo Manejo de
fotos para ms informacin.
www.magix.es
La herramienta de fotos
Haz clic en el smbolo anterior para ingresar en el modo de ojos rojos. Luego:
Ampla la vista de los ojos rojos, con la HERRAMIENTA DE ZOOM (EN LA PGINA 80)
o simplemente utiliza Ctrl+rueda del ratn.
Haz clic y arrastra desde el centro del ojo rojo hacia afuera, para crear un parche
de ojo circular. El color rojo se eliminar del rea dentro de este crculo.
Repite los pasos anteriores para cada ojo rojo de tu foto.
Puedes seleccionar cualquier parche de ojo rojo que has aplicado a una foto con un
clic sobre l mientras te encuentras en la herramienta de ojo rojo. Despus, puedes
pulsar la tecla eliminar para quitar el parche.
353
354
Tambin puedes ir a la herramienta QuickShape y editar el parche del ojo rojo
seleccionado de la misma forma en que editas las elipses normales en tus
documentos.
Por lo tanto, de ser necesario puedes dar forma elptica a los parches de ojos rojos si
esto lo coloca mejor en el rea de ojo rojo. Lee la ayuda de la Herramienta
QuickShape para informacin sobre su utilizacin para editar elipses. Sin embargo,
para la mayora de las fotos los parches circulares por defecto son suficientes para
eliminar los efectos de ojos rojos.
Al borde de la elipse de ojo rojo se le aplica una difuminacin de 3 pxeles, para que
no se produzca un corte duro en el rea de donde se elimina el ojo rojo. Puedes
ajustar fcilmente este valor de difuminacin si seleccionas la elipse de ojo rojo
(como se ha mencionado anteriormente) y ajustas el valor de difuminacin con el
control de difuminacin principal (del lado derecho de la barra superior), de la misma
forma que editas el valor de difuminacin de las formas usuales.
Despus de aplicar la herramienta de ojo rojo, los parches de ojo rojo estn agrupados
dentro de un GRUPO DE FOTO . Esto tiene como objetivo que, al mover la foto por el
documento, o al transformarla, los parches de ojo rojo se muevan junto con la foto.
Ten en cuenta que esto significa que si quieres seleccionar una elipse de ojo rojo
mientras no te encuentras en la herramienta de ojo rojo, necesitars pulsar Ctrl
mientras haces clic sobre la elipse (lo que se llama una operacin "seleccionar
dentro"). Lee el captulo sobre Trabajar con fotos para informacin acerca de los
Grupos de foto (en la pgina 320).
Haz clic sobre el botn LIMPIAR TODO en la barra de informacin de la herramienta de
ojos rojos para eliminar todas las elipses de ojo rojo de la foto seleccionada
actualmente.
www.magix.es
La herramienta de fotos
Esto mostrar una lista dividida en partes de los efectos disponibles. El primer
conjunto de efectos de la lista son los efectos del XARA PICTURE EDITOR . El
segundo conjunto son los efectos suministrados por las herramientas incluidas
en MAGIX Web Designer 10 Premium DIFUMINACIN y SOMBRA. El tercer
conjunto son los efectos de plug-ins "nuevo estilo" de Photoshop y el ltimo
conjunto son los efectos "estilo antiguo" de Photoshop (lee ms adelante para
obtener una explicacin de estos diferentes tipos).
4. Selecciona de la lista el efecto que quieres aplicar.
355
356
5. Esto mostrar un dilogo o herramienta del efecto. Puedes ajustar varios
controles y generalmente podrs ver una vista previa del efecto en el dilogo.
Una vez que has finalizado, haz clic sobre ACEPTAR para volver a MAGIX Web
Designer 10 Premium.
Editar formas
Si aplicas un efecto en vivo a una forma o texto, podrs seguir editando el objeto sin
problema. Cada ve que lo editas, el efecto en vivo se vuelve a aplicar
automticamente al objeto. Para efectos bloqueados, esto no es posible y debes
eliminar el efecto usando el botn ELIMINAR de la barra de informacin de los efectos
en vivo, despus editar la forma y finalmente volver a aplicar el efecto.
Bloquear efectos
Cuando cambias el tamao o giras un objeto que tiene aplicado un efecto en vivo,
Web Designer lo considera una edicin y vuelve a generar el efecto. Sin embargo, es
posible que esto no sea lo que quieres, por lo que a veces es til bloquear un efecto.
Los plug-ins de "viejo estilo" de Photoshop ya estn BLOQUEADOS al aplicarlos. Esto
significa que la capa subyacente no puede editarse. Tambin puedes bloquear un
efecto en vivo para que permanezca fijo al cambiar el tamao o girar el objeto, como
si estuvieras girando o cambiando el tamao de un mapa de bits.
Como ejemplo de esto, imagina un plug-in que siempre aplica ondas horizontales. (El
efecto en vivo "Televisin" muestra algo similar). Aplica este efecto a la forma y vers
una lnea horizontal sobre ella. Si despus giras la forma, querrs que las ondas giren
tambin? De ser as, bloquea el efecto antes de la rotacin. Si, por el contrario, quieres
que el efecto de ondas horizontales se vuelva a aplicar en el rectngulo girado, dejar el
efecto sin bloquear.
Cuando un efecto en vivo est bloqueado, el efecto gira con el objeto (izquierda).
Si envas los diseos a otras personas para que los carguen pero no tienen los plug-in
utilizados en el diseo, no vern los efectos aplicados. Para evitar este problema,
puedes bloquear los efectos. Los efectos bloqueados se guardan como mapas de bits
www.magix.es
La herramienta de fotos
en el documento, de forma que todos pueden verlos, incluso si no tienen los plug-ins
que generaron los efectos.
Para bloquear un efecto, selecciona el objeto o los objetos y despus haz
clic en el smbolo del CANDADO de la barra de informacin de los EFECTOS
EN VIVO . Para desbloquear un efecto que has bloqueado de esta forma,
vuelve a hacer clic sobre el CANDADO.
Todava puedes modificar la resolucin del efecto. Es posible que quieras utilizar una
resolucin mayor para la impresin que si solamente quieres trabajar en pantalla.
357
358
diseo para ver una representacin precisa del texto en el documento). Para
garantizar que el receptor pueda ver los efectos de tu diseo, bloquea los efectos
antes de guardar.
Cuando est cargado un diseo que utilice efectos que no estn instalados, se emitir
un aviso para notificar al usuario que es posible que el diseo no se vea de la forma
pensada por el diseador.
Dado que los efectos bloqueados se guardan como mapas de bits en el archivo Xara,
los archivos sern ms grandes que para los efectos en vivo sin bloquear.
selecciona el objeto con el/los efecto/s que quieres copiar y escoge Edicin > Copiar.
Despus selecciona el objeto u objetos a los que quieres copiar los efectos y escoge
Edicin > Pegar atributos.
Ten en cuenta que no puedes copiar efectos de plug-in de "viejo estilo" de Photoshop
de esta forma porque esos efectos no tienen la capacidad de volverse a aplicar.
www.magix.es
La herramienta de fotos
Web Designer incluye ahora la posibilidad de ampliar las fotos con una nueva tcnica
que conserva las proporciones de los aspectos clave de la misma.
El ojo humano es particularmente sensible a los cambios en la proporcin de aspecto
de los objetos usuales y la mayora de las personas puede reconocer cuando algo es
incorrecto en las imgenes que se han extendido o reducido levemente.
Aqu la foto se ha
extendido utilizando
el mtodo de
extensin normal de
la HERRAMIENTA DE
SELECCIN . Aun con
esta extensin
moderada, es obvio
que las proporciones
del arco se han
distorsionado de
forma incorrecta.
359
360
Preparar tu foto
La funcin de modificacin del tamao con contenido forma parte de las herramientas
de FOTO.
Selecciona tu foto y de la barra desplegable de la herramienta de foto,
selecciona el BOTN DE CAMBIO DE TAMAO CON CONTENIDO. El extremo
derecho de la barra de informacin muestra ahora un conjunto de botones.
Optimizar
Las fotos que han sido preparadas para permitir la modificacin de tamao con
contenido tienen datos adicionales guardados junto a las mismas para permitir
ajustes posteriores. Cuando guardas un documento, estos datos adicionales tambin
se guardan, por lo que puedes cargar este documento y continuar ajustando el ancho
y la altura sin necesidad de realizar otra operacin Preparar.
Cuando termines de modificar el tamao de la foto, se recomienda que "fijes" los
cambios utilizando la funcin Optimizar. Esto convertir la imagen ampliada de nuevo
en una imagen JPEG incrustada, a cualquier resolucin, y as se guardar el tamao de
archivo de forma sustancial.
Restablecer
Si haces clic en el botn "Restablecer", se restablece la imagen volviendo a su estado
original y borrando cualquier reduccin o cualquier mscara que se pueda haber
aplicado.
www.magix.es
La herramienta de fotos
Ahora, cuando uses el botn PREPARAR , esta rea estar protegida contra la
distorsin. Es posible que necesites seleccionar la foto para habilitar el botn
PREPARAR .
Nota: puedes enmascarar ms de la mitad de la imagen. La operacin de
preparacin dar un error si pruebas esto.
y despus utiliza las herramientas de dibujo normales para ajustar las formas de
la mscara.
3. O bien, antes de seleccionar los botones PREPARAR , copia la mscara al
portapapeles. Si deseas utilizarla posteriormente, RESTABLECE la imagen, vuelve
a activar la HERRAMIENTA DE MSCARA y pega la forma en la capa de mscara.
Existe otra alternativa en la que puedes "fijar" una imagen extendida utilizando la
funcin OPTIMIZAR y despus aplicar la nueva mscara. En la mayora de los casos
esto no es recomendable porque produce resultados de menor calidad que al
restablecer la imagen y aplicar la mscara a la imagen original.
361
362
El programa ha determinado que las flores, no las hojas del fondo, son el rea de
inters, por lo que ha ampliado esas partes. Con la funcin de mscara puedes
proteger cualquier parte de la imagen de la distorsin a pesar de que estos dos
ejemplos anteriores no utilizan ninguna mscara.
La herramienta de fotos
Sin embargo, si pulsas la tecla Alt mientras arrastras un extremo de los controles
deslizantes laterales en la herramienta de modificacin de tamao con contenido, se
utilizar una escala inteligente diferente con un algoritmo que tendr mejores
resultados en algunas fotos.
Creacin de panormicas
MAGIX Web Designer 10 Premium incluye una herramienta que puede unir
hasta 8 fotografas automticamente para convertirlas en una nica
panormica de alta resolucin.
La creacin de una panormica de alta calidad puede tornarse en un proceso muy
tcnico y complejo. En general requiere la utilizacin de un equipo y lentes especiales
para obtener fotografas con la misma alineacin y exposicin. Con la herramienta
para crear panormicas que viene con el MAGIX Web Designer 10 Premium no
necesitars nada de esto y puedes utilizar una cmara digital de uso diario y podrs
crear imgenes panormicas de alta excelente calidad en tan solo un par de minutos.
Caracterstica de esta herramienta:
Para crear una panormica debes sacar una serie de fotos desde un lugar en donde te
encuentres parado en una posicin central con respecto al objeto a fotografiar.
Idealmente cada foto se superpondr con la prxima en un 30%, aunque funcionar
con ms o menos superposicin.
El proceso de creacin de una panormica es muy simple:
363
364
1. Importa cada una de las fotos. No es necesario que intentes colocar las
Tres ejemplos de fotos de un paisaje. Cada foto se superpone con la otra (en este caso un poco
ms de lo necesario).
La imagen panormica final es el resultado de la unin sin transiciones del grupo de fotos
originales.
Optimizar imgenes
El MAGIX Web Designer 10 Premium siempre une las fotos en alta resolucin,
incluso si has reducido el tamao de la imagen en la pgina. Esta caracterstica es
muy prctica porque produce resultados de mxima calidad con la resolucin ms
alta posible. Pero esto s quiere decir que la composicin de una panormica necesita
un par de minutos. Por eso, a veces es mejor reducir la resolucin de las imgenes
antes de crear la panormica, especialmente si solo necesitas un resultado final con
una resolucin de calidad mediana, como para la web.
www.magix.es
La herramienta de fotos
Para reducir la resolucin de cualquier imagen, reduce la imagen en la pgina al
tamao requerido y luego utiliza la opcin "HERRAMIENTAS > OPTIMIZAR FOTO". Ten
en cuenta que la herramienta para crear una panormica (panorama stitcher)
funciona mejor con imgenes en alta resolucin (ya que de esta forma le es ms fcil
al programa encontrar los partes que se repiten en las diferentes fotos para realizar la
unin).
Cuando est lista la imagen panormica se guardar como una imagen PNG en el
MAGIX Web Designer 10 Premium. Este es el formato de mejor calidad pero ocupa
mucha memoria y espacio de archivo, especialmente si es una panormica en alta
resolucin. (La GALERA DE MAPA DE BITS te indicar cunto espacio necesita). Por
ello, es recomendable que reduzcas la resolucin de la imagen final y luego la
conviertas a JPG. Para realizar esta accin, utiliza nuevamente la opcin
"HERRAMIENTAS ->OPTIMIZAR FOTO".
Notas:
365
366
Herramienta de extrusin 3D
La HERRAMIENTA DE EXTRUSIN ofrece una rpida y sencilla posibilidad para convertir
formas 2D y textos en extrusiones 3D con efectos de luz y sombras de alta calidad. Se
basa en la tecnologa de MAGIX 3D Maker utilizada. Te permite realizar -arrastrando
con el ratn a la pantalla- rotaciones de objetos 3D en tiempo real, la adaptacin de la
profundidad de extrusin y el desplazamiento de tres fuentes de luz en un espacio 3D
alrededor del objeto.
Herramienta de extrusin 3D
que el cursor ir cambiando de smbolos en la pantalla para indicar qu ocurrir si
haces clic y arrastras a otros puntos del diseo:
Vers esto cuando el cursor del ratn est sobre el frente o el reverso del
objeto. Si haces clic y luego arrastras el ratn, el objeto girar en el espacio
3D.
Esto se puede visualizar cuando el cursor del ratn se encuentra sobre la
extrusin (costados del objeto extrudido). Si haces clic y luego arrastras el
ratn cambiars la profundidad de la extrusin.
Vers esto cuando el cursor del ratn se encuentra sobre la extrusin y
mantengas presionado el botn "Ctrl". Haciendo clic y luego arrastrando el
ratn cambiar el tamao del bisel (ver abajo).
Extrusin On/Off
Lista de tipo de barra deslizante
Valor numrico y de barra deslizante para el parmetro seleccionado
Tipo de bisel
Barra deslizante y valor del tamao de bisel
Luces On/Off
Brillo/Mate
Esquina con inglete/Esquina redonda
Puedes ajustar un objeto 3D extrudido de forma manual, directamente en la pgina
como se describe ms arriba, o seleccionndolo y utilizando los controles de la barra
de informacin de la Herramienta de extrusin.
Una vez que una forma o un objeto ha sido extrudido las modificaciones que se le
pueden realizar al objeto original son limitadas. Por ejemplo, si has extrudido una
forma, no es posible editar la forma con la "herramienta de edicin de forma" porque
ya no es ms una forma simple de 2D con la que puedes interactuar. Sin embargo, si
367
368
utilizas este control puedes "desactivar" temporariamente la extrusin para poder
visualizar y modificar el objeto subyacente utilizando otras herramientas, antes de
volver a activar la extrusin otra vez. Luego de realizar la modificacin y de activar la
extrusin, la extrusin se volver a aplicar a tu objeto 2D modificado, con todos los
mismos atributos 3D que tena antes de haber desactivado la extrusin.
Ten en cuenta que en algunos casos si cambias mucho la forma del objeto mientras
la extrusin est desactivada (p. ej. cuando transformas un objeto a una forma
completamente diferente), puede ocurrir que los atributos de la extrusin 3D que
hayas aplicado no se haya conservado. En estos casos puedes utilizar PEGAR
ATRIBUTOS para copiar los atributos de una copia de tu extrusin original antes de la
modificacin. Ver Copiando estilos: pegar atributos (en la pgina 134).
Profundidad de la extrusin
La forma ms fcil de ajustar la profundidad de la extrusin es que hagas clic y luego
arrastres el cursor sobre la extrusin como ha sido explicado arriba. Aunque tambin
para realizar ajustes puedes utilizar la barra deslizante, que se encuentra en la parte
izquierda de la barra de informacin de la herramienta de extrusin. Asegrate de
haber seleccionado PROFUNDIDAD DE EXTRUSIN en la lista desplegable a la izquierda
de la barra deslizante (esta es la configuracin que viene por defecto). La profundidad
de la extrusin actual se puede visualizar en el campo numrico a la derecha de la
barra deslizante, tambin puedes introducir al campo tus valores para la profundidad
de la extrusin.
Luces
LUCES ON/OFF
Si activas las luces podrs ajustarlas a tu gusto en el espacio 3D . Hay tres luces a las
que se les puede asignar un color propio y una posicin especfica en el diseo.
www.magix.es
Herramienta de extrusin 3D
En este ejemplo, el color del frente
de la forma ser blanco. Pero vers
que se ve verde porque hay una luz
verde que ilumina casi
directamente la "cara" (frente) de la
forma.
Podrs optimizar los objetos 3D en
tu diseo ajustando sus colores y
las posiciones de las tres luces.
Detrs del objeto hay una luz de color beige/naranja y otra de color prpura. Ambas
luces generan reflejos en los costados, y si cambias el color o la direccin de las luces
que se encuentran detrs del objeto, los reflejos de las luces tambin cambiarn.
Para mover una luz alrededor del objeto 3D, arrastra la flecha de la luz. Si sueltas la
luz detrs del objeto 3D (ya no la podrs seleccionar), puedes recuperarla utilizando
la barra deslizante de la izquierda en la opcin "Extrudir" de la barra de informacin.
Selecciona uno de los ngulos de luz de la lista desplegable (por ejemplo: "Luz 2
ngulo 1") a la izquierda de la barra deslizante. La luz se mover alrededor del objeto
3D de tu diseo. Las distintas opciones de "ngulos de luz" de esta lista desplegable
te permiten mover todas las luces en cualquier direccin del espacio 3D para lograr
las posiciones que desees. Sin embargo, en general tambin obtendrs buenos
resultados arrastrando las flechas de luz a la pgina.
Para cambiar los colores de las luces, slo tienes que arrastrar los colores de la barra
de colores y soltarlos directamente sobre las flechas de luz. Para editar el color de la
luz con el editor de color, haz doble clic en la flecha de luz que quieres cambiar y el
editor de color se abrir con el color de la luz que hayas seleccionado. Ahora podrs
editar los colores de la luz. Con el editor de color abierto, mientras haces clic en las
diferentes flechas de luz, en el frente (cara) y en los costados de la extrusin, el color
seleccionado de la lista desplegable del editor de color cambia para que coincida con
el de la seleccin; as podrs seleccionar y cambiar rpidamente los diferentes colores
de tu extrusin.
Brillo / Mate
Utiliza este botn para hacer la superficie del objeto 3D ms o menos
reflectante. Con la opcin de brillo y la luz posicionada en el lugar correcto
detrs del objeto, la luz rebotar en los costados del objeto creando un efecto.
369
370
Texturas y fotos
Cuando extrudas una foto, la foto se ver en el frente (cara) del objeto 3D. Puedes
crear impresionantes efectos 3D de fotos en un par de segundos con tan slo
importar una foto y luego aplicarle una extrusin.
Este efecto se genera cuando realizas una extrusin de una foto y la giras un poco, creando una
copia reflejada por medio de la herramienta de seleccin, y ajustando el ngulo 3D para que
coincidan. Luego se le da una transparencia graduada para crear un reflejo ms oscuro.
Puedes utilizar cualquier foto o textura para el frente de tu extrusin. Puedes importar
tu imagen y realizarle una extrusin como se explic arriba, o arrastra y suelta una
imagen sobre el frente de una extrusin existente mientras presionas "Shift". Se habr
aplicado la foto o la textura en el frente (cara) del objeto extrudido.
Extrudir texto
Puedes realizar una extrusin a un texto de la misma forma que se le puede realizar a
una forma. Haz clic y arrastra el ratn sobre el texto mientras utilizas la herramienta
de extrusin. Como es de esperar, si haces esto a varias palabras esto puede ser un
proceso lento y no es recomendable.
www.magix.es
Herramienta de extrusin 3D
Como el texto en general es negro, al menos que cambies el color de la extrusin
resultante tambin ser totalmente negro (esto hace difcil su visualizacin). Por ello,
se recomienda cambiar el color antes de realizar la extrusin (aunque puedes
cambiarlo luego con slo hacer clic en un color).
Como ocurre con otros objetos extrudidos, si quieres editar el texto, slo tienes que
desactivar la extrusin utilizando el botn de la izquierda de la barra de informacin
para realizar extrusiones, edita el texto y luego vuelve a activar la extrusin con el
mismo botn.
371
372
Barras de navegacin
La mayora de los sitios web tienen una barra de navegacin horizontal o vertical,
desde la que puede accederse a todas las pginas importantes.
MAGIX Web Designer 10 Premium incluye funciones especiales para las barras de
navegacin, que facilitan la insercin, edicin y eliminacin de botones. Los botones
de una barra de navegacin pueden ajustar el ancho para coincidir automticamente
con sus etiquetas y se reposicionan automticamente cuando realizas cambios. Hasta
puedes agregar mens y submens desplegables a tus barras y hacer que se puedan
agregar o eliminar botones automticamente al agregar o eliminar pginas.
Los usuarios avanzados pueden crear sus propias barras a partir de diseos de
botones propios y modificar los diseos de botones existentes en una barra de
navegacin para aplicar su nuevo diseo en toda la barra.
Barras de navegacin
Orientacin
Escoge la orientacin horizontal o vertical que desees para tu barra de navegacin.
Para las barras de navegacin verticales generalmente querrs que los botones
tengan el mismo ancho (el ancho del botn ms ancho), para obtener una barra
rectangular. Consulta la opcin AJUSTAR TODOS LOS BOTONES A LA ETIQUETA MS
ANCHA a continuacin para controlar esto.
373
374
Justificado
Escoge el comportamiento que deseas para tu barra cuando cambie su longitud al
editar etiquetas o aadir/quitar botones. Una barra horizontal JUSTIFICADA A LA
IZQUIERDA crecer hacia la derecha a medida que agregas ms botones o extiendes la
longitud de las etiquetas de los botones. El extremo izquierdo de la barra
permanecer en el mismo lugar en la pgina. De forma similar, una barra JUSTIFICADA
A LA DERECHA mantendr su extremo derecho y crecer hacia la izquierda. Una barra
JUSTIFICADA EN EL CENTRO crece tanto para la derecha como para la izquierda de
forma equitativa. Selecciona la opcin central si, por ejemplo, quieres que la barra de
navegacin horizontal se centre en la parte superior de tu pgina.
Para barras verticales, las opciones de justificacin cambian a Arriba, Centro y Abajo.
En el caso de las barras verticales, la configuracin determina si la barra crece hacia
arriba (Abajo), hacia abajo (Arriba) o en ambos sentidos (centro) al agregar botones.
Espaciado de botn
Aqu puedes escoger el espacio entre cada botn en la barra de navegacin horizontal
si no quieres que cada botn se encuentre justo arriba de su vecino. Simplemente
introduce la cantidad de pxeles de espacio que te gustara y observa el resultado de
inmediato.
Barras de navegacin
para los que deseas que los botones de la barra tengan el mismo orden de las pginas
de la presentacin.
375
376
www.magix.es
Barras de navegacin
Para hacer una barra de navegacin de botn nico de una barra normal, tan solo abre
el dilogo PROPIEDADES DE LA BARRA DE NAVEGACIN (haz doble clic sobre la barra de
navegacin) y borra todos los botones menos uno. Ahora borra los enlaces del botn
(haz clic en el campo URL al lado del botn en el dilogo y elige NO APLICAR en el
dilogo de enlace). Ahora puedes comenzar a aadir entradas de men al botn de
forma manual en el dilogo de la barra de navegacin o se puede aadir una entrada
de men de forma automtica para cada pgina en tu sitio web. Para aadir los
enlaces de forma automtica, activa la opcin BARRA DE NAVEGACIN DE PGINA WEB
en el dilogo (o desactvala y actvala de nuevo si ya estaba activada). Vers que tu
men se completa con un enlace a cada pgina de tu sitio web. Edita los nombres de
cada entrada en el men si no quieres que sean los mismos nombres que las pginas.
Hay una seleccin de diferentes diseos de barra de navegacin en la GALERA DE
dentro de "WIDGETS Y ELEMENTOS DE PGINA" > "BARRAS DE NAVEGACIN" .
Tambin cada uno de los temas que hay en Temas de pginas web (general) tienen
sus propios diseos de barra de navegacin. Cambia el diseo de tu barra de
navegacin arrastrando un nuevo diseo de la galera de diseos y soltndolo en tu
barra.
DISEOS
377
378
de navegacin no son adecuadas para un botn nico porque si se queda el botn
central solo, su diseo es poco probable que sea atractivo, por lo que el dilogo de
propiedades de la barra de navegacin no te permite borrar los botones de la derecha
y la izquierda de estas barras para dejar solo el central. Por lo que elige un diseo de
barra de navegacin donde todos los botones de la barra tengan la misma apariencia.
Todos los botones iguales: adecuado
para barras de navegacin de botn
nico.
Diseos de botn final diferentes: no
adecuado para barras de navegacin
de botn nico.
Para convertir una barra de navegacin de botn nico en una barra de botones
mltiples normal, tan solo aade ms botones y borra las entradas de men del
primer botn si no se requiere ningn men.
Botones y mens
Edita las etiquetas de botones, enlaces y otros atributos de botones con la tabla y los
controles con estructura de rbol en la mitad inferior del DILOGO DE BARRA DE
NAVEGACIN . Cada fila de la tabla corresponde a un botn de la barra o a una entrada
en un men de uno de los botones.
www.magix.es
Barras de navegacin
Para fijar el enlace de un botn, haz doble clic en el campo de la URL o, si la fila ya
est seleccionada, simplemente haz clic en ella. Aparecer el DILOGO ENLACE DE
PROPIEDADES WEB . Este debera parecerte familiar, puesto que es el mismo dilogo
Enlace (en la pgina 269) que utilizas para agregar otros enlaces a tu pgina y estn
disponibles las mismas opciones. Algunas opciones estn desactivadas porque no
son aplicables a las barras de navegacin ni a los enlaces de men, como la opcin de
foto emergente que slo funciona cuando se aplica a una foto.
Tambin puedes configurar el texto de consejo de herramienta para cada botn en la
tercera columna. Edita el texto de la misma forma en que lo haces con el texto de la
etiqueta. En el sitio web exportado, este texto aparecer como un pequeo consejo de
herramienta emergente cuando se coloque el cursor del ratn sobre el botn o
entrada del men.
379
380
Una vez que tengas un botn operativo, puedes convertirlo en una barra de
navegacin. Selecciona el botn (junto con su estado MouseOver, si lo tiene) y
selecciona entonces "ARREGLO" > "CREAR BARRA DE NAVEGACIN" . El dilogo de barra
de navegacin aparece para que puedas configurar la barra. Consulta el captulo Barra
de navegacin (en la pgina 372) para ms informacin, incluyendo cmo tener
diferentes botones iniciales y finales en tu barra.
Separadores de men
Puedes agregar un separador a tu men con un clic en el botn AADIR SEPARADOR
en la parte inferior del dilogo. El separador se agrega despus del elemento de men
seleccionado en este momento. Los separadores te permitirn agrupar visualmente
los elementos relacionados de tu men.
Estilos de men
Haz clic en el botn ESTILO DE MEN para abrir el DILOGO ESTILO DE MEN . Esto te
permite cambiar cmo aparecen los mens y cmo se comportan en tu barra de
navegacin.
www.magix.es
Barras de navegacin
Fuente
Escoge una fuente para utilizar para el texto de tus mens. Slo se enumerarn las
fuentes seguras para la web, que son las fuentes que todos los visitantes de tu sitio
deberan tener. Tambin existe la opcin de hacer que la fuente sea negrita o para
cambiar su tamao.
NOTA: Esto no cambia la fuente que se utiliza para las etiquetas de botn de tu
barra, sino la fuente utilizada en los mens. Para cambiar la fuente de las etiquetas
de botones, consulta la seccin correspondiente ms adelante en este captulo.
Direccin
Escoge la direccin en la que quieres que tus mens se abran. Para las barras de
navegacin horizontales, normalmente querrs que sea hacia abajo y para las barras
de navegacin verticales, o bien hacia la izquierda o hacia la derecha dependiendo el
lugar de la pgina en el que se encuentre tu barra.
Espaciado
Con esta configuracin puedes agregar espacio entre las entradas del men; si las
separas, el men ser ms grande.
Borde
Agrega un borde a los paneles de los mens al fijar un ancho de borde en pxeles.
381
382
Animacin
Por defecto, los mens se abrirn de forma instantnea, pero aqu puedes elegir si
quieres que el men tenga una animacin mientras se abre.
Transparencia
Puedes hacer que tus mens sean semitransparentes para poder ver a travs de los
paneles de men. Introduce el nivel de transparencia que te gustara como porcentaje.
Desplazamiento horizontal/Desplazamiento vertical
Puedes desplazar el panel del men de forma horizontal o vertical con respecto a los
botones. Introduce la cantidad de pxeles de desplazamiento.
Edicin en el lienzo
Puedes editar las etiquetas de botones directamente en el lienzo, con la
HERRAMIENTA DE TEXTO . Simplemente escoge la HERRAMIENTA DE TEXTO y
haz clic en el texto de la etiqueta para comenzar a editarlo.
Si el objeto de texto es un objeto repetido (clic derecho y REPETIR EN TODAS LAS
instancia del objeto se actualizarn
automticamente.
Barras de navegacin
izquierda la BARRA DE INFORMACIN DE LA HERRAMIENTA DE TEXTO. A medida que
desplaces el cursor del ratn sobre las diferentes fuentes de la lista, la barra de
navegacin se adaptar de inmediato para que puedas ver el aspecto de tu barra con
esa fuente. Selecciona la fuente que desees. Si tu barra tiene un estado MouseOver,
su fuente tambin se adaptar.
De la misma forma, puedes cambiar el tamao de la fuente con el control del tamao
de fuente que se encuentra junto a la lista de seleccin de fuente.
383
384
Limitaciones de botones extensibles
Para obtener resultados ptimos cuando tus botones se extienden de forma
automtica, te recomendamos que no haya puntos de control de ruta ni rellenos con
gradacin/puntos de control de transparencia en el rea horizontal que ocupa el
objeto de texto de la etiqueta de botn.
Texto en un botn
Cada estado del diseo de botn debe disearse como objeto de grupo que contenga
el objeto de texto que puede servir como etiqueta de botn. Este objeto de texto
debera ser un objeto de texto simple, no una columna de texto ni un rea de texto. Es
decir, que debera crearse en la Herramienta de texto con un clic en la pgina y
escribiendo, sin arrastrar una lnea ni rea de texto primero.
Estados de botones en grupos suaves
Si hay varios estados en tu botn, p. ej. MouseOff y MouseOver, necesitan agregarse
a un grupo suave para que permanezcan juntos cuando un estado se mueve o
transforma.
www.magix.es
Pasos y capas
Los pasos en una presentacin son en realidad capas que estn animadas en la pgina
de una en una. Si abres la galera de pginas y capas (en la pgina 85) vers todos los
pasos, como capas, adems de otras cuantas capas. El fondo de cada diapositiva de la
galera de pginas y capas se llama capa MOUSEOFF. Sobre este hay otra capa
MOUSEOVER que contiene elementos que tienen comportamiento MouseOver, tales
como botones, barras de navegacin, flechas de "pgina siguiente", etc. Adems hay
un FONDO DE TABLERO DE DIBUJO y un FONDO DE PGINA que son capas especiales y
que generalmente estn bloqueadas.
Es importante tener en cuenta que no es necesario usar la galera de pginas y capas
para crear o editar tu presentacin. La barra de herramientas de presentacin (en la
pgina 387) principal se puede usar para aadir, borrar y saltar a cualquier paso de tu
presentacin.
385
386
Puedes reordenar los pasos de tu presentacin si ordenas las capas en la galera. Los
nmeros de los pasos se actualizarn automticamente.
El paso actual est indicado con el smbolo de la flecha (en la captura de pantalla
arriba, el paso de presentacin 2 es el actual). Tan solo haz clic sobre un paso para
hacer que sea el actual.
En el espacio de trabajo solo se muestran los objetos sobre la capa actual e inferior.
As se refleja como se ver tu presentacin cuando ese paso se alcanza en la
presentacin. En una presentacin de 3 pasos, por ejemplo, si el paso 2 es actual, no
vers ningn otro objeto en el paso 3 hasta que no hagas actual este paso u otros
siguientes.
Adems puedes hacer clic en el icono "S" (solo) junto al paso que quieres ver, para
visualizar solamente este paso en el lienzo. Haz clic en el icono nuevamente para
volver al modo normal.
Al igual que con las capas, puedes hacer clic y arrastrar un objeto para moverlo de un
paso a otro en la GALERA DE PGINAS Y CAPAS.
www.magix.es
387
388
Crea una presentacin desde cero (en la pgina 388): agrega todos los
elementos necesarios, texto, grficos y fotos en tu pgina y ordena el contenido
en pasos y pginas de tu presentacin, tal como lo desees.
Convierte una pgina web/documento web existente (en la pgina 390) en una
presentacin.
2.
3.
4.
5.
6.
7.
8.
389
390
9. Puedes cambiar el efecto utilizado para cada paso de forma muy sencilla.
Selecciona uno de los rectngulos que acabas de aadir y pulsa el ltimo botn
de la barra de herramientas "Presentacin", denominado EFECTO DE TRANSICIN
DEL PASO . As se abre un dilogo que te permite seleccionar una transicin
diferente en vez de la transicin por defecto, "fade". Selecciona APARECER DESDE
LA DERECHA . Haz nuevamente una vista previa de tu pgina y vers que, al pulsar
la flecha hacia la derecha, el texto y el rectngulo aparecen desde la derecha.
10. Si decides que deseas que un objeto permanezca visible de forma permanente
en vez de formar parte de un paso, seleccinalo y pulsa el botn MOVER AL
FONDO en la barra de herramientas presentacin. As se coloca el objeto
nuevamente en la capa MouseOff. Prubalo con uno de los objetos que has
colocado en un paso.
11. La GALERA DE DISEOS contiene algunos componentes muy tiles para las
presentaciones en "PRESENTACIONES " > "COMPONENTES DE PRESENTACIONES ". Tan
solo arrastra y suelta un componente hasta tu pgina. Cada componente se
aade al paso actual. Si no es esto lo que quieres, utiliza la barra de
herramientas "Presentacin" o haz clic derecho en el men "Presentacin" para
moverlo a otro paso o a la capa de fondo (MouseOff). (Ten en cuenta que los
componentes TTULOS y CONTROLES DE TRANSICIN siempre se aaden a la capa
de MouseOff/Fondo).
12. Recuerda, como est descrito arriba, que la GALERA DE PGINAS Y CAPAS te
muestra todos los pasos de presentacin en tu pgina en orden, puesto que
cada paso de la presentacin es, en realidad, una capa independiente. Tan solo
el paso actual y los pasos anterior y posterior a l se muestran en el espacio de
trabajo.
www.magix.es
Haz clic derecho sobre el objeto y selecciona "PRESENTACIN" > "MOVER A PASO"
, luego selecciona el nmero de paso al que quieres mover los objetos, o
selecciona "FONDO" si quieres mover los objetos a la capa MouseOff, o bien
"NUEVO PASO" para mover los objetos a un nuevo paso.
En la GALERA DE PGINAS Y CAPAS, haz clic y arrastra los objetos de un paso a
otro o haz clic derecho sobre los objetos y escoge MOVER A LA CAPA ACTUAL .
Usa cortar y pegar para mover objetos de un paso a otro. Corta el objeto
(Ctrl+X), convierte el paso que quieras mover en el paso actual, luego pega
(Ctrl+V) o pega en el lugar (Ctrl+Shift+V).
391
392
PGINAS Y CAPAS
Eliminar un paso
Selecciona un objeto del paso y haz clic en el botn ELIMINAR PASO de la
barra de herramientas "Presentacin" o haz clic derecho y escoge
PRESENTACIN > ELIMINAR PASO .
O bien, haz clic derecho sobre la capa en la GALERA DE PGINAS Y CAPAS y
seleccionaELIMINAR CAPA .
393
394
Escoge una transicin de la lista de EFECTO DE TRANSICIN , arrastra la barra
para fijar la duracin de la transicin entre 0 y 5 segundos y finalmente
haz clic en APLICAR .
VELOCIDAD
Los nuevos pasos que has creado adquieren un efecto de transicin en el ltimo paso
de la presentacin por defecto. Esto significa que, si quieres la misma transicin en
todos los pasos, solo tienes que configurarlo una vez sobre el primer paso y entonces
todos los pasos aadidos a continuacin tendrn la misma transicin.
TRANSICIN
Luego, cuando un visitante navegue por a la pgina con la transicin animada, ver
dicha transicin.
www.magix.es
395
396
muevas por los pasos de la presentacin utilizando las flechas, paso por paso y pgina
por pgina, los visitantes vern que su navegador web se actualiza automticamente.
Todos vern la pgina y los pasos que t ests viendo en tu navegador web. En
general, esto se utiliza junto con una llamada en conferencia para que todos los
participantes pueden desplazarse juntos por la presentacin.
2.
3.
4.
5.
6.
7.
direccin web publicada y asegrate de que puedes desplazarte con las flechas
de tu teclado. Cpia la URL de la primera pgina de tu presentacin.
Selecciona "AYUDA" > "PRESENTACIONES EXTERNAS ...." del men de Web Designer
e inicia sesin en MAGIX Mundo Online con tu direccin de e-mail y tu
contrasea registradas. O haz clic en el botn para crear una cuenta de MAGIX
Mundo Online, si todava no tienes una.
Introduce un ttulo para tu presentacin y la URL de la primera pgina.
Tienes la opcin de introducir un mensaje que se mostrar a tus invitados antes
de comenzar la presentacin. Puedes escoger, por ejemplo, mostrar "La
presentacin comenzar a las 14:00". Nota: como eres el presentador, no podrs
ver este mensaje.
Haz clic en el botn CREAR PRESENTACIN . Tu presentacin aparecer en la lista
de la derecha. Se mostrar una sola URL para tu nueva presentacin. Copia esa
direccin y suminstrala a todas las personas a las que deseas invitar a tu
presentacin, indicndoles cundo tendr lugar.
Cuando llegue el momento de comenzar con tu presentacin, inicia sesin en
http://presenter.xara.com/ http://presenter.xara.com y haz clic en el botn
INICIAR junto a tu presentacin a la derecha. Vers la primera pgina de tu
presentacin, al igual que todos tus invitados. Cuando hagas clic en la flecha
hacia la derecha para moverte al prximo paso o pgina, todos los visitantes
vern lo mismo que t en sus navegadores web.
En la esquina superior derecha de la ventana del navegador, el sistema de
presentacin remota te mostrar la cantidad de invitados que estn viendo tu
presentacin. Si mueves el cursor osbre este text, vers una lista de los nombres
de cada invitado.
Limitaciones
Solamente "prximo paso", "paso siguiente", "Re. Pg.", "Av. Pg." y los enlaces web
comunes se transmiten entre el presentador y los visitantes. Por lo tanto, evita confiar
en otros eventos, como eventos MouseOver, fotos emergentes, capas popup, etc.,
porque los visitantes no podrn verlos.
397
398
Tipos de widgets
Bsicamente, existen tres tipos de widgets, que se diferencian en la forma en que los
personalizas y configuras en MAGIX Web Designer 10 Premium. A continuacin
encontrars una breve descripcin de cada tipo, pero ms adelante en este captulo
cada uno se explica en ms detalle. Para los tres tipos de widget puedes hacer doble
clic en la imagen de marcador de posicin para editarlos.
399
400
edita en la web, una ventana del navegador se abrir para permitirte configurar el
widget en la pgina web del proveedor. Si es un widget que se edita en el programa,
aparecer un marcador de posicin en la pgina. Haz doble clic en el marcador de
posicin para abrir un nuevo documento en Web Designer, que te permitir
personalizar el widget.
Insercin
Pulsa el botn AYUDA al final de la ventana para ver informacin que te gue durante
el proceso de configuracin e insercin del widget. Para la mayora de los widgets,
debers llegar al punto en que la pgina web del widget te muestre el cdigo HTML
que necesita insertarse en tu pgina web. Cuando sea visible, generalmente puedes
hacer clic en el botn Insertar en la parte inferior de la ventana. Entonces, MAGIX
Web Designer 10 Premium encontrar el cdigo HTML y lo insertar en tu pgina por
ti.
Para algunos widgets, MAGIX Web Designer 10 Premium no puede tomar el cdigo
HTML directamente desde la pgina y debers copiar el cdigo al portapapeles.
Selecciona el cdigo en la ventana del navegador y pulsa Ctrl+C. Muchos widgets te
facilian esto porque te suministran un botn de copia junto al cdigo. Una vez que has
copiado el cdigo, haz clic en el botn INSERTAR .
401
402
Si realizas cambios que las instrucciones te indican que no debes hacer, en general, se
ignorarn. Sin embargo, es posible que el widget deje de funcionar, as que cambia
solamente los aspectos del diseo que las instrucciones te indican que puedes
modificar.
Cambio de tamao
Los widgets que se editan en el programa en general no pueden redimensionarse, por
lo tanto, no cambies el tamao del marcador de posicin en tu pgina ni las
dimensiones de pgina en el documento de edicin del widget.
Guardado de cambios
Una vez que finalices tu personalizacin, cierra el documento y se te preguntar si
deseas guardar los cambios que has hecho al documento de pgina web. Como
alternativa, solo pulsa "Ctrl + S" y los cambios que realices se guardarn y el
documento de edicin se cerrar para que vuelvas al documento de tu pgina web. El
marcador de posicin que representa tu widget debera actualizarse para reflejar la
primera pgina del documento de edicin. Haz una vista previa de tu pgina para ver
el resultado de tus cambios en el widget.
Archivos Flash
Para incluir una animacin Flash en tu sitio web, importa el archivo Flash (.swf). El
archivo Flash se copia en la carpeta de soporte de tu diseo, de forma que se
exportar y publicar con tu sitio web. Una imagen de marcador de posicin se
renderiza y se coloca en tu pgina web.
Puedes cambiar el tamao de tus animaciones Flash, si utilizas la HERRAMIENTA DE
SELECCIN para cambiar el tamao de la imagen de marcador de posicin al tamao
deseado y la posicionas en el lugar que desees. Haz una vista previa de tu pgina para
ver la animacin Flash en funcionamiento en tu pgina web. Por supuesto, debes
tener Flash instalado para poder reproducirla con xito.
Archivos MP3
Importa un archivo MP3 para aadirle audio a tu pgina web. Una ventana te permite
elegir si el audio comenzar automticamente una vez se cargue tu pgina o si
debera empezar cuando se pulse el botn en el reproductor.
Como en los otros tipos de archivos de arriba, se crear una imagen de marcador de
posicin y se ubicar en tu pgina. El archivo MP3, junto con todos los dems
archivos necesarios para hacer que el reproductor funcione, se copiarn en la carpeta
de soporte de tu documento y se incluirn en la pgina web exportada. Previsualiza la
pgina para ver el reproductor en accin.
El reproductor es simple y discreto. Puedes iniciar y parar el audio, saltar a distintos
puntos de la pista haciendo clic en la lnea temporal, ajustar el volumen (haciendo clic
en la lnea indicadora de volumen) y silenciarlo (clic en el icono con un altavoz).
Nota tcnica: el reproductor utiliza las opciones de HTML 5 nativo del navegador
web para reproducir el audio, solamente si el navegador es compatible con ello y si
403
404
tambin es compatible con el formato MP3. En caso contrario se utilizar Flash. Esto
significa que el reproductor funciona con todas las versiones modernas de
navegadores (los antiguos no son compatibles con HTML 5 y algunos modernos no
son compatibles, directamente, con archivos MP3).
GIF animados
Agrega un GIF animado a tu pgina de la misma forma en que agregas archivos Flash.
Importa o arrastra y suelta el archivo GIF hasta la pgina. Se copiar a la carpeta de
soporte del diseo y se generar una imagen de marcador de posicin esttica.
Cambia el tamao y reposiciona el marcador de posicin, luego haz una vista previa
de tu pgina y listo.
Archivos PDF
Puedes importar archivos PDF a un documento web en dos formas diferentes. O bien
lo importas para que el contenido del archivo se copie en tu pgina (al igual que
cuando importas una foto). O bien puedes agregar un enlace a una copia del archivo
en tu sitio web y dejas que el archivo se publique en tu sitio. Al importar un archivo
PDF se te dar a escoger entre estas dos opciones. Al aadir un enlace, el archivo PDF
se copia en la carpeta de soporte de tu diseo de forma que se exporta y publica con
el resto de tu sitio. Adems, se agrega un enlace en tu pgina que se ver as:
Un clic sobre el enlace de tu pgina exportada generalmente abre el archivo PDF, pero
el comportamiento exacto vara segn la configuracin del navegador del usuario.
www.magix.es
Este es un ejemplo del botn "Comprar ahora" de PayPal que permite vender bienes y
servicios desde tu pgina web. Este widget est disponible en la Galera de diseos.
De la misma forma, hacer que el marcador de posicin de estos widgets sea ms
grande resultar en un espacio vaco alrededor del widget en la pgina y en la imagen
del marcador de posicin. Para widgets como este, que no cambian de tamao
correctamente cuando se modifica el tamao del marcador de posicin, lo mejor es
conservar el tamao original por defecto.
Hay algunos widgets que pueden mejorarse si se cambia el tamao del marcador de
posicin, aun cuando el widget en s mismo no cambie su tamao. Algunos widgets
llenarn el contenedor en el que estn insertos, lo que significa que parecern ms
grandes y habr espacios en blanco que ocupan el espacio. Puedes experimentar
cambiando el tamao del widget en cada direccin y reduciendo el widget sin perder
partes de l. Por ejemplo, este widget se ha renderizado demasiado ancho y alto de
forma que se desperdicia espacio abajo y a la derecha de los controles. Si reduces el
405
406
tamao, el tamao de los controles no cambiar, sino que la forma se recortar. El
resultado es un marcador de posicin ms claro que ocupa menos espacio en la
pgina.
407
408
Control de objetos
Muestra una lista de todos los elementos (objetos) en la pgina de acuerdo con el
orden en el que aparecen en la misma, desde la parte inferior hasta la parte superior.
Ocultar o mostrar cualquier elemento
Mover hacia arriba o hacia abajo en el orden
Bloquear algn objeto para que sea no editable
Ubicar y destacar cualquier objeto en la galera con un clic en la pgina cuando
te encuentras en el modo "Localizar": activa o desactiva el botn LOCALIZAR
Solo para un objeto: desactiva todos los otros
Mover objetos dentro o fuera de un grupo usando arrastrar y soltar, o mover un
objeto de un grupo a otro. (Ten en cuenta que esto solo es posible para grupos
normales, no para grupos anclados o repetidos).
Adems, la GALERA DE PGINAS Y CAPAS muestra una pequea vista en miniatura de
las pginas y una miniatura de cada elemento de la pgina. Pasa el cursor sobre un
elemento para ver una vista miniatura ms grande.
www.magix.es
As se muestra que la capa MouseOff se ha expandido para mostrar el contenido de esta capa.
Aqu se muestra un grupo de barra de navegacin y otros grupos diversos, la lnea de texto y los
elementos de la columna de texto y algunos elementos del grupo de sombras.
Si pasas el cursor sobre las pequeas vistas en miniatura, vers una miniatura ms grande que te
permitir identificar cada objeto de la pgina.
Ten en cuenta que las dos columnas de la derecha indican (y controlan) si los elementos son
editables (una flecha plida) o bloqueados (icono del candado) y si son visibles en la pgina
(icono de ojo abierto ms claro) u ocultos (icono cerrado ms oscuro).
Un clic sobre estos smbolos cambiar la visibilidad o el estado bloqueado o de edicin de cada
objeto.
409
410
Pginas
Con un clic en el botn PGINAS en la parte superior de la GALERA DE PGINAS Y
(o con un clic derecho en la galera y la opcin VER NIVEL DE PGINA) se abrir
el modo Pginas, vers solamente las pginas del documento y cerrars todos los
otros niveles abiertos. Si te encuentras en el modo Pginas y la galera est fijada, el
ancho de la galera se reducir al mnimo para ocupar el menor espacio posible. La
cantidad de botones en la parte superior de la galera tambin se reducir a aquellos
que pueden utilizarse para las pginas. Para salir del modo pginas, simplemente
expande una de las pginas para ver sus capas. La galera regresar a su ancho
completo y se restaurarn todos los botones.
CAPAS
Capas
Qu son capas? Todo en tu documento tiene un orden de apilamiento esto significa
que nuevos elementos son posicionados encima de elementos ms antiguos de la
pgina, como si estuvieras aadiendo trozos de papel en tu escritorio. Puedes hacer
clic para mover cualquier objeto, pero si tu documento tiene docenas o incluso
cientos o miles de elementos, tu tarea puede volverse desordenada y difcil. Quizs
quieras trabajar en elementos que estn tapados por elementos que se encuentran
encima.
Las capas son tiles para organizar pginas o dibujos ms complejos que contienen
numerosas partes separadas. Utilizando capas puedes agrupar una coleccin de
elementos y luego activar o desactivar la coleccin entera (hacerla visible u ocultarla)
a travs de una operacin fcil. Imagnate que una capa es un sobre transparente de
plstico que contiene una pila de papeles separados. Abriendo el sobre puedes
acceder a su contenido y rearreglarlo. Pero tu escritorio puede que contenga una pila
de dichos sobres y, tal y como puedes volver a arreglar los sobres, tambin puedes
volver a ordenar, de forma similar, las capas.
Por lo tanto, las capas son grupos de elementos. Las capas pueden hacerse invisible
para ocultar partes de tu documento, lo que hace que tus reas de trabajo sean
menos desordenadas y ms fciles de manejar. Puedes asignar nombres a las capas o
puedes crearlas o borrarlas fcilmente. Y de igual modo que puedes hacer clic en el
icono de la pequea flecha para abrir una pgina y ver su contenido (las capas en la
pgina), puedes hacer lo mismo con cada capa para ver los contenidos de esa capa.
Cuando selecciones cualquier objeto, la capa se mostrar en la lnea de estado en la
parte inferior de la ventana.
www.magix.es
La capa actual
Cuando creas un objeto nuevo en la pgina, se coloca en una de las capas, la llamada
capa activa o simplemente capa actual. En un documento en blanco esto se llama
Capa 1 o, en el caso de documentos web, se lo denomina MouseOff. La capa actual se
seala con una flecha de seleccin .
Importante: todos los elementos, fotos o texto nuevo que se dibuje y todos los
elementos pegados se colocan en la capa actual marcada con el smbolo .
Puedes cambiar la capa actual, simplemente con un clic sobre su hilera en la GALERA
DE PGINAS Y CAPAS . Es importante comprender que puedes seleccionar un objeto en
cualquier capa o incluso en mltiples capas, sin que se encuentren en la capa actual.
Esta capa actual, con la flecha, simplemente indica el lugar en donde se colocarn los
nuevos elementos.
411
412
Este ejemplo de la GALERA DE PGINAS Y CAPAS muestra la capa actual, llamada MouseOff (la
pgina actual se llama Novedades). Entonces, si dibujas algo nuevo se colocar en la capa
MouseOff.
Tambin muestra un elemento de grupo de sombras seleccionado en el documento (sealado en
color azul) dentro de otro grupo que se encuentra en otra capa diferente, denominado Foto de
vacaciones 2.
Hay cuatro capas ocultas (llamadas foto de vacaciones 4, foto de vacaciones 3, foto de
vacaciones 1 y MouseOver). La pgina "fondo" est bloqueada.
www.magix.es
Operaciones de capa
Con un clic en el botn CAPAS en la parte superior de la galera de pginas y capas
aparecern slo las capas de la pgina actual. Este es un modo en que el botn de
capas permanece pulsado. Mientras te encuentras en el modo de capas, si pasas a
otra pgina, se vern las capas de la pgina del momento y todos los otros nodos se
cerrarn. Para desactivar el modo, haz clic nuevamente en el botn CAPAS . Puedes
reordenar las capas, esto es el orden de superposicin en la pgina, arrastrando y
soltando en las capas en la galera de pginas y capas.
Puedes renombrar una capa haciendo haciendo dos veces clic (despacio) en el
nombre de la capa. (El primer clic seleccionara la capa.) Esto se parece mucho a
renombrar archivos en Windows Explorer. Si mueves el cursor del ratn sobre los
se mostrar una miniatura del contenido de la capa.
pequeos iconos,
Cuando selecciones una capa (hacer clic para resaltar la capa), los botones NUEVO,
DUPLICAR y BORRAR en la parte superior de la galera de pginas y capas harn lo que
sus nombres sugieren. El botn NUEVO crear una capa nueva vaca y la posicionar
en la parte superior de la pila. Puedes cambiar el orden arrastrndolo a la posicin
requerida.
El botn DUPLICAR copiar la capa y su contenido y lo posicionar arriba en la pila, es
decir, arriba de todos los dems objetos de la pgina.
Propiedades de capa
Esta opcin abre el dilogo de Propiedades de capa
413
414
Configuracin de popup
Capas especiales
Existen diversos tipos de capas especiales. Estos aparecen en la GALERA DE PGINAS
Y CAPAS , y pueden activarse o desactivarse de forma usual, aunque se comportan de
forma levemente diferente.
son capas que no se imprimen, que aparecen en el fondo del
documento, debajo de todos los otros elementos. Al aplicar un color al fondo de la
pgina (arrastrar y soltar desde la lnea de colores) esto crear automticamente una
capa de FONDO DE PGINA. En general, est bloqueada.
CAPAS DE FONDO
Tambin puedes configurar el color del tablero de dibujo (el rea alrededor de la
pgina) si arrastras un color desde la lnea de colores y lo sueltas en el tablero de
dibujo. Esto crea una capa de FONDO DE TABLERO DE DIBUJO automticamente.
Nuevamente, esta capa est bloqueada.
Al guardar un documento como un sitio web, las capas de fondo se convierten en
fondos de pgina web. Consulta el captulo Primeros pasos (en la pgina 23) para
ms informacin acerca de la configuracin de los fondos de pgina web y la
utilizacin de las capas de fondo.
La CAPA DE GUAS es el lugar en donde se colocan las lneas gua o los objetos gua.
Cuando creas una lnea gua, se crear automticamente una capa de guas. Podrs
seleccionar la capa de guas y colocar todo lo que desees en esta capa, lo que
funcionar como una gua de ajuste, si has activado la opcin "Ajustar a gua".
Lee la seccin Objetos gua y lneas gua en el captulo Manejo de objetos para ms
informacin.
415
416
Ocultar capas
Las dos columnas de conos de la derecha de la galera de Pginas y capas controlan
la visibilidad y el estado bloqueado de las capas.
ocultar la capa de la pgina y el cono cambiara a un ojo
Un clic en el ojo abierto
cerrado . Otro clic har que la capa sea visible nuevamente.
Cuando se oculta cualquier elemento, se vuelve invisible en la pgina y no puede
verse ni seleccionarse ms. La forma de volver a ver los elementos ocultos es hacer
clic en su cono de ojo cerrado . Como alternativa puedes hacer clic sobre el botn
MS... y seleccionar la opcin VER TODOS , lo que hace visible todos los elementos de
la pgina actual.
Modo Solo
Si haces clic en cualquiera de los iconos en la columna junto a cada capa, activar
el modo "solo" de esta pgina, lo que significa que se ocultar todo lo dems, salvo
esta capa. Ahora puedes trabajar sobre esta capa aislada. Un clic en el icono
restaurar el estado anterior.
Tambin puedes hacer clic y arrastrar hacia abajo la columna de iconos para
navegar rpidamente por las capas independientemente de todo lo dems.
Para salir del modo Solo, haz clic en el botn
nuevamente.
Bloquear capas
Un clic en el cono de candado en el final derecho de la fila de capa bloquea la capa
(el icono adopta la forma de un candado cerrado ). Ahora no podrs seleccionar
ningn otro objeto en esa capa. Al hacer clic en los elementos cerrados, los
atravesars como si no estuvieran all y se seleccionarn los elementos que se
encuentran abajo. Con otro clic en el icono del candado, se vuelven a desbloquear. De
forma alternativa puedes hacer clic en el botn MS.. y seleccionar la opcin
DESBLOQUEAR TODO .
Grupos suaves
Hay una excepcin en las reglas de bloqueo. Si un elemento en una capa bloqueada
forma parte de un Grupo suave (en la pgina 130), al seleccionar u operar ese grupo
suave, se selecciona y opera asimismo cualquier elemento bloqueado de ese grupo
suave (para esto estn pensados los grupos suaves).
www.magix.es
417
418
Animaciones en Flash
Introduccin
MAGIX Web Designer 10 Premium tiene un enfoque tradicional con respecto a las
animaciones en Flash. Puedes crear frames claves (o snap shots) de tu animacin a
travs del tiempo, y MAGIX Web Designer 10 Premium producir automticamente
todos los frames que sean necesarios entre un frame y otro (pasos intermedios), es un
proceso llamado "tweening" (generacin de transiciones).
El prximo frame clave tiene la estrella en otra posicin, la forma se ha rotado un poco, se ha
reducido su tamao y se ha cambiado su color.
MAGIX Web Designer 10 Premium crear un archivo en Flash animado con movimientos suaves y
fluidos porque los frames intermedios se generan de forma automtica. Este proceso se llama
"tweening".
Animaciones en Flash
El mismo ejemplo mostrando los frames intermedios (in-between frames) pero con un cambio de
transparencia.
El ltimo tem, los cambios de color, pueden aplicarse a las fotos a las que se ha
aplicado un tono continuo. No puedes transformar una foto de colores completos en
una foto de tono continuo, pero puedes cambiar una foto con un color de tono continuo
en otro color de tono continuo.
Nota: los seis tipos de transformacin mencionados anteriormente son
absolutamente claves para todas las animaciones flash. Ningn otro tipo de
transformacin es posible para frames de transicin (tweened frames).
Si te fijas en algunos ejemplos de animacin en Flash en la web, te dars cuenta de que
casi todas las animaciones utilizan stos efectos. Los objetos aparecen y desaparecen
(fade in, fade out), se mueven de una posicin a otra. A veces los elementos giran,
crecen o se achican. Esta es la base para casi todas las animaciones en Flash, y es muy
fcil producir este tipo de animaciones con MAGIX Web Designer 10 Premium.
419
420
Es imposible cambiar la forma de un objeto entre frames claves.
www.magix.es
Animaciones en Flash
Principios bsicos
En tu animacin es probable que tengas algunos objetos que se mantengan estticos
entre un frame clave y otro, y otros que se muevan.
Para indicarle a MAGIX Web Designer 10 Premium qu objetos quieres
animar, debes colocarle un nombre a cada objeto (con el botn CREAR
NUEVOS NOMBRES que se encuentra en la barra de informacin de la
HERRAMIENTA DE SELECCIN ).
Para ms informacin sobre cmo colocarle nombres a los objetos. ver la seccin
"Nombrar objetos" en el captulo "Trabajar con documentos".
Aqu tienes un resumen de los pasos a seguir cuando quieres crear una animacin
nueva:
1. Primero decide el tamao de la animacin y luego configura el tamao de pgina
2.
3.
4.
5.
6.
421
422
Tu primera animacin
Para crear una nueva animacin, crea un nuevo documento de animacin. Para esto:
Selecciona ARCHIVO > NUEVA > ANIMACIN ("Ctrl + + N").
Se abrir un nuevo documento y vers la barra de botones para animaciones que
incluye algunos botones relevantes para la animacin.
1. Dibuja una forma simple, por ejemplo un rectngulo redondeado, con la
El primer frame clave tiene algo de texto simple y una forma simple dentro de un rectngulo
esttico.
Animaciones en Flash
Frame clave 1
Frame clave 2
423
424
www.magix.es
Animaciones en Flash
Opciones AVI
Seleccin del cdec
Utiliza la lista desplegable para seleccionar entre los cdecs que tienes instalados. Esto
determina la forma en que se codificar y comprimir su AVI. O escoge la opcin "sin
compresin" si quieres exportar un AVI sin compresin. Ten cuenta que esto tendr
como resultado un archivo de gran tamao.
Keyframe cada N frames
El valor por defecto lo provee el cdec seleccionado y, generalmente, lo mejor es
mantener este valor. Reducir el nmero resultar en archivos de mayor calidad pero
tambin de mayor tamao.
Configurar
Si pulsas el botn CONFIGURAR , se abrir un dilogo de configuracin especfico para el
cdec seleccionado (si est disponible), que te ofrecer opciones de configuracin. El
botn ACERCA te dar ms informacin sobre el cdec seleccionado.
Fondo transparente
Si seleccionas esta opcin, tu AVI tendr un fondo transparente, lo que es til si
quieres que tu animacin aparezca sobre una pelcula (por ejemplo, para los ttulos).
Cuando esta opcin est activada, la lista de cdecs se reduce a la opcin "sin
compresin", porque ninguno de los cdecs es compatible en la actualidad con la
transparencia. Si exportas un AVI sin compresin con transparencia, se importar al
software de edicin de vdeos de MAGIX y en algunas otras aplicaciones de edicin de
pelculas con transparencias.
rea a guardar
Escoge si quieres guardar una pelcula que tenga el tamao de tu pgina de animacin
o del dibujo animado.
Haz clic en Aceptar para exportar la animacin AVI.
425
426
Una GALERA DE FRAMES tpica. El frame 3 est seleccionado y por eso est visible.
Este muestra una lista de los keyframes en tu documento. Para visualizar cualquier
keyframe, haz clic sobre su nombre en la galera.
La GALERA DE FRAMES DE ANIMACIN muestra los frames de arriba hacia abajo: el
primer frame est primero en la lista y cada frame que aadas aparecer al final de la
lista. Puedes reordenar los frames con solo arrastrarlos. La galera cuenta con varios
botones para realizar las operaciones ms importantes, como crear un frame nuevo,
borrar o copiar un frame seleccionado (siempre se agregar al final) y crear nuevos
frames en blanco.
El botn PROPIEDADES es muy importante ya que muestra el dilogo de las
PROPIEDADES DE ANIMACIN , que controla muchos aspectos, no solo de la animacin
www.magix.es
Animaciones en Flash
Copiar objetos
Puedes copiar objetos de un frame a otro de la forma usual (copia el contenido,
selecciona el nuevo frame y luego pgalo al nuevo frame). La opcin "Editar > Pegar en
lugar" ("Ctrl + + V") es muy prctica para cuando quieras ejecutar esta accin, ya
que siempre se pegarn los objetos en la misma posicin que el lugar de donde los
copiaste pero en el nuevo frame.
Cuando copias un objeto, el nombre se copia junto a l, pero asegrate de que no haya
otro objeto con el mismo nombre porque sino surgirn errores.
427
428
Fotos
Como los documentos en Flash estn compuestos por formas vectoriales, y stos se
transforman fcilmente, los documentos pueden ser muy pequeos. Se pueden
integrar fotos y mapas de bits a las animaciones en Flash, pero al menos que seas
especialmente cuidadoso se convertirn en documentos de animacin muy grandes.
Puedes realizar 5 de las 6 transformaciones centrales sobre mapas de bits y fotos
(puedes mover los objetos, cambiarles el tamao, aplastarlos, rotarlos y hacerlos
desaparecer).
Los documentos en Flash pueden incluir imgenes en PNG y JPEG, tal como los
documentos .xar. Si mantienes el tamao y la resolucin bajas podrs crear
animaciones pequeas en Flash con fotos. La mejor forma de incorporar fotos en JPEG
con el tamao ms pequeo posible y con la compresin ms alta que puedas aceptar.
Afortunadamente es fcil guardar imgenes en JPEG desde el MAGIX Web Designer
10 Premium en el tamao, resolucin y con la compresin que desees, y hasta tienes
una vista previa interactiva en la que podrs ajustar la compresin y ver el resultado de
forma inmediata.
Si sueltas un documento JPEG sobre la animacin y le cambias el tamao, esto no
reducir el tamao del documento en JPEG, sino que se reducirn sus dimensiones (y
por ende se incrementar la resolucin). En este respecto el programa Flash se
comporta tal como el MAGIX Web Designer 10 Premium ya que integra (embed) la
resolucin total de la imagen JPEG original a la animacin para que puedas acercarte a
ella con el zoom. Por esta razn es muy fcil calcular el tamao estimado de cualquier
animacin que contenga fotos en JPEG; es aproximadamente la suma de los tamaos
de todas las imgenes JPEG integradas a la animacin (la GALERA DE MAPA DE BITS te
mostrar el tamao de todas las fotos y mapas de bits integrados a la animacin).
Cuando realices una transicin (tweening) para los mapas de bits o para una foto, slo
se guarda una copia del mapa de bits en el documento en Flash, por lo que puedes
hacer transformaciones en un mapa de bits que no requieran mucha memoria. En otras
palabras, slo porque aparezcan el mapa de bits en los frames 1, 2 y 3 de tu animacin,
esto no quiere decir que existan tres copias del mapa de bits integrados al documento
en Flash.
Animaciones en Flash
Puedes controlar la compresin utilizada para la conversin automtica a JPEG si
utilizas la barra deslizante de la pestaa OPCIONES FLASH en el dilogo de PROPIEDADES
DE ANIMACIN . El valor de compresin ms comn es de un 75% pero puedes
modificar la calidad, luego visualizar la animacin en una vista previa y rpidamente ver
el tamao y la calidad que hayas guardado.
Los mapas de bits con 256 colores o menos (como los GIF) no se codifican como JPEG
y se integran a la animacin utilizando una compresin PNG, que usualmente es la
mejor tipo de compresin para este tipo de imgenes.
429
430
Animaciones en Flash
en 1/25 de un segundo, lo que corresponde a un frame en una pelcula de 25 fps.
Puedes cambiar este valor en la pestaa FRAME del dilogo de PROPIEDADES DE LA
ANIMACIN .
Mover frame 1/25 seg. hacia adelante
Mover frame 1/25 seg. hacia atrs
La duracin del frame anterior se ajusta para mantener la duracin general de la animacin, de forma que solo ests desplazando el keyframe hacia adelante o hacia atrs.
Recortar y cortar
Quizs ms adelante quieres crear animaciones en Flash como las que se pueden ver
en la web, con frases o fotos que se muevan de un lado a otro.
Para crear un animacin como esta, tienes que cambiar el tamao de la pgina en
MAGIX Web Designer 10 Premium al tamao que deseas tener para la animacin en
Flash. Por ejemplo, si quieres un banner en Flash que tenga 468 pxeles de ancho y 60
pxeles de alto, tienes que ajustar el tamao de la pgina de tu documento de
animacin a 468x60. Para cambiar el tamao de la pgina ve a PESTAA DE PGINA en
el DILOGO DE OPCIONES (en la pgina 477) (o selecciona "ARCHIVO -> OPCIONES DE
PGINA" ) e introduce los valores en los campos "ancho" y "alto" respectivamente.
Cuando exportas o realizas una visualizacin previa, la animacin en Flash se ajustar
automticamente al tamao de la pgina que ya habas determinado. Por ello, es muy
fcil arreglar tu animacin para que los objetos entren y salgan de la animacin visible.
Por ejemplo, si colocas un objeto animado a la izquierda de la pgina en un frame clave
(key frame) y a la derecha de la pgina en el prximo frame clave, el objeto se ver
entrar del lado izquierdo del diseo para desaparecer por el lado derecho.
Nota: Si abres documentos ms antiguos creados con versiones anteriores de Xara
Xtreme, no cortarn la pgina (el tamao de la pgina era enorme), en vez de ello los
cortarn al tamao del dibujo. Puedes controlar esto en el dilogo de propiedades de
animacin.
431
432
Configurando el rea para guardar como Dibujo crear una animacin flash que slo
sea tan grande como debe ser, por ejemplo de igual tamao que los lmites de la
animacin. Esto puede ser til si no necesitas un tamao de pgina especfico.
Velocidad de la animacin
Cuando crees un nuevo frame clave, tendr por defecto una duracin de medio
segundo. Por lo tanto la animacin de ese frame clave al siguiente tardar medio
segundo. Cuanto ms larga sea la duracin configurada para la animacin, ms lenta
ser su reproduccin. Para configurar el tiempo de duracin para cada frame, primero
selecciona el frame que necesitas en la GALERA DE FRAMES (haz clic sobre l), y luego
haz clic sobre el botn de PROPIEDADES DE ANIMACIN (simplemente haz doble clic
sobre el nombre del frame).
Si configuras la opcin "Mostrar este frame por" a 2 segundos, significa que la animacin tardar
2 segundos en pasar de este frame clave al siguiente.
Animaciones en Flash
actualizados a medida que vayas seleccionando los diferentes frames, y puedes
configurar distintos tiempos de duracin para cada uno de ellos.
Nota: cuanto ms rpido sea el ritmo (frame rate) del frame, ms grande ser el
archivo resultante en Flash. Si tu animacin consiste mayormente en objetos que
aparecen y desaparecen, con relativamente pocos movimientos rpidos, entonces
puedes reducir el tiempo de duracin a menos de 24 frames por segundo. Si tienes
mucha accin con movimientos rpidos, quizs sea necesario aumentar el ritmo, pero
raramente es necesario tener ms de 50 frames por segundo.
Rotacin
MAGIX Web Designer 10 Premium genera los frames intermedios (tween frames) de
forma automtica, haciendo un clculo de cmo deben transformarse las formas de un
frame al otro. Pero a veces no es posible saber exactamente qu tipo de rotacin es
necesaria.
433
434
Como en este caso. Supone que quieres crear una
transicin (tween) entre la primera cara del reloj y la
segunda:
Es ms, incluso podran rotar de otras formas tambin. El ejemplo de arriba asume que la aguja se
mueve de un extremo a otro, pero tambin podras
crear una rotacin que vaya en "lnea recta", (ver
grfico):
Si miras detenidamente, la aguja rota sobre su centro y no de un extremo a otro, y el
punto central se mueve en lnea recta de un frame clave al siguiente. Por defecto el
MAGIX Web Designer 10 Premium hace rotar a los objetos de esta forma.
La funcin de rotacin
Para que la rotacin sea sobre otro punto puedes aadir la palabra clave "rotar"
enfrente del nombre del objeto (ver abajo en Galera de nombres). O puedes usar la
combinacin "rotar +" para hacer que la rotacin vaya en direccin a las agujas del reloj
o introducir la combinacin "rotar -" para que vaya en contra de las agujas del reloj.
Vuelve al ejemplo de animacin de la pgina anterior con dos frames claves en donde
la aguja del reloj se mueve de las 12 a las 8. Si introduces la combinacin de palabras
"rotar + aguja" al objeto aguja, hars que la animacin mueva la aguja en direccin a las
agujas del reloj (como en un reloj real). En cambio, si le colocas lacombinacin de
palabras "rotar - aguja", sta se mover en direccin contraria a las agujas del reloj.
Si no has insertado un comando especial para la rotacin, entonces se generar un
movimiento de transicin (tween) con el trayecto ms corto entre los objetos de un
frame a otro (rotando sobre el centro). Si introduces un comando de rotacin para el
objeto con nombre, se calcular el punto de rotacin necesario para generar la
animacin.
Nota: no es posible rotar un objeto 360 entre frames claves si el punto de rotacin no
se encuentra en el centro. Por ejemplo, para crear una rotacin "completa" (que d
toda la vuelta) de las agujas del reloj en el ejemplo de arriba deberas crear un frame
clave intermedio.
www.magix.es
Animaciones en Flash
Grupos
Los grupos son tratados de forma especial por el programa cuando se crean
animaciones. Para que no tengas que asignarle un nombre a cada parte individual de un
grupo, puedes colocarle un nombre a todo el grupo, luego podrs copiar el grupo al
frame clave siguiente. MAGIX Web Designer 10 Premium animar el grupo completo
de un frame clave a otro. Y podrs aplicar las transformaciones normales al grupo
(como cambiar el tamao, rotar, aplastar pero no podrs crear una transparencia para
el grupo; ver prxima pgina).
Si quieres que algunos miembros del grupo se muevan de forma diferente que el resto
del grupo, entonces estos objetos debern tener un nombre distinto ("Ctrl + haz clic
para seleccionar un objeto dentro del grupo, y luego colcale un nombre).
Nota: Si quieres realizar cambios a algunos componentes del grupo, primero tendrs
que "desagrupar" el grupo, y luego tienes que re-agrupar los objetos nuevamente:
debes volver a aplicar el nombre al nuevo grupo (selecciona el grupo, luego haz
doble clic sobre el nombre en la GALERA DE NOMBRE ).
No debes cambiar el orden de los tems del grupo.
No debes aadir o quitar tems del grupo.
Transparencia en un grupo
Si quieres que un objeto agrupado se vaya desvaneciendo en la animacin, debes
aplicarle una transparencia a cada objeto del grupo individualmente. Hay dos formas
de hacer esto:
435
436
Hay dos aspectos a tener en cuenta para cuando realices dibujos que sean compatibles
con Flash. Primero, debes limitarte a utilizar slo aquellas funciones que sean
compatibles con el Flash Player. Segundo, cuando crees animaciones slo podrs
utilizar una serie limitada de caractersticas a las que se le puedan agregar transiciones
(tweens) o a que puedan ser animadas.
Las funciones de dibujo de MAGIX Web Designer 10 Premium que son compatibles
con flash :
Todos los dibujos normales con lneas y formas (aunque el flash es mucho menos
preciso que MAGIX Web Designer 10 Premium, por eso, a veces, habrn
inexactitudes en lneas y formas).
Los rellenos lisos, lineales, circulares y los rellenos elpticos con gradacin de
color.
Rellenos con gradaciones de color de varios niveles, incluyendo rellenos lineales y
elpticos. Mximo cuatro fases de color.
Transparencia plana. Slo tipo mixto.
La transparencia con gradacin es compatible con los objetos con relleno de color
plano (sin gradacin). Es decir, puedes tener objetos con gradacin de color y con
transparencia lisa u objetos con color liso y con transparencia con gradacin, pero
no podrs tener ambos.
Contornos de grosor constante (trazos de pincel) con extremos redondeados y
uniones de lnea (los archivos en Flash versin 8 tambin aceptan otros tipos de
extremos y uniones).
Texto, incluyendo kerning. Puedes utilizar las fuentes que desees. Los contornos
de los caracteres de cualquier fuente utilizada se integran (embedded) al archivo
en Flash. Esto es mucho ms eficiente que la integracin de la fuente en los
documentos en PDF.
Texto sobre una curva. Nota: la lnea utilizada para la curva deber hacerse
invisible para que la animacin funcione.
Mapas de bits y rellenos de mapas de bits.
Mapas de bits Contoned (coloreados) y rellenos de mapas de bits
Saturacin foto, temperatura del color y desenfoque (pero no brillo / cambios de
contraste).
Nubes fractales y rellenos de plasma funcionarn, pero se convertirn en mapas
de bits, lo que no es tan eficiente.
Entonces, mientras algunos efectos de MAGIX Web Designer 10 Premium como, por
ejemplo, las sombras blandas, no funcionan en archivos estticos, stos se
exportan como mapas de bits al archivo flash, de modo que no son muy eficientes y no
son adecuados para la animacin.
Lo que puede animarse:
Tal como se mencion al comienzo de este captulo, stas son las reglas de oro sobre
lo que se puede cambiar de un frame clave al otro:
Animaciones en Flash
437
438
Transparencia
Tal como se mencion anteriormente, puedes ajustar la transparencia plana de los
objetos (no las transparencias de grupo), lo que es compatible con Flash (tanto para
objetos estticos como para cambios de transparencia tweening), pero la
transparencia con gradacin de MAGIX Web Designer 10 Premium no es realmente
compatible con Flash. Existe una sola situacin en la que puedes utilizar transparencia
con gradacin y esta es en los objetos con relleno de color plano.
Se puede ajustar y animar la transparencia plana de todo tipo de objetos, formas, textos y fotos.
Es posible aplicar una transparencia con gradacin (lineal, circular y elptica) a los objetos con
color plano, pero no es posible animar el cambio de transparencia. Sin embargo, puede animarse el
cambio de color (regla seis).
www.magix.es
Animaciones en Flash
URL en Flash
Para que un objeto en la animacin Flash sea un enlace en el que pueda hacerse clic,
simplemente selecciona el objeto que quieras utilizar y selecciona HERRAMIENTAS ->
PROPIEDADES WEB (Ctrl + + W).
Introduce la URL requerida. (Si quieres que el enlace se abra en una nueva ventana o en
un nuevo frame del navegador, selecciona el frame web de destino seleccionando el
men desplegable "ABRIR ENLACE EN ").
Si quieres que pueda hacerse clic sobre un texto, selecciona la opcin RECTNGULO
RODEANDO OBJETO . Esto garantiza que aquellos que observan la animacin Flash
puedan hacer clic en cualquier lugar sobre el texto (en vez de solamente sobre la forma
real de la letra).
Permitir clic en toda la animacin
En la pestaa PROPIEDADES DE ANIMACIN -> OPCIONES FLASH puedes configurar que
en una URL se aplique la animacin completa. Esto es de gran ayuda para los banner
publicitarios, ya que en stos quieres que se permita hacer clic en cualquier parte de
una animacin para ir a la direccin web sugerida.
clicTAG
Los clicTAG son utilizados con frecuencia por redes de publicidad. En vez de codificar
una URL en una animacin Flash, el clicTAG permite a una organizacin insertar su
propia URL en la animacin, lo que es particularmente til para rastrear clics de
publicidad.
Si necesitas utilizar esta caracterstica, simplemente escribe clicTAG en vez de una
URL.
439
440
porque puedes entrar ("ease in") o salir ("ease out") con facilidad, y la orden <> sera
un "ease in/out".
Puedes controlar el grado de aceleracin o desaceleracin utilizando nmeros del 0 al
9. Esto significa que <2Nombre ser una aceleracin muy lenta, mientras que
<9Nombre ser una aceleracin extrema. De la misma forma >2 delante del nombre
resultar en una desaceleracin. Usar el nombre >Nombre (sin nmero) es lo mismo
que >5Nombre.
Ejemplo: en la seccin Ejemplos Flash de la GALERA DE DISEOS (haz clic sobre el
botn OBTENER DISEOS de la GALERA CLIPART ) hay un archivo de ejemplo llamado
Pndulo. El grupo del pndulo utiliza una combinacin de <> y la funcin de giro.
Tambin vale la pena examinar el otro ejemplo llamado "Zoom6.xar".
Funciones Detener e Ir a
Puedes aadir las funciones DETENER o IR A al nombre del frame (separado por un
punto y coma) para controlar el flujo de la secuencia. Por ejemplo, si tu primer frame se
llama "Frame 1;Ir a Frame 6", entonces la secuencia de la animacin saltar al frame 6
al inicio del frame 1. Esto puede producir errores de tween, pero pueden ignorarse.
Tambin espera el periodo especfico del frame con la funcin IR A antes de saltar, pero
los frames con las funciones IR A o DETENER no realizan tween.
De la misma manera, un nombre de frame con DETENER al final del nombre,
interrumpir la animacin cuando llegue a ese frame. Por qu esto es til? Porque
puedes hacer que la animacin salte a cualquier otro frame clave con un clic o
moviendo el ratn por encima de objetos. Por ejemplo, puede que tengas una
animacin que espera a que el usuario le haga clic o mueva el ratn sobre un objeto
antes de continuar.
www.magix.es
Animaciones en Flash
Si quieres que el salto ocurra simplemente moviendo el cursor sobre un objeto, selecciona la
pestaa MouseOver en lugar de la pestaa Enlace y selecciona de la opcin similar " SALTAR A
FRAME ".
Ahora en tu animacin, si haces clic en el objeto o pasas el cursor del ratn por encima,
la animacin llevar al nuevo frame y seguir desde ah. Fjate en el ejemplo del archivo
"Ro Tmesis" en la GALERA CLIPART. Esto utiliza una funcin Ir a para crear un loop del
frame 4 al 3 y una redireccin URL del frame 1 si haces clic sobre el enlace Volver a
reproducir de la esquina.
"Ctrl + + W" es una forma rpida de abrir el dilogo de Propiedades Web.
441
442
Animaciones en Flash
Los inconvenientes:
En los GIF animados no se pueden insertar transiciones "tween" entre los frames.
Esto significa que los frames de tu animacin MAGIX Web Designer 10 Premium
se traducen 1:1 a los frames GIF resultantes. Si quieres tener animaciones fluidas
como en flash, tienes que utilizar numerosos frames.
GIF es un formato Bitmap y no un formato vectorial como Flash. Produce archivos
de salida mucho ms grandes, incluso para formas geomtricas o texto.
La profundidad de color mxima es de 256 colores.
Las funciones de flash avanzado como el flujo de la secuencia (Detener/Ir a), los
vnculos con URLs o la aceleracin no estn disponibles.
No obstante, y gracias a su simplicidad, los GIF animados siguen siendo muy popular
para banners publicitarios o como imagen de avatar en foros o mensajes instantneos.
1. Escoge Herramientas > Galeras > Galera de frames. O haz clic sobre el smbolo
2.
3.
4.
5.
6.
Exportar la animacin
Para guardar la animacin, escoge Archivo > Exportar GIF animado.
FRAMES
443
444
La pestaa de frames
En la pestaa de FRAME puedes fijar:
NOMBRE :
Opciones flash
Aqu hay varias opciones para animaciones flash, la mayora de los cuales se describen
arriba.
Colores de animacin
En la pestaa COLORES DE ANIMACIN puedes configurar los colores utilizados en la
animacin:
www.magix.es
Animaciones en Flash
OPCIONES DE FONDO :
resultado.
INFORMACIN ADICIONAL :
Opciones AVI
Opciones: selecciona entre los cdecs que tienes instalados.
Calidad: establece el valor de calidad para AVI (hasta 100%)
Keyframe cada...: activa/desactiva la salida de key frames y ajusta la frecuencia.
Transparencia: selecciona esta opcin para hacer el fondo AVI transparente.
rea a guardar: configurando el rea para guardar como DIBUJO crear una animacin
AVI que slo sea tan grande como debe ser, por ejemplo de igual tamao que los
lmites de la animacin. Esto puede ser til si no necesitas un tamao de pgina
especfico.
445
446
Importacin y exportacin
Indicaciones generales sobre la exportacin e
importacin
Web Designer ofrece una amplia gama de opciones de importacin y exportacin.
Primero, es importante saber la diferencia entre guardar y exportar un archivo:
Formatos recomendados
Los formatos de exportacin universal que pueden ser ledos por la mayor parte de
programas y que son utilizados en la web son los formatos de mapas de bits, GIF,
PNG y JPEG. Esto te garantiza que tu documento se ver exactamente igual que en la
pantalla de MAGIX Web Designer 10 Premium. PNG se recomienda para grficos en
la web y JPEG para fotos.
Importacin y exportacin
447
448
archivos TIFF con orden de bytes para Mac o PC; TIFF con capas y transparencia (si
se guarda desde el Photoshop las reglas para la compatibilidad para el modo de
mezcla son las mismas que para los archivos PSD); JPEG en TIFF (la transparencia no
es posible en este caso).
.XBM X Windows (2 colores)
.XPM X Windows (256 colores)
.WBMP Wireless Bitmap Image (imagen de mapa de bits inalmbrica). Formato de
imagen de mapa de bits en blanco y negro (1 bit) utilizado por los dispositivos
mviles.
.RAW formato de importacin de cmara (ver importacin de fotos RAW (en la
pgina 452) para ver una lista de tipos de archivos compatibles).
Formatos de importacin EPS
.AI Illustrator EPS
.EPS ArtWorks
.EPS Illustrator EPS
.EPS CorelDRAW 3 & 4 EPS
.EPS FreeHand 3.0 EPS
.EPS Photoshop EPS (para importar datos de Photoshop a MAGIX Web Designer 10
Premium, utiliza archivos en PSD en lugar de en EPS para obtener mejores
resultados).
.EPS Xara
Otros formatos de importacin
.ACO Adobe Color Swatch
.ACT tabla Adobe Color
.ART Xara Studio
.CPL paleta CorelDRAW
.WEB archivos Xara Webster
.AFF Acorn Draw
.CDR CorelDRAW (3, 4 & 5)
.CDT plantilla CorelDRAW
.CMX Corel CMX 5 & 6
.DRW Acorn Draw
.GIF marcador de posicin GIF
.HTM. .HTM grficos en pginas en HTML
.ODP (Open Office Impress)
.PAI imagen de MAGIX Photo Clinic
.PAL paletas CorelDRAW, Windows y PaintShopPro
.MXB MAGIX Bitmap
.WMF Windows Metafile (16 bits)
www.magix.es
Importacin y exportacin
.EMF/ .WMF Enhanced Windows Metafile
.FLV marcador de posicin FLV
.MP4 marcador de posicin MP4
.PAI imagen de MAGIX Photo Clinic
.PDF marcador de posicin PDF
.PPTX (PowerPoint 2007 y posteriores)
.RTF texto
.SVG (Scalable Vector Graphics)
.SWF marcador de posicin Flash
.XWR marcador de posicin Widget
.WIX para uso interno de Xara
Formatos de exportacin
Formatos de exportacin para mapas de bits (consulta resumen del dilogo de
exportacin GIF, PNG y JPEG (en la pgina 456))
.GIF CompuServe GIF
.GIF archivos animados en GIF (consulta Creacin de archivos animados en GIF (en la
pgina 442))
.JPG JPEG
PSD Photoshop (consulta importacin y exportacin de archivos PSD (en la pgina
455))
.PNG PNG
Otros formatos de exportacin
.AVI animacin AVI (documentos de animacin)
.EMF, .WMF documentos EMF/WMF
.HTML, .HTM (pginas y sitios web)
.SWF Flash (consulta Animaciones en Flash (en la pgina 418))
.RTF Rich Text Format
.WIX, .WEB, .XAR documentos Xara
Importacin de archivos
Para importar un archivo:
449
450
Con MAGIX Web Designer 10 Premium podrs importar archivos utilizando el
mtodo de arrastrar y soltar. Puedes arrastrar un archivo desde tu explorador de
archivos a un documento abierto dentro de MAGIX Web Designer 10 Premium, y con
esta accin estars importando al documento y quedar colocado en el centro de la
pgina actual. O tambin puedes arrastrar y soltar el documento desde el Explorador
de Windows a una barra o ttulo de barra de la ventana de Web Designer, esta accin
abrir el archivo como un documento nuevo.
Importacin de PDF
PDF es un formato de vectores grficos complejos que ha evolucionado durante 10
aos o ms, y contiene numerosos subformatos y opciones. El PDF fue diseado
como un formato de documento porttil para visualizar e imprimir solamente y no
estaba pensado como formato de archivo para la transferencia de datos entre
aplicaciones. Sin embargo, MAGIX Web Designer 10 Premium puede cargar la
mayora de los archivos PDF.
El PDF es actualmente la forma recomendada para transferir archivos vectoriales de
Adobe Illustrator a MAGIX Web Designer 10 Premium. Guarda el archivo como PDF
y despus importa el archivo resultante en MAGIX Web Designer 10 Premium.
Es importante tener en cuenta los siguientes puntos:
www.magix.es
Importacin y exportacin
451
452
Cambio simultneo de reas de texto vinculadas
Muchas veces, tu documento tendr diseos similares de reas de texto en muchas
de sus pginas. Es posible que si cambias un rea de texto en una de las pginas
quieras que la modificacin se vea reflejada en las reas similares del mismo flujo de
texto. Por lo tanto, si mueves o cambias el tamao de un rea de texto y existen reas
similares con el mismo flujo de texto en otras pginas (es decir, tienen el mismo
tamao y posicin en la pgina), Web Designer te preguntar si deseas cambiar esas
reas tambin. Consulta reas de texto (en la pgina 199) para ms informacin.
importar.
3. Pulsa Importar.
Si la URL que has introducido es la de la pgina web, todo el texto y las imgenes de
esa pgina se importarn y colocarn en tu pgina en aproximadamente la misma
posicin que en la pgina web. En otras palabras, esta funcin te permite importar
todos los textos y grficos de un pgina web. Sin embargo, debes tener en cuenta que
la mayora de las pginas web modernas estn creadas a partir de una compleja
combinacin de texto, grficos, Javascript y otras caractersticas; por lo que es muy
probable que estas importaciones no te ofrezcan una representacin precisa de la
pgina en MAGIX Web Designer 10 Premium. Sin embargo, esto te brinda una forma
til de comenzar a reemplazar un sitio web ya existente con un sitio web de MAGIX
Web Designer 10 Premium.
Al importar de pginas web, la longitud de tu pgina de MAGIX Web Designer 10
Premium se extender automticamente para incluir el texto y los grficos nuevos, si
es que no es lo suficientemente extensa.
www.magix.es
Importacin y exportacin
Exportacin de archivos
Para exportar un archivo:
(.DOCX)
453
454
MAGIX Web Designer 10 Premium puede contener caractersticas como estilos de
relleno avanzados que no pueden representarse en formatos vectoriales como EMF.
En este caso, parte delas imgenes se exportarn como mapas de bits. Las partes
vectoriales que pueden exportarse como vectores se exportarn como tales.
Importante
Como los mapas de bits se exportan con la calidad de vista actual, asegrate de que
la opcin "VENTANA "> "CALIDAD " est configurada en Anti-Aliasing para obtener
mejores resultados.
www.magix.es
Importacin y exportacin
Capas
Las capas se conservan en MAGIX Web Designer 10 Premium cuando exportas en
formato PSD. Cada capa se rasteriza como una capa separada en PSD, incluyendo los
nombres de las capas. La visibilidad de las capas tambin se guarda, por lo tanto las
capas definidas como "invisibles" en MAGIX Web Designer 10 Premium sern
exportadas y guardadas como invisibles en Photoshop. Puedes activar o desactivar las
capas en Photoshop utilizando la paleta de CAPAS .
Texto
Puedes exportar texto desde MAGIX Web Designer 10 Premium para que sea un
texto editable en Photoshop, pero el texto debe encontrarse en una capa propia (al
importar se te preguntar si quieres actualizar los objetos de texto para que sean
editables en Photoshop). El texto que se encuentra en una capa con cualquier otro
objeto grfico se rasterizar en esa capa y no ser editable.
Exportacin DPI
Podrs configurar el valor DPI de los mapas de bits en el archivo PSD exportado.
Un DPI de 96 es la resolucin de
pantalla normal de Windows, es
decir, que si exportas en 96 dpi el
tamao del 100% en Photoshop ser
igual que el 100% en MAGIX Web
Designer 10 Premium.
455
456
Resumen
Para obtener la mayor compatibilidad y posibilidades de edicin en Photoshop:
Coloca las partes de tu dibujo que deseas que permanezcan como capas
separadas en Photoshop, en capas separadas en MAGIX Web Designer 10
Premium.
Si quieres que el texto pueda editarse en Photoshop, colcalo en una capa
individual sin objetos grficos.
Importacin y exportacin
Otras opciones de la pestaa OPCIONES cambian dependiendo del tipo de documento,
como cuando exportas un JPEG y puedes configurar la calidad requerida.
Por lo tanto el proceso para exportar una imagen:
1. Selecciona el objeto o los objetos de la pgina que quieras exportar
2. Selecciona el men Exportar o "Ctrl + Shift + E", introduce un nombre de archivo
Controles
Estos botones modifican la vista previa de las imgenes, pero no el archivo para
exportar:
457
458
La siguiente herramienta solo es importante para archivos que utilizan menos de 256
colores (pero vers el resultado si has seleccionado la pestaa OPCIONES DE PALETA):
SELECTOR DE COLOR (PIPETA) : al mover el cursor sobre la imagen se sealar
el color que se encuentra debajo del cursor. Haz clic para seleccionar ese
color en la paleta. Despus, puedes utilizar los botones de las OPCIONES DE
PALETA (descrito a continuacin) para modificar ese color.
VISTA PREVIA:
Dithering y paleta
Las opciones DITHERING y PALETA solo son aplicables para la exportacin de 256
colores o menos y modifican la forma en que la imagen se visualiza, as como su
paleta de colores. Se recomienda utilizar siempre la PALETA OPTIMIZADA . Si se
configura la opcin DITHERING en ninguno, se producirn archivos ms pequeos pero
que probablemente presentarn lneas. ERROR DE DIFUSIN crea resultados con mejor
calidad pero tambin archivos ms grandes.
Profundidad de color
Escoge la cantidad de colores que requiere tu mapa de bits. Cuantos ms colores,
ms grande el archivo (generalmente) y mayor la calidad. La opcin TRUE COLOR es
compatible con hasta 16 millones de colores. TRUE COLOR + ALPHA incluye
caractersticas de semitransparencia como sombras y transparencias. Este es el
formato recomendado para aplicaciones compatibles con archivos PNG de canal alfa.
Si escoges 256 colores o menos, tienes la posibilidad de utilizar transparencia simple
(ver a continuacin el icono de la copa). Esto no es compatible con pxeles
semitransparentes, sino con pxeles completamente opacos o transparentes y, por lo
tanto, puede producir bordes dentados.
Colores mximos
Si escoges una profundidad de color de 256 colores o menos puedes controlar
exactamente la cantidad de colores que se utilizan en el archivo. Esto suministra un
gran nivel de control sobre la calidad versus el tamao del archivo. Simplemente
introduce la cantidad de colores requeridos y pulsa el botn de VISTA PREVIA para ver
el resultado.
www.magix.es
Importacin y exportacin
Botones
Estos botones (excepto FONDO TRANSPARENTE ) se aplican cuando se exportan
imgenes con 256 colores o menos. Estos archivos se crean con una paleta de colores
limitada y estos controles suministran un mayor nivel de control sobre esos colores
de paleta. Lee SELECTOR DE COLOR explicado anteriormente para ver cmo seleccionar
un color o haz clic sobre un color en la PALETA DE COLORES .
Bloquear un color
Puedes especificar la cantidad de colores que quieres en la paleta de los mapas de
bits exportados. Es posible que quieras asegurarte de que estos colores siempre
aparezcan en la paleta y, por lo tanto, puedes bloquearlos. Haz clic sobre un color
para seleccionarlo y despus selecciona el botn BLOQUEAR . Aparecer un pequeo
cuadrado en la esquina izquierda del color para sealar que ese color est bloqueado.
459
460
rea a guardar
El mapa de bits puede crearse utilizando una de estas reas del documento:
PGINA :
Anti-aliasing
El anti-aliasing mejora la apariencia de los grficos suavizando los bordes dentados:
Importacin y exportacin
Pestaa de opciones
Con esta pestaa puedes modificar la compresin JPEG y activar las opciones
progresivo/entrelazado de ser necesario.
Calidad JPEG: (solo JPEG) una configuracin baja generar un archivo pequeo con
prdida de calidad, mientras que un valor alto reducir levemente el tamao del
archivo, pero conservar una alta calidad. Ten en cuenta que una configuracin de
100% tambin comprimir el archivo. Un valor de 75% produce una buena
compresin sin causar prdida de calidad evidente para la mayora de los usos.
Entrelazado: (solo GIF y PNG) esta opcin es como un JPEG progresivo. En el
navegador, la primera imagen aparecern como una imagen de baja resolucin. A
medida que el archivo se carga, la resolucin aumenta.
Transparente: (solo GIF y PNG) hace que las reas no cubiertas por los objetos
seleccionados sean transparentes. Seleccionar esta opcin activa automticamente
una entrada transparente en la paleta.
Exportar cada capa a un archivo individual: si se selecciona esta opcin al exportar
un diseo que contiene varias capas, se crear un archivo por separado para cada
capa. Los nombres de cada capa (tales como se encuentran configurados en la
GALERA DE PGINAS Y CAPAS ) se utilizarn para nombrar los archivos exportados.
Vista previa
Puedes escoger el mejor compromiso entre tamao de archivo y calidad para grficos
web utilizando las ventanas de vista previa A y B en el dilogo de EXPORTACIN
(ilustrado arriba). Sin embargo, la mejor prueba es ver la forma en que el grfico se ve
en un navegador web. Esta pestaa te ofrece algunas opciones para esa vista previa.
Haz clic en el botn VISTA PREVIA para abrir el navegador web y ver los grficos antes
de exportarlos.
461
462
Imprimiendo
Mostrar bordes de impresin
El men Ventana > Mostrar bordes de impresin muestra una lnea amarilla y roja
alrededor de la pgina (no se imprime) que indica los mrgenes y bordes de
impresin. Los lmites de la pgina estn sealados con un rectngulo rojo. El rea de
impresin est establecida por los mrgenes de la impresora seleccionada
actualmente. Algunas impresoras te permiten ajustar los mrgenes, pero muy pocas
te dejan imprimir hasta el borde de la pgina.
Si algn objeto de la pgina se encuentra fuera del rectngulo rojo, es muy probable
que no se imprima.
www.magix.es
Imprimiendo
El botn de propiedades
Esto muestra un dilogo que te permite establecer las opciones para el tipo de
impresora seleccionada. MAGIX Web Designer 10 Premium no controla este dilogo.
Botn de red
Si tu ordenador est conectado a una red, este botn te permite compartir impresoras
de la red. MAGIX Web Designer 10 Premium no controla este dilogo.
El dilogo de impresin
Escoge Archivo > Imprimir (shortcut Ctrl+P)
Botn imprimir
Una vez que has seleccionado las opciones requeridas, haz clic para imprimir.
Botn Imprimir...
Esto abre el dilogo de CONFIGURACIN DE IMPRESIN (descrito anteriormente).
Botn opciones
Esto abre el dilogo que te permite configurar opciones adicionales de impresin. Las
opciones se describen ms adelante.
463
464
Pginas
TODAS LAS PGINAS:
PGINA/S ACTUAL/ES:
Los objetos en las capas del fondo y las capas gua nunca se imprimen. Lee Galera de
capas para ms detalles.
RANGO DE PGINAS: te permite especificar las pginas que deseas imprimir. Puedes
escribir nmeros de pginas especficos separados por comas, o introducir un rango
de pginas separando los dos nmeros con un guin.
Imprimir a archivo
Puedes seleccionar la opcin IMPRIMIR A ARCHIVO para crear un documento para
entregar a una imprenta (si pueden aceptar este tipo de archivo).
Despus de activar esta opcin, al hacer clic sobre IMPRIMIR , Web Designer muestra
el dilogo estndar de Windows para GUARDAR para que puedas especificar un
nombre y una ubicacin para el archivo.
Los archivos de impresin tienen una extensin por defecto .prn
Copias
Establece la cantidad de copias del documento que quieres imprimir.
www.magix.es
Imprimiendo
Imprimir capas
Hay dos opciones:
Imprimir como
NORMAL
465
466
uso de anti-aliasing permite imprimir con resolucin menor. Por ejemplo, la impresin
de un mapa de bits con 150 DPI es generalmente suficiente para todos los usos. Sin
anti-aliasing, es probable que se necesite una resolucin ms alta lo que resulta en
una impresin ms lenta.
Resolucin de transparencia
Al imprimir, los efectos de transparencia de MAGIX Web Designer 10 Premium se
crean utilizando mapas de bits.
Esta opcin controla la resolucin de esos mapas de bits cuando se envan a la
impresora. La opcin automtica es adecuada para la mayora de los dibujos y
significa que MAGIX Web Designer 10 Premium selecciona automticamente una
resolucin apropiada para la impresora actual. Esto puede no ser adecuado si se
imprime en una impresora con resolucin muy alta como dispositivos imagesetting.
En este caso, es posible que quieras controlar la resolucin de forma manual e
introducir el valor deseado.
Ten en cuenta que las impresoras modernas muchas veces aseguran poder imprimir
ms de 1000 DPI, pero esto no es lo mismo que "pxeles por pulgada", que es lo que
ves en tu pantalla. En general, nunca es necesario imprimir a ms de 600 pxeles por
pulgada y 300 pxeles por pulgada producen en general resultados de impresin
perfectamente adecuados, especialmente con anti-aliasing.
Calidad de llenado
Si usas esta opcin, puedes escoger cuntos pasos conforman los rellenos con
gradacin en tu documento al imprimirlo. La configuracin NORMAL es adecuada para
la mayora de los casos. Esta opcin no puede activarse en el caso de impresoras
PostcScript.
Opciones de texto
Si tu impresora tiene problemas para reproducir fuentes, selecciona la opcin
IMPRIMIR TODO EL TEXTO COMO FORMAS . Todo el texto se convertir en formas
vectoriales antes de que el documento se enve a la impresora. Esto puede ser ms
lento, pero reproducir exactamente lo que ves en pantalla.
www.magix.es
Imprimiendo
Optimizacin
Tu diseo se mover al centro de la pgina y se ampliar o reducir para adaptarse al
tamao del papel.
Esta opcin es la mejor si tienes un diseo grande o pequeo que quieres adaptar al
tamao de una pgina.
467
468
Adaptacin automtica
Tu diseo tendr la orientacin necesaria, pero Web Designer no cambiar el tamao.
Recomendamos utilizar esta opcin si tienes dificultades para encontrar la orientacin
correcta (existen al menos cuatro lugares en donde puedes establecer la orientacin
de la pgina, en algunos drivers de impresora todava ms).
Esta opcin es la mejor si has configurado el tamao para tu diseo y no quieres que
se modifique.
Adaptacin personalizada
Te permite controlar la impresin, incluyendo orientacin, tamao y mrgenes.
Los botones de ORIENTACIN pueden utilizarse para escoger la orientacin de la
impresin. La escalacin puede modificarse utilizando el campo ESCALA . Los campos
de margen superior e izquierdo pueden cambiarse (esto establece el lugar en que
aparece la esquina superior izquierda de la pgina en el papel de la impresora).
Los campos ANCHO y ALTURA te ofrecen una forma alternativa de configurar el
tamao de la impresin (cuando cambias un valor, el otro cambiar tambin para
asegurar que la pgina se imprima con una relacin de aspecto 100%).
Adaptacin mltiple
Para imprimir muchas copias en una pgina, escoge MLTIPLE, introduce un valor para
la cantidad de copias que debe incluir el ancho de la pgina (hileras) y la cantidad a lo
alto de la pgina (columnas) y la distancia entre cada uno (margen).
www.magix.es
469
470
Pestaa General
www.magix.es
Archivos recientes
El men Archivo muestra una lista de los archivos cargados o guardados ms
recientemente en el submen "Abiertos recientemente". Esta lista ofrece una forma
rpida de volver a abrir esos archivos. Esta opcin te permite cambiar la cantidad de
archivos que contendr la lista (entre 1 y 20 archivos).
471
472
Tipo de documento
Se determina el tipo de documento, como se indica en el icono de la pestaa del
documento.
Pgina web: usa este tipo de documento para crear pginas y grficos web. Este
el el tipo de documento ms comn con el que usa Web Designer.
Presentacin (Web): estos son documentos web especiales para hacer
presentaciones. Consulta el captulo Presentaciones web (en la pgina 276)
para ms informacin.
Impresin: se usa para documentos creados para trabajos de impresin. Este
tipo de documento no se suele usar en Web Designer, pero otros productos de
la gama Designer s los utilizan.
Foto: si abres una foto JPEG en Web Designer, este es el tipo de documento. Tal
documento no tiene un rea de pgina definida, por ejemplo. Consulta el
captulo Manejo de fotos (en la pgina 318) para ms informacin.
Animacin: usado para los documentos con animaciones. Consulta el captulo
"Animaciones" para ms detalles.
Limitacin de ngulo
Esto es aplicable para la rotacin o movimiento de un objeto mientras se pulsa la tecla
Ctrl. Puedes seleccionar un valor del men o introducir un valor en grados.
Desplazar
Esta se aplica cuando se utilizan las teclas de flecha del teclado mientras se mueve
un objeto. Este campo de texto define la distancia que el objeto se mueve cada vez
que se pulse la tecla. Si el documento utiliza unidades escaladas (por ejemplo, 1
pulgada a 1 milla) este campo de texto mostrar la distancia en la unidad escalada.
(Cuando se realiza un desplazamiento, Ctrl y aumentan la distancia de
desplazamiento cinco y diez veces respectivamente).
Distancia duplicacin
Edicin > Duplicar (Ctrl+D) crea un duplicado del objeto original. Este campo de texto
te permite configurar la distancia de desplazamiento entre el original y el duplicado.
Los valores positivos crean un duplicado por arriba y a la derecha del objeto original.
Los valores negativos crean un duplicado por debajo y a la izquierda del original.
473
474
Coordinar seleccin
Aqu puedes cambiar la direccin de las coordinadas de la pgina.
www.magix.es
Pestaa Ratn
El men pop-up contiene opciones adecuadas para el objeto sobre el que haces clic.
Por ejemplo, para la mayora de los tipos de objetos, el men contiene las opciones
475
476
CORTAR, COPIAR, PEGAR, ELIMINAR, DUPLICAR, CLONAR
(descritas en el captulo
Haz clic sobre RESTAURAR para regresar a las opciones de asignacin de botones
originales. Esto tiene efecto inmediato, no necesitar hacer clic en ACEPTAR ni en
APLICAR AHORA .
El panel de control de Windows tambin te permite intercambiar los botones
izquierdo y derecho del ratn.
www.magix.es
Si la opcin "TODAS LAS PGINAS DEL SITIO WEB CON EL MISMO TAMAO" no est
seleccionada, entonces puedes asignar tamaos diferentes a tus pginas utilizando
este dilogo. Para fijar el tamao de la pgina, escoge uno de los tamaos de pgina
suministrados en la lista desplegable o escoge "Personalizado" y luego introduce el
ancho y la altura requeridas en el campo suministrado.
Si la opcin BLOQUEAR TAMAO DE PGINA est activada, no podrs cambiar el
tamao de las pginas si arrastras el borde inferior o las esquinas derechas y
cualquier objeto de desplazamiento que se coloque fuera de la pgina no la ampliar.
477
478
Para ms informacin sobre los efectos en tiempo real lee el captulo Efectos en
tiempo real (en la pgina 355).
Efectos
Aqu puedes configurar la resolucin por defecto de los efectos en vivo y bloqueados.
www.magix.es
Barras de control
Puedes mover las barras de control de Web Designer a otros lugares de la ventana,
reordenar los botones, crear nuevas barras de control, mover o copiar botones entre
las barras de control y muchas otras operaciones.
No puedes cambiar la barra de informacin que depende de la herramienta ni el
contenido de las barras desplegables que se encuentran en la barra de herramienta
principal y en las barras superiores.
479
480
CONTROL (VENTANA
Junto al nombre de cada barra de control hay un campo. Si colocas una tilde en ese
campo, la barra de control estar visible. Haz clic sobre ese campo de la barra de
control para mostrar u ocultar la barra.
Tambin puedes activar o desactivar las BARRAS DE CONTROL si haces clic derecho en
un rea vaca de la parte superior de la ventana del programa. Utiliza el men
desplegable para escoger las barras que deseas mostrar.
www.magix.es
CONTROL
Para hacer que una barra de control sea flotante, arrstrala desde el borde de la
ventana hasta un rea de edicin o fuera de la ventana de Web Designer.
Para bloquear una barra de control, arrstrala sobre:
El borde de la ventana.
La barra de men.
U otra barra de control.
Una barra de control flotante presenta un contorno de doble lnea al arrastrar. Esto
cambia a una lnea simple cuando se encuentra en una posicin bloqueada. Si quieres
que la barra de control permanezca flotante, pulsa Ctrl mientras la desplazas.
481
482
www.magix.es
Men Archivo
Nuevo (barra de control estndar o Ctrl+N)
Crea un documento nuevo.
Archivos recientes
Una lista de los archivos cargados o guardados ms recientemente. Esta lista te
proporciona una forma rpida de volver a cargar cualquiera de estos archivos.
Puedes cambiar la cantidad de archivos que aparecen en esta lista. (Para ms
informacin consulta el captulo Personalizacin de Web Designer).
483
484
Cerrar (Ctrl+W)
Cierra la ventana de edicin actual. Web Designer permanece abierto. Se te advertir
si no has guardado cambios.
Guardar como
Te permite guardar el documento seleccionado con otro nombre o en un directorio o
unidad diferente.
Guardar todo
Guarda todos los documentos abiertos.
Guardar plantilla
Guarda el documento seleccionado como una plantilla de documento. (Consulta el
captulo Personalizacin de Web Designer en la pgina 469).
Importar (Ctrl+Shift+I)
Carga un archivo en el documento seleccionado. El archivo puede ser cualquiera de
los formatos de importacin. (Lee el captulo Importacin y exportacin (en la pgina
446) para ms informacin).
Ten en cuenta la diferencia entre ABRIR e IMPORTAR . Ambas opciones cargan una
variedad de formatos de documento pero ABRIR los abre en un nuevo documento;
mientras que IMPORTAR carga el archivo en el documento ya abierto.
Exportar (Ctrl+Shift+E)
O haz clic derecho y escoge EXPORTAR .
Te permite exportar el documento en una gran variedad de formatos de exportacin
compatibles con Web Designer (consulta Importacin y exportacin (en la pgina
446) para la lista de formatos).
www.magix.es
Exportar JPEG
Tambin disponible en la barra de herramientas de
exportacin. O haz clic derecho y escoge Exportar JPEG.
Te permite exportar los objetos seleccionados, una pgina o todo el documento como
JPEG.
Exportar PNG
Te permite exportar los objetos seleccionados, una pgina o todo el documento como
PNG.
485
486
www.magix.es
Exportar animacin
Tambin disponible en la barra de herramientas de animacin debajo de la
barra de herramientas estndar en un documento de animacin.
Exporta una animacin para utilizarla en una pgina web.
Informacin de documento
Esta opcin muestra la ventana de informacin sobre el documento seleccionado, que
incluye las fuentes y plug-ins de efectos en vivo utilizados en el documento actual.
Opciones de pgina
Tambin puedes hacer clic derecho y escoger OPCIONES DE PGINA . Te permite editar
el diseo de la pgina, su tamao, etc.
Configuracin de impresora
Establece las opciones relacionadas con la impresora o el archivo de impresin actual.
(Para ms informacin, lee el captulo Impresin en la pgina 462).
Opciones de impresin
Modifica las opciones de la impresin, incluyendo la orientacin y el tamao de
impresin. (Para ms informacin, lee el captulo Impresin en la pgina 462).
487
488
Imprimir (Ctrl+P)
Configura las opciones relacionadas con la impresin del documento y te permite
imprimirlo. (Para ms informacin, lee el captulo Impresin en la pgina 462).
Cerrar
Cierra todas las ventanas y borra Web Designer de la memoria de trabajo. Se te
advertir si hay cambios sin guardar.
Men Edicin
Deshacer (barra de control estndar o Ctrl+Z)
Deshace la operacin anterior. Lo que aparece escrito en esta opcin refleja la ltima
operacin realizada. Por ejemplo DESHACER CORTAR . (Lee el captulo Deshacer y
rehacer en la pgina 102).
Pegar en lugar
Es igual a PEGAR , excepto que el objeto se pegar en la misma posicin de donde lo
has copiado. Esto es til para mover objetos de una capa a otra sin cambiar su
posicin X/Y. Sin embargo, ten en cuenta que si el objeto seleccionado es un pie de
pgina (es decir, que siempre guarda la misma distancia de la parte inferior de la
pgina aun al cambiar el tamao de la pgina) entonces, al pegarlo, se posicionar
respecto a la parte inferior de la pgina. En general, as quieres que se comporten los
objetos de pie de pgina.
Pegar formato/atributos
Conserva el formato (p. ej. el tipo y tamao de fuente) o los atributos de estilo (p. ej.,
el color de la lnea y del relleno) del objeto que se pega.
Pegar posicin
Esta opcin aplica la posicin de un objeto copiado en el portapapeles a un objeto
seleccionado actualmente, que se mueve a exactamente la misma posicin que el
objeto copiado.
Si se han copiado mltiples elementos en el portapapeles, Web Designer los trata
como a un grupo y mueve al objeto actual seleccionado a la posicin del grupo
copiado como un todo.
El objeto seleccionado actualmente se pega o se mueve a la posicin central del
objeto copiado o al grupo de objetos.
Pegar tamao
Esta opcin aplica el tamao de un objeto copiado en el portapapeles a un objeto
seleccionado actualmente, cuyo centro cambia de tamao para ser igual al del objeto
copiado.
Si se han copiado mltiples elementos en el portapapeles, Web Designer los trata
como a un grupo y cambia el tamao del objeto actual seleccionado al tamao del
grupo copiado como un todo.
489
490
Clonar (Ctrl+K)
Al igual que DUPLICAR , copia el objeto seleccionado pero coloca la copia directamente
arriba del original. La copia se convierte en el objeto seleccionado.
Pginas
O haz clic derecho y escoge PGINAS . El submen Pginas te permite aadir o quitar
pginas de tu documento multipgina, duplicar la pgina actual o mover la pgina
actual ms arriba o abajo del documento. Para ms informacin sobre documentos
multipgina consulta Documentos multipgina (en la pgina 82).
www.magix.es
Men Arreglo
Mover a la capa al frente (barra de control arreglo o
Ctrl+Shift+U)
O clic derecho y escoge ARREGLO > MOVER A LA CAPA DE ADELANTE .
Mueve el objeto seleccionado una capa hacia el frente. El objeto se convierte en el
objeto de fondo de la nueva capa. En un documento con animacin, esta opcin es
MOVER AL PRXIMO FRAME .
491
492
Alineacin (Ctrl+Shift+L)
O haz clic derecho y escoge ALINEAR .
Se utiliza para alinear varios objetos. No tiene efecto si se ha seleccionado un solo
objeto (consulta Manejo de objetos (en la pgina 131) para ms informacin).
Aadir formas.
Sustraer la forma superior de las inferiores.
Descartar partes de otras formas no cubiertas por la forma superior.
Utilizar la forma superior para cortar las otras formas.
www.magix.es
Te permite adaptar una lnea de texto a una curva arbitraria o desvincular el texto de
una curva (consulta Manejo de texto para ms informacin).
Contorneo y anclaje
O haz clic y selecciona CONTORNEAR TEXTO , ANCLAR TEXTO o CONTORNEAR Y ANCLAR .
Haz que el objeto haga que el texto fluya a su alrededor o que se fije dentro de una
columna. Consulta Contornear objeto con texto (en la pgina 212) y Grficos
anclados (en la pgina 214) para ms detalles
493
494
Men Insertar
Del catlogo de contenidos
Abre el catlogo de contenidos online. Elige entre las categoras plantillas, widgets y
cliparts de la web del catlogo o diseo y foto.
Imagen
Forma
Campo de texto
Inserta un campo de texto en el documento actual.
Nmero de pgina
Inserta un nmero de pgina en la posicin del cursor al usar la HERRAMIENTA DE
TEXTO . Ver Aadir nmeros de pgina para ms informacin.
Nueva pgina
Men Herramientas
Galeras
Pginas y galeras (barra de control galeras o "F10")
Muestra u oculta la GALERA DE PGINAS Y CAPAS. Solo utilizada en documentos no
animados , ver Capas (en la pgina 407).
Nombres
O haz clic derecho y escoge NOMBRES . Abre el dilogo Aplicar/Eliminar nombres (en
la pgina 135).
495
496
imgenes para la pgina web y configurar otras propiedades web ms utilizando este
dilogo. Consulta Primeros pasos (en la pgina 23) para ms detalles.
Optimizar foto
O haz clic derecho y escoge OPTIMIZAR FOTO . Optimizar resolucin del mapa de bits
para utilizar tus diseos con MAGIX Web Designer 10 Premium. Ver Optimizacin de
fotos (en la pgina 338) para ms detalles.
Animacin
Este men slo est disponible en los documentos con animacin y ofrece tres
opciones:
PROPIEDADES DE LA ANIMACIN :
www.magix.es
Opciones (Ctrl+Shift+O)
O clic derecho y OPCIONES DE PGINA.
Abre el dilogo OPCIONES (descrito en Personalizacin de Web Designer).
Men Compartir
El men compartir incluye diversas opciones para compartir la imagen seleccionada
actualmente con los servicios MAGIX y otros servicios de terceros. Por ejemplo,
puedes seleccionar una foto de tu pgina y enviarla rpidamente al MAGIX lbum
Online, a Facebook o a Flickr. Por lo tanto, si has instalado otros programas MAGIX
compatibles, tambin puedes enviar las imgenes a ellos. Por ejemplo, puedes
enviarla a MAGIX Video deluxe Pro MX para incluir la imagen en una pelcula.
Enva la seleccin a MAGIX para incluirla en un lbum online nuevo o existente. Inicia
sesin con la informacin de tu cuenta de MAGIX Mundo Online. Puedes optar por
que los datos de inicio de sesin se guarden en tu equipo para que no tengas que
iniciar sesin nuevamente en el futuro.
497
498
ABRIR LBUM ONLINE
Esto abre una nueva ventana de navegador web para que puedas ver tus lbumes.
MEDIA MANAGER ONLINE
Abre el Media Manager Online en una ventana para que puedas ver las fotos
incluidas en tus lbumes.
ADMINISTRAR DATOS DE INICIO DE SESIN
Si has seleccionado guardar tus datos de inicio de sesin de MAGIX Mundo Online en
tu equipo, esta opcin te permite cambiarlos o eliminarlos si no quieres dejarlos
guardados, con solo pulsar el botn de eliminacin.
Men Ventana
Eliminar seleccin/Restaurar atributos actuales (Esc)
Deselecciona todos los objetos. Si nada est seleccionado, los atributos actuales (en
la pgina 57) vuelven a sus valores por defecto. Puedes ejecutar esta opcin si
presionas ESC dos veces.
Vista multipgina
O haz clic derecho y escoge VISTA MULTIPGINA.
Por defecto, Web Designer muestra solamente la pgina actual del del documento
abierto en el momento. Si escoges la vista multipgina, vers todas las pginas en tu
documento.
www.magix.es
Arreglar ventanas
Ordena todas las ventanas de Web Designer como mosaico.
Animacin
En un documento de animacin, activar la barra de herramientas Animacin.
Nueva ventana
Abre una nueva ventana en el documento seleccionado.
Barras de control
Muestra el dilogo de BARRAS DE CONTROL . Descrito en el captulo Personalizacin de
Web Designer (en la pgina 479).
499
500
Documentos abiertos
Una lista de todos los documentos abiertos actualmente. Un clic sobre un nombre
selecciona el documento correspondiente. (Ctrl+F6 tambin cambia entre los
documentos.) Un * tras el nombre del documento seala que no se han guardado
cambios de ese documento.
www.magix.es
Men Ayuda
Ayuda de MAGIX Web Designer 10 Premium
Utiliza la opcin "Temas de ayuda" del men "Ayuda" para abrir una pgina de inicio
de la ayuda del programa. Aqu puedes leer la ayuda paso a paso o escoger una
seccin especfica a travs de la estructura de rbol de la derecha.
Ayuda
Esta opcin est disponible en casi todos los lugares del programa y abre la ayuda del
programa en el tema correspondiente. Utiliza esta funcin para obtener ayuda sobre
cualquier funcin de MAGIX Web Designer 10 Premium.
Shortcut:
F1
Pelculas
Abre una pgina web que contiene vdeos tutoriales acerca de la utilizacin de Web
Designer.
Ms Web Designer
Este men contiene enlaces de internet tiles para la pgina web de Xara y recursos
online tiles.
Consejo del da
Ver el consejo del da. En la ventana del consejo del da hay un recuadro en el que
puedes seleccionar si quieres ver o no un consejo cada vez que inicias Web Designer.
Actualizar programa
Esto comprueba de forma online si hay actualizaciones de programas disponibles.
En primer lugar aparecer una pantalla que te comunica si hay una nueva versin
principal de Web Designer para actualizar. Luego, si has registrado el programa con
Xara, se iniciar un proceso automtico de actualizacin que comprobar si hay
disponibles actualizaciones de programa gratuitas. Si hay una actualizacin
disponible, se descargar automticamente y luego se cierra MAGIX Web Designer
10 Premium y se instala la actualizacin. El programa luego se reinicia
automticamente para ti.'
Utiliza la opcin REGISTRARME en el men AYUDA para registrar el programa con Xara.
501
502
Popups informativos
Te permite mostrar consejos de herramienta que, contienen informacin popup,
cuando pasas el cursor sobre barras de herramientas, botones, la lnea de colores y
otros elementos de la ventana de Web Designer.
Registrarme
Utiliza esta opcin para registrar online en Xara tu adquisicin para que puedas
obtener actualizaciones de programa gratuitas, descuentos en actualizaciones, ofertas
especiales y otros beneficios.
www.magix.es
Shortcuts de teclado
Las herramientas
Herramienta de seleccin
F2 o V o Alt + S
Alt + F4
Alt + F5
F4
Herramienta de rectngulo
+ F3 o M
Herramienta de elipse
+ F4 o L
Herramienta de texto
F8 o T
Herramienta de relleno
Herramienta de transparencia
F6
Herramienta de sombra
Ctrl + F2
Herramienta de foto
Herramienta de desplazamiento
Herramienta de zoom
+ F7 o Z o Alt + Z
Las galeras
Galera de diseos
+ F10
Galera de rellenos
+ F11
Galera de frames
+ F12
F10
F11
Galera de lneas
Ctrl + F9
Zoom
Zoom previo
Ctrl + R
Zoom a seleccin
Ctrl + + Z
Zoom a dibujo
Ctrl + + J
Zoom a pgina
Ctrl + + P
503
504
Zoom al 100%
Zoom al 200%
Zoom al 300%
Zoom al 400%
Zoom al 50%
Manipulacin de documentos
En la herramienta de texto, los shortcuts sealados con el asterisco (*) tienen una
accin diferente. Lee a continuacin.
Nuevo documento
Ctrl + N
Ctrl + + N
Abrir documento
Ctrl + O
Cerrar documento
Ctrl + W
Cambiar documento
Ctrl + Tab
Imprimir documento
Ctrl + P
Guardar documento
Ctrl + S
Importar
Ctrl + +I
Ctrl + Alt + W *
Exportar
Ctrl + + E
Ctrl + + T
Mostrar cuadrcula
Mostrar guas
Ajustar a cuadrcula
Ajustar a guas
Ajustar a objetos
Mostrar reglas
Ctrl + + R
Deshacer
Ctrl + Z o < o ,
Rehacer
Ctrl + Y o > o .
www.magix.es
Manipulacin de objetos
En la herramienta de texto, los shortcuts sealados con el asterisco (*) tienen una
accin diferente. Lee a continuacin.
Seleccionar todo
Ctrl + A *
Tab
Eliminar la seleccin
Supr *
Borrar seleccin
Esc
Ctrl + F
Ctrl + B *
Ctrl + + F
Ctrl + + B
Ctrl + + U
Ctrl + + D
Ctrl + G
Desagrupar objetos
Ctrl + U
Clonar objeto
Ctrl + K
Ctrl + D
Ctrl + C
Ctrl + X
Ctrl + V
Ctrl + + V
Pegar formato/atributos
Ctrl + + A
Ctrl + + C
Aadir formas
Ctrl + 1
Sustraer formas
Ctrl + 2
Formas de interseccin
Ctrl + 3
505
506
Segmentar formas
Ctrl + 4
Ctrl + + L*
Direccin web
Ctrl + + W
Herramienta de texto
Teclas de navegacin
Inicio
Fin
Ctrl + Inicio
Ctrl + Fin
Ctrl + A
Ctrl + B
Aplica negrita.
Ctrl + I
Aplica cursiva.
Ctrl + C
Ctrl + L
Ctrl + Intro
Ctrl + + Intro
Ctrl + + L
Ctrl + V
Ctrl + W
Ctrl + + -
Ctrl + <
Ctrl + >
Alt + teclas de flecha
Supr
Retroceso
+ teclas de flecha
+ Fin
Ctrl+barra espaciadora
Puntos suspensivos
Ctrl + Alt + C
Copyright
Ctrl + Alt + R
Registrado
Ctrl + Alt + T
Marca registrada
Ctrl + Alt + B
Vieta
507
508
Pginas
Ctrl + C
Ctrl + X
Ctrl + V
Pegar pgina(s)
Suprimir
+ Ctrl + Supr
Utilizar mscaras
Herramienta "Pincel de mscara"
Alt + F3
Alt + F5
Alt + F6
Activar/desactivar inversin de
mscara
Ctrl + M o + F1
Invertir mscara
Ctrl + + I o Ctrl + F1
Eliminar mscara
Ctrl + D o Alt + F1
Otros
Editor de color
Dilogo de opciones
Ctrl + + O
F1
www.magix.es
Si an tienes preguntas...
Si an tienes preguntas...
Ayuda del programa (breve)
La ayuda del programa contiene informacin detallada sobre la utilizacin del
programa y mucha informacin adicional que puede serte til. Para abrir la pgina
principal de la ayuda, ve al men "Ayuda" > "Contenido". Pulsa la tecla "F1" de tu
teclado en cualquier lugar del programa para abrir la ayuda contextual. Para buscar
palabras especficas en la ayuda, utiliza la funcin de ayuda. Utilizando los operadores
lgicos (p. ej. O, Y, SIMILAR) puedes refinar la ayuda.
Manual en PDF
El manual electrnico (PDF) contiene la documentacin completa del programa, al
igual que la ayuda del programa. Encontrars el manual en el men Inicio >
Programas > MAGIX Web Designer 10 Premium en la subcarpeta "Documentacin".
Nota: para poder visualizar el archivo PDF necesitas el programa gratuito Adobe
Acrobat Reader. Si no tienes instalado el Acrobat Reader, puedes descargarlo gratis
de la pgina web del fabricante.
Te deseamos mucha diversin con MAGIX Web Designer 10 Premium y mucho xito
con tus proyectos de diseo.
509
510
Index
A
Abrir (barra de control estndar o Ctrl+O).................................................................... 483
Abrir enlace en:.......................................................................................................................274
Abrir un documento de animacin................................................................................... 443
Abrir un documento existente.............................................................................................. 74
Abrir una segunda ventana ................................................................................................... 79
Acelerar y desacelerar ......................................................................................................... 439
Acerca de MAGIX Web Designer 10 Premium ............................................................ 502
Acerca de RWD..................................................................................................................... 294
Acerca de Web Designer....................................................................................................... 22
Activacin y desactivacin de las barras de navegacin del sitio.............................376
Activar o desactivar (on/off) la extrusin.......................................................................367
Actualizacin de la barra de navegacin en todas las pginas ..................................382
Actualizacin de los estilos de texto................................................................................. 219
Actualizaciones para el Panorama Studio .......................................................................365
Actualizar programa.............................................................................................................. 501
Adaptacin automtica ....................................................................................................... 468
Adaptacin mltiple ............................................................................................................. 468
Adaptacin personalizada .................................................................................................. 468
Adaptar a bordes de pgina ................................................................................................276
Adaptar texto a la curva/Eliminar texto de la curva.................................................... 493
Agregado de archivos de pelculas y animaciones....................................................... 402
Agregado de nuevas pginas de presentacin...............................................................392
Agregado y edicin de botones..........................................................................................378
Agregar extremos de flechas .............................................................................................. 150
Agregar ms segmentos de lnea........................................................................................ 151
Agregar mens y submens .............................................................................................. 380
Agregar nuevas pginas a tu pgina web .......................................................................... 32
Agregar y quitar sangras.....................................................................................................223
Agrupacin de galeras ........................................................................................................... 98
Agrupar (barra de control arreglo o Ctrl+G) ................................................................. 492
Agrupar y desagrupar objetos ..........................................................................128, 172, 447
Ajustando la regin cortada .................................................................................................351
Ajustar a cuadrcula................................................................................................................122
Ajustar a cuadrcula (. del teclado numrico) ............................................................... 500
Ajustar a guas (2 del teclado numrico) ....................................................................... 500
Ajustar a objetos (* del teclado numrico).................................................................... 500
www.magix.es
Index
Ajustar el ancho de los botones a las etiquetas ............................................................ 374
Ajustar el margen izquierdo y derecho de un texto sobre una curva ......................204
Ajuste......................................................................................................................................... 122
Ajuste de una transparencia de mapa de bits................................................................ 326
Ajuste del fondo de la pgina para un mapa de bits .................................................... 326
Ajuste magntico de objeto (ajustar a objetos) .............................................................124
Ajuste y ancho de lnea ......................................................................................................... 123
Al final de una lnea:...............................................................................................................154
Al inicio de una lnea:............................................................................................................. 155
Alineacin ............................................................................................................... 131, 133, 492
Alineacin (Ctrl+Shift+L) ....................................................................................................492
Ampliar foto a 100%.............................................................................................................346
Ampliar seleccin .................................................................................................................. 104
Ancho / Alto ............................................................................................................................ 351
Animacin......................................................................................................................496, 499
repeticiones y velocidad ..................................................................................................445
Animaciones en Flash.............................................................. 33, 135, 418, 449, 453, 495
Anterior y Siguiente .............................................................................................................. 345
Aadir a la galera .................................................................................................................. 100
Aadir cdigo al encabezado de pgina ..........................................................................290
Aadir nombres.......................................................................................................................136
Aadir nuevos botones .......................................................................................................... 54
Aadir un nuevo punto de control .....................................................................................154
Aplanar grupo de fotos.........................................................................................................492
Aplicacin de la transparencia mejorada ........................................................................249
Aplicacin de transiciones a las capas popup.........................................................68, 273
Aplicacin de transiciones a pginas de presentaciones............................................394
Aplicacin de transiciones a pasos de presentaciones ............................................... 393
Aplicar atributos a historias de texto completas........................................................... 227
Aplicar colores de relleno y lnea con arrastrar y soltar ...............................................176
Aplicar estilos de texto......................................................................................................... 222
Aplicar grupo suave (Ctrl+Alt+G) ....................................................................................492
Aplicar transparencia a varios objetos............................................................................. 252
Aplicar transparencia con gradacin................................................................................245
Aplicar transparencia plana ................................................................................................245
Aplicar un bisel....................................................................................................................... 258
Aplicar un bisel a varios objetos ........................................................................................ 258
Aplicar un efecto de resplandor.........................................................................................254
Aplicar un efecto en vivo ..................................................................................................... 355
Aplicar una sombra ............................................................................................................... 253
Aplicar una sombra a varios objetos ................................................................................ 256
Aplicar una sombra de pared ............................................................................................. 253
Aplicar una sombra de suelo ..............................................................................................254
Archivos de pelcula MP4 y FLV........................................................................................402
Archivos Flash ........................................................................................................................403
Archivos JPEG integrados ................................................................................................... 327
Archivos MP3 .........................................................................................................................403
Archivos PDF ......................................................................................................................... 404
Archivos recientes........................................................................................................471, 483
rea que permite clic............................................................................................................ 274
reas de texto ............................................................................................................... 199, 452
Arrastrar el segmento de lnea............................................................................................158
511
512
Arreglar ventanas.................................................................................................................. 499
Asistencia tcnica ..................................................................................................................... 13
Atributos actuales (estilos)...................................................................... 57, 471, 490, 498
Atributos de la edicin de fotos ..........................................................................................331
Auto-optimizacin.................................................................................................................347
Ayuda .................................................................................................................................. 21, 501
Ayuda de MAGIX Web Designer 10 Premium .............................................................. 501
Ayuda del programa (breve).............................................................................................. 509
B
Barra de estado....................................................................................................................... 106
Barra de herramientas de pgina Web............................................................................... 50
Barra de herramientas principal ........................................................................................... 77
Barra de informacin ........................................................................................................ 29, 77
Barra de informacin de estilos de texto ......................................................................... 218
Barra de informacin de Herramienta de extrusin......................................................367
Barra de informacin de herramienta de relleno ...........................................................233
Barra de navegacin del sitio ..............................................................................................375
Barras de botones (barras de navegacin) ....................................................................... 55
Barras de control ........................................................................................... 76, 77, 479, 499
Barras de control bloqueadas o flotantes ........................................................................ 481
Barras de navegacin ................................................................................. 55, 372, 380, 493
Barras de navegacin de botn nico............................................................299, 375, 377
Barras de navegacin del sitio y plantillas .......................................................................376
Barras desplegables................................................................................................................. 25
Biseles .......................................................................................................................................258
Bloquear aspecto.....................................................................................................................351
Bloquear capas........................................................................................................................ 416
Bloquear efectos.....................................................................................................................356
Borrar........................................................................................................................................ 350
Borrar durante el dibujo........................................................................................................ 144
Borrar grupo suave (Ctrl+Alt+U)...................................................................................... 492
Botn Bloquear relacin de aspecto................................................................................... 114
Botn de red ........................................................................................................................... 463
Botn Escalar anchos de lnea ............................................................................................. 114
Botn imprimir ....................................................................................................................... 463
Botn Imprimir....................................................................................................................... 463
Botn opciones ...................................................................................................................... 463
Botones mouseover (rollover).............................................................................................. 66
Botones MouseOver (rollover) ............................................................................................ 54
Botones que permiten clic y efectos de MouseOver................................................... 440
Botones y mens....................................................................................................................378
Brillo / Mate ............................................................................................................................369
Brillo/Contraste/Temperatura del color/Saturacin/Tono ...................................... 348
Buscar y reemplazar ............................................................................................................. 207
C
Calidad (barra de control estndar)................................................................................. 499
Calidad de imagen ................................................................................................................... 93
www.magix.es
Index
Calidad de llenado .................................................................................................................466
Calidad de mapas de bits...........................................................................................429, 444
Calidad de visualizacin de fotos ...................................................................................... 328
Cambiar color de fondo.........................................................................................................184
Cambiar colores de un relleno............................................................................................ 236
Cambiar colores en un grupo...............................................................................................129
Cambiar curvas .......................................................................................................................158
Cambiar el ancho de la columna.........................................................................................199
Cambiar el ancho de lnea (grosor) ...........................................................................161, 197
Cambiar el ngulo de la columna .......................................................................................199
Cambiar el color de sombra o el efecto de relleno ....................................................... 255
Cambiar el color del bisel o el efecto de relleno .............................................................261
Cambiar el estilo de unin del bisel ...................................................................................261
Cambiar el tamao de fuente ............................................................................................. 222
Cambiar el tamao de las reas de texto ........................................................................202
Cambiar el tamao de pgina................................................................................................82
Cambiar el tamao del bisel ...............................................................................................260
Cambiar el tamao, rotar y reposicionar la foto dentro de su propio marco ......... 335
Cambiar el tipo de unin.............................................................................................. 163, 197
Cambiar el valor de zoom...................................................................................................... 80
Cambiar el valor de zoom utilizando el ratn................................................................... 80
Cambiar el zoom utilizando la barra de informacin/barra de control de zoom.... 80
Cambiar extremo de lnea ....................................................................................................164
Cambiar la elevacin de la luz (ngulo vertical)............................................................260
Cambiar la forma del bisel....................................................................................................261
Cambiar la fuente de luz del bisel...................................................................................... 259
Cambiar la intensidad de la luz (contraste)....................................................................260
Cambiar la transparencia de la sombra ........................................................................... 255
Cambiar lados de la lnea.....................................................................................................204
Cambiar los puntos cero de las reglas ................................................................................92
Cambiar maysculas o minsculas...................................................................................205
Cambiar seleccin de objetos............................................................................................. 104
Cambiar tamao utilizando el ratn ...................................................................................115
Cambiar tamao utilizando la barra de informacin ......................................................115
Cambiar texto de botn ......................................................................................................... 54
Cambio de la fuente de los botones de la barra de navegacin ................................ 382
Cambio de tamao de widgets ..........................................................................................405
Cambio de tamao teniendo en cuenta el contenido ........................................ 266, 358
Cambio del documento de plantilla en blanco............................................. 74, 469, 484
Cambio del orden de los pasos .......................................................................................... 392
Cambio del tamao de objetos (escalar) ..........................................................................114
Cambio del tamao y la posicin del relleno de mapa de bits................................... 239
Campo de texto......................................................................................................................494
Cantidad de palabras ............................................................................................................203
Capa popup ............................................................................................................................. 272
Capas ...............................................................................................................................410, 455
Capas de fondos de pgina o de tablero de dibujo .......................................................307
Capas de popup y capas de presentacin....................................................................... 395
Capas en pginas web...........................................................................................................412
Capas especiales.....................................................................................................................415
Capas popup ............................................................................................................................ 69
Capas, MouseOver (rollover) y elementos emergentes ............................... 28, 65, 412
513
514
Caracteres especiales (en la herramienta de texto)...........................................205, 507
Catlogo de contenido online ............................................................................................... 35
Cerrar ....................................................................................................................................... 488
Cerrar (Ctrl+W) .................................................................................................................... 484
Cerrar el documento ............................................................................................................... 87
Cerrar una forma ............................................................................................................145, 155
Cerrar una galera............................................................................................................. 95, 101
Clipart flash................................................................................................................................ 33
Clonar.......................................................................................................................................... 111
Clonar (Ctrl+K)...................................................................................................................... 490
Colocar objetos en la capa gua...........................................................................................127
Color previo y actual ..............................................................................................................179
Coloreado de mapa de bits................................................................................ 176, 177, 238
Colorear formas.................................................................................................................37, 60
Colorear fotos ..................................................................................................................38, 335
Colores de animacin........................................................................................................... 444
Colores de la lnea de colores ..............................................................................................175
Colores de la pgina web ....................................................................................................... 36
Colores locales y colores originales .................................................................................. 180
Colores normales ................................................................................................................... 187
Colores normales, tintes, tonalidades y colores vinculados ....................................... 187
Colores para enlaces de sitios web ...................................................................................276
Colores vinculados................................................................................................................. 188
Combinar formas ........................................................................................149, 171, 267, 493
Combinar formas (barra de control arreglo) ................................................................. 492
Comillas inteligentes............................................................................................................ 205
Cmo crear sangras francesas ...........................................................................................212
Cmo sincronizar el texto empleando Grupos suaves................................................ 208
Comparar y restaurar el original........................................................................................ 348
Compartir a travs de variantes .........................................................................................297
Compatibilidad entre el navegador y el texto.................................................................229
Conexin de reas de texto, flujo de texto ...................................................................... 199
Configuracin de impresora ............................................................................................... 487
Consejo del da........................................................................................................................ 501
Consejos de herramientas ............................................................................................... 21, 22
Contenido del directorio de compatibilidad...................................................................... 87
Contornear texto alrededor de objetos .............................................................................. 47
Contorneo y anclaje.............................................................................................................. 493
Control deslizante / resolucin ...........................................................................................251
Controles ..................................................................................................................................457
Controles deslizantes de lmites de seleccin................................................................ 106
Controles para rotar 90......................................................................................................345
Conversin de una pgina web existente en una presentacin.......................388, 390
Convertir a formas editables.......................................................................................146, 173
Convertir color con nombre en local para frame/capa................................................ 186
Convertir objetos o dibujos a mapas de bits..........................................................341, 493
Convertir texto en un grfico ................................................................................................. 51
Convertir una lnea recta en una curva (y viceversa) ................................................... 158
Coordenadas X-Y..................................................................................................................... 78
Coordinar seleccin.............................................................................................................. 474
Copiar (barra de control edicin o Ctrl+C) .................................................................... 488
Copiar / Pegar texto con formato (RTF)..........................................................................228
www.magix.es
Index
Copiar atributos de una extrusin 3D ............................................................................... 371
Copiar efectos en vivo .......................................................................................................... 358
Copiar estilos - pegar atributos................................................................................. 134, 368
Copiar estilos de texto.......................................................................................................... 227
Copiar formas a la capa de mscara................................................................................. 267
Copiar objetos .................................................................................................................29, 427
Copiar sombras a otros objetos......................................................................................... 257
Copiar y pegar pginas.................................................................................................... 29, 84
Copias .......................................................................................................................................464
Copias de memoria cero ...................................................................................................... 323
Copias de seguridad al cerrar el sistema........................................................................... 90
Copias de seguridad automticas ...............................................................49, 85, 88, 478
Copias de seguridad de documentos abiertos................................................................. 88
Copyright ...................................................................................................................................... 2
Corrector de ortografa....................................................................................... 48, 206, 497
Cortar (barra de control edicin o Ctrl+X) .....................................................................488
Cortar en documentos fotogrficos................................................................................... 351
Cortar formas........................................................................................................................... 172
Cortar objetos...........................................................................................................................110
Cortar, copiar y pegar ........................................................................................108, 358, 488
Cortar, copiar, eliminar......................................................................................................... 265
Creacin de barras de navegacin propias ..................................................................... 383
Creacin de barras de smbolos..........................................................................................481
Creacin de botones, banners y otros grficos web....................................................... 70
Creacin de grupo suaves ....................................................................................................130
Creacin de listas con nmeros y vietas....................................................................... 392
Creacin de los botones MouseOver propios.......................................................379, 383
Creacin de nuevos colores con nombre ................................................................182, 188
Creacin de nuevos estilos..................................................................................................220
Creacin de panormicas .................................................................................................... 363
Creacin de tus propios esquemas de colores ................................................................181
Creacin de un tinte, una tonalidad o un color vinculado..........................175, 180, 188
Creacin de una pgina Web ............................................................................................... 30
Creacin de una presentacin............................................................................................ 387
Creacin de una presentacin a partir de plantillas ........................................... 387, 388
Creacin de una presentacin desde cero ......................................................................388
Creacin y edicin de rectngulos con esquinas redondeadas..................................165
Crear agujeros en las formas ................................................................................................171
Crear barra de navegacin ..................................................................................................493
Crear crculos y elipses .........................................................................................................166
Crear copia de mapa de bits (Ctrl+Shift+C)...................................................................493
Crear GIF animados ....................................................................................................442, 449
Crear nuevos objetos de texto nuevos............................................................................... 46
Crear pginas web RWD desde las plantillas.................................................................296
Crear polgonos y estrellas ...................................................................................................168
Crear rectngulos y cuadrados ...........................................................................................165
CREAR RECTNGULOS Y CUADRADOS ......................................................................264
Crear sitios web RWD desde sitios existentes ..............................................................296
Crear un cuadrado ..................................................................................................................165
Crear un lnea gua.................................................................................................................. 127
Crear un relleno de color con gradacin........................................................................... 231
Crear una animacin.............................................................................................................443
515
516
Crear una mscara.................................................................................................................263
Crear una mscara suave.....................................................................................................265
Crear uniones en curva......................................................................................................... 159
Crear uniones en punta ........................................................................................................ 159
Cuadrcula en pantalla ...................................................................................................91, 499
D
Dar a nuevos objetos los atributos ms recientes......................................................... 471
Darle el tamao completo a una foto ...............................................................................338
Del catlogo de contenidos ................................................................................................ 494
Dentro ........................................................................................................................................132
Desactivacin de la regeneracin del marcador de posicin .................................... 406
Desagrupar (barra de control arreglo o Ctrl+U) ........................................................... 492
Desagrupar objetos ............................................................................................................... 128
Deseleccionar un objeto....................................................................................................... 105
Desenfocar los bordes de la sombra.................................................................................255
Desenfoque / Enfoque......................................................................................................... 348
Deshacer (barra de control estndar o Ctrl+Z) ............................................................ 488
Deshacer corte....................................................................................................................... 350
Deshacer y rehacer................................................................................................................ 102
Desplazamiento de la parte superior de la pgina ....................................................... 306
Desplazamiento de los controles de inicio y fin de un relleno ...................................236
Desplazamiento y tranformacin de una barra de navegacin del sitio..................375
Desplazar........................................................................................................................ 108, 473
Desplazar botones y herramientas................................................................................... 482
Desplazar el documento dentro de la ventana.................................................................. 81
Desplazar objetos.................................................................................................. 29, 108, 506
Detencin de la repeticin de objetos .....................................................................139, 493
Detener actualizacin (Shift+Ctrl+Alt+O)..................................................................... 493
Dilogo de propiedades web...............................................................................................268
Dilogo Propiedades de la barra de navegacin ............................................................373
Dibujar una linea o forma..................................................................................................... 143
Dibujo de segmentos rectos con la herramienta de dibujo libre ............................... 144
Dibujo sensible a la presin................................................................................................. 147
Dibujo y edicin de lneas rectas ....................................................................................... 150
Diccionario de usuario ......................................................................................................... 207
Difuminacin ............................................................................................................................. 62
Difuminacin (Feathering) .................................................................................................. 126
Direccin del bisel..................................................................................................................259
Directorios de compatibilidad............................................................................86, 272, 424
Diseo del programa ............................................................................................................... 23
Diseo web adaptativo ................................................................................................219, 294
Diseo web basado en objetos............................................................................................. 27
Distancia duplicacin .......................................................................................... 111, 473, 490
Distribuir....................................................................................................................................133
Documento seleccionado y barra de ttulo ....................................................................... 76
Documentos abiertos........................................................................................................... 500
Documentos fotogrficos ..................................................................................322, 342, 351
Documentos sin ttulo............................................................................................................. 89
Documentos web y PDF........................................................................................................317
Duplicar ...................................................................................................................................... 111
www.magix.es
Index
Duplicar (barra de control edicin o Ctrl+Alt+D)........................................................ 490
Duplicar y clonar .......................................................................................................................111
Duplicar, clonar ......................................................................................................................266
Duracin de frames para pelculas Flash y pasos intermedios..................................430
E
Edicin de archivos de fotos ............................................................................................... 343
Edicin de estrellas.................................................................................................................170
Edicin de foto con................................................................................................................250
Edicin de smartshapes ........................................................................................................167
Edicin de widgets existentes ........................................................................................... 400
Edicin del contenido de un objeto repetido ...................................................................138
Edicin en el lienzo ................................................................................................................ 382
Editar colores con nombre ..................................................................................181, 182, 184
Editar el color de un objeto .................................................................................................. 177
Editar el color principal..........................................................................................................189
Editar el contorno de las fotos............................................................................................. 331
Editar formas........................................................................................................................... 356
Editar formas de molde ..........................................................................................................121
Editar lneas/formas con la herramienta de dibujo libre y pincel ..............................146
Editar mscara........................................................................................................................264
Editar polgonos y estrellas ..................................................................................................169
Editar texto ..............................................................................................................................204
Editor de color (Ctrl+E)........................................................................................................495
Efectos ......................................................................................................................................478
Efectos en tiempo real (solo 32 bits) ..................................................................... 355, 478
Efectos MouseOver................................................................................................................. 65
Ejemplo para cambiar el tamao de una foto y guardarla en JPEG. .........................330
El botn de propiedades ......................................................................................................463
El color se transforma el color de la animacin cambia .........................................438
El dilogo de impresin ........................................................................................................463
El editor de color .................................................................................................. 174, 178, 495
El orden de los botones coincide con el orden de la pgina ....................................... 374
Eliminacin de estilos ............................................................................................................ 221
Eliminacin de grupos suaves .............................................................................................130
Eliminacin de una barra de navegacin del sitio de una pgina.............................. 376
Eliminar colores con nombre ...............................................................................................185
Eliminar colores no utilizados..............................................................................................185
Eliminar imgenes de la galera.......................................................................................... 326
Eliminar las barras de control .............................................................................................482
Eliminar objetos........................................................................................................................110
Eliminar objetos de un grupo ...............................................................................................129
Eliminar objetos de un paso ................................................................................................ 392
Eliminar objetos del documento ..........................................................................................110
Eliminar objetos repetidos................................................................................................... 140
Eliminar pginas de presentacin...................................................................................... 393
Eliminar pginas de tu documento...................................................................................... 84
Eliminar puntos........................................................................................................................ 155
Eliminar secciones de una galera........................................................................................101
Eliminar seleccin/Restaurar atributos actuales (Esc) .................................... 490, 498
Eliminar un ancla..................................................................................................................... 217
517
518
Eliminar un bisel .....................................................................................................................262
Eliminar un paso .....................................................................................................................392
Eliminar una galera del espacio de trabajo...................................................................... 101
Eliminar una lnea gua.......................................................................................................... 128
Eliminar una sombra..............................................................................................................256
En el medio de una lnea:...................................................................................................... 154
Enderezar horizonte...............................................................................................................337
Enlace al archivo.....................................................................................................................272
Enlace automtico de pginas ............................................................................................375
Enlaces al paso siguiente/anterior ....................................................................................393
Enlaces de texto......................................................................................................................226
Enlaces, botones y barras de navegacin .......................................................................... 53
Enlazar a una direccin web............................................................................................... 270
Enlazar a una referencia ........................................................................................................271
Enlazar a... ......................................................................................................................270, 393
Envo de imgenes a otras aplicaciones de MAGIX instaladas ................................ 498
Envolturas ................................................................................................................................ 120
Equilibrar curvas ..................................................................................................................... 159
Espaciado de botn ...............................................................................................................374
Espaciado de cuadrcula y regla ........................................................................................ 474
Espaciado de lnea..................................................................................................................225
Espaciado de prrafos...........................................................................................................225
Esquemas de colores originales .................................................................................181, 372
Esquina con inglete / Esquina redonda............................................................................369
Estilo de prrafo y estilo de carcter................................................................................. 218
Estilos basados en otros estilos.......................................................................................... 219
Estilos de men...................................................................................................................... 380
Estilos de pincel ...................................................................................................................... 150
Estilos de texto........................................................................................................ 27, 217, 295
Explorar espacio web ............................................................................................................292
Exportacin como documento Word ...............................................................................453
Exportacin como Flash .......................................................................................................453
Exportacin como formato Extended Metafile (EMF) .................................................453
Exportacin como mapa de bits........................................................................................ 454
Exportacin como metarchivo de Windows (.wmf).....................................................453
Exportacin de animaciones como AVI ...........................................................................425
Exportacin de archivos .......................................................................................................453
Exportacin de archivos Photoshop PSD.................................................... 447, 449, 455
Exportacin de pginas web con directorios de compatibilidad ................................. 87
Exportacin de un archivo Flash ........................................................................................423
Exportacin de un documento web.........................................................................453, 486
Exportacin DPI ......................................................................................................................455
Exportacin rpida de HTML y formatos de grficos web......................................... 454
Exportar (Ctrl+Shift+E) ....................................................................................................... 484
Exportar animacin............................................................................................................... 487
Exportar como AVI ................................................................................................................453
Exportar JPEG......................................................................................................................... 485
Exportar la animacin .......................................................................................................... 443
Exportar pgina web............................................................................................................. 486
Exportar Pgina web............................................................................................................. 486
Exportar PNG ......................................................................................................................... 485
Extender la lnea. .....................................................................................................................153
www.magix.es
Index
Extender o reducir objetos ....................................................................................................116
Extender una lnea ..................................................................................................................145
Extraccin del JPEG original................................................................................................ 328
Extrudir texto ..........................................................................................................................370
Extrudir una forma.................................................................................................................366
F
Finalizar la lnea.......................................................................................................................154
Fluidez de la animacin (smoothness) ..................................................................433, 444
Fondos avanzados .................................................................................................................308
Fondos de pgina web................................................................................39, 299, 303, 327
Fondos de plantilla y cambio de color de fondo ............................................................305
Fondos fijos no desplazables ..............................................................................................305
Forma ........................................................................................................................................494
Formatos de exportacin.....................................................................................................449
Formatos de importacin ....................................................................................................447
Foto emergente ...................................................................................................................... 273
Fotos.................................................................................................................................. 40, 428
Fotos emergentes ...................................................................................................................281
Fotos en miniatura con popup............................................................................. 42, 70, 286
Fotos pop-up............................................................................................................................. 70
Fuentes compatibles con la web.........................................................................................194
Fuentes de Google..................................................................................................................195
Funcin de botones de ratn ...................................................................................... 80, 475
Funciones comunes para fotos .......................................................................................... 345
Funciones de Flash avanzadas ...........................................................................................439
Fusionar varias formas en una sola.....................................................................................171
G
Galera de diseos ................................................................................................................... 34
Galera de lneas.................................................................................................... 155, 161, 495
Galera de pginas y capas..28, 49, 85, 105, 112, 126, 129, 385, 407, 470, 490, 495
Galeras..........................................................................................34, 94, 163, 243, 324, 495
Generacin automtica del marcador de posicin ...................................................... 400
GIF animados ......................................................................................................................... 404
Girar objetos.......................................................................................................................29, 113
Girar objetos en el modo de cambio de tamao .....................................................114, 118
Girar utilizando el ratn .........................................................................................................112
Gradaciones de color de varios niveles.................................................................... 177, 241
Grficos anclados ..................................................................................................52, 214, 493
Grficos de ejemplo .................................................................................................................63
Grficos incrustados .............................................................................................................. 217
Grupos ...............................................................................................................46, 51, 379, 435
Grupos anclados .......................................................................................................................52
Grupos de foto.................................................................................................... 250, 320, 354
Grupos de repeticin ...............................................................................................................52
Grupos suaves (soft groups) ......................................................................................... 52, 66
Grupos suaves (soft groups, en ingls) ............................. 130, 208, 217, 412, 416, 492
Grupos y capas........................................................................................................................129
519
520
Grupos y capas suaves ......................................................................................................... 412
Guardar .....................................................................................................................................327
Guardar (barra de control estndar o Ctrl+S) ............................................................... 484
Guardar como ........................................................................................................................ 484
Guardar como (en el men Archivo).................................................................................. 86
Guardar copias de seguridad de documentos abiertos al cerrar el programa .........90
Guardar el documento ............................................................................................................ 85
Guardar la configuracin de publicacin en el documento..........................................316
Guardar perfiles .......................................................................................................................315
Guardar plantilla.................................................................................................................... 484
Guardar todo .......................................................................................................................... 484
Guardar todo (en el men Archivo).................................................................................... 86
Guardar tu trabajo. Creacin de una pgina Web...........................................................48
Guardar y exportar fotos ......................................................................................................329
Guardar y transferir archivos ..............................................................................................357
H
Habilitar Supersites .............................................................................................................. 300
Hacer grupos transparentes en su conjunto................................................................... 471
Hacer que un objeto se rodee de texto .............................................................................213
Hacer una presentacin .......................................................................................................396
Herramienta Capturar pantalla...........................................................................................333
Herramienta de corte ........................................................................................................... 349
Herramienta de extrusin 3D .............................................................................................366
Herramienta de formas........................................................................................................... 58
Herramienta de optimizacin ............................................................................................ 346
Herramienta de optimizacin de foto ...............................................................................267
Herramienta de rectngulo....................................................................................................60
Herramienta de relleno...........................................................................................................60
Herramienta de sombra ......................................................................................................... 63
Herramienta de texto ........................................................................................................... 506
Herramienta de transparencia ............................................................................................... 61
Herramientas de dibujo ................................................................................................... 27, 56
Herramientas de dibujo y forma ........................................................................................ 165
I
Imagen ..................................................................................................................................... 494
Imgenes de alta resolucin....................................................................................... 277, 318
Importacin de archivos...................................................................................................... 449
Importacin de clipart con color .......................................................................................... 38
Importacin de colores con nombre ................................................................................. 185
Importacin de foto RAW......................................................................................... 448, 452
Importacin de fotos ..............................................................................................................321
Importacin de fotos grandes................................................................................................41
Importacin de PDF.............................................................................................................. 450
Importacin de un archivo Photoshop PSD.................................................................... 450
Importacin de un documento Word ............................................................................... 451
Importacin desde una pgina web. .................................................................................452
Importacin e insercin de barras de navegacin.........................................................383
www.magix.es
Index
Importacin y exportacin ............................................................ 85, 446, 483, 484, 495
Importante...............................................................................................................................454
Importar (Ctrl+Shift+I).........................................................................................................484
Importar desde la direccin web (Ctrl+Alt+W)............................................................484
Importar y exportar formatos de archivo compatibles ...................................... 100, 447
Imprimiendo........................................................................................................462, 487, 488
Imprimir (Ctrl+P)...................................................................................................................488
Imprimir a archivo .................................................................................................................464
Imprimir capas........................................................................................................................465
Imprimir como ........................................................................................................................465
Inclinar objetos .........................................................................................................................117
Incluir pgina web en la galera de usuarios ....................................................................316
Incrustacin de fuentes en el documento ....................................................................... 228
Incrustacin de fuentes en un sitio web .......................................................................... 229
Indicaciones generales sobre la exportacin e importacin ......................................446
Informacin de documento..........................................................................................22, 487
Informacin de presentacin avanzada ........................................................................... 395
Iniciar un nuevo documento ................................................................................................. 74
Insercin.................................................................................................................................. 400
Insercin con otra herramienta de autora web.............................................................424
Insercin de un objeto flash en MAGIX Web Designer 10 Premium. .....................424
Insercin manual de marcadores de posicin para widgets ..................................... 406
Insertar sombras detrs del objeto .................................................................................... 371
Insertar texto de ejemplo ('Lorem Ipsum') .....................................................................206
Integracin de pelculas, Flash y otros widgets ......................................................33, 290
Interseccin de formas...........................................................................................................171
Introduccin ....................................................................... 15, 190, 318, 344, 355, 418, 483
Introducir caracteres especiales ........................................................................................205
Introducir pginas en tu documento....................................................................................83
J
Justificacin o alineacin de texto..................................................................................... 222
Justificado................................................................................................................................ 374
L
La barra de estado ....................................................................................................................78
La barra de herramientas...................................................................................385, 387, 391
La capa actual ...........................................................................................................................411
La funcin de rotacin ..........................................................................................................434
La funcin deshacer ...............................................................................................................102
La funcin rehacer ..................................................................................................................102
La galera de frames de animacin....................................................................................426
La galera de mapa de bits................................................................................237, 324, 495
La galera de pginas y capas .............................................................................................407
La galera de rellenos ...................................................................................................237, 242
La herramienta de bisel ........................................................................................................ 258
La herramienta de dibujo libre y pincel .............................................................................143
La herramienta de edicin de formas ..........................................................................58, 151
La herramienta de fotos .......................................................................................42, 331, 344
521
522
La herramienta de lneas rectas y flechas........................................................ 59, 150, 163
La herramienta de mscaras ...............................................................................................263
La herramienta de moldes .................................................................................................... 118
La herramienta de ojos rojos...............................................................................................353
La herramienta de relleno ..........................................................................38, 231, 245, 246
La herramienta de seleccin..................................................................................28, 60, 103
La herramienta de sombra.........................................................................................240, 253
La herramienta de texto ........................................................................................................ 191
La lnea de colores.................................................................................................................. 174
La pgina actual........................................................................................................................ 83
La pestaa de frames ........................................................................................................... 444
La tecla de restriccin .................................................................................................... 93, 199
La ventana de MAGIX Web Designer 10 Premium ........................................................ 75
Las capas actuales siempre estn visibles y pueden editarse................................... 470
Las capas MouseOff y MouseOver..................................................................................... 65
Las galeras ............................................................................................................................. 503
Las herramientas ................................................................................................................... 503
Limitacin de ngulo ..............................................................................................93, 113, 473
Lista con vietas.....................................................................................................................223
Lista con vietas y numeradas .............................................................................................46
Lista con vietas y nmeros con grficos........................................................................224
Lista numerada .......................................................................................................................224
Ll
Llevar atrs (barra de control arreglo o Ctrl+B)............................................................. 491
L
Lo que Flash puede hacer y lo que no puede hacer ...................................................... 418
Lo que no puedes hacer con Flash en MAGIX Web Designer 10 Premium .......... 420
Longitud de lnea compatible con navegadores web....................................................472
Los 6 tipos centrales de animacin ................................................................................... 419
Los indicadores ......................................................................................................................... 78
Los nuevos efectos se bloquean por defecto................................................................. 479
Luces..........................................................................................................................................368
M
Manejo de documento.................................................................................................. 74, 289
Manejo de formas .................................................................................................................. 165
Manejo de los pasos de presentacin ...............................................................................391
Manipulacin de documentos ........................................................................................... 504
Manipulacin de objetos..................................................................................................... 505
Mantener los nombres de las capas importadas........................................................... 471
Manual en PDF ...................................................................................................................... 509
Mapas de bits...........................................................................................................................251
Mapas de bits en otros formatos que el JPEG............................................................... 428
Marcadores de seleccin ..................................................................................................... 106
Marco de seleccin................................................................................................................ 104
Marco de seleccin de objetos...........................................................................................472
www.magix.es
Index
Mrgenes y sangras.............................................................................................................209
Ms Web Designer ................................................................................................................501
Mscaras................................................................................................................ 263, 333, 361
Mscaras suaves.................................................................................................................... 265
Membresa del sitio del widget......................................................................................... 400
Men Archivo .........................................................................................................................483
Men Arreglo...........................................................................................................................491
Men Ayuda ............................................................................................................................501
Men Compartir ....................................................................................................................497
Men contextual de la lnea de colores ............................................................................176
Men de fuente .......................................................................................................................193
Men Edicin ..........................................................................................................................488
Men Herramientas ..............................................................................................................495
Men Insertar .........................................................................................................................494
Men Ventana........................................................................................................................498
Mens con clic derecho ......................................................................................................... 64
Mens y shortcuts de teclado ............................................................................................483
Mezclar lneas curvas y rectas ............................................................................................ 153
Mezclar transparencias individuales y de grupo ........................................................... 252
Minimizar ventanas mltiples ...............................................................................................79
Mismo ancho para todos los botones .............................................................................. 374
Modificacin de tamao con contenido alternativa ..................................................... 362
Modificacin de tamao de foto con contenido............................................................266
Modificacin del tamao de una barra de smbolos .....................................................481
Modificar un bisel .................................................................................................................. 259
Modo Bosquejo .......................................................................................................................147
Modo de pantalla completa ................................................................................................479
Modo de pantalla normal/completa .........................................................................78, 475
Modo de trazo .........................................................................................................................148
Modo Solo ................................................................................................................................416
Mostrar barras de desplazamiento ...................................................................................499
Mostrar bordes de impresin .............................................................................................462
Mostrar cuadrcula (#) ........................................................................................................499
Mostrar guas (1 del teclado numrico)...........................................................................500
Mostrar reglas (Ctrl + L)......................................................................................................499
Mostrar todo y desbloquear todo.......................................................................................417
Mostrar y ocultar barras de control ................................................................................. 480
Mostrar/ocultar reglas............................................................................................................92
Mover a la capa al frente (barra de control arreglo o Ctrl+Shift+U).........................491
Mover a la capa de atrs (barra de control arreglo o Ctrl+Shift+D).........................491
Mover adelante (barra de control arreglo o Ctrl+Shift+F) ..........................................491
Mover atrs (barra de control arreglo o Ctrl+Shift+B) .................................................491
Mover objetos..........................................................................................................................106
Mover objetos anclados........................................................................................................216
Mover objetos de un paso a otro........................................................................................391
Mover objetos entre capas........................................................................................... 68, 417
Mover objetos hacia adelante o hacia atrs .....................................................................112
Mover objetos seleccionados debajo o dentro ...............................................................105
Mover pginas dentro del documento ............................................................................... 84
Mover puntos de control - Herramienta de edicin de formas.................................156
Mover y fijar una galera ........................................................................................................ 95
523
524
N
Navegacin instantnea del men de fuente ................................................................. 195
Navegar entre pginas............................................................................................................ 85
Negrita y cursiva.....................................................................................................................222
Nombrar objetos ...........................................................................................................135, 495
Nombres.................................................................................................................................. 495
Nombres aplicados .................................................................................................................136
Nombres para el directorio de compatibilidad................................................................. 86
Notas acerca de Cambio de tamao teniendo en cuenta el contenido ...................363
Notas para la herramienta de foto.....................................................................................352
Nueva pgina.......................................................................................................................... 494
Nueva ventana ....................................................................................................................... 499
Nuevo (barra de control estndar o Ctrl+N) ................................................................. 483
Nuevo desde el catlogo de contenido ........................................................................... 483
Nmero de pgina................................................................................................................. 494
O
Objetos ancla ............................................................................................................................ 47
Objetos de fotos ......................................................................................................................319
Objetos de marcador de lugar ........................................................................................... 290
Objetos en la pgina................................................................................................................ 26
Objetos extensibles .................................................................................................................49
Objetos gua y lneas gua ...................................................78, 91, 92, 126, 414, 476, 500
Objetos repetidos.......................................................................................... 52, 135, 137, 298
Objetos sin movimiento .......................................................................................................437
Ocultar botones y herramientas ....................................................................................... 482
Ocultar capas .......................................................................................................................... 416
Opcin Guardar (en el men Archivo)............................................................................... 86
Opciones (Ctrl+Shift+O) .................................................................................................... 497
Opciones AVI......................................................................................................................... 445
Opciones de exportacin web ............................................................................................277
Opciones de impresin........................................................................................................ 487
Pestaa Diseo de la impresin.................................................................................... 467
Pestaa Salida.................................................................................................................... 465
Opciones de la foto emergente ..........................................................................................282
Opciones de pgina .............................................................................................................. 487
Opciones de texto................................................................................................................. 466
Opciones del men............................................................................................................... 469
Opciones flash ....................................................................................................................... 444
Operaciones de capa............................................................................................................. 413
Operaciones de color avanzadas ........................................................................................179
Operaciones que utilizan la mscara ................................................................................265
Optimizacin .......................................................................................................................... 467
Optimizacin de fotos y mapas de bits..................................................................338, 496
Optimizacin de todas las imgenes ............................................................................... 496
Optimizar ...................................................................................................................... 249, 360
Optimizar foto........................................................................................................................ 496
Optimizar imgenes ............................................................................................................. 364
www.magix.es
Index
Orden de capas en documentos de pgina web...............................................................67
Orden de los objetos................................................................................................................27
Orden de mltiples ventanas.................................................................................................79
Orientacin.............................................................................................................................. 373
Otros .........................................................................................................................................508
Otros aspectos interesantes............................................................................................... 376
Otros formatos de pelcula..................................................................................................403
P
Pginas ....................................................................................................... 410, 464, 490, 508
Pginas de mltiples columnas..........................................................................................200
Pginas mltiples en el documento .......................................................................... 82, 490
Pantalla completa (8 del teclado numrico) ..................................................................499
Para crear un grupo ................................................................................................................128
Para dibujar un segmento de lnea curvo: ........................................................................ 153
Para dibujar un segmento de lnea recto .......................................................................... 152
Pasos y capas.......................................................................................................................... 385
Pegar (barra de control edicin o Ctrl+V).......................................................................488
Pelculas.....................................................................................................................................501
Perfil ........................................................................................................................................... 251
Personalizacin de Web Designer ....................................................................................469
Perspectivas ..............................................................................................................................119
Pestaa Analytics ........................................................................................................ 268, 293
Pestaa Copias de seguridad..............................................................................................478
Pestaa Cuadrcula y regla ........................................................................... 91, 92, 156, 474
Pestaa de opciones ..............................................................................................................461
Pestaa efectos y plug-ins...................................................................................................478
Pestaa Enlace.............................................................................................................. 269, 379
Pestaa General .....................................................................................................57, 412, 470
Pestaa Imagen............................................................................................................. 273, 281
Pestaa Marcador de lugar ................................................................................87, 287, 406
Pestaa Mouse-over.............................................................................................................286
Pestaa Opciones de paleta................................................................................................458
Pestaa Pgina ....................................................................................................270, 275, 278
Pestaa Pgina web ........................................................................................... 275, 280, 415
Pestaa Publicar......................................................................................................................291
Pestaa Ratn ......................................................................................................................... 475
Pestaa Tamao de mapa de bits .................................................................................... 460
Pestaa Tamao de pgina ........................................................................ 76, 421, 431, 477
Pies de pgina y objetos que se amplan con la pgina. .............................................. 140
Plug-ins de Photoshop (solo Web Designer de 32 bits) .............................................478
Polgonos o estrellas con esquinas redondeadas ...........................................................169
Pop-ups deslizantes .............................................................................................................. 347
Popups informativos .............................................................................................................502
Preguntar antes de aplicar el atributo actual...................................................................471
Preparar tu foto ......................................................................................................................360
Presentaciones como pginas web................................................................ 300, 385, 415
Presentaciones web ........................................................................................... 276, 414, 472
Primeros pasos .......................................................................................................23, 415, 496
Principios bsicos ...................................................................................................................421
Profundidad de la extrusin ................................................................................................368
525
526
Propiedades de capa .......................................................................... 47, 214, 387, 395, 413
Propiedades de estilo .............................................................................................................221
Propiedades de GIF animados ........................................................................................... 443
Propiedades del mapa de bits.............................................................................................327
Propiedades web (Ctrl+Shift+W)..................................................................................... 495
Publicacin de documento web ........................................................................................ 487
Publicacin de documentos web .............................................................................. 317, 453
Publicacin de variantes.......................................................................................................299
Publicacin rpida (solo archivos modificados) .............................................................316
Publicar en MAGIX Mundo Online (MOW) .................................................................. 310
Publicar en un alojamiento web alternativo .....................................................................312
Publicar la pgina web ............................................................................................................ 72
Publicar online
carga de objetos a Facebook ......................................................................................... 497
carga de objetos a Flickr ................................................................................................. 497
espacio web libre y ms.................................................................................................. 498
MAGIX lbum Online..................................................................................................... 497
publicar un sitio web........................................................................................................ 498
Publicar pgina web.....................................................................................72, 292, 310, 486
R
Radio para alineacin magntica ...................................................................................... 476
Recortar fotos..........................................................................................................................332
Recortar fotos con una mscara ........................................................................................332
Recortar o cortar imgenes ................................................................................................ 349
Recortar y cortar........................................................................................................... 431, 444
Recuperacin de copias de seguridad ................................................................................90
Recuperacin tras cierres anormales del programa........................................................90
Reemplazar colores .......................................................................................................168, 183
Reemplazar con cdigo HTML ...........................................................................................289
Reemplazar con Flash ...........................................................................................................288
Reemplazar con un archivo grfico ...................................................................................289
Registrarme............................................................................................................................. 502
Regla de los tercios............................................................................................................... 350
Reglas .......................................................................................................................... 77, 91, 208
Rehacer (barra de control estndar o Ctrl+Y)............................................................... 488
Relleno de formas con un mapa de bits ...........................................................................326
Relleno fractal ........................................................................................................................ 240
Rellenos..................................................................................................................................... 107
Rellenos circulares .................................................................................................................236
Rellenos de mapa de bits .....................................................................................................237
Rellenos elpticos....................................................................................................................237
Rellenos lineales .....................................................................................................................235
Rellenos lisos...........................................................................................................................235
Renombrar colores con nombre......................................................................................... 185
Reordenar tems en la galera.............................................................................................. 100
Reordenar los colores de la lnea de color. .......................................................................175
Repetir en todas las pginas (Shift+Ctrl+Alt+R) .......................................................... 493
Res. de efecto en vivo por def.: .......................................................................................... 479
Res. efecto bloqueado por def.: ......................................................................................... 479
Resolucin de los efectos en vivo ......................................................................................357
www.magix.es
Index
Resolucin de transparencia...............................................................................................466
Restricciones de diseo de botones ................................................................................. 383
Restringir la lnea .................................................................................................................... 157
Resumen...................................................................................................................................456
Resumen de animacin de MAGIX Web Designer 10 Premium Flash.................... 441
Resumen de shortcuts del teclado numrico .........................................................128, 130
Resumen del dilogo de exportacin GIF, PNG y JPEG ........... 72, 330, 341, 449, 456
Retina (activado por defecto)............................................................................................. 277
Revisar ortografa mientras se escribe .............................................................................497
Revisiones .................................................................................................................................. 89
Rotacin ................................................................................................................................... 433
Rotacin con ngulos exactos (utilizando la barra de informacin)..........................113
S
Saltos de columna ..................................................................................................................201
Saltos de pgina .....................................................................................................................202
Seleccin de idioma ..............................................................................................................206
Seleccin de la ventana que se quiere visualizar..............................................................79
Seleccin de objetos con ayuda de la herramienta de sombras................................ 256
Seleccin interna.................................................................................................................... 104
Seleccin y capas....................................................................................................................105
Seleccionar bajo ..................................................................................................................... 104
Seleccionar tems................................................................................................................... 100
Seleccionar mltiples puntos de control .......................................................................... 155
Seleccionar objetos .......................................................................................................103, 160
Seleccionar todo (Ctrl+A) .................................................................................................. 490
Seleccionar todo el objeto de texto...................................................................................205
Seleccionar todos los objetos ..............................................................................................105
Seleccionar un objeto dentro de un grupo .......................................................................129
Seleccionar y configurar una impresora ..........................................................................462
Separadores de men ...........................................................................................................380
Separar una forma .................................................................................................................. 172
Sesiones remotas de presentacin ................................................................................... 395
Shortcuts de teclado .............................................................................................................503
Si an tienes preguntas... .....................................................................................................509
Sincronizacin de texto .........................................................................................................130
Smartshapes ............................................................................................................................167
Sobre las presentaciones ..................................................................................................... 385
Sobre las Supersites .................................................................................277, 299, 300, 385
Soltar una copia.......................................................................................................................107
Sombras .......................................................................................................................... 128, 253
Sombras suaves, texto relleno de color, texto transparente ........................................ 47
Suavizar una lnea ................................................................................................................... 157
Subrayado de texto ............................................................................................................... 222
Subttulos de imagen ............................................................................................................284
Superndice y subndice ....................................................................................................... 223
Supersites ................................................................................................................................300
Sustitucin de archivos de imagen....................................................................................450
Sustitucin de los rellenos de mapa de bits.................................................................... 238
Sustitucin de mltiples fotos ............................................................................................... 41
Sustitucin de mltiples fotos en simultneo ................................................................ 322
527
528
Sustituir fotos ..........................................................................................................................322
T
Tab ............................................................................................................................................. 106
Tabulaciones ........................................................................................................................... 210
Tabulaciones personalizadas ............................................................................................... 211
Tabulaciones, mrgenes y sangras............................................................................ 91, 208
Tamao de foto inicial ..........................................................................................................323
Tamao de fuente ....................................................................................................................46
Tamao de pgina....................................................................................................................48
Terminologa............................................................................................................................. 191
Texto.................................................................................................................................. 44, 455
Texto alrededor de objetos........................................................................ 47, 212, 414, 493
Texto dentro de grupos para pginas web ......................................................................226
Texto en una columna .......................................................................................................... 198
Texto girado...............................................................................................................................46
Texto siguiendo una curva..........................................................................................203, 210
Texto simple .............................................................................................................................197
Texturas y fotos......................................................................................................................370
Tintes......................................................................................................................................... 187
Tipo de documento................................................................................................................472
Tipo de imagen web ..............................................................................................................285
Tipo y tamao del bisel.........................................................................................................368
Tipos de relleno .......................................................................................................................231
Tipos de tabulaciones personalizadas ............................................................................... 211
Tipos de transparencia ........................................................................................................ 246
Tonalidades.............................................................................................................................. 187
Trabajar con colores............................................ 174, 197, 204, 235, 236, 248, 256, 261
Trabajar con fotos .............................................................................251, 277, 318, 472, 495
Trabajar con objetos..................................................... 103, 104, 169, 476, 490, 491, 492
Trabajar con textos................................................................................27, 47, 173, 190, 393
Traer al frente (barra de control arreglo o Ctrl+F) ........................................................ 491
Transparencia.................................................................................... 128, 244, 326, 438, 471
Transparencia con gradacin de varios niveles..............................................................245
Transparencia en un grupo..................................................................................................435
Trayectoria invertida .............................................................................................................. 151
Tu primera animacin ...........................................................................................................422
Tus propios iconos en las pestaas de los navegadores (favicon)............................. 55
U
Ubicacin de la copia de seguridad..................................................................................... 89
Un ejemplo.....................................................................................................................238, 240
Una pgina web en 6 pasos.................................................................................................... 16
Unir dos lneas ........................................................................................................................ 145
Unir lneas ................................................................................................................................ 160
URL en Flash ................................................................................................................. 439, 444
Usar de barras de navegacin de plantillas.....................................................................372
Usar fotos como fondo. ....................................................................................................... 306
Usar fuentes en tu pgina web .............................................................................................46
www.magix.es
Index
Usar la pipeta para escoger colores................................................................. 174, 175, 179
Uso de la herramienta de zoom ........................................................................................... 80
USO DE LA HERRAMIENTA DE ZOOM ......................................................................... 353
Uso de las galeras................................................................................................................... 99
Uso de mscaras con la funcin .........................................................................................361
Uso de plantillas, cliparts y widgets.....................................................................................32
Uso del control de curva .......................................................................................................158
Utilizacin de fotos como relleno ...................................................................................... 323
Utilizacin de la herramienta de fotos .............................................................................344
Utilizacin de los campos de texto de la barra de informacin..................................156
Utilizar colores habituales para enlaces de sitios web................................................. 273
Utilizar mscaras ...................................................................................................................508
V
Variantes de pgina web .....................................................................................................496
Variantes mltiples ..................................................................................................... 295, 496
Variantes y barras de navegacin .....................................................................................298
Variantes y fondos.................................................................................................................299
Variantes y objetos repetidos.............................................................................................298
Velocidad de la animacin .................................................................................................. 432
Ventajas de la herramienta de fotos.................................................................................344
Ver pestaas de los documentos ......................................................................................499
Ver una foto ampliada en su tamao completo ............................................................ 338
Ver una galera ......................................................................................................................... 95
Vista multipgina...................................................................................................................498
Vista previa ..............................................................................................................................461
Vista previa de documentos web ......................................................................................486
Vista previa de fuente en tiempo real ...............................................................................194
Vista previa de la pgina web (F12)..................................................................................485
Vista previa de tamao de fuente en tiempo real ................................................ 194, 222
Vista previa de tu pgina web .............................................................................................. 30
Vista previa de un objeto flash en MAGIX Web Designer 10 Premium. ................ 423
Vista previa en el navegador...............................................................................................445
Vista previa flash ...................................................................................................................487
Visualizacin de una presentacin.................................................................................... 397
Visualizacin del contenido de los pasos.........................................................................391
Visualizacin del punto de anclaje.....................................................................................216
Visualizar fuentes utilizadas ............................................................................................... 228
Visualizar pgina web...........................................................................................................485
Voltear objetos .........................................................................................................................116
W
Web Designer y HTML5......................................................................................................446
Widgets de la galera de diseos.......................................................................................399
Widgets de otros sitios de widgets.................................................................................. 404
Widgets de sitios web .........................................................................27, 33, 287, 288, 398
Widgets y marcadores de posicin - todo automtico ...............................................398
529
530
Z
Zoom ........................................................................................................................................ 503
Zoom 1: 1.................................................................................................................................. 346
Zoom de foto teniendo en cuenta el contenido .............................................................362
Zoom y desplazamiento de la pgina ................................................................................. 24
www.magix.es