Cómo hacer un rollover en Photoshop CS5 Desde Slices

Un rollover es un efecto utilizado en una imagen en una página Web para transformar la imagen cuando se saca un ratón o se cierne sobre ella. Esto se utiliza a menudo para hacer botones o menús cambian de color , pero se puede utilizar en cualquier imagen . Uso de Photoshop , se puede cortar cualquier imagen en rodajas , a continuación, cambiar una rebanada de modo que sólo la parte de los cambios de imagen de la renovación , como hacer palabras que aparecen en la parte inferior , o cambiar el color de un solo elemento de la imagen . Una vez que las rodajas se crean tendrá que colocar el código JavaScript correspondiente en la página Web para crear el efecto de sustitución , utilizando un software de diseño web o un editor HTML. Instrucciones
1

lanzamiento Photoshop y seleccione " Abrir" en el menú Archivo. Desplácese hasta la imagen que desea utilizar para la renovación y haga clic en " Abrir ". Haga clic en la "herramienta Slice" en la caja de herramientas . Si usted no puede verlo, haga clic y mantenga la "Herramienta Recortar" o " Select Slice Tool" para revelarlo .

2 Decida dónde desea que aparezca el efecto de rollover . Tenga en cuenta que la herramienta Slice sólo crea divisiones rectangulares y rebanadas adicionales se crean a partir de la imagen que queda. Por ejemplo , si selecciona la mitad superior de la imagen como el corte de vuelco, la otra mitad de la imagen también será una rebanada . Si se corta un cuadrado en el centro de la imagen , se crean otros cuatro rebanadas , una encima de la rebanada , uno abajo y uno a cada lado .
3

Arrastre la herramienta Sector en el área que desea para el vuelco del vehículo. La imagen se corta en rodajas , con un número en la esquina superior izquierda.
4

Haga clic y mantenga la "Herramienta Slice" en el cuadro de herramientas, haga clic en la " herramienta Seleccionar sector . " Double -click de la división que hizo en el paso 3 para abrir la ventana Opciones de sector . Tipo " Rollover " en el campo Nombre y haga clic en " Aceptar". Haga doble clic en cada uno de los otros sectores para darles nombres adecuados , como "Top ", " izquierda ", "centro ", "derecha" y " Bottom . "
5

Press " F7 " para revelar el panel Capas . Arrastra la " capa de fondo " en el panel de capas en el botón " Nueva capa " en la parte inferior del panel. Realice los cambios que desee en la imagen para cambiar la porción " Rollover " . Puede escribir texto en el sector, dibujar una forma , o insertar otra imagen. Se pueden añadir efectos o ajustes de imagen que cambia toda la imagen. No se guardarán los cambios en otros sectores.
6

clic en "Guardar para Web y dispositivos " en el menú Archivo. Guarde la imagen en su formato preferido - en su mayoría probablemente JPEG o GIF - y haga clic en cada una de las rebanadas se guarda con el nombre que les dio como una imagen separada en una carpeta llamada
< " Guardar". "Imagen ". br> 7

Arrastre la capa " fondo copia " en el panel Capas hasta el botón "Trash " en la parte inferior del panel, así como cualesquiera otras capas pueden ser creados por la adición de efectos o texto , por lo que sólo tiene la capa original " fondo" del final.
8

Haga doble clic en el segmento de " Rollover " con la herramienta Seleccionar sector y cambie el nombre a "Original ". Haga clic en " Aceptar".

9

Haga clic en " Guardar o web y dispositivos " en el menú archivo. Utilice el mismo formato de archivo y la misma carpeta de destino como lo hizo en el paso 6 . Haga clic en " Guardar ". Un cuadro de diálogo que le advierte que serán reemplazados los demás sectores. Estas son las versiones que desea guardar , así que haga clic en "Aceptar ".
10

Utilice cualquier software de diseño Web para poner las imágenes juntas en un sitio Web. Ahora tiene todas las rodajas con la porción " Original" para volver a montar la imagen original y la porción " Rollover ", para usar en el efecto de sustitución en la página Web.