ubiquitour.com

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

Crear un libro de colorear interactivo para tu sitio web añade pizazz a su sitio web, permite mostrar su talento en Ilustración, mantiene a los visitantes en su sitio y trae tus visitantes una y otra vez. Este cómo hacerlo te muestra cómo crear el colorear imágenes libro usando GIMP editor de imagen, pero puede usar Photoshop, Paint Shop, Illustrator, Inkscape o cualquier otro software de dibujo que permite crear imágenes GIF transparentes de dos colores. Crear las páginas para colorear es similar en Photoshop y GIMP.

Instrucciones

Crear las páginas para colorear

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

2 Haga clic en el botón "Añadir una nueva capa" en la parte inferior de la paleta de capas. Establecer el "tipo de llenar de capa" a la "Transparencia" y haga clic en el botón "OK".

3 Establecer el color de primer plano a negro. Una forma rápida de hacer esto es a manera de hacer esto, haga clic en haga clic en los pequeños cuadros blanco y negro que se muestra en la esquina inferior izquierda de la "primer plano y los colores de fondo" en la caja de herramientas.

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

5 Dibuja tu diseño o la escena en el tablero de dibujo. Asegúrese de que la nueva, la capa superior es activa.

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 fondo de damero gris claro y oscuro, que indica que el fondo es transparente.

7 Seleccione "imagen | Modo | Indexadas..."en el menú por encima de la mesa de dibujo. Seleccione la opción "Usar paleta de blanco y negro (1 bit)". Seleccione la opción "Quitar colores sin usar el mapa de". Desactive la opción "Habilitar tramado de transparencia". Haga clic en "Convertir" para terminar la conversión de su dibujo.

8 Seleccione "archivo | Guardar como..."del menú sobre la mesa de dibujo. En el menú "Guardar imagen", escriba "coloringpage1.gif" en el cuadro "Nombre". Seleccione "imagen GIF (*.gif)" en el menú en la parte inferior izquierda de la ventana. Desplácese a la carpeta donde desea guardar las imágenes en los "Lugares" y los paneles de navegación de archivo. 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 siguiente ventana para terminar.

10 Repita esta sección para crear páginas adicionales para colorear para tu libro de colorear.

Crear la página de Web de libro para colorear

11 Descargar el archivo "Color20.zip" en el "libro de colorear de Jake" página vinculada en la sección de recursos. Guarde el archivo en la carpeta donde guardaste tus páginas para colorear.

12 Descomprimir Color20.zip en su colorante carpeta páginas. Habrá aproximadamente 30 nuevos archivos en la carpeta.

13 Abra "Color.html" en tu editor de texto. En la sección de applet del código HTML, cambiar los atributos de "Valor" de las etiquetas param llamados "image_0" a través de "image_8" para agregar tus dibujos a la miniaplicación para colorear. Escriba un nombre de archivo sin la extensión .gif para cada atributo de valor. Eliminar las etiquetas de parámetros extra. Por ejemplo, si tienes tres dibujos para colorear llamados coloringpage1.gif a través de coloringpage3.gif, los tags params editado tendrá el siguiente aspecto:

< nombre de param = "image_0" value = "coloringpage1" >< nombre de param = "image_1" value = "coloringpage2" >< nombre de param = "image_2" value = "coloringpage3" >

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

15 Subir toda la carpeta a su sitio web y agregar enlaces en sus páginas a la nueva página de libro para colorear.