Hvordan lage 3D nettsteder

July 10

Nettsteder som er 3D er et grafisk illusjon produsert i grafisk design fase i webutvikling. Mens flere alternativer blir mulig med bruk av Cascading Style Sheets (CSS), disse avanserte funksjonene er ikke synlig i alle nettlesere, og derfor grafikken er fortsatt den vanligste måten å produsere 3D-nettsteder. Hvis du ønsker å lage 3D-nettsteder, kan du prøve å implementere disse instruksjonene i grafisk design fasen før du oppretter koden for ditt nettsted. Du bør ha en god forståelse av brusende stilark og webutvikling for å legge til denne grafikken til nettstedet ditt etter å ha fulgt disse instruksjonene.

Bruksanvisning

1 Åpne Photoshop. Klikk på "File" og deretter "Ny". Lag et nytt lerret som er 960 piksler i bredden, 600 piksler i høyden, og 180 piksler per tomme. Klikk på "OK".

2 I verktøykasse, klikker du på rektangel verktøyet. Venstre klikk på lerretet og dra musen for å lage et rektangel. Dette vil fungere som header bakgrunnsbilde for nettstedet.

For å endre fargen på rektangelet, dobbeltklikker du på lag miniatyren i lag panel nederst til høyre. Velg en ny farge.

3 Lag en 3D-effekt for rektangelet lag. Høyreklikk på rektangelet lag i Lag-panelet. Velg "Blending Options." Check "Drop Shadow." Klikk "OK." Mottakeren vil nå ut til å sveve om bakgrunnen.

Du kan justere skygge effekt eller legge til flere 3D-effekter under "Blending Options."

4 Lag en 3D-tittel på toppen av boksen. Dette vil fungere som tittelen på 3D-nettstedet. Klikk på teksten verktøyet i verktøykassen. Venstre klikk med musen på toppen av motorkassen og dra musen for å lage en tekstboks. Skriv en tittel på 3D-nettstedet.

5 Høyreklikk på 3D-tittelen i lag-panelet. Velg "Blending Options." Velg "Drop Shadow" og klikk "OK." Tittelen skal vises å sveve over motorkassen.

6 Gjenta trinn 2 og 3 for ytterligere områdene du ønsker å lage, inkludert navigasjon, bunntekst eller kroppsinnholdsbokser. Hvis du ønsker å inkludere 3D skrift i disse delene, også gjenta trinn 4 og 5 over disse nye boksene.

7 Klikk på "lag" i toppmenyen. Velg "Flat ut biletet." Your 3D nettstedet layout vil bli en flat grafisk, egnet for web design.

8 Ved hjelp av beskjæringsverktøyet, velge header grafikken ved å holde nede venstre museknapp og dra boksen til den omfatter hele grafikken. Hit "Enter" på tastaturet for å beskjære bildet. Klikk "Fil" og "Lagre for Web." Velg JPG og klikk "OK."

Dette vil skape en egen JPG-fil for spissen. Gjenta dette trinnet for hver ekstra 3D grafikken du opprettet.

9 Du har nå opprettet 3D-grafikk for å bruke for 3D-nettstedet. Bruk disse grafikk i utviklingsfasen for å gjøre nettstedet ditt vises 3-dimensjonal.