Selvom designere normalt bruger Photoshop til at skabe kunst og produkt billeder , kan programmet også bruges til at designe websider . Det betyder ikke understøtte selve oprettelsen af HTML eller CSS, men i stedet giver redskaber til at gøre de grafiske elementer på din side og planlægge din sidens udseende. Det selv giver en gemme værktøj, der specifikt optimerer dine billeder til internettet. Hvad du har brug
Computer
Photoshop
Vis Flere Instruktioner
1
Opret et nyt projekt i Photoshop. Dimensionerne af dit nye projekt skal være, at din webside. Vælg en webside dimension , der passer til et almindeligt anvendt skærmopløsning. Bare i tankerne , at din webside vil tilgås af computere med en bred vifte af skærmopløsninger , men, så sørg for at du designe din side, så det er mindst tilgængelig for mindre opløsninger.
2
Klik på Farvevælger værktøj på værktøjslinjen , og vælg en baggrundsfarve til din webside. Vælg derefter værktøjet Udfyld og klik på dit projekt. Dit projekt vil nu fylde med din baggrundsfarve.
3
Gå til menuen Lag , og vælg Nyt lag . Skabe nogen tekstbokse , tabeller og andre farvefelter på dette lag .
4
Vælg tekstværktøjet på værktøjslinjen , og klik på en af de farvede felter. Tilføj en tekst , du ønsker der skal være på din webside . Du kan justere den stil og skriftstørrelse på din tekst via en menu i øverste venstre hjørne af Photoshop. Vær sikker på at tilføje en titel i toppen af din side i en stor skrifttype .
5
Gå til menuen Lag , og vælg Nyt lag igen. Brug denne nye lag til tilføje billeder og andre grafiske elementer til din webside. En dejlig logo ved din titel vil bidrage til at fikse det op. Hvis du vil tilføje billeder til din webside, importere dem til Photoshop via menuen Filer. Vælg hvert billede med den rektangulære markeringsværktøj og højreklik på billedet. Vælg Kopiér fra rullemenuen . Gå til din webside fil og vælg Sæt ind i menuen Rediger . Du kan klikke og trække dit billede til alle dele af dit projekt.
6
Vælg Slice værktøj fra værktøjslinjen. Udsnitsværktøjet cordons off blokke af dit billede og skærer det op i en række mindre billeder. Dette er nyttigt, hvis du ønsker at have en fælles design på din webside, men med visse dele , der tjener som knapper til links.
7
Gå til menuen Filer og vælge Gem som. Gem dit projekt som en. PSD-fil . Dette er i tilfælde af at du ønsker at gå tilbage og foretage justeringer efter du har lavet din webside.
8
Gå til menuen Lag , og vælg Merge Visible . Alle dine lag vil blive lagt sammen til én .
9
Gå til menuen Filer og vælge Gem til web . Vælg det billede , du ønsker at bruge på din webside, fortrinsvis enten . Jpeg eller . Gif . Klik på Gem. Photoshop vil nu skive op dit billede en gemme hver skive som et unikt billede i en mappe afsat til dit projekt. Du kan derefter indlæse hvert billede i en webside editor, ompakke skiverne i en samlet helhed. Du kan derefter programmere individuelle skiver til at fungere som link -knapper.