Photoshop webside Bakgrunn Tutorial
Når du oppretter en nettside, kan du enten gå inn i en standard farge for bakgrunnen, eller du kan bruke Adobe Photoshop for å lage et bilde for å sette som bakgrunn. Sistnevnte valg er best hvis du ønsker den nye nettsiden til å bli mer visuelt tiltalende for besøkende. En av de enkleste måtene å lage websiden din bakgrunn i Photoshop er å bruke flislegging metoden.
Sett Size
Først åpner en ny fil i Adobe Photoshop. Lag en fil som er dimensjonert for å være loddrett, for eksempel 40 piksler bredt og 1000 piksler lang, horisontal (det motsatte, for eksempel 1000 piksler bred og 1000 piksler), eller firkantet (for eksempel 500 av 500 piksler). Dette kommer til å være din flis. Denne filen vil være grunnlaget for din nye nettside bakgrunn.
Lag din Pattern
Deretter oppretter du et mønster på innsiden av flislagt fil. Mønsteret kan være linjer, prikker, eller til og med små bilder. For det første, gå til "Edit" og deretter "Fyll" for å sette bakgrunnsfargen på flisen. Deretter begynne å lage mønster. Husk at når du oppretter din mønster, må mønsteret å være sentrert om du vil den skal se sømløs.
For å opprette en foret mønster, velg "Line Tool" fra verktøylinjen Photoshop. Hold nede Skift-tasten for å holde det rett og trekk den ned for å lage din første linje. Juster linjer (du kan rotere dem til å være diagonal hvis du vil) og endre linjefargen som passer deg. Deretter kan du enten lage like linjer (høyreklikk på linjen i "Layers" verktøylinjen) eller trukket flere linjer manuelt. Deretter plass dem men ville du vil.
For prikker, velg "Ellipse Tool" på verktøylinjen Photoshop (dette er under "Line Tool" knappen på verktøylinjen). For torg, bruk "rektangelverktøyet." For trekanter eller annen form, må du bruke "Custom Shape Tool." Lag dupliserte lag og line dem ned flisen, den ene etter den andre.
Hvis du ønsker å flis din bakgrunn med et bilde, åpne bildet og størrelsen det ned til å passe din flis bredde. Deretter limer den over i fliser og lage duplikater.
Som en snarvei, opprette tre linjer, prikker, ruter, bilder eller andre elementer, deretter flette alle lagene ned til én. Nå kan du kopiere og lime inn som ett lag som inneholder de tre elementene så mange ganger du vil. Dette vil hjelpe deg å spare tid på å lage din fliser mønster.
Du kan også bare fylle flis fil med en tekstur. Gå til "Filter" og deretter "Texture" på Photoshop-menyen.
Lagre, laste opp, og Sett inn kode
Når du er ferdig med å lage din fliser, lagre det som en JPG eller GIF-fil i RGB-modus ( "Image" og deretter "Mode" på Photoshop-menyen). Nå kan du transportere denne filen til nett filbehandler og referere til det i body-koden på koding. La oss anta at du kalte filen "tile.gif" og plassert den i den offentlige HTML-katalogen.
Lag din kropp koder. Bruk denne koden for å generere flis: <body bakgrunn = tile.gif> (gjerne legge andre egenskaper til kroppen din kode som du ønsker). Husk å lukke kroppen tag (</ body>) når du er ferdig med å lage nettsiden din.