Home
Username:
Password:
Adobe ImageReady 7 (Español) Tutorials

Los Mapas de Imagen y los Rollovers / Crear un Mapa de Imagen Basado/Capa




Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.


Learn More

Subtitles of the Movie

ÿþ [00:00:00.0] [00:00:00.0] Veamos una forma más sencilla de crear mapas de imagen. [00:00:03.0] Vamos a crear un mapa de imagen basado en capas, sin tener que crear puntos. [00:00:09.0] Abrimos el archivo 'States.psd' y observe que tenemos las capas 'Idaho', 'Georgia' y 'Texas'. [00:00:16.0] Y por supuesto, tenemos activa la paleta de mapa de imagen (Image Map). [00:00:22.0] Activamos la capa 'Idaho' y vamos al menú 'Layer>New Layer Based Image Map Area'& [00:00:33.0] para crear el mapa de imagen. [00:00:35.0] El único problema es que éste es rectangular, así que debemos cambiarlo a uno poligonal. [00:00:41.0] Escogemos la forma poligonal (Shape: Polygonal) y ahora éste se ajusta mejor. [00:00:44.0] Podemos aumentar o disminuir la calidad (Quality) para tener un borde áspero o quizás suavizado. [00:00:54.0] Escogemos un valor de 100 para que luzca suavizado. [00:00:58.0] Lo llamamos 'Idaho', con un enlace (URL) a la página 'Idaho.htm' y el texto descriptivo (Alt) "This is Idaho". [00:01:16.0] Ahora seleccionaremos la capa 'Georgia' y vamos al menú 'Layer>New Layer Based Image Map Area'. [00:01:25.0] Cambiamos a la forma poligonal para tener un mejor ajuste y aumentamos la calidad. [00:01:31.0] Lo llamamos 'Georgia', [00:01:38.0] con un enlace a la página 'Georgia.htm' y con las descripción "This is Georgia". [00:01:52.0] Escogemos la capa 'Texas', vamos al menú 'Layer>New Layer Based Image Map Area', escogemos la forma poligonal para tener un mejor ajuste y lo llamamos 'Texas'. [00:02:07.0] Éste va a la página 'Texas.htm' y el texto descriptivo es "This is the State of Texas". [00:02:19.0] Vamos al menú 'File>Save Optimized As' y sobrescribimos estos dos archivos. [00:02:30.0] Hacemos click en 'Save' y se nos pregunta si deseamos reemplazar los archivos 'States.gif' y 'States.html'; hacemos click en 'Replace'. [00:02:38.0] Ahora estamos en la carpeta a la que exportamos. [00:02:42.0] Aquí tenemos el archivo 'States.html' y la carpeta 'Images'. [00:02:45.0] Ambos fueron exportados en el último proyecto. [00:02:49.0] Abrimos el archivo 'States.html'& [00:02:51.0] y si pasamos el mouse sobre los estados, aparece la descripción. Observe que el área del mapa de imagen está mucho más ajustada. [00:03:02.0] Lo mismo ocurre con Texas. [00:03:05.0] Si hacemos click sobre éste, se abre la página correspondiente. [00:03:08.0] Vamos a Georgia, hacemos click y se abre la página 'Georgia.htm'. [00:03:17.0]

Tutorial Information

Course: Adobe ImageReady 7 (Español)
Author: Mario Leone
SKU: 33606
ISBN: 1-932808-51-5
Release Date: 2005-03-16
Duration: 9 hrs / 166 lessons
Captions: Available on CD and Online University
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available