Hvordan lage en interaktiv coloring bok for Web

March 12

Opprette en interaktiv coloring bok for ditt nettsted legger preg til nettstedet ditt, kan du vise frem din illustrasjon talent, holder besøkende på nettstedet ditt, og bringer de besøkende tilbake igjen og igjen. Dette how-to viser deg hvordan du oppretter fargebok bilder med GIMP bilderedigeringsprogram, men du kan bruke Photoshop, Paint Shop, Illustrator, Inkscape, eller andre tegneprogrammer som lar deg lage to-farge gjennomsiktige GIF-bilder. Opprette coloring sider er lik i både Photoshop og GIMP.

Bruksanvisning

Opprett Coloring Pages

1 Opprett et nytt bilde i GIMP. Sett bredden til 640 og høyden til 400 på «Opprett et nytt bilde" -vinduet.

2 Klikk på "Legg til et nytt lag" -knappen nederst i lagpaletten. Still "Layer Fill Type" til "Transparency" og klikk på "OK" -knappen.

3 Sett forgrunnsfargen til svart. En rask måte å gjøre dette på er å klikke måte å gjøre dette på er å klikke den lille sorte og hvite bokser som vises i nedre venstre hjørne av "Foreground & bakgrunnsfarger" i verktøyboksen.

4 Klikk på "Pencil" verktøyet i verktøykassen. Velg en solid børste, for eksempel "Circle 13", fra Brush menyen under verktøykassen.

5 Tegn ditt design eller scene på tegnebrettet. Kontroller at den nye, topplaget er aktiv.

6 Klikk på "Eye" ikonet ved siden av bakgrunnslaget på lagpaletten å skjule bakgrunnen. Ditt bilde skal ha en lys og mørk grå sjakkbrett bakgrunn, noe som indikerer bakgrunnen er gjennomsiktig.

7 Velg "Image | Mode | indeksert ..." fra menyen over tegnebrettet. Velg "Bruk Black and White (1-bit) Palette" alternativet. Sjekk "Fjern Ubrukte farger fra fargekart" alternativet. Fjern merkingen i "Enable Dithering av Transparency" alternativet. Klikk på "Konverter" for å avslutte konvertere tegningen.

8 Velg "Fil | Lagre som ..." fra menyen over tegnebrettet. På "Lagre bilde" -menyen, skriv inn "coloringpage1.gif" i "Name" -boksen. Velg "GIF-bilde (* .gif)" fra menyen nederst til venstre i vinduet. Naviger til mappen hvor du vil lagre bildene i "Places" og filen navigasjonspaneler. Klikk på "Lagre" -knappen for å fortsette.

9 Velg "Slå sammen synlige lag" på "Export File" -vinduet. Klikk på "Export" -knappen for å fortsette. Klikk på "Lagre" -knappen i det neste vinduet for å fullføre.

10 Gjenta denne delen for å opprette flere coloring sider for fargelegging bok.

Opprett Coloring Book webside

11 Last ned "Color20.zip" fil på "Jake Coloring Book" side knyttet i Resources. Lagre filen i mappen der du lagret fargeleggingssider.

12 Pakk Color20.zip inn coloring sider mappe. Det vil være ca 30 nye filer i mappen.

1. 3 Åpne "Color.html" i en teksteditor. I applet-delen av HTML-koden, endre "Value" attributter av param tags heter "image_0" gjennom "image_8" for å legge til dine tegninger til fargelegging applet. Skriv inn et filnavn uten .gif filtype for hver verdi attributt. Slett ekstra parametere på koder. For eksempel, hvis du har tre fargeleggingssider heter coloringpage1.gif gjennom coloringpage3.gif, vil de redigerte parametere på kodene se slik ut:

14 Rediger nettside for å tilpasse den, legge inn linker og stiler. Se "Jake Coloring Book Configuration" i referansene for å få instruksjoner om hvordan du konfigurerer applet-koden.

15 Last opp hele mappen til nettstedet ditt og legge til linker på sidene dine til ny fargebok side.