Cómo crear un libro para colorear interactivo para la Web

La creación de un libro de colorear interactivo para su sitio web agrega pizazz a su sitio web, le permite mostrar su talento ilustración, mantenga a los visitantes en su sitio, y trae a sus visitantes una y otra vez. Este tutorial muestra cómo crear las imágenes para colorear utilizando el editor de imágenes GIMP, pero se puede utilizar Photoshop, Paint Shop, Illustrator, Inkscape, o cualquier otro software de dibujo que le permite crear de dos colores imágenes GIF transparentes. La creación de las páginas para colorear es similar tanto en Photoshop y GIMP.

Instrucciones

Crear las páginas para colorear

1 Crear una nueva imagen en GIMP. Establecer el ancho a 640 y la altura a 400 en la ventana "Crear una nueva imagen".

2 Haga clic en el botón "Añadir una nueva capa" en la parte inferior de la paleta Capas. Ajuste el "Capa Tipo de relleno" a la "transparencia" y haga clic en el botón "OK".

3 Ajuste el color a negro. Una forma rápida de hacer esto es hacer clic manera de hacer esto es hacer clic en las pequeñas cajas negras y blancas que se muestran en la esquina inferior izquierda de la "primer plano y colores de fondo" en la caja de herramientas.

4 Haga clic en la herramienta "Lápiz" en la caja de herramientas. Elija un cepillo de sólidos, tales como "Círculo 13", en el menú del cepillo debajo de la caja de herramientas.

5 Dibuje su diseño o una escena en la mesa de dibujo. Asegúrese de que la, nueva capa superior está activo.

6 Haga clic en el icono "ojo" al lado de la capa de fondo en la paleta Capas para ocultar el fondo. Su imagen debe tener un tablero de fondo gris claro y oscuro, lo que indica que el fondo es transparente.

7 Seleccione "Imagen | Modo | indexado ..." en el menú encima de la mesa de dibujo. Seleccionar la opción "Usar Blanco y Negro (1 bit) Paleta". Marque la casilla "Eliminar colores no utilizados del mapa de color" opción. Desactive la opción "Habilitar tramado de transparencia". Haga clic en "Convertir" para terminar de convertir el dibujo.

8 Seleccione "Archivo | Guardar como ..." en el menú encima de la mesa de dibujo. En el menú "Guardar imagen", tipo "coloringpage1.gif" en el cuadro "Nombre". Seleccione "imagen GIF (* .gif)" en el menú en la parte inferior izquierda de la ventana. Navegue a la carpeta en la que desea guardar sus imágenes en los "Lugares" y los paneles de navegación de archivos. Haga clic en el botón "Guardar" para continuar.

9 Seleccione "Combinar las capas visibles" en la ventana "Exportar archivo". Haga clic en el botón "Exportar" para continuar. Haga clic en el botón "Guardar" en la ventana siguiente para terminar.

10 Repetir esta sección para crear páginas para colorear adicionales para su libro para colorear.

Crear la página web del libro para colorear

11 Descargar el archivo "Color20.zip" en la página "de Jake Coloring Book" vinculado en la sección de Recursos. Guarde el archivo en la carpeta donde guardó sus páginas para colorear.

12 Descomprimir Color20.zip en la carpeta de páginas para colorear. Habrá aproximadamente 30 nuevos archivos de la carpeta.

13 Abrir "Color.html" en tu editor de texto. En la sección del applet del código HTML, cambiar los atributos de "valor" de las etiquetas param nombre "image_0" a través de "image_8" para añadir sus dibujos para colorear el applet. Escriba un nombre de archivo sin la extensión de archivo .gif para cada atributo de valor. Eliminar las etiquetas params adicionales. Por ejemplo, si tiene tres páginas para colorear con nombre coloringpage1.gif través coloringpage3.gif, las etiquetas params editados se vería así:

<Param name = "image_0" = "coloringpage1">
<Param name = "image_1" = "coloringpage2">
<Param name = "imagen_2" = "coloringpage3">

14 Editar la página Web para personalizarlo, añadir los enlaces y estilos. Ver el enlace "Configuración de libro para colorear de Jake" en la sección de referencias para obtener instrucciones sobre cómo configurar el código del applet.

15 Sube la carpeta completa de su sitio web y añadir enlaces en sus páginas a la nueva página de libro para colorear.