Creamos una nueva capa, pulsando en el icono que te indico en la imagen siguiente:

A esta nueva capa la llamaremos fondo tag. Para seleccionar el color con que la vamos a rellenar, utilizaremos el cuentagotas .Tomaremos una muestra de color del brazo de la chica donde aparezca un blanco azulado, una vez seleccionado el color haremos clic con el  botón izquierdo del ratón para que se fije en la paleta de colores.

Ahora rellenamos esta nueva capa con la Herramienta Bote de Pintura  .

Bieen!!! Ya tenemos el fondo y la imagen, ahora vamos a poner un marco utilizando un pincel. La imagen para crear el pincel puedes bajártela de aquí.

Abrimos la imagen del marco en Photoshop  y vamos a Barra de Herramientas / Edición / Definir valor de Pincel

Una vez escrito el texto vamos a Capa / Rasterizar / Texto. La renombramos PRIMERA , para renombrarla pulsamos en la paleta de capa sobre la capa del texto con el derecho y seleccionamos Propiedades, en la ventana que nos sale tecleamos el nuevo nombre.

Duplicamos la capa "PRIMERA", Barra de Herramientas / Capas / Duplicar y la nombramos como "SEGUNDA".Ahora pasaremos a darle un efecto "Satinado" a esta capa que hemos llamado "SEGUNDA". Para ello vamos a Barra de Herramienta / Capa / Estilo de Capa / Satinado , con los siguientes valores

Ahora ocultaremos la capa de efectos para tener mas despejado el panel de capas, lo haremos pulsando en el triangulito que está junto a f:

Volvemos a duplicar la capa "PRIMERA" y la nombramos en este caso como "TERCERA" y aplicamos efecto satinado, los valores serían:

Y volvemos a ocultar la capa de efectos de la misma forma que lo hicimos para la capa SEGUNDA

Nuevamente volvemos a duplicar la capa "PRIMERA", la nombramos "CUARTA" y aplicamos el efecto satinado, esta vez con los siguientes valores:

Y ocultamos la capa de efectos nuevamente.

El orden de las capas debe quedar como indico en el gráfico:

 

A continuación haremos invisibles las capa "SEGUNDA", "TERCERA", "CUARTA", haciendo clic en el icono del ojo que está junto a cada capa, como se indica en la imagen siguiente:

 

Ahora pasamos a ImageReady para hacer la animación. Para ir a ImageReady lo haremos desde Barra de Herramientas / Archivo / Ir a / ImageReady.

En caso de no tener visible el panel de animación vamos a Barra de Herramientas / Ventana / Mostrar animación , debe aparecer como en la imagen siguiente:

Bieen!! Pues ya tenemos visible el panel, ahora vamos a ir creando los marcos. Pulsamos en el icono "Duplicar cuadro actual" para crear el siguiente marco y a continuación hacemos visible la capa SEGUNDA:

Volvemos a duplicar  el cuadro, en este caso el segundo marco y hacemos visible la capa TERCERA. Y por último duplicamos este nuevo cuadro y hacemos visible la capa CUARTA.

La animación ya está hecha, ahora pondremos el tiempo de retardo de cada cuadro, lo haremos como se indica  en la siguiente imagen:

Y repetiremos la misma operación para cada marco de forma que todos tenga un tiempo de retardo de 0,2 segundos.

Por último seleccionamos la "opción de repetición" donde se indica en la imagen siguiente y elegimos infinito. Y nuestro Tag ya está terminado. Para ver como nos ha quedado pulsamos en el botón "ejecuta la animación" y para pararla en el botón "Detener animación"

Ya sólo nos queda guardarla, iremos a Barra de Herramientas/ Archivo / Guardar optimizado y ya tenemos el Tag listo !!!!

 

Este tutorial es una actualizacion de la version   Photoshop 6 a Photoshop CS, el original puedes verlo pinchando en la imagen de abajo.