Come creare un Interactive Coloring Book per il Web

November 5

Creazione di un libro da colorare per il tuo sito interattivo aggiunge Pizazz al tuo sito web, ti permette di mostrare il vostro talento illustrazione, mantiene i visitatori del tuo sito, e porta i visitatori indietro ancora e ancora. Questo how-to mostra come creare le immagini da colorare utilizzando editor di immagini GIMP, ma è possibile utilizzare Photoshop, Paint Shop, Illustrator, Inkscape, o qualsiasi altro software di disegno che consente di creare due colori immagini GIF trasparenti. Creare le pagine da colorare è simile in entrambi i Photoshop e GIMP.

istruzione

Creare i Disegni da colorare

1 Creare una nuova immagine in GIMP. Impostare la larghezza di 640 e l'altezza a 400 sulla finestra "creare una nuova immagine".

2 Fare clic sul pulsante "Aggiungere un nuovo livello" nella parte inferiore della palette Livelli. Impostare il "Tipo di riempimento livello" a "Trasparenza" e cliccare sul pulsante "OK".

3 Impostare il colore di primo piano a nero. Un modo rapido per farlo è quello di cliccare modo per farlo è quello di fare clic sui piccoli riquadri bianchi e neri visualizzato nell'angolo in basso a sinistra delle "conoscenze acquisite e colori di sfondo" nella cassetta degli attrezzi.

4 Fare clic sullo strumento "Matita" nella cassetta degli attrezzi. Scegliere un pennello solido, come ad esempio "Circle 13," dal menu pennello sotto la cassetta degli attrezzi.

5 Disegna il tuo disegno o una scena sul tavolo da disegno. Assicurarsi che il nuovo, strato superiore è attiva.

6 Fare clic sull'icona "Eye" accanto al livello di sfondo nella palette Livelli per nascondere lo sfondo. L'immagine deve avere una scacchiera sfondo grigio chiaro e scuro, che indica lo sfondo è trasparente.

7 Selezionare "Immagine | Modalità | indicizzato ..." dal menu sopra il tavolo da disegno. Selezionare l'opzione "Usa Bianco e nero (1-bit) Palette". Controllare il "Rimuovi colori inutilizzati dalla mappa colori" l'opzione. Deselezionare l'opzione "Abilita dithering di trasparenza". Fai clic su "Convert" per terminare la conversione del disegno.

8 Selezionare "File | Salva con nome ..." dal menu sopra il tavolo da disegno. Nel menu "Salva immagine", tipo "coloringpage1.gif" nella casella "Nome". Selezionare "immagine GIF (* .gif)" dal menu in basso a sinistra della finestra. Passare alla cartella in cui si desidera salvare le immagini nei "Luoghi" e pannelli di navigazione file. Fare clic sul pulsante "Salva" per continuare.

9 Selezionare "Fondi livelli visibili" sulla finestra "Esporta file". Fare clic sul pulsante "Esporta" per continuare. Fare clic sul pulsante "Salva" nella finestra successiva per terminare.

10 Ripetere questa sezione per creare pagine da colorare aggiuntivi per il libro da colorare.

Creare la pagina Web Coloring Book

11 Scaricare il file "Color20.zip" sulla pagina "di Jake Coloring Book" legato nella sezione Risorse. Salvare il file nella cartella dove avete salvato le pagine da colorare.

12 Unzip Color20.zip nella cartella pagine da colorare. Ci saranno circa 30 i nuovi file nella cartella.

13 Aprire "Color.html" nel vostro editor di testo. Nella sezione applet del codice HTML, modificare gli attributi "valore" tag param denominati "image_0" attraverso "image_8" per aggiungere i tuoi disegni per l'applet colorazione. Digitare un nome di file senza l'estensione del file .gif per ogni attributo value. Eliminare i params tag aggiuntivi. Ad esempio, se si dispone di tre pagine da colorare di nome coloringpage1.gif attraverso coloringpage3.gif, i params a cura tag sarà simile a questo:

<Param name = value "image_0" = "coloringpage1">
<Param name = value "IMAGE_1" = "coloringpage2">
<Param name = value "image_2" = "coloringpage3">

14 Modificare la pagina web per personalizzarlo, aggiungendo il tuo link e stili. Vedi il link "colorare configurazione Libro di Jake" nella sezione riferimenti per le istruzioni sulla configurazione del codice di applet.

15 Carica l'intera cartella al tuo sito web e aggiungere link sulle tue pagine alla nuova pagina di libro da colorare.


Articoli Correlati