PASOS

1º Comenzaremos creando un motivo a partir del fondo creado en el tutorial FONDO WEB. Abrimos el fondo creado en ese tutorial en nuestro photoshop y vamos a Barra de Herramienta / Edición / definir motivo. En el cuadro de diálogo que aparece damos en ok y ya tenemos creado el motivo.

2º Abrimos una nueva imagen de 340 x 200 píxeles y contenido de fondo transparente, el resto de valores dejamos los que vienen por defecto.

3º Pasamos a rellenar esta nueva imagen con el motivo, para ello vamos a Barra de herramientas / Edición / Rellenar. En el cuadro de diálogo que nos aparece pulsamos donde se indica en la siguiente captura, para así seleccionar el motivo que acabamos de crear.

Nos quedará la imagen así:

4º Repetimos los pasos 1º , pero en esta ocasión crearemos el motivo con el FONDO DRAPEADO y dejamos el motivo guardadito para cuando lo necesitemos.

5º Creamos una nueva capa pulsando en el icono que se indica en la paleta de capas:

6º Insertamos el texto en esta nueva capa, para ello seleccionamos la herramienta Mascara de Texto Horizontal

Yo he aplicado la fuente Mistral, tamaño 130 y alineación centrada.

Hacemos clic en el centro de la imagen para comenzar a escribir.

7º Aplicamos una deformación al texto, pulsando en la herramienta "crear texto deformado" que se encuentra a la parte superior izquierda de la pantalla, en la barra de opciones . Los valores que le aplicaremos a la deformación serán:

8º Pulsamos en "aprobar modificaciones actuales" para que el texto quede seleccionado. Esta opción se encuentra el la parte superior de la pantalla, en la barra de opciones, a la izquierda.

9º Ahora rellenaremos la selección con el motivo Fondo Drapeado que teníamos guardadito.

10º Le damos un poco de relieve al texto. Para ello vamos a Barra de Herramientas / Capa / Estilo de Capas /Bisel y relieve. Y en el cuadro que nos sale ponemos los siguientes valores:

Aplicamos el relieve y acoplamos imagen (Barra de Herramientas / Capa / Acoplar imagen ) Por último guardamos la imagen con el nombre de archivo rollover1. Pero ojo, no cerramos la imagen ya que la vamos a necesitar para seguir con el otro gráfico. El resultado sería

11º Ahora prepararemos la imagen para hacer el otro gráfico. Ya hemos dicho que no debemos cerrar la imagen rolover1, sólo guardarla. Por tanto la tendremos abierta en nuestro Photshop y desharemos en ella los pasos que no nos interesen. Para esto vamos a la paleta de capa y pinchamos en la lengüeta Historia

Arrastramos las capas estilo de capa, deselección y acoplar imagen hacia el icono que se indica en la captura, para eliminarlas. De esta forma volvemos a tener el texto relleno y justo en la misma posición que en el otro gráfico. Pero en éste caso le daremos otros valores al estilo de capa, de ahí que hayamos borrado el que teníamos .

12º Volvemos a aplicar el estilo de capa, en este caso con los siguientes valores:

y el gráfico quedaría: