Selv designere vanligvis bruker Photoshop til å lage skisser og bilder av produktene , kan programmet også brukes til å designe websider . Den støtter ikke selve skapelsen av HTML eller CSS, men i stedet gir verktøy for å lage de grafiske elementene på siden din og planlegger sidens utseende . Det gir enda en redning verktøy som spesifikt optimaliserer bildene for internett. Du trenger
Computer
Photoshop
Vis flere instruksjoner
en
Lag et nytt prosjekt i Photoshop. Dimensjonene på det nye prosjektet bør være som i websiden din. Plukk en webside dimensjon som overholder en vanlig skjermoppløsning. Bare husk at nettsiden vil nås av datamaskiner med en rekke skjermoppløsninger , skjønt, så sørg for at du designe din side slik at det er minst tilgjengelig for lavere oppløsninger .
2
Klikk på fargevelgeren verktøyet på verktøylinjen og velge en bakgrunnsfarge for websiden din. Deretter velger du Fyll-verktøyet og klikk på prosjektet ditt . Prosjektet vil nå fylle med din bakgrunnsfarge.
3
Gå til Layers -menyen og velg New Layer. Lag noen tekstbokser , tabeller og andre farger felt på dette laget .
4
Velg tekst på verktøylinjen og klikk på en av de fargede feltene . Legg all tekst du ønsker at det skal være på websiden din. Du kan justere stilen og skriftstørrelsen på teksten din via en meny øverst i venstre hjørne av Photoshop. Sørg for å legge til en tittel på toppen av siden din i en stor skrift .
5
Gå til Layers -menyen og velg New Layer igjen . Bruk dette nye laget til å legge til bilder og andre grafiske elementer til websiden din. En fin logo av din viktigste tittelen vil bidra til å pynte den opp. For å legge til bilder til nettsiden din , importere dem til Photoshop via Fil-menyen. Velg hvert bilde med den rektangulære markeringsverktøyet og høyre klikk på bildet . Velg Kopier fra nedtrekksmenyen . Gå til websiden din fil og velg Lim inn fra Rediger -menyen. Du kan klikke og dra bildet til en del av prosjektet .
6
Velg Slice verktøyet fra verktøylinjen . De Slice Tool sperrer av blokker av bildet og skjærer den opp i en rekke mindre bilder. Dette er nyttig hvis du ønsker å ha en enhetlig design på websiden din, men med visse deler fungerer som knapper for linker .
7
Gå til Fil-menyen og velg Lagre som. Lagre prosjektet som en . Psd fil . Dette er i tilfelle du ønsker å gå tilbake og gjøre justeringer etter at du har gjort din webside.
8
Gå til Layers -menyen og velg Merge Visible . Alle dine lagene vil bli slått sammen til én.
9
Gå til Fil-menyen og velg Lagre for Web . Velg bildet type du ønsker å bruke på websiden din , helst heller. Jpeg eller . Gif . Klikk på Lagre. Photoshop vil nå dele opp bildet ditt en spare hver skive som et unikt bilde i en mappe viet til prosjektet. Du kan deretter laste hvert bilde i en nettside editor , monterer skiver til en enhetlig helhet. Deretter kan du programmere individuelle skiver til å fungere som lenke knapper.